/*--------------------------------------------*/
/*------- GENERAL --> TRANSITION + LAYOUT BUILDER -------------*/
/*--------------------------------------------*/

html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0;line-height: 1.8em;font: 16px 'Rubik',Arial,Helvetica,sans-serif;font-weight: 300}


/* {-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);-moz-transition: all .45s cubic-bezier(.23,1,.32,1);-ms-transition: all .45s cubic-bezier(.23,1,.32,1);-o-transition: all .45s cubic-bezier(.23,1,.32,1);transition: all .45s cubic-bezier(.23,1,.32,1);}*/

figure, ul {margin: 0; padding: 0; overflow: hidden;}
figcaption {padding: 5px 0}

/*.tileRow .backpic, figure img, p > img {border-radius: 4px}*/

img {max-width: 100%; height: auto; display: block}
.center img {margin: 0 auto}

.invisible {display: none}
.block {display: block}
.inner {padding: 25px}
.inner.lightgray {border: 1px solid #ddd}

.bordered {border: 1px solid #ddd}

figure.image_container.float_left {float: left; margin: 8px 3% 3% 0}
figure.image_container.float_right {float: right; margin: 8px 3% 3% 0}


/* LIGHTBOX ELEMENTS*/ 
#colorbox, #cboxOverlay, #cboxWrapper {z-index: 9999999999}
#colorbox {position: fixed !important; top: 10% !important}
#cboxLoadedContent {border: none}
#colorbox, #cboxContent, #cboxLoadedContent, .cboxPhoto {background-color: rgba(0,0,0,0)}
.cboxPhoto {border-radius: 4px; overflow: hidden}
#cboxContent {margin-top: 0 !important; margin-bottom: 100px}
#cboxTitle {top: initial !important; bottom: -100px}

#cboxClose {position: fixed;top: 3%;right: 3%;text-indent: 0;background: none}
#cboxClose:before {font-family: "Font Awesome 5 Free";content:"\f057";font-size: 3em;color: #fff; cursor: pointer}

#cboxNext {position: fixed;top: 45%;right: 3%;text-indent: 0;background: none}
#cboxNext:before {font-family: "Font Awesome 5 Free";content:"\f054";font-weight: 900;font-size: 3em;color: #fff; cursor: pointer}

#cboxPrevious {position: fixed;top: 45%;left: 3%;text-indent: 0;background: none}
#cboxPrevious:before {font-family: "Font Awesome 5 Free";content:"\f053";font-weight: 900;font-size: 3em;color: #fff; cursor: pointer}
#cboxTitle, #cboxCurrent {font-size: 13px}


@media (max-width: 768px)
{
	#colorbox {padding-bottom: 60px}	
	#cboxWrapper {overflow: visible !important; padding-top: 60px}
	#cboxTitle {top: -60px; font-size: 10px}
	#cboxCurrent {top: initial; bottom: 0; background-color: #000; font-size: 10px}
}



/*--------------------------------------------*/
/*------- GENERAL --> FONTS -------------*/
/*--------------------------------------------*/
h1, h2, h3, h4, h5, h6,strong {font: 16px 'Rubik',Arial,Helvetica,sans-serif;font-weight: 700; margin-top: 3px; position: relative; margin-bottom: 10px}

h1 {font-size: 2em}
h2 {font-size: 2em;line-height: 1.4em}
h3 {font-size: 1.3em;line-height: 1.4em;}

.hightlight-headline h1, .hightlight-headline, .hightlight-subheadline {color: #0f7886}


a, button {outline: none; text-decoration: none}

.ce_text a, p.back > a {text-decoration: none; color: #000050}
.ce_text a:hover, p.back > a:hover {text-decoration: underline;}

figure a[target=_blank]:after {content: ""}
a[target=_blank]:after {font-family: "Font Awesome 5 Free";font-weight: 900; content:"\f061";display: inline-block; margin: 0 5px;text-decoration: none !important;  border-bottom: 1px solid transparent;     font-size: 12px;-webkit-transform: rotate(-45deg);-webkit-transform-origin: 35% 40%;-moz-transform: rotate(-45deg);-moz-transform-origin: 35% 40%;-o-transform: rotate(-45deg);-o-transform-origin: 35% 40%;-ms-transform: rotate(-45deg);-ms-transform-origin: 35% 40%;transform: rotate(-45deg);transform-origin: 35% 40%;}
.ie a[target=_blank]:after {text-decoration: underline;line-height: 0.7;overflow: hidden;}  
a[target=_blank]:hover:after {transform-origin: 50% 0;}

p {/*-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;*/ line-height: 1.8}

.textup {text-transform: uppercase}
.textbold {font-weight: bold}
.textcenter, .pagination {text-align: center}
.textright {text-align: right}
.smalltext, .caption, .layout_short, p.info, p.back > a, .mod_eventlist .header {font-size: 14px;line-height: 1.6em}
p.info {margin-top: 0}

button, .ce_hyperlink.button > a, .layout_latest .more > a {padding: 8px 15px; background-color: #32a3a1; border-bottom: 2px solid #267d7c; border-radius: 3.5px; color: #fff}
.ce_hyperlink.button.centered {margin: 0 auto;text-align: center;margin-top: 6%;margin-bottom: 6%;}

.buttonRow {display: flex; justify-content: center; align-items: center}
.buttonRow a {display: block; background-color: #0f7886; color: #fff; border-radius: 4.5px;  padding: 8px 24px; border: 2px solid #0f7886; outline: 0; min-width: 140px; font-size: 16px; cursor: pointer; margin: 0 20px; text-align: center}
.buttonRow a:hover {background-color: #0c6777}
.buttonRow a.disabled {background-color: #fff; border: 2px solid #aaa; color: #aaa; cursor: not-allowed} 

/*Bulletpoints Textelemente*/
#main .ce_text ul, #pg_sJCurrentText ul {padding-left: 20px;list-style-type: none}
#main .ce_text ul li, #pg_sJCurrentText ul li {margin-bottom: 10px}
#main .ce_text ul li::before, #pg_sJCurrentText ul li:before {list-style-type: none;content: "–";color: #f00;padding-right: 10px;font-size: 20px;margin-left: -20px;vertical-align: top;}

/*Pagination*/
#main .pagination {margin-bottom: 3%;font-size: 1.2em}
#main .pagination ul {margin: 0 auto}
#main .pagination ul li {display: inline-block; vertical-align: middle;margin: 0 1%;}
#main .pagination ul li a, #main .pagination ul li span { float: left; padding: 5px 10px 5px 10px}
#main .pagination ul li:before { content: none }
#main .pagination ul li a:hover, #main .pagination ul li span { opacity: 0.8 }

#main {min-height: 80vh}

span.mandatory {color: #fc0d1b}

/*--------------------------------------------*/
/*------- GENERAL --> COLORS -------------*/
/*--------------------------------------------*/

body, a {color: #000}

/*WHITEBACK*/
.whiteBack {background-color: #fff }

/*LIGHTGRAY*/
.lightgray {background-color: #f4f4f4}

/*BLUEBACK*/
.darkBlue {background-color: #0a1f30; color: #fff}
.blue {background-color: #115f8a; color: #fff}
.lightBlue {background-color: #00c9d9; color: #fff}

/*RED*/
.red {background-color: #e84046;color: #fff}

/*BOXED*/
.boxed {border: 1px solid #e2e5e7}



/*--------------------------------------------*/
/*------- GENERAL --> HEADER -------------*/
/*--------------------------------------------*/
#headBar {padding: 31px 0 5px 0}
#logo{float: left}
#logo a {display: flex; align-items: center}
#logo img:last-child {max-width: 250px}

#headNavigation {float: right}
#headNavigation ul {display: flex}
#headNavigation ul li {display: inline-block; margin-left: 20px}

#header .inside {position: relative}
#logoutIcon{position: absolute;right: 1%;top: 70px;width: 50px;height: 50px;border-radius: 50%;background: #0f7886;display: flex;justify-content: center;align-items: center;font-size: 1.4em;}
#logoutIcon a {color: #fff}



/*--------------------------------------------*/
/*------- GENERAL --> FOOTER -------------*/
/*--------------------------------------------*/
#footer {background-color: #0f7886; color: #fff; padding: 3% 0}
#footer li {list-style-type: none; margin-bottom: 10px}
#footer a {color: #fff}




/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- GENERAL --> MAIN ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
.backPicture {background: url("/files/img/1000_F_326477949_YnO7XZJaVaEC6bWumhJVOTbutViE7rKW.jpg") 50% 50% no-repeat; background-size: cover; min-height: 60vh}

.backpic .layer, .backpic .container, .backpic .container > .inside {height: 100%}
.backpic .container > .inside {display: flex;align-items: center;}
.backpic .container > .inside h1 {font-size: 2.7em}


/*--------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- LOGIN ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
.mod_login {border: 2px solid #ddd; border-radius: 5px; padding: 25px}

#article-1 .ce_text.col6 p {margin-top: 0}

.hintBox {border: 2px solid #08507f; padding: 25px; border-radius: 4px; margin: 3% 0; color: #08507f;font-weight: bold;}

/*--------------------------------------------*/
/*------- PAGE --> FORMS & INPUTS -------------*/
/*--------------------------------------------*/
.mod_subscribe {margin: 6% 0}
.mod_subscribe input[type="submit"], .mod_unsubscribe .submit, .mod_search .formbody input[type="submit"] {margin-top: 10px; max-width: 250px; display: block}
#tl_subscribe input.text, #tl_unsubscribe input.text, .mod_search input.text {margin-bottom: 10px; height: 45px}
.mod_unsubscribe .widget-submit {overflow: hidden; display: block}
.mod_unsubscribe .widget-submit .submit {float: right}

.ce_form {overflow: hidden; margin-bottom: 3%}

.widget {display: flex;flex-flow: column-reverse;margin-bottom: 1.5em;}

.widget .error {border-bottom: 2px solid #f00 !important}
.widget .hint {font-size: 12px; margin-top: 3px; text-align: right}

.widget.select {width: 50%; position: relative; cursor: pointer}
.widget.select .selectFrame:before {content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute; right: 20px; top: 10px}
.widget.select select {cursor: pointer; background-color: rgba(0,0,0,0); width: 100%;position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;}
.widget.select .selectFrame {background-color: #f0f3f5;border-radius: .3rem;height: 50px; position: relative}

.widget label, .widget input, .widget select, #tl_subscribe input.text, #tl_unsubscribe input.text  {transition: all 0.2s;touch-action: manipulation}
.widget input, .widget textarea, .widget select, #tl_subscribe input.text, #tl_unsubscribe input.text {font-size: 1.2em;border: 0;border-bottom: 1px solid #ccc;font-family: inherit;-webkit-appearance: none;border-radius: .3rem;padding: 0 10px;cursor: text;background-color: #f0f3f5;height: 50px; width: 100%}
.label, .widget label {font-size: 1em; margin-bottom: 5px; line-height: 24px}
.widget label a {color: #0f7886; text-decoration: underline}
.widget textarea {height: 150px;padding: 10px;}
.widget-textarea {padding-top: 10px}

/*
.widget input:focus, .widget textarea:focus, #tl_subscribe input.text, #tl_unsubscribe input.text {outline: 0;border-bottom: 1px solid #666}

.widget input:placeholder-shown + label {cursor: text;max-width: 66.66%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transform-origin: left bottom;color: #646973;transform: translate(0.5rem, 2.2rem) scale(1.2);}
.widget textarea:placeholder-shown + label {cursor: text;max-width: 66.66%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transform-origin: left bottom;color: #646973;transform: translate(0.5rem, 1.2rem) scale(1.2);}

.widget ::-webkit-input-placeholder, .widget ::-webkit-textarea-placeholder  {opacity: 0;transition: inherit;}
.widget input:focus::-webkit-input-placeholder, .widget textarea:focus::-webkit-textarea-placeholder {opacity: 0;}



.widget input:not(:placeholder-shown) + label,
.widget input:focus + label {transform: translate(0, 0) scale(1);cursor: pointer;}
.widget textarea:not(:placeholder-shown) + label,
.widget  textarea:focus + label {transform: translate(0, -12px) scale(1);cursor: pointer;}
*/
.submit_container {float: right}
.widget-submit .submit, .submit_container input[type="submit"], .mod_subscribe input[type="submit"], .mod_unsubscribe .submit, .mod_search .formbody input[type="submit"], #ctrl_8
{    font-size: 1rem;
    text-align: center;
    white-space: normal;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    min-width: 13.6rem;
    padding: 12px;
    background: #0f7886 !important;
    border: .1rem solid #0f7886;
    border-radius: .4rem;
    cursor: pointer;
    color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;}
.submit_container input[type="submit"]:hover, .mod_subscribe input[type="submit"]:hover, .mod_unsubscribe .submit:hover, .mod_search .formbody input[type="submit"]:hover {opacity: 0.8}

.ce_form input::-webkit-input-placeholder, .ce_form input:focus::-webkit-input-placeholder, .widget textarea:focus::-webkit-textarea-placeholder {opacity: 0;transition: inherit;}
.ce_form input:-moz-placeholder, .ce_form input:focus:-moz-placeholder, textarea:focus::-moz-textarea-placeholder, textarea::-moz-textarea-placeholder {opacity: 0;transition: inherit;} /* FF 4-18 */
.ce_form input::-moz-placeholder, .ce_form input:focus::-moz-placeholder {opacity: 0;transition: inherit;} /* FF 19+ */
.ce_form input:-ms-input-placeholder, .ce_form input:focus:-ms-input-placeholder {opacity: 0;transition: inherit; } /* IE 10+ */

.ce_form ::-webkit-input-placeholder, .mod_login ::-webkit-input-placeholder{
	/* WebKit browsers */
	 color: transparent;
}
.ce_form :-moz-placeholder, .mod_login :-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	 color: transparent;
}
.ce_form ::-moz-placeholder, .mod_login :-moz-placeholder {
	/* Mozilla Firefox 19+ */
	 color: transparent;
}
.ce_form :-ms-input-placeholder, .mod_login :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	 color: transparent;
}
.ce_form input::placeholder, .mod_login input::placeholder {
	 color: transparent;
}
 textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	 color: transparent;
}
 textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	 color: transparent;
}
 textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	 color: transparent;
}
 textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	 color: transparent;
}
 textarea::placeholder {
	 color: transparent;
}

.mandatoryHint {margin-top: -20px; font-size: 12px}


/*COLORS*/
.pg_cTBlockAccToggler, #pg_consentTool a {color: #e00}
#pg_cTBigButton, #pg_cTBannerBtnRow .btn {background-color: #0f7886;color: #fff;border-radius: 4px;}
#pg_cTBigButton:hover, #pg_cTBannerBtnRow .btn:hover {opacity: 0.8}
#pg_cTBannerBtnRow .btn:last-child {background-color: #fff; border: 2px solid #000; color: #000}
#pg_cTBannerBtnRow .btn:last-child:hover {background-color: #000; color: #fff}

.pg_cTBlockSelect .btn.active.red, .pg_cTBlockSelect .btn.red:hover, #pg_cTBigButton.active, #pg_cTError {background-color: #e00; color: #fff}
.pg_cTBlockSelect .btn.active.green, .pg_cTBlockSelect .btn.green:hover {background-color: #5fc323; color: #fff}
#pg_consentToolText p, #pg_consentToolText a{color: #222 !important}
/*GENERALS BANNER*/
#pg_cTBanner {position: fixed; width: 50%; left: 25%; top: 45%; background-color: #fff; color: #222; padding: 25px 50px; z-index: 99999;box-shadow: 0 6px 36px rgba(0,0,0,0.3) !important;}
#pg_cTBanner a {color: #000!important}
#pg_cTBannerBtnRow {margin: 20px 0 10px 0; text-align: center}
#pg_cTBannerBtnRow .btn {display: inline-block; margin: 0 1%; padding: 8px 0;width: 30%; font-weight: bold; cursor: pointer}


/*GENERALS ERWEITERTE EINSTELLUNGEN*/
#pg_consentToolBack {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 999999999999}
#pg_consentTool {position: fixed;  top: 5%; left: 20%;right: 20%; overflow: hidden;  background-color: rgba(255,255,255,1); z-index: 99999999999999; font-size: 13px; line-height: 20px;border: 6px solid #9c9c9c;}

#pg_consentToolInner {position: relative;padding: 20px; max-height: 600px;  overflow: auto;}
#pg_consentToolInner h2 {color: #222}
#pg_consentToolInner h2:after {display: none}
#pg_consentToolBar {background-color: #9c9c9c;padding: 10px;text-align: right;font-size: 2em;color: #fff;cursor: pointer}

.pg_cTBlock {margin-top: 20px; padding: 10px 0; border-top: 1px solid #ddd; color: #222}
.pg_cTBlockAccordeon {position: relative; padding-right: 20%; margin-top: 10px;}
.pg_cTBlockAccToggler {font-weight: bold; cursor: pointer;}

/*BUTTONS*/
.pg_cTBlockSelect {position: absolute; right: 0; top: 0}
.pg_cTBlockSelect .btn {display: inline-block; padding: 5px; text-align: center; background-color: #333; color: #fff;margin: 0 -1px;min-width: 60px;cursor: pointer}
.pg_cTBlockSelect .btn:nth-child(1) {border-top-left-radius: 10px;border-bottom-left-radius: 10px}
.pg_cTBlockSelect .btn:nth-child(2) {border-top-right-radius: 10px;border-bottom-right-radius: 10px}

/*BIGBUTTON*/
.pg_cTBlockAccContent {height: 0; overflow: hidden}
.pg_cTBlockAccContentInner {padding: 10px}
.pg_cTBlockAccordeon.active > .pg_cTBlockAccContent {height: auto}


/*BIGBUTTON*/
.pg_cTButtonRow {padding-top: 20px;}
#pg_cTBigButton {width: 80%; margin: 0 auto; padding: 10px; text-align: center;font-weight: bold}
#pg_cTBigButton.active {cursor: pointer}


/*BIGBUTTON*/
#pg_cTError {position: absolute; top: 70%; left: 5%; right: 5%; padding: 10px; text-align: center; box-shadow: 2px 2px 15px rgba(0,0,0,.6); font-weight: bold}

/* Checkbox LISTE */ 
.checkboxListRow {display: flex}
.checkboxListRow .col2 {position: relative}
.checkboxListRow .customcheckbox > input {opacity: 0;position: absolute; top: 0; margin: 0 !important; height: 100%; width: 100%; z-index: 99999999}
.checkboxListRow .customcheckbox > input, .checkboxListRow .checkbox-label {display: inline-block;vertical-align: middle;margin: 5px;cursor: pointer}
.checkboxListRow .checkbox-label {position: relative; width: 100%; line-height: 34px !important; height: 55px; padding: 0;display: flex; justify-content: center; margin: 0; align-items: center}
.checkboxListRow .customcheckbox > input + .checkbox-label:before{content: '';background: #fff;border: 2px solid #c1c1c1;display: inline-block;vertical-align: middle;width: 20px;height: 20px;border-radius: 3.5px; padding: 5px;text-align: center;display: flex;justify-content: center;align-items: center}
.checkboxListRow .customcheckbox > input:checked + .checkbox-label:before {content: "\f00c";font-family: 'FontAwesome';background-color: #0f7886;color: #fff; font-size: 1.4em;}
.checkboxListRow .customcheckbox > input:hover  + .checkbox-label:before {background-color: #ccc}

 /* Checkbox */ 
.contactFormCheckbox {border: 1px solid #f0f3f5;background: #f0f3f5; border-radius: 3px;margin-top: 20px; cursor: pointer; position: relative;overflow: hidden; 
  -webkit-user-select: none;-ms-user-select: none;user-select: none;}
.contactFormCheckbox .error {position: absolute;font-size: 11px;top: -19px;margin: 0;left: 0;color: #e3000e}  
#DSECBR.error .checkmark {border: 2px solid #f00;}

 .row.checkbox {margin: 20px 0;}
.cBFrame {width: 36px;height: 36px;display: inline-block;vertical-align: middle}
.cBLabelOuter {line-height: 24px; font-weight: bold;display: inline-block; width: 85% !important;vertical-align: middle}
.cBLabel {position: relative;padding-left: 35px;margin-bottom: 10px !important;line-height: 24px;cursor: pointer}
.cBLabel input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0 !important; left: 0}
.checkmark {position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    border-radius: 2px;}
.cBLabel:hover input ~ .checkmark {background-color: #ccc}
.cBLabel input:checked ~ .checkmark {background-color: #0f7886;border: 2px solid #08507f !important}
.checkmark:after {content: "";position: absolute;display: none}
.cBLabel input:checked ~ .checkmark:after {display: block}
.cBLabel .checkmark:after {left: 8px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}

.frame30 {font-weight: bold; display: inline-block; width: 30% !important;}
.frame20 {font-weight: bold; display: inline-block; width: 20% !important;}
.frame50 {font-weight: bold; display: inline-block; width: 50% !important;}





.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@media (max-width: 1050px)
{
	#pg_consentTool{left: 15%; right: 15%}
}

@media (max-width: 950px)
{
	#pg_consentTool{left: 10%; right: 10%; bottom: 5%}
}
@media (max-width: 800px)
{
	#pg_consentTool{left: 1%; right: 1%; top: 1%}
	#pg_consentToolInner{max-height: none;height: 100%;padding-bottom: 20%;}
	.pg_cTBlockAccToggler{hyphens: auto}
	.pg_cTBlockAccordeon {padding-right: 0}
	.pg_cTBlockSelect {position: initial;margin-bottom: 15px;}

	#pg_cTBanner {padding: 20px; font-size: 14px}
	#pg_cTBannerBtnRow .btn {display: block; margin: 1%; width: 100%}
}



/***************************************************/
/******BREAKS*******/
/***************************************************/



@media (max-width: 1500px)
{

}

@media (max-width: 1250px)
{

}

@media (max-width: 850px)
{

	


	
}


@media (max-width: 768px)
{
	h1 {font-size: 1.4em}
	h2 {font-size: 1.2em}	
	h3 {font-size: 1.1em}		
	
	#logo {width: 120px}
	#headNavigation {font-size: 0.8em}
	#logoutIcon {transform: scale(0.75);transform-origin: 50% -50%}
	
	.mod_article > .backpic {height: 200px !important}
	.backpic #headline {width: 100%}
	.backpic #headline h1 {font-size: 1.8em}
	
	
	
}