/*
Theme Name: G4Y 5.3
Date: Mai 2024
Theme URI:https://graphiks.info/
Author:www.graphiks.info
*/

@font-face {
    font-family: 'BornReady-Regular';
    src: url('fonts/BornReady-Regular.eot');
    src: url('fonts/BornReady-Regular.eot') format('embedded-opentype'),
         url('fonts/BornReady-Regular.woff2') format('woff2'),
         url('fonts/BornReady-Regular.woff') format('woff'),
         url('fonts/BornReady-Regular.ttf') format('truetype'),
         url('fonts/BornReady-Regular.svg#BornReady-Regular') format('svg');
}


@font-face {
    font-family: 'CanaroLight';
    src: url('fonts/CanaroLight.eot');
    src: url('fonts/CanaroLight.eot') format('embedded-opentype'),
         url('fonts/CanaroLight.woff2') format('woff2'),
         url('fonts/CanaroLight.woff') format('woff'),
         url('fonts/CanaroLight.ttf') format('truetype'),
         url('fonts/CanaroLight.svg#CanaroLight') format('svg');
}

@font-face {
    font-family: 'ReneBiederCanaroThin';
    src: url('fonts/ReneBiederCanaroThin.eot');
    src: url('fonts/ReneBiederCanaroThin.eot') format('embedded-opentype'),
         url('fonts/ReneBiederCanaroThin.woff2') format('woff2'),
         url('fonts/ReneBiederCanaroThin.woff') format('woff'),
         url('fonts/ReneBiederCanaroThin.ttf') format('truetype'),
         url('fonts/ReneBiederCanaroThin.svg#ReneBiederCanaroThin') format('svg');
}


@font-face {
    font-family: 'ReneBiederCanaroMedium';
    src: url('fonts/ReneBiederCanaroMedium.eot');
    src: url('fonts/ReneBiederCanaroMedium.eot') format('embedded-opentype'),
         url('fonts/ReneBiederCanaroMedium.woff2') format('woff2'),
         url('fonts/ReneBiederCanaroMedium.woff') format('woff'),
         url('fonts/ReneBiederCanaroMedium.ttf') format('truetype'),
         url('fonts/ReneBiederCanaroMedium.svg#ReneBiederCanaroMedium') format('svg');
}


/*Reset ------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;}

* {box-sizing: border-box; outline: none;}
html {overflow-y: scroll;}
body {font-family:'CanaroLight', Verdana, Arial, Sans-Serif; background:#3b3c43; font-size:15px; line-height: 1.6em;  color:#d9d9d9; }

h1, h2, h3, h3, h4, h5, h6 {font-size:1.3em; line-height:1.35em; font-family:'ReneBiederCanaroThin', Verdana, Arial, Sans-Serif;color:#d9d9d9; text-transform: uppercase; margin:0 0 15px 0;  }
.storycontent h1 { font-size: 2em; }
h2 .red {letter-spacing:2px;}
h3 {font-size:1.2em;  line-height: 1.6em;font-family:'CanaroLight', Verdana, Arial, Sans-Serif; }
h4, h5, h6 {margin:0 0 10px 0; font-size:1.1em;  line-height: 1.6em;font-family:'CanaroLight', Verdana, Arial, Sans-Serif; }

table {border-spacing:0; empty-cells:show;}
td, th {padding:2px 0;  margin:0;vertical-align:top; empty-cells:show;}
hr { border:1px solid #999; border-width:0 0 1px 0;height: 1px;width:100%;margin:25px 0; background: 0;} 
.clear {clear:both; display:block; height:1px; margin:0;}
p {margin:0 0 15px 0;}

img	{ max-width:100%; height:auto; display: block;}
small, .small { font-size:.85em;}


a, a:visited {color:#fff; text-decoration:underline; }
a:hover, a:active {color:#ccc; }
a.noexternal {padding:0; background:0; margin-right:0;} 
a[href*=".pdf"], a.external[href*=".pdf"] {background:url(pics/Adobe-PDF-Document-icon.png)  left top no-repeat;  line-height:24px;  padding:6px 0 6px 30px; border:0 none;} 

/*Layout 
------------------------------------------------------------------------------------*/
.skiplink {position:absolute;left:0;top:-2em;}

