/*
Theme Name:Schatz 2.1
Version: Juni  2020
Theme URI:https://graphiks.info/
Author:Andreas Hartl
*/

/*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;}

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

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

*  {box-sizing: border-box; outline:none;}
html { overflow-y: scroll;}
body, tr, td, th, form, label, cite, select, input {font-family:'RobotoCondensedLight', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;font-size:17px;line-height:1.5em;font-weight: 400; color: #333;}
body {  background:  #008691;  }

a, a:visited {color:#333;text-decoration:underline;}
a:hover, a:active, img:hover {color:#008691;}
#post a[href*=".pdf"],#post a.external[href*=".pdf"],#post a.email {background-image:url(pics/PDF.png) ; background-repeat:  no-repeat; background-position:  left center ; padding:0 0 0 30px;line-height:30px;display:inline-block; text-decoration: underline;}
a[href*="tel"] { text-decoration: none;}
#post a.email {background-image:url(pics/Mail_Reply.png);}
.more-link {padding:7px 0 0 0; text-decoration: underline !important;}
.post-edit-link, .post-edit-link:visited { font-size: 11px; line-height: 14px; color: #999; }

hr { background: #fff;border:2px dotted #ddd; border-width:0 0 2px 0;height: 1px;width:99.99%;margin:15px 0; clear: both;}

h2,h3,h4,h5,h6, h1, #navi a { font-family: 'Arial Black', Arial, Helvetica, sans-serif; font-weight: 300;color:#008691;line-height:1.3em;  letter-spacing: .01em; }
h2, h3, h4 {font-size:1.5em;margin-bottom:20px; line-height: 1.4em;}
h2 {font-size:1.6em; text-transform: uppercase;letter-spacing: 1px;}

h3 {font-size:1.2em;margin:20px 0 1em 0; }	
h3 a, h3 a:visited, a hr, a:visited h3 {text-decoration:none !important; color:#008691;}
h3 a:hover, h3 a:active, a:hover h3, a:active h3 {color:#999  !important;}
h4 {font-size:1.2em; margin-bottom:10px;}
h5 { text-transform: none;}

p {margin-bottom:1.1em;}
blockquote { padding:0 0 20px 0; margin-bottom: 20px; border-bottom: 1px dotted #ccc;}
small {font-size:.7em;color:#999;}
img { display: block; max-width: 100%; height: auto; margin: 0;}
strong {font-weight: bold;}

/*Layout 
====================================================================================*/

.skiplink {position:absolute;left:-99999px;top:-20em;}

.container {position:relative;width:100%; display: block; padding: 0; margin: 0;}
.content {position:relative;width:96%;min-width:300px;max-width:1400px; margin: 0 auto;}	

/*Header 
====================================================================================*/

#header {  background: #fff;padding-top: 30px; z-index: 3; }
#headercontent {padding-top: 20px; }

#logo { width: 18%;  padding: 10px 15px 0 0; max-width: 140px; position: absolute; top:0; z-index: 2;}
h1 {  padding:0 10px 0 25%; font-size: 18px;line-height: 1.4em; color: #444;  }
h1 .headline span { text-transform: uppercase; font-size: 1.4em; display: block; line-height: 1.4em;padding-bottom: 3px;color: #008691 ;  }

#channels { display: block; position: relative; z-index: 2; width: 100%; margin: 15px auto 10px auto; border-top:2px dotted #ddd; padding-top: 15px; text-align: center;}
#channels li { position: relative; width: 40px; height: 40px;    display:inline-block; background: #fff;  margin:0 7px 0 0; } 

#channels li a {position:absolute;left:0;top:0;width:100%;height:100%;display:block; text-indent:-99999px;z-index:2; font-size: 0;background-position: center; background-repeat: no-repeat; background-size: 90% auto;  -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0); box-shadow: 0 1px 2px 1px rgba(0,0,0,0); opacity: 1;}
#channels li a:hover, #channels li a:focus { opacity: .7;}

#channels li a[href*="facebook"] { background-image: url(pics/facebook.png);}
#channels li a[href*="twitter"] { background-image: url(pics/twitter.png);}
#channels li a[href*="pinterest"] { background-image: url(pics/pinterest.png);}
#channels li a[href*="feed"] { background-image: url(pics/rss.png); }
#channels li a[href*="youtube"] { background-image: url(pics/youtube.png);  }
#channels li a[href*="instagram"] { background-image: url(pics/instagram.png); background-size: 98% auto;  }
#channels li a[href*="linkedin"] { background-image: url(pics/linkedin.png);  }

/*Sprachumschalter*/
#flags { position: absolute; left:15px; top: 3px; z-index: 20000; text-transform: uppercase;} 
.wpml-ls { height: 38px !important;  margin: 0  !important; width: auto !important; padding: 0 !important; line-height: 38px !important; border:0  !important; }
.wpml-ls-item a { width: auto !important;  height: 40px !important;padding: 0 !important; line-height: 40px !important; border:0  !important;  overflow: hidden;   white-space: nowrap;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);-webkit-filter: grayscale(1); opacity: .7;}
.wpml-ls-current-language a, .wpml-ls-item a:hover {cursor: default !important;filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);-webkit-filter: grayscale(0); opacity: 1; }
.wpml-ls-item a:hover {cursor: pointer !important;}
.wpml-ls-item img { margin:0  10px 0 0 !important; }
.wpml-ls-item span {padding-right: 20px !important; }

/*Navigation  
====================================================================================*/

#navi {background: #008691; z-index: 2; position: sticky;   position: -webkit-sticky;   top: 0; font-size: .8em; height: 40px; margin: 0;  }
#navicontent { padding-left: 0;background-size:  auto 0; background-image: url(pics/logo.jpg); background-position: left center; background-repeat: no-repeat; padding-left: 15%;}
#navi a, #navi a:visited {text-decoration:none; color: #fff; display:block; text-transform: uppercase;}
#navi a:hover, #navi a:active {color:#ddd;}

#navi .current-menu-item a, #navi .sub-menu .current-menu-item a {color:#00a4b3 ;cursor:default; }
#navi .current-menu-item .sub-menu a { cursor: pointer; color: #333 ;}
#navi .current_page_parent a, #navi .current-page-ancestor a { color: #ddd;}
#navi .current_page_parent a:hover, #navi .current-menu-item .sub-menu a:hover, #navi .current-page-ancestor a:hover { color: #ccc;}

#navi ul   { height: 40px; line-height: 40px;    }
#navi #menu { z-index: 5; padding-right: 50px;}

#navi  li {position:relative; display:inline-block; line-height: 1.1em; height: 40px;padding-right: 10px; }
#navi  li a { padding:10px 7px 10px 0 ;text-transform: uppercase; display: block;}

#navi .menu-item-has-children a:after { content: "\f107"; font-family: 'FontAwesome'; font-size: .8em; font-weight: bold; padding-left: 10px; margin-right: 5px;}
#navi .menu-item-has-children a:hover:after { color:#ddd;}
#navi .menu-item-has-children .sub-menu a:after {content: ""; }

#navi ul.sub-menu {  position:absolute;   top:39px;   text-align: left; height: 0; overflow: hidden; visibility: hidden; opacity: 0; margin: -20px 0 0 -15px; border:1px solid #008691; border-width:0 1px 1px 1px;   background:#dce1e5; }
#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;   min-width: 110%; width: auto;  margin:0 0 0 -15px;  }

#navi .sub-menu	li, #navi .menu_item_has_children:hover .sub-menu .menu_item_has_children  {border-width:0 0 1px 0 ; border-bottom-color:  #fff;float:none;font-size: .8em; text-transform: none; margin: 0; padding: 0  15px; -webkit-border-radius:0;border-radius: 0; display: block; height: auto;  line-height: 1.6em; border-bottom: 1px dotted #fff; white-space: nowrap; }
#navi .sub-menu	li:last-child   {-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; border-bottom: 0;}

#navi .menu_item_has_children .sub-menu a {height: auto;}

#navi ul.sub-menu li { height: auto; line-height: 1.4em;}
#navi ul.sub-menu a, #navi .current-menu-item ul a,#navi .current_page_ancestor ul a { color: #333 ; text-transform: none; letter-spacing: normal;font-family:'RobotoCondensedLight', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif; }
#navi ul.sub-menu a:hover, #navi .current-menu-item ul a:hover,#navi .current_page_ancestor ul a:hover { color: #999 ;}
#navi .sub-menu .current-menu-item a {color:#00a4b3 !important;cursor:default; }

#navi .headersearch { position: absolute; right:0; top: 2px; width: 50px; z-index: 1; } 
#navi .headersearch:focus, #navi .headersearch:active { z-index: 10; }
#navi .headersearch  input { background-color: #008691;    height:35px; border-color:#008691;   padding: 0; background-image: url(pics/search.png); background-position: center;  background-repeat: no-repeat; background-size:auto 25px;  line-height: 35px; font-size: 14px; text-indent: -999999px;   position: absolute; right: 0; width: 40px ; min-width: 40px;  }
#navi .headersearch input:focus,#navi .headersearch input:active { padding: 8px 12px;  border-color: #fc0; border-width: 1px;  background: #fff;   color: #333;  text-indent: 0;z-index: 3;width:350px; top: 20px; }

.navi-sticky { font-size: .75em !important;transition: all 0.2s ease-out;  }
.navi-sticky #navicontent  {padding-left: 0; background-size:  auto 35px; background-size: 0; }

.mob-menu-icon { background-color: #fff; padding: 5px;}
.mob-cancel-button { margin: 15px 25px auto auto;}

/*Content 
====================================================================================*/

#content {  padding: 25px 0; background: #fff; }

/*Bilder, Videos, Objects, iframes, Captions*/
#storycontent img {-webkit-border-radius: 3px; border-radius:3px;}
.alignright {margin:0 0 15px 3%;display:inline;float:right;} 
.alignleft {margin:0 3% 15px 0;display:inline;float:left;} 
.aligncenter { margin: 10px auto; text-align: center;}  
.alignnone {display: inline-block; margin: 0 15px 10px 0;} 
.textright { text-align: right;}
#storycontent .alignleft, #storycontent .alignright 	{ max-width:48%;} 
#storycontent a img	{opacity:1;} 
#storycontent a:hover img	{opacity:.8} 
#storycontent img.alignnone { margin: 0 15px 10px 0;}

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

/*Caption*/
.wp-caption	{ max-width:50%; padding:4px; margin-bottom:10px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { white-space: normal; }
.wp-caption-text { font-size: .8em;}

/*Listen*/
li { position: relative;}
#storycontent ul,#storycontent ol,#storycontent dl  {margin: 0 0 10px 0; padding: 0;}
#storycontent ul ul {margin: 10px 0;}
#storycontent ul li  {margin: 0 0 3px 20px; list-style: disc;}
#storycontent ol li {margin: 0 0 3px 30px; list-style: decimal; padding-left: 3px;}
#storycontent ol li li {list-style: lower-latin !important;}
#storycontent ol li li li {list-style: circle !important;}
#storycontent ol ul { margin:7px 0;}
#storycontent dt {font-weight: bold; margin: 0 7px 7px 0; float: left; width: 200px; clear: left; height: auto;}
#storycontent dd {margin: 0 7px 7px 0; width: auto; height: auto;}

#storycontent .subseiten li {list-style: none; margin-left: 0;}

/*Tabellen*/
table {border:0 none;border-spacing:0;margin:15px 0;  max-width:99.9%;} td, th {padding:2px 16px 2px 0;vertical-align:top;text-align:left; border:0 none;} th {font-weight:bold;font-size:1.2em;}
table.border td	{  padding:15px 15px 15px 0  ; border-top:1px dotted #ccc;} table.border tr:first-child td { padding-top:0; border:0 none;} table.border tr td:first-child img	{ max-width:100%M;  border:1px solid #ccc; }
table.referenzen td	{ text-align:center; vertical-align:middle; max-width:24%; padding:15px 0;   } 
table.referenzen tr td img, table.referenzen tr td:first-child img	{ max-width:90% !important; border:0 none !important;}
table.referenzen td img.alignnone { margin: 0;}

.two_colum_table td { width: 50%; padding-bottom: 25px;}
.two_colum_table tr td:first-child { padding-right: 25px;}

/*Formular, Kontakt */
textarea, input, select {border:1px solid #ddd;padding:4px;font-size:1.1em; -webkit-border-radius:2px;border-radius:2px; line-height:1.9em; box-sizing: border-box;} textarea {height:120px;}
textarea:focus, input:focus, textarea:active, input:active,  select:focus,  select:active  {border-color: #fbc500;}

/*Suche*/
.searchform input {min-width:200px;color:#999;width:25%; background-image: url(pics/search-grey.png); background-position: center right;  background-repeat: no-repeat; background-size:auto 25px;  }
.searchform input:focus, .searchform input:active {color:#333; background:#fff;min-width:225px;width:40%;}
.searchform .button {display:none;}
.search-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} 
	
/*WP-Gallery*/	
.gallery .gallery-item { float: left;}
.gallery-columns-2 .gallery-item { width: 50%;}
.gallery-columns-3 .gallery-item { width: 33.3333333333333333333333333333333333333333333%;}
.gallery-columns-4 .gallery-item { width: 25%;}
.gallery-columns-5 .gallery-item { width: 20%;}
.gallery-columns-6 .gallery-item { width: 16.6666666666666666666666666666666666666666666%;}
.gallery-columns-7 .gallery-item { width: 14.2857%;}
.gallery-columns-8 .gallery-item { width: 12.5%;}
.gallery-columns-9 .gallery-item { width: 11.111111111111111111%;}

/*Newsuebersicht, Category, Search*/
.newsintro { padding-top:10px;border-top:2px dotted #ddd;  margin-top: 15px;}
.newsintro a { text-decoration: none; display: block; width: 100%; height: 100%;}
.newsintro:hover a {color:#999;}
.newsintro img.wp-post-image { max-width: 214px !important;}
.newsintro table tr:last-child td {border-bottom:0; padding-bottom: 0;}

/*Pagenavi*/
.wp-pagenavi:before {content:".";clear:both;} 
.wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:2px dotted #ddd;} 
.wp-pagenavi .pages {margin-right:10px;line-height:2em;} 
.wp-pagenavi .extend { margin-right: 5px;}
.wp-pagenavi a,  .wp-pagenavi .current { text-decoration:none;display:inline;margin-right:5px;  } 
.wp-pagenavi .current {background:#f1f1f1 !important;color:#008691 !important ;}

/*Share-Buttons*/
.shariff { padding: 25px 0;}

/*Boxen*/
.box_content a {text-decoration: none; display: block;}
.box_content { margin: 0 0 20px 0; position: relative; border:1px solid  #008691;-webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1);  -webkit-border-radius: 3px; border-radius: 3px;}
.box_content:hover, .box_content:focus {-webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.0); box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.0);  }
.box_content_text {padding:  10px;  background-color: #fff;  position: absolute; bottom: 0;z-index: 2;  border-top:1px solid  #008691; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; width: 100%; }
.box_content a:hover .box_content_text, .box_content a:focus .box_content_text {background-color: #008691; color: #fff;  }
.storycontent .startboxcontent img { margin-bottom: 30px;}

/*Spoiler*/
.su-accordion .su-spoiler { border: 0; }
.su-accordion .su-spoiler-title { font-size: 1.1em !important; color:#008691  !important; outline:none !important; background: #f0f0f0 !important; border: 1px solid #ccc !important; padding-left: 40px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important;}
.su-spoiler-icon { left: 10px !important;}
.su-accordion .su-spoiler-closed .su-spoiler-title  { color: #999;} 
.su-accordion .su-spoiler-closed .su-spoiler-title:hover  { color: #999;} 
.su-accordion .su-spoiler-content { padding: 35px 35px 25px 35px !important;  background-color: #fff; }
.su-accordion .su-spoiler-closed .su-spoiler-content { padding: 0  !important;}
.su-spoiler-title, .su-spoiler-content { border-radius: 0  !important; -webkit-border-radius: 0  !important;}

/*Section*/
.storycontent_section, blockquote { background: #eee; padding: 15px; -webkit-border-radius: 3px; border-radius: 3px;}
.storycontent_section h3 { margin-top: 0 !important;}
.storycontent_section hr, blockquote hr, .storycontent_section + hr { border: 0;}

/*Jobs*/
.single-jobs .video-wrapper { max-width: 600px; margin-bottom: 15px;}

/*Testimonial*/
.testimonial {  padding: 25px;color: #666; text-align: center;}
.testimonial_rotator_wrap .custom_testimonial_rotator_quote  {padding:20px 40px 0 40px; ;position: relative; max-width: 600px; margin: 0 auto;}
.testimonial_rotator_wrap .custom_testimonial_rotator_quote  .fa-quote-right { font-size: 2em; color: #999; display: inline-block; position: absolute; left: -10px; top: 30px;}

/*PopUp*/
.pum-container, .pum-container  img  { margin: 0; !important; padding: 0; !important; }
.pum-container { border-width: 3px 3px 0 3px !important;}

/*Startseite 
====================================================================================*/

#home-header { padding: 20px 0; background:#00a4b3; border-bottom: 40px solid  #008691; }
#home-header  .startboxcontent  { margin: 0;}
#home-header .video-container { margin: 0;}

.home #content { padding-top: 0;}
.home .post-edit-link {color: #fff !important;}

.starttext, .starttext a, .starttext h2, .starttext h3 { color: #fff; }

/*Sidebar , Inhaltsverzeichnis
====================================================================================*/

#sidebar {position:relative;  }
#sidebar .sidebarcontent {padding:  18px 18px 8px 18px; margin-bottom: 20px; background-color: #fefefe; border:1px solid  #008691;-webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1);  -webkit-border-radius: 3px; border-radius: 3px;}
#sidebar h3, #sidebar h4, #sidebar h2, #sidebar h5, #sidebar h6	{ margin-top:0; font-size:1.25em; margin-bottom:15px; line-height:1.25em;  letter-spacing: normal;}
#sidebar a, #sidebar a:visited {color: #008691; }
#sidebar a:hover, #sidebar a:active {color: #999;  }

#sidebar p {margin-bottom:10px;}
#sidebar .current_page_item a	{color:#999 !important;cursor:default !important; text-decoration:none;}
#sidebar input, #sidebar select  { max-width: 100%;}

.sidebarcontent ul {padding: 7px 0 10px 15px; }
.sidebarcontent li {margin: 0 0 7px 2px; padding: 0 0 0 6px; list-style: none; }
.sidebarcontent li ul {padding: 5px 10px;  margin: 5px 0;}

/*Widgets ausblenden*/
.page-id-17 #sidebar .pagetree, .parent-pageid-36 .pagetree, .page-id-8 .pagetree, .page-id-68 .sidebar-newsletter   { display: none;}

/*Footer 
====================================================================================*/

#footer { padding:15px 0; margin-bottom: 25px;  color: #fff;}
#footer a, #footer a:visited { color: #fff;}
#footer a:hover, #footer a:active { color: #999;}
.footer-navigation li { display: inline-block; margin:0 15px 12px 0;  }

.footer_section { margin: 7px auto; padding: 0;}

.scroll-to-top-button { position: fixed;right: 20px;bottom: 20px;margin: 0;padding: 0;width: 50px;height: 50px;z-index: 9999; cursor: pointer; line-height: 50px; border-radius: 2px; background: none; color: #333;}
.scroll-to-top-button:hover {color: #fc0;}
.scroll-to-top-button:after {display: inline-block;margin-left: 2px;content: '\f062';vertical-align: top;font-size: 32px;font-family: 'FontAwesome';line-height: 1;  }

/*Kontakt Button*/
.fixed-button { background:#cf5900; color: #fff; font-weight: bold; font-size: 1.2em; margin: 10px 0; width: auto; position: fixed; bottom: 10px;  left: 10px; z-index: 200; --webkit-box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.05); box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.05);  -webkit-border-radius: 3px; border-radius: 3px;}
.page-id-1084 .fixed-button { display: none;}
.fixed-button a { color: #fff; text-decoration: none;display: block; width: 100%; height: 100%; padding: 15px 25px;background:#cf5900;  border: 3px solid #fff; }
.fixed-button a:hover { color: #116c6c !important; background: #fff; border-color:#116c6c;  }

/*Ueberschreiben, Editor-Styles 
====================================================================================*/

.red {color:#c36;font-weight:bold;}
.green {color:#008691; font-weight:bold;}
.uppercase { text-transform: uppercase;}
.hidden { display: none !important; opacity: 0;}
.nowrap { white-space: nowrap;}
img.border_white { border:10px solid #fff;}

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

/*Buttons, Pagenavi*/
.button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current {-webkit-border-radius: 2px;border-radius: 2px;border:1px solid #444;letter-spacing:1px;padding:10px;line-height:20px; background-color: #444;  color: #fff;	}  

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

/*Transition*/
a, input, button, #navi, #navi ul, button, .button, a img, .box_content_text, .box_content {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}

/*Font Awesome
========================================================*/

.more-link:before, .sidebarcontent li:before, .phone:before, .mailto:before, .adresse:before, #footer ul li:before, .cellphone:before, .external:after {font-family: 'FontAwesome';  display: inline-block; width: 15px; }

.more-link:before  {content: "\f054"; font-size: .75em; width: 20px;}
.sidebarcontent li:before {content: "\f054"; position: absolute; left: -13px; top: 0; display: block;  color: #ccc; font-size: .85em;}
.phone:before {content: "\f095"; width: 25px;}
.mailto:before {content: "\f0e0"; width: 25px; }
.cellphone:before {content: "\f10b"; width: 25px; }

/*Responsive
==================================================================*/

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

    .breadcrumb { display: none;}
    .desktop_only { display: none; height: 0; overflow: hidden;}
    
    .two_colum_table td { display: block; width: 100%; }

}

@media screen and (min-width:550px) {
    
    #logo { left: -12px; width: 15%;}
    h1 {  padding:0 10px 0 15%;   }
    
    #channels {margin: 15px 0 10px 15%;  text-align: left;}
    
    .box_container { 	display: flex; 	flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
    .box_container  > .box_content {  box-sizing: border-box; margin: 0 20px 20px 0;  width: calc(1/2*100% - (1 - 1/2)*20px);}
    .box_container  > .box_content:nth-child(2n) { margin-right: 0;}

}

@media screen and (min-width:750px) {
    
    h1 {   font-size: 1.1em;  } 
   #headercontent { height: 150px;}
    #channels { margin: 0; position: absolute; left: 12%; bottom: 0; border:0; }
    
    /*Startseite*/
    .table_table { display: table; width: 100%; padding-top: 20px;}
    
    .table_td { display:table-cell; margin: 0; vertical-align: top; padding: 0;}
    .table_td_50 {width: 50%; }  
    
    .home-boxen .table_table .table_td_50  .startboxcontent, #home-header .startboxcontent { margin: 0 0 20px 10px;}
    .home-boxen .table_table .table_td_50:first-child  .startboxcontent, #home-header .starttext { margin: 0 10px 20px 0;}
    
    .starttext { vertical-align: middle;}
    .startboxcontent img { margin-bottom: 15px;}
    #home-header . startboxcontent img {  max-height:  450px; width: auto; max-width: 100%; margin: 0;}
    .home #storycontent { width: 100%; float: none; padding-top: 0; padding-left: 4px; }
    /* Ende Startseite*/
    
    #storycontent, h1 {width: 72%; float: left;}
    .page-title { padding-top: 15px; margin-left: 3px; }
    #storycontent { padding-top: 40px;}
   
    #sidebar {width:25%; float: right; position: sticky;   position: -webkit-sticky;   top: 60px; } 
    
    .three_columns  > .box_content {   width: calc(1/3*100% - (1 - 1/3)*20px);   }
    .three_columns  > .box_content:nth-child(2n) { margin-right: 20px;}
    .three_columns  > .box_content:nth-child(3n) { margin-right: 0;}
    .three_columns .box_content_text, .four-columns  .box_content_text {font-size: .8em; line-height: 1.3em; padding: 10px; }

}


@media screen and (min-width:800px) {
    
    #header {padding-top: 0;}
    #flags {  left: auto; right:0; top: 3px; text-align: right;} 

}

@media screen and (min-width:851px) {
    
     #logo { width: 12%;}
     h1, #navicontent {  padding-left:12%;}
   
}

@media screen and (max-width:898px) {
    
    #post {-webkit-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;}

}

@media screen and (min-width:1000px) {
    
    #channels {margin: 20px 0 0 0;  text-align: right;right: 0; bottom: 15px; left: auto;}
    #channels li {   margin:0 0 -7px 5px; }  
  
    .scroll-to-top-button { position: fixed;left:auto;bottom: 40px; right: 40px;}
    
    .starttext {padding: 30px 30px 0 0; } 
    h1 { font-size: 1.4em; }
    
    .four-columns  > .box_content {  width: calc(1/4*100% - (1 - 1/4)*20px);  }
    .four-columns  > .box_content:nth-child(3n), .four-columns  > .box_content:nth-child(2n)  { margin-right: 20px;}
    .four-columns  > .box_content:nth-child(4n){ margin-right: 0;}
    
}

@media screen and (min-width:1200px) {

     #logo { width: 12%;}
    h1 { font-size: 1.6em; }
    h1, #navicontent {  padding-left:170px;}
    #navi li a {font-size: 1.1em;}
    .fixed-button { letter-spacing: 1px;}
    
    .storycontent_section { padding: 20px;}
    
}

@media screen and (min-width:1600px) {

     #logo { width: 11%;}
    h1, #navicontent {  padding-left:150px;}
    
}