/*
Theme Name: Kirchdorfer Kies & Beton 1.1
Date: Jänner 2026
Theme URI:https://graphiks.info/
Author:Andreas Hartl
*/

@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-display: fallback;
}

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

/*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 Elements
====================================================================================*/
html {margin:0;overflow-y: scroll;}
body {background-color: #003c84;}
body, tr, td, input, select {font-family:'RobotoCondensedLight', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;font-size:17px;line-height:160%; color: #444; }

h1,h2, h3,h4,h5 { margin-bottom: 1em; text-transform: uppercase; letter-spacing: 1px;font-size: 1.15em; font-family:'RobotoCondensedRegular', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif; }
h2 { margin-bottom:20px;line-height: 1.5em; font-size: 1em; color: #003c84; font-weight: bold;}
h3, h4 { line-height: 1.5em; margin:15px 0;  color:#f8c200;  }
.archivtitle { border-top: 2px dotted #eee; padding-top: 20px;  color: #f8c200; margin-top: 15px;} 
.archivtitle a { color: #333 !important;}
h2 a, h3 a, h4 a, h5 a  { text-decoration: none; color:#f8c200 !important; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover  { text-decoration: none; color:#999 !important; }
h2 i {font-style:normal;color:#f8c200;}
td h3 {margin-top:0;}
h5 { margin-bottom: auto; font-size: 1.05em; letter-spacing: normal;}

a, a:visited {text-decoration:underline;outline:none; color: #333;}
.a:contains("rel=lightbox") {
    display: none;
}
a:hover, a:focus, a:active {text-decoration:none; color:#f8c200;}
.storycontent a.external {padding-right:13px;background:url(pics/extLink.gif) no-repeat right center;margin-right:3px;} 
.storycontent a.noexternal	{ background:0 none !important; margin:0; padding:0;}
a[href*=".pdf"],a.external[href*=".pdf"], a.pdf, a.mailto {background-image:url(pics/PDF.png); background-repeat:  no-repeat; background-position:  left 2px;padding:0 0 0 30px;line-height:22px;display:inline-block; margin-bottom: 5px; text-decoration: none;}
a.mailto { background-image: url(pics/mailto.png);}
.wp-caption a[href*=".pdf"] {background: 0; padding: 0;}
a[href*="tel"] { text-decoration: none !important;}

hr { background: #fff;border:2px dotted #eee; border-width:0 0 2px 0;height: 1px;width:99.99%;margin:15px 0;}
img	{max-width:100%;height:auto; display: block;} 

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

.skiplink {position:absolute;left:-99999px;top:-20em;}
#header, #content, #footer { width: 100%;  position: relative; display: block;} 
#post, h1, #headercontent, #navicontent, #footercontent {position:relative;max-width:1300px;margin:0 auto; width: 96%;display: block; }

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

#headercontent {  margin: 10px auto 0 auto; z-index: 20; color: #fff; padding-top: 10px;}
#header {background-color: #fff; }

#header h1 { z-index: 5; position: relative; height: 100px; width: 100%; margin: 0 auto 10px 2%;max-width: 250px;}
#header h1 a { background-image: url(pics/h1.png); background-repeat: no-repeat; background-size: contain; display: block; width: 100%; height: 100%; }
#header h1 span { position: absolute; left: -9999px;}

#topnavi {z-index:20; margin: 10px auto ; width: auto; margin-left: }
#topnavi li {white-space:nowrap;padding:0 6px 5px 6px;  display: inline-block;line-height: 24px; padding:0 6px; height: 25px;}
#topnavi a, #topnavi a:visited   {  text-decoration: none; text-transform: uppercase; color: #fff; }
#topnavi a:hover, #topnavi a:focus, #topnavi a:active { color: #666; text-decoration: underline; color:#f8c200;}
#topnavi .current-menu-item a {color:#f8c200; cursor: default; text-decoration: none;}

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

#navi,  #topnavi .searchform { display: none;}

#navi {position:relative;   display: block; padding: 0 0 15px 0; z-index: 10; background: #fff;  margin-top: -10px;   }
#navi ul {text-align: right;  font-weight: 600;  }
#navi li {white-space:nowrap;position:relative; text-transform: uppercase; font-size: 1.05em; margin-left: 2px; padding: 3px 5px; display: inline-block; margin-left: 3px; line-height: 40px;}
#navi a, #navi a:visited {color:#333;text-decoration:none;display:block;line-height:1.3em; border-bottom: 1px dotted #fff;}
#navi a:hover, #navi a:focus, #navi a:active {color:#999;  border-color: #999;}

#navi .menu-item-has-children .sub-menu:hover {  z-index: 2; text-decoration: none;}
#navi .current-menu-item a {color:#d52e1e; cursor: default; text-decoration: none;}

#navi .menu-item-has-children a:after { content: "\21E3";  font-size: .8em; font-weight: bold; margin-left: 10px; margin-right: 5px; }
#navi .menu-item-has-children a:hover:after { color:#666; }
#navi .menu-item-has-children .sub-menu a:after {content: ""; }

#navi ul.sub-menu {  position:absolute;   top:35px;   text-align: left; height: 0; overflow: hidden; visibility: hidden; opacity: 0; margin: -20px 0 0 -15px; border:1px solid #f8c200; background:#fff;-webkit-border-radius: 2px;border-radius: 2px; 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;   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-top:1px solid #f8c200; float:none;font-size: .9em; text-transform: none; margin: 0; padding: 5px 15px; display: block; height: auto;  line-height: 1.6em; border-bottom: 1px dotted #fff; white-space: nowrap; }
#navi .sub-menu	li:first-child   {border:0;}

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

#navi ul.sub-menu li { 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; border: 0;}
#navi ul.sub-menu a:hover, #navi .current-menu-item ul a:hover,#navi .current_page_ancestor ul a:hover { color: #999 ; cursor: pointer;}
#navi .sub-menu .current-menu-item a {color:#d52e1e !important;cursor:default; }

.mob-menu-logo-holder  { border-top: 7px solid #fff;}
.mob-cancel-button { background-color: #f8c200 !important; padding: 7px; color: #fff; }

/*Content 
====================================================================================*/
#content { background: #fff; }

#post {padding:0 0 30px 0;background: #fff;}
.indexcontent { margin-bottom: 30px;}
p {margin-bottom:10px;}

.storycontent { padding:0 0 20px 0 ;  }
.date, small	{ color:#999;  font-size: .8em; } 

/*Bilder, Videos, Objects, iframes, Captions*/
.alignright {margin:0 0 15px 3%;display:inline;float:right;} 
.alignleft {margin:0 3% 15px 0;display:inline;float:left;} 
.alignnone { display: inline-block;margin:0 3% 15px 0; }
.storycontent .alignleft, .storycontent .alignright	{ max-width:35%;} 

.video-wrapper { max-width: 600px;}
.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%;} 

/*Listen*/
#post ul, ol,dl {margin:0 0 10px 0;padding:0;}	
#post ul li {margin:0 0 12px 15px;list-style: none; position: relative; }
#post ul li:before { color: #d52e1e; content: "\2022";font-family: 'FontAwesome'; position: absolute; left: -15px; top: 2px; font-size: 1.5em;  }

#post ul  ul { margin: 10px 0;}
#post ul  ul li {margin:0 0 5px 10px; }
#post ul  ul li:before { color: #333;content: '-'; left: -10px;}

#post ol li {margin:0 0 3px 30px;list-style:decimal;padding-left:3px;}
#post ol li li {list-style:lower-latin !important;}
#post ol li li li {list-style:circle !important;}

/*Font Awesome*/
.fa { width: 25px; color: #999; padding-right: 7px; font-size: .85em;}
.fa-chevron-right, .fa-chevron-left { color:#d52e1e; }

/*Suche*/
.search-everything-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} 

.searchfield { height:30px; border-color:#bebebe; line-height: 30px; border-radius: 2px; width: 300px; padding: 2px 15px;background-image: url(pics/search-header.png); background-position: right;  background-repeat: no-repeat; background-size:auto 100%; font-size: 12px; color: #bebebe; }
.searchfield:focus, .searchfield:active { border-color: #f8c200; font-size: 1em; background-size: 0; color: #444; font-size: 16px; height: 40px;  line-height: 40px;  padding: 4px 15px; }

/*Tabellen allgemein*/
table {margin:10px 0;border-spacing:0; border:0;}
td {padding:2px 20px 7px 0;text-align:left;vertical-align:top;}	
td p {margin:0 0 7px 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 #eee;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a,  .wp-pagenavi .current { text-decoration:none;display:inline;margin-right:5px; color:#f8c200; } .wp-pagenavi a:hover { color:#666; } .wp-pagenavi .current {background:#f1f1f1 !important;color:#000;} .extend {margin-right: 5px;} 

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

/*Stellenausschreibung*/
.stellenausschreibung { border: 1px solid #f8c200; margin: 0 0 20px 0;padding: 15px 15px 5px 15px; }
.stellenausschreibung, .stellenausschreibung hr { border-radius: 2px; background-color: #f9f9f9;}
.stellenausschreibung .wp-image-3729 {border-bottom:60px solid #f9f9f9 !important; display:inline-block !important;}
.lehrlingsfolder .wp-caption {max-width: 30% !important;}

/*Shariff*/
.share { text-align: center; border-top: 2px dotted #eee; padding: 15px 0; margin-top: 15px; font-size: .7em;}

/*Spoiler*/
.su-accordion .su-spoiler { border: 0; }
.su-accordion .su-spoiler-title { font-size: 1.1em !important; color:#003c84  !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;}

/*Adressbox*/
.adressbox { display: table; width: auto;}
.adressbox .table_td {display:table-cell;vertical-align: top;}
.adressbox .portraet {  width: 25%; padding: 8px 15px 0 0; }
.adressbox .adresse { width: 75%;line-height: 140%; }

/*Übersichtsseiten*/
.excerpt { text-decoration: none; display: block; padding: 15px 0;  border-top:2px dotted #eee; }
.more-link  { text-decoration: underline; position: relative; font-weight: bold;padding: 0; padding-left: 20px;  }
.more-link:hover, .more-link:hover a, .more-link:focus, .more-link:focus a  {color: #f8c200; }
.more-link:before {color: #d52e1e; content: "\f054"; position: absolute; left: 0; top: 0; font-size: .8em; font-weight: bold; font-family: "Font Awesome\ 5 Free"}
.excerpt .more-link:before { top: 3px;}

/*Sidebar 
====================================================================================*/

#sidebar {position:relative; padding-top: 15px;border:2px dotted #eee; border-width: 2px 0 0 0; -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; }

.pageparent { position: relative; padding-left: 20px}
.pageparent:before {color: #333; content: "\f054"; position: absolute; left: 0; top: -2px; font-size: .8em; font-weight: bold;font-family: "Font Awesome\ 5 Free"}
.pageparent:hover:before, .pageparent:focus:before {color: #f8c200;}

#pagetree { margin-bottom: 20px; line-height: 130%; border-bottom: 2px dotted #eee; padding-bottom: 40px;}
#pagetree ul li {margin:0 ; border-bottom: 1px solid #eee; padding: 7px 0;  width: 100%;}
#pagetree ul li:before { color: #333; content: "\f054"; position: absolute; left: 0; top: 8px; font-size: .8em; font-weight: bold; ;font-family: "Font Awesome\ 5 Free"}

#pagetree li a {text-decoration:none; padding-left: 20px; }
#pagetree li a:hover, #pagetree li a:focus, #pagetree li a:active {text-decoration:underline;}
#pagetree ul li:hover:before, #pagetree ul li:focus:before, #pagetree ul li:active:before { color: #f8c200; }
#pagetree li ul {display: none; height: 0; overflow: hidden; visibility: hidden;}
#pagetree li.current_page_item a { color: #d52e1e !important; cursor: default; font-weight: bold; text-decoration: none;}
#pagetree ul li.current_page_item:before { color: #d52e1e !important; }

#pagetree li.current_page_parent a, #pagetree li.current_page_parent a:visited {  color: #333;}
#pagetree li.current_page_parent a:hover, #pagetree li.current_page_parent a:focus, #pagetree li.current_page_parent a:active {  color: #f8c200;}

#pagetree li.current_page_item ul, #pagetree li.current-menu-ancestor ul, #pagetree li.current_page_parent ul {display: block; visibility: visible; height: auto; border-top: 3px double #eee; }
#pagetree li ul li { border: 0 ;border-top: 1px solid #eee;   }

#pagetree li ul li:first-child {border: 0 ;}
#pagetree li ul li:before { content:" " !important ;}

#pagetree li ul li a { padding-left: 10px; }

#pagetree li.current_page_item ul li a {  color: #666 !important; font-weight: normal; }
#pagetree li.current_page_item ul li a:hover { text-transform: underline; color: #f8c200 !important; cursor: pointer;}
#pagetree li ul li:after { font-size: 1em; font-weight: normal; content: "\276F"; ;color: #fff; right: 10px; position: absolute;}
#pagetree li ul li:hover:after {color: #f8c200 }

#pagetree li.current_page_parent ul li.current_page_item:after { content: "\276F"; ;color: #d52e1e; right: 10px; position: absolute;}

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

#footer {text-align:center;padding:40px 0 95px 0; background-image: url( pics/footer-white-blue.jpg); background-repeat: no-repeat; background-position: center top; background-repeat: no-repeat;background-size: auto 60px; margin-top: 0; color: #fff;}
#footer a, #footer a:visited   { text-decoration: none; text-transform: uppercase; margin-left: 12px; color: #fff; white-space: nowrap;}
#footer a:hover, #footer a:active { text-decoration: underline; color:#f8c200; }

#footer .external_icon { background: 0 !important; padding-right: 0 !important;}
.footernavi { padding-bottom: 15px;}

/*Fixiert Buttons*/
.fixed_buttons {position: fixed; bottom: 0;  left: 0; max-width: 100%;z-index: 3; display: flex; column-gap: 10px; background-color: rgba(255, 255, 255, .7); padding: 10px; width: 100%; }
.fixed_buttons span { font-size: 17px; font-weight: normal; display: inline-block; float: left;font-weight: 900; padding-bottom: 7px;}
.fixed_buttons img { height: 55px; width: auto; margin-bottom: 12px;}

.fixed-button {display: block; position: relative; -webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,.1); box-shadow: 1px 1px 10px 3px rgba(0,0,0,.1); width: 50px; border-radius: 5px; height: 50px; overflow: hidden; }
.fixed-button:hover, .fixed-button:focus {-webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0); box-shadow: 1px 1px 10px 3px rgba(0,0,0,0);}
.fixed-button .desktop_only {display: none;}
.fixed-button i { max-width: 45px; position: absolute; left: 5px; top: 5px;margin: 0 auto; text-align: center;}

.fixed-button a, .fixed-button a:visited { text-decoration: none;display: block; width: 100%; height: 100%; padding: 15px 30px 15px 15px ; font-family:'RobotoCondensedRegular', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; text-align: right; }
.fixed-button a:hover, .fixed-button a:focus, .fixed-button a:active { color: #d52e1e !important;   }

.contact-button { background:#f8c200; color: #fff; font-weight: bold;  border: 3px solid #f8c200;}
.contact-button:hover {background: #fff; border-color:#003c84; cursor:pointer;}
.contact-button a, .contact-button a:visited { color: #003c84 !important; text-align: left;}
.contact-button a:hover, .contact-button a:focus, .contact-button a:active { color: #d52e1e !important;   }
.contact-button i { font-size: 2em; color:#d52e1e; }
.contact-button::before {   content: '';  z-index: -1;   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border: 4px solid #f8c200;   transform-origin: center;   transform: scale(1); }
.contact-button:hover::before {   transition: all 0.75s ease-in-out;   transform-origin: center;   transform: scale(1.75);   opacity: 0; }

/*.containershop-button { background:#d52e1e; color: #fff; font-weight: bold;  border: 3px solid #d52e1e;}
.containershop-button:hover {background: #fff; border-color:#003c84; cursor:pointer;}
.containershop-button a, .containershop-button a:visited { color: #fff !important; display: block; padding: 7px 7px 7px 0;  !important ;  text-align: right;}
.containershop-button a:hover, .containershop-button a:focus, .containershop-button a:active { color: #d52e1e !important;   }
.containershop-button i { font-size: 1.6em; color:#fff;line-height: 40px;}
.containershop-button i.containerimage { background-image: url(pics/container.png); background-size:45px auto; background-repeat: no-repeat; width: 55px; height: 50px; top: 10px; max-width: 55px;}
.containershop-button:hover i { color:#d52e1e;}
.containershop-button:hover i.containerimage { background-image: url(pics/container_red.png);}
.containershop-button::before {   content: '';  z-index: -1;   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border: 4px solid #d52e1e;   transform-origin: center;   transform: scale(1); }
.containershop-button:hover::before {   transition: all 0.75s ease-in-out;   transform-origin: center;   transform: scale(1.75);   opacity: 0; }*/

.containershop-button { background-color:#d52e1e; color: #fff; font-weight: bold;  border: 3px solid #d52e1e; background-image: url(pics/container.png); background-size:55px auto; background-repeat: no-repeat; background-position: 7px center;}
.containershop-button:hover {background-color: #fff; border-color:#003c84; cursor:pointer;}
.containershop-button a, .containershop-button a:visited { color: #fff ; display: block; padding: 7px 7px 7px 85px !important; text-decoration: none !important; text-align: right !important;}
.containershop-button a:hover, .containershop-button a:focus, .containershop-button a:active { color: #d52e1e !important;   }
.containershop-button:hover  { background-image: url(pics/container_red.png);}
.containershop-button::before {   content: '';  z-index: -1;   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border: 4px solid #d52e1e;   transform-origin: center;   transform: scale(1); }
.containershop-button:hover::before {   transition: all 0.75s ease-in-out;   transform-origin: center;   transform: scale(1.75);   opacity: 0; }

/*Ueberschreiben 
====================================================================================*/

.red {color:#d52e1e;}
.yellow {color: #f8c200;}
.blue {color: #003c84;}
.hidden {display:none;}
.nowrap {white-space:nowrap;}   
.bigger {font-size: 1.4em; font-weight: bold; text-transform: uppercase;}

/*.Clear*/
#navi ul:after, .wp-pagenavi:before, .post-edit-link:before, .clear {content: ".";display: block; height: 0; clear: both; visibility: hidden;}

/*Transition*/
a:hover, a:active, a:hover img, .searchform input:focus, .searchform input:active, .button:hover, .button:active, textarea:focus, input:focus, textarea:active, input:active, .wp-pagenavi a, #navi li:hover ul.sub-menu, .sidecontent .current-menu-item ul a:hover, .sidecontent .current-menu-item ul a:active, .more-link:hover, .more-link:active, select:focus,  select:active, #navi li:hover, #navi li:active, .top:hover,  select:focus,  select:active,.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, .opacity:hover, #navi li:hover ul.sub-menu,  img:hover,#header .searchform input,#navi .sub-menu:hover	li, a.button:hover span, .frm_button_submit, #sidebar li.current_page_item ul, #navi ul.sub-menu, #pagetree ul li:before, #pagetree li ul li:hover:after, .fixed-button  {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}

/*Buttons*/
a.button[href*=".pdf"], a.button[href*=".zip"] { background:none; }
.button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current, a.button[href*=".pdf"], a.button[href*=".zip"] { background: none;-webkit-border-radius: 2px;border-radius: 2px;border:1px solid #ccc;letter-spacing:1px;padding:5px 7px !important;font-weight:bold; background-color: #efefef; 	position: relative;}  

.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover, a.button:hover[href*=".pdf"], a.button:hover[href*=".zip"], .button:focus, input[type="submit"]:focus, .wp-pagenavi a:focus, input[type="button"]:focus, input[type="reset"]:focus, a.button:focus[href*=".pdf"], a.button:focus[href*=".zip"], .button:active, input[type="submit"]:active, .wp-pagenavi a:active, input[type="button"]:active, input[type="reset"]:active, a.button:active[href*=".pdf"], a.button:active[href*=".zip"]	{  border-color: #fbc500;cursor:pointer;color:#000;	background-color: #ebebeb;}

.mobile_button { display: block; margin-bottom: 50px;}
a.button span { position: absolute; white-space: nowrap; font-weight: normal; color: #666; letter-spacing: normal;top: 10px; visibility: hidden; opacity: 0;top: 40px;left: 5px;}
a.button:hover span, a.button span.is_mobile {visibility: visible; opacity: 1; background: #fff;}

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

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

    #footer {padding-top: 30px; text-align: right; margin-top: 0;}
    #footer p { padding-top: 35px; float: left; width: 45%;display: inline;}    

}

@media screen and (min-width:751px) {
   
    h2 {font-size: 1.5em; font-weight: bold;}  
    #sidebar h2 { padding-top: 10px;}
    
    .adressbox-gruppe { 	display: flex; 	flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: top; align-content: top; }
    .adressbox-gruppe  > .adressbox {  box-sizing: border-box; margin: 0 0 20px 0;  width:50%; padding-right: 12px; }
   
}

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

    #navi,  #topnavi .searchform { display: block;}
    #headercontent {  margin: 20px auto; z-index: 20; color: #fff; padding-top: 0;}
    #header h1 { margin: 20px 0 0 0; padding-top: 15px;}
    #topnavi {position:absolute; text-align: right;  right: 0; top: -18px;}
    #topnavi li {padding:0 0 0 7px;  } 
    .mobile_only { display: none !important;}
    
}

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

    #header h1 { width: 45%;}
    #topnavi li {padding:0 0 0 12px;} 
    
    .storycontent {padding:25px 0 20px 3%; width: 75%;  float: right; border-left: 2px dotted #eee;    }    
    #sidebar {width: 25%; float: left; padding:25px 3% 20px 0; border: 0; position: sticky;   position: -webkit-sticky;   top: 0;    }
    .mobile_only_subseiten { display: none;}
    
    .fixed-button {width: 75px; height: 75px;}
    .fixed-button i { max-width: 60px; left: 15px; top: 15px;}
    .contact-button i { font-size: 2.5em;  }
    
}

@media screen and (max-width:930px) {
   
    .table, .tr, .td { display: block; }
    .table {border: 7px solid #fff;}

}

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

    body { border-top: 10px solid #003c84;}
    #header { border: 0; margin-top:0; padding: 0;}  
    #header h1 { width: 28%;height: 95px; padding-top: 0;} 
    #topnavi {position:absolute; text-align: right;  right: 0; top: -32px;}
    #headercontent {margin-top: 25px;height: 75px; margin-bottom: 0; padding-top: 15px; }
    #headerdekor { width: 100%; background-repeat: no-repeat;height: 65px; background-size: cover; background-position: 40% center; background-image: url(pics/header-white-blue.jpg); position: absolute; background-color: #fff;  }
    #header h1 {  width: 16%;  height: 75px; margin: 0; max-width: 350px; position: absolute; top: 20px;}

    #navi ul {margin-right: -5px;}

}    

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

    #header {border-top-width: 30px;}
    #navi { padding: 0;z-index: 3; } 
    #sidebar h3 {white-space: nowrap;}
    
    .fixed_buttons { max-width: 250px; display: block; bottom: 15px;  left: 25px; width: 250px; background: 0;}
    
    .fixed-button .desktop_only {display: block;   }
    .fixed-button {width: 100%; height: auto; margin: 10px 0; text-align: right;}
    .fixed-button span { padding-left: 65px; width: 100%; text-align: right;}
    .fixed-button i {  margin-right: 35px; padding-bottom: 10px; left: 25px; top: 15px; }
    .contact-button i { font-size: 3.5em; }
    .containershop-button { background-size: 65px auto; background-position: 15px center;}
    .containershop-button div {padding-left: 0; display: inline-block; float: right; margin-right: 35px; padding-bottom: 7px;}
    
    #footer {padding:40px 0 }
    
}    

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

     #header h1  {width: 30%; height: 100px;   }
    #post { padding-top: 45px;}
    
}