.container {width:100%;  }
.content {width:96%;margin:0 auto; min-width:260px;max-width:1100px; position:relative;   }
.widecontent { max-width: 1300px;}

/*Header 
------------------------------------------------------------------------------------*/
#header a, #navi a   { text-decoration: none; }
#headercontent {padding: 15px 0;}
.headercontent {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
.left_header {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start; width: 75%; }
.right_header { width: 25%;}

#header h1.site-title  {font-family:'ReneBiederCanaroThin', Verdana, Arial, Sans-Serif;color:#d9d9d9; text-transform: uppercase; margin: 0 2% 15px 0; width: 100%; font-size: 1.1em; padding-left: 80px;   }

#metanavi { margin: 0; padding: 0; }
#metanavi li { display:inline;display: block; position: relative; border: 1px solid #999; border-width: 1px 0 0 0; background: #3b3c43; text-transform: uppercase;  text-align: left; text-transform: none; margin:3px 0 0 20px;}
#metanavi li:first-child { border: 0;}
#metanavi li.current-menu-item a { color: #d70a1b !important; cursor: default;}

#metanavi a, #metanavi a:visited { padding: 4px 7px 0 7px; white-space: nowrap; color: #fff;text-decoration: none; line-height: 1.4em; display: block; font-size: .9em; height: auto;}
#metanavi a:focus, #metanavi a:hover, #metanavi a:active { color: #ccc; }

.custom-logo { border:1px solid #999; padding: 5px; max-width: 100%;}

/*Navi -------------------------------------------------------------------------------------*/
#navi { position: relative;  z-index: 10; text-align: left;}
#navi li { display: inline-block; position: relative; border: 1px solid #999; background: #999; margin:0 3px 3px 0; text-transform: uppercase; padding: 0;}
#navi li.current-menu-item { background: #d70a1b;}
#navi li.current-menu-item a { color: #fff; cursor: default;}

#navi .highlight { background-color:  #ef6422; color: #fff !important; }

#navi a, #navi a:visited { padding: 4px 7px 0 7px; white-space: nowrap; color: #3b3c43;text-decoration: none; line-height: 1.4em; display: block; font-size: .8em; height: auto;}
#navi a:focus, #navi a:hover, #navi a:active { color: #fff; }

#navi li.current-page-ancestor a, #navi ul li.current-menu-parent a {color: #ccc;}
#navi li.current-page-ancestor a:hover, #navi ul li.current-menu-parent a:hover {color: #666;}

#navi li.current-page-ancestor li a, #navi ul li.current-menu-parent li a, #navi li.current-menu-item li a {color: #454545; cursor: pointer;}
#navi li.current-page-ancestor li a:hover, #navi ul li.current-menu-parent li a:hover,#navi li.current-menu-item li a:hover  {color: #666;}

#navi .menu-item-has-children a:before { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-size: .9em; font-weight: bold; margin-right: 5px; width: 10px;}
#navi .menu-item-has-children a:hover:before { color:#666;}
#navi .menu-item-has-children .sub-menu a:before {content: ""; }

#navi ul.sub-menu {  position:absolute;   top:-10px; left: 10px;  height: 0; overflow: hidden; visibility: hidden; opacity: 0;  border:1px solid #ef6422; padding: 10px !important;-webkit-box-shadow: 3px 3px 6px -3px rgba(0,0,0,.15); box-shadow: 3px 3px 6px -3px rgba(0,0,0,.15); background: #efefef; }
#navi li:hover ul.sub-menu { height: auto;  visibility: visible; opacity: 1;  -webkit-border-radius: 0 0 3px 3px;border-radius:  0 0 3px 3px;  width: auto; top: 36px;  }

#navi .sub-menu	li  { float:none; display: block;  line-height: 1.6em; border-bottom: 2px dotted #ddd; width: 100%;font-weight: normal; }
#navi .sub-menu	li a, #navi .sub-menu	li a:visited {padding: 7px 0; color: #454545; font-weight: normal !important; line-height: 1.5em; font-size: .9em; display: block;}
#navi .sub-menu	li a:focus, #navi .sub-menu	li a:hover, #navi .sub-menu	li a:active { color:#ef6422; }
#navi .sub-menu	li:last-child   {border: 0;}

/*Responsive Navi*/
.rmp_menu_trigger { border: 2px solid #ddd !important;-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);}

/*Content 
------------------------------------------------------------------------------------*/

/*Pageheader*/
#pagehead {position: relative; padding: 0; width: 100%; z-index: 2;}
#pagehead .pageheadcontainer { z-index: 1; position: relative;width: 100%;  }
#pagehead .motivbild img { width: 100%;} 
#pagehead .pageheadcontent {width:96%;margin:0 auto; max-width:1300px; position:relative; z-index: 10; }	
#pagehead a {text-decoration:none !important; }

#pagehead h1 {/*text-shadow: 0px 0px 3px rgba(0,0,0,0.6)*/ -webkit-hyphens: auto; -ms-hyphens: auto;  hyphens: auto; position: absolute; left: -9999999999999999999px;}
#pagehead h1.page-title {font-size:3em; line-height:1em; font-family:'ReneBiederCanaroMedium', Verdana, Arial, Sans-Serif;color:#d9d9d9; text-transform: uppercase; margin:0 0 0 0; font-weight: bold; }
#pagehead h1.page-statement {font-size:2em; line-height:1em; margin:15px 0 ;letter-spacing: normal;font-family:'ReneBiederCanaroMedium', Arial, Helvetica, sans-serif; text-transform: none; font-style: italic; font-weight: bold; text-shadow: 2px 2px 1px #000;}

.ms-info .pageheadcontent h2 { font-size: 1em; line-height: 1.3em; font-weight: bold; font-family:'ReneBiederCanaroMedium', Verdana, Arial, Sans-Serif;  padding-top: 10px;  }
.metaslider, .metaslider .slides, .metaslider .ms-image  { margin-bottom: 0 !important; padding-bottom: 0  !important;}

/*Inhalte*/
#post {  border:1px solid #999;  border-width: 0 0 1px 0; font-size: 1.1em; line-height: 1.6em; }
.storycontent { padding:50px 0 } 

/*Bilder, Videos, Objects, iframes, Captions*/
#post img, .wp-caption, h1 img	{max-width:100%;height:auto;-webkit-border-radius:3px;border-radius:3px;} 
.alignright {margin:0 0 15px 20px;display:inline;float:right;} 
.alignleft {margin:0 20px 15px 0;display:inline;float:left;} 
#post .alignleft, #post .alignright	{ max-width:49%;} 
.storycontent a img	{opacity:1;border:1px solid #ccc;} 
.storycontent a:hover img	{opacity:.85;border-color:#fff;}
.centered { text-align: center;}

.video-wrapper { max-width: 650px;}
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px; border:1px solid #ccc;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

.wp-element-caption  a { font-size: 1.1em !important; line-height: 1.3em; display: inline-block; padding: 3px 4px;}
.wp-element-caption a:hover  { background: #666;  }

/*Zitate*/
.storycontent blockquote {font-size:2em; line-height:1.3em; margin:15px 0 ;letter-spacing: 2px;font-family:'BornReady-Regular', Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal;}
.storycontent blockquote p { margin: 0; padding: 0;}
.storycontent blockquote p + { padding-top: 12px;}
.storycontent blockquote cite { font-size: .5em; color: #666; font-family:'CanaroLight', Verdana, Arial, Sans-Serif; letter-spacing: normal; margin: 0;  line-height: 1.2em; }

/*Caption, WP-Gallery*/
.wp-caption	{  padding:0; position:relative; text-align: center; display: inline-block;}
.wp-caption-text, .gallery-caption, .entry-caption { font-weight:normal;  }
.wp-caption img { border:1px solid #ccc; }
.wp-caption hr { margin:7px 0;}

/*Listen*/
.storycontent ul {position:relative; margin:15px 0 15px 7px; padding-left:7px;}
.storycontent li {margin:0 0 7px 12px; padding-left:7px; list-style:disc;}

/*Tabellen*/
table {border:0 none;border-spacing:0;margin:15px 0;} 
td, th {padding:2px 6px 2px 0;vertical-align:top;text-align:left;} 
th {font-weight:bold;}

/*Infoboxen*/
#infoboxen {display: flex; flex-direction: row;flex-wrap: wrap; justify-content: space-between;padding: 0 !important; align-items: stretch; margin-top: 0 !important; }
#infoboxen .infobox { position: relative;  background: #b9b9b9;}

#infoboxen .infobox .square { height: 44px; width: 100%; text-align: center; display: block; background: #3b3c43; position: relative;     }
#infoboxen .infobox .square  .square-content {height: 44px; width: 44px;color:#d70a1b; margin: 0 auto;background: #d70a1b; position: absolute; top: 0; left: calc(50% - 22px); overflow: hidden;*/}
#infoboxen .promotion4you .square .square-content {color: #00A3B4; background:  #00A3B4; }
#infoboxen .system4you .square .square-content {color: #c7d100; background:  #c7d100; }

#infoboxen  h3 { color: #444; text-align: center; margin-bottom: 15px;}

#infoboxen .infobox-content { padding: 25px 15px 10px 15px; background: #b9b9b9; margin: 0 0 15px 0; color: #444; width: 100%; position: relative;  }
#infoboxen .infobox-content a { color: #444;}
#infoboxen .infobox-content  a:focus,#infoboxen .infobox-content a:hover { color: #d70a1b;}
#infoboxen .promotion4you .infobox-content a:focus,#infoboxen .infoboxcontent .promotion4you a:hover { color: #00A3B4;}
#infoboxen .system4you .infobox-content a:focus,#infoboxen .system4you .infobox-content a:hover { color: #c7d100;}

/*Elemente in "Kontakt" ---------------------------------------------------------------------------------------- */
.button, input[type="submit"]  {  width:auto;/*Transition*/ /*Buttons*/}
textarea, input, select {width:85%;border:1px solid #ddd;padding:2px 4px;-webkit-border-radius:2px;border-radius:2px; max-width:300px; } select	{width:auto;} textarea {height:120px;}
textarea:focus, input:focus, textarea:active, input:active,  select:focus,  select:active  {border-color: #fbc500;}
div.wpcf7 input { display:inline; margin-right:10px;}
div.wpcf7-response-output {margin:2em 0;padding:4px;background:#fff;color:#333; text-align:center;-webkit-border-radius:2px;border-radius:2px;  } div.wpcf7-mail-sent-ok {border:2px solid #EAA734;} div.wpcf7-mail-sent-ng {border:2px solid #f00;} div.wpcf7-spam-blocked {border:2px solid #f00;} div.wpcf7-validation-errors {border:2px solid #f00;top:2px; }  span.wpcf7-not-valid-tip { padding:2px 0 7px 0; line-height:1.2em; color:#f00; display:block; font-size:0.7em; font-family:"Courier New", Courier, monospace;} span.wpcf7-not-valid-tip-no-ajax {color:#f00;font-size:10px;display:block;} .wpcf7-display-none {display:none;left:0;} div.wpcf7 img.ajax-loader {border:none;vertical-align:middle;margin-left:4px;} span.wpcf7-list-item { display: block; padding:1px 0 7px 0; } wpcf7-list-item-label { margin-top:-2px;}
.wpcf7 .screen-reader-response { display:none !important;} 

.wpcf7-checkbox input, .checkbox, input[type="checkbox"], .wpcf7-radio input {width:15px;line-height:1em;padding:0;} 
.button, input[type="submit"]  {  width:auto !important;}
div.wpcf7 input.narrow	{ width:55px; }

input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid { border:1px solid #f00 !important;}

/*Suche*/
.searchform input {min-width:200px;background-image:url(pics/search-header.png); background-position: 15px center; background-repeat: no-repeat; background-size: auto 75%; background-color: #fff; color:#999;width:25%;border-radius: 15px; height: 30px; margin: 10px 0 10px 0; padding: 3px 15px;}
.searchform input:focus, .searchform input:active {color:#333; background:#fff;min-width:225px;width:27%;}
.searchform #searchsubmit { display: none;}
.search-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} 
	
/*Pagenavi*/
.wp-pagenavi:before {content:".";clear:both;} .wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:2px dotted #999;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a,  .wp-pagenavi .current { text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#f1f1f1 !important;color:#000;}

/*Footer 
------------------------------------------------------------------------------------*/
#footercontent { padding:15px 0; margin-bottom: 25px; text-align: center; }
.footer-navigation li { display: inline-block; margin:0 7px 12px 0;  }
.footer-navigation li:first-of-type a { padding-left: 0; border: 0;}
#footercontent li.current-menu-item a	{ cursor:default; color:#999 !important; text-decoration:none !important;}	

.footer-widget h3 { font-weight: bold; color: #fff;font-family:'CanaroLight', Verdana, Arial, Sans-Serif; font-size: 1.25em;}
.footer-widget { margin: 20px 0; margin: 0 auto; text-align: center;}
.footer-widget img { max-width: 70px; height: auto; display: inline; margin: 15px 8px;}

/*Fixed Buttons
------------------------------------------------------------------------------------*/

#stickybottom { font-weight: bold; width: auto; bottom: 0;z-index: 130; position: fixed; left: 20px; line-height: 1.6em; color: #fff;  width:auto; white-space: nowrap; }

.bottomelement { display: inline-block; margin-right: 15px;-webkit-box-shadow:0 3px 5px 3px rgba(0,0,0,.4); box-shadow: 0 3px 5px 3px rgba(0,0,0,.4); border:3px solid #fff; border-bottom:0; background-position: 7px center; background-size: 15px auto !important; background-repeat: no-repeat; padding:8px 13px 6px 35px;color: #fff !important; position: relative; font-size: .9em;}
#post .bottomelement { border-bottom: 3px solid #fff; padding:10px 20px 10px 75px;background-position: 27px center; margin: 15px 0;}
.bottomelement:hover, .bottomelement:focus { background-color:#fff; cursor: pointer;  background-color: #fff; z-index: 100; }
.bottomelement::before {   content: '';  z-index: -1;   position: absolute;   top: 0;   bottom: 0;   left: 0;  right: 0;      transform-origin: center;   transform: scale(1); }
.bottomelement:hover::before {   transition: all 0.75s ease-in-out;   transform-origin: center;   transform: scale(1.75);   opacity: 0; }

.bottomelement a { text-decoration: none; display: block; width: 100%; height: 100%; position: relative;}
.bottomelement a:hover, .fixed-button a:focus, .fixed-button a:active { z-index: 200; }
.bottomelement a span { display: inline-block; font-size: 1.4em; line-height: 1.4em; font-weight: 900; padding: 15px 10px 15px 55px;}

.p4y-logo {background-color:#00A3B4; background-image:url(pics/p4y_white.png); color: #fff;}
.p4y-logo:hover, .p4y-logo:focus  { border-color:#00A3B4; background-image:url(pics/p4y_turk.png) ; color: #00A3B4 !important;}
.p4y-logo:hover a, .p4y-logo:focus a {color: #00A3B4 !important;}
.p4y-logo::before {border: 4px solid #00A3B4;}

.s4y-logo {background-color:#c7d100;  background-image:url(pics/s4y_white.png);  color: #fff;}
.s4y-logo:hover, .s4y-logo:focus  {border-color:#c7d100; background-image:url(pics/s4y_green.png) ;}
.s4y-logo:hover a, .s4y-logo:focus a { color: #c7d100 !important;}
.s4y-logo::before {border: 4px solid #c7d100;}

.kontaktbox {width:96%;margin:0 auto;max-width:1300px; position:relative;  display: block;}
.button-kontakt {background:#d70a1b; color: #fff; padding: 7px 7px 0 8px; border:1px solid #fff;  position: absolute; z-index: 20; top: 15px ; right: 0; width: auto; box-shadow: 2px 2px 15px 8px rgba(255,255,255,.1);width: 40%; font-size: .75em; line-height: 1.3em; }
.button-kontakt h3 {color: #fff !important; font-weight: bold !important;font-family:'CanaroLight', Verdana, Arial, Sans-Serif; font-size: 1.25em;}
.button-kontakt strong { text-transform: uppercase;}
.button-kontakt a { text-decoration: none;}


/*Ueberschreiben, Editor-Styles, Generelle Definitionen 
------------------------------------------------------------------------------------*/
.nowrap {white-space:nowrap;}
.uppercase {text-transform:uppercase;}
.hidden { display: none; visibility: hidden;}
.turk { color: #00A3B4;}
.red, i {color:#d70a1b; padding:0 2px; text-transform:none; font-weight:bold;}

/*Buttons*/
.button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current, .navigation-quicklink {-webkit-border-radius: 2px;border-radius: 2px;border:1px solid #666;letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:1.5em; background-color: #e6e6e6; 	 	border: 1px solid #d2d2d2; 	border-radius: 3px; 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}

.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover, .navigation-quicklink:hover	{ border-color: #f50002;cursor:pointer;color:#000;	background-color: #ebebeb; 	}

/*.Clear*/
#navi ul:after, .wp-pagenavi:before, #header:after, .clear, hr:before {content: " "; height: 0; clear: both; visibility: hidden;font-size: 0; display:block;}

/*Transition*/
* {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}

/*Responsive
-------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:478px) {
    
    #header h1  {  margin:10px 0 0 0;}
    
    #infoboxen .infobox { width: 48%;}
    
} 

@media screen and (max-width:500px) {   

    .storycontent img.alignleft, .storycontent img.alignright, .newsintro .alignright 	{ max-width:100%; float: none; display: block; margin: 15px 0 ;} 

}

@media screen and (min-width:749px) {
    
    
    #pagehead h1.page-statement { font-size:4.5em; line-height: 1.3em; }
        
    .headercontent {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-end;align-content: flex-end;}
    .left_header, .right_header {display: flex;flex-direction: row;flex-wrap: nowrap;}
    .left_header { flex-direction: column; }
    
    .left_header { width: 75%}
    .right_header {align-content: flex-end;}
    
    .custom-logo {  max-width: 125px;}

    .has_sidebar .storycontent{ width: 75%;}
    .has_sidebar #sidebar  { width:25%; }
    
    #stickybottom {  font-size: 1.4em; }
      
}

@media screen and (max-width:799px) {

    #post {-webkit-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;}
    
} 

@media screen and (min-width:850px) {
   
    #navi li.mobile-only {display: none; visibility: hidden; height: 0; overflow: hidden;}
    
    #pagehead.has_motivbild h1 { position: absolute; bottom: 0;}
    #header h1.site-title { font-size: 2em; padding-left: 0;}
/*    .ms-info .pageheadcontent h2 { font-size: 2em; line-height: 1.3em;  padding-top: 10px; }        */
    
}

@media screen and (min-width:900px) {    
    
    .storycontent h1 { font-size: 3em; }
    h2 { font-size: 2em ; line-height: 1.4em;}
    .storycontent .webreferenzen li {width:32%; }
    
    .button-kontakt { width: 25%; padding: 20px 20px 0 20px; font-size: 1em; line-height: 1.3em; }
    
    #infoboxen .infobox { width: 23%;}
    
}
    
@media screen and (min-width:1200px) {   
    
    #header h1.site-title  { width:auto; max-width: 25%;white-space: normal; margin: 0 2% -0.34em 0; font-size: 1.8em; }
    .left_header, .right_header {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-end;}
    .left_header { padding-right: 0; width: 80%}
    .right_header {width: 17%;}
    #navi li { margin-bottom: 0;}
    
    .kontaktbox { width: 100%;}
     
    #pagehead h1.page-title {font-size:2em; line-height:1.35em; padding-top: 25px;padding-right: 28%  }
    #pagehead.has_motivbild h1.page-title {font-size:3em; line-height:1.35em; padding-right: 0;  }
    #pagehead h1.page-statement { font-size: 3em; line-height: 1.3em;} 
    .ms-info .pageheadcontent h2 { font-size: 2.5em; line-height: 1.3em; }
    
    #navi a {font-size: .85em; }
    
    #infoboxen  h3 { font-size: 1.7em; }
    
    .has_sidebar .storycontent{ width: 75%;}
    .has_sidebar #sidebar  { width:25%; }
    
    .wpmtst-modern p {padding-left: 8%; padding-right: 8%;}
    
     .bottomelement {font-size: 1em; background-size: 25px auto;  padding-left: 45px;} 
    
}

@media screen and (min-width:1700px) {   
    
    .storycontent h1 { font-size: 4em; }
    .bottomelement {background-size: 35px auto !important;} 
    .button-kontakt h3 { font-size: 1.6em;}
    .button-kontakt {  font-size: 1.1em;line-height: 1.3em; }

}

@media screen and (min-width:1900px) {  
    
     #pagehead.has_motivbild h1.page-title {font-size:4em; line-height:1.35em; left: 0; }
     #pagehead h1.page-statement { font-size: 4em; line-height: 1.3em; } 
    .ms-info .pageheadcontent h2 { font-size: 3em; line-height: 1.3em; }
    
    .bottomelement span { font-size: 1.4em; line-height: 1.4em;}
    
}