@font-face {
  font-family: 'KlMfont';
  src: url('../assets/fonts/Didact_Gothic/DidactGothic-Regular.ttf')  format('truetype')
}

@font-face {
  font-family: 'FontAwesome';
  /*
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  */
  src: url('../assets/fontawesome-free-5.13.0-web/webfonts/fa-regular-400.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* -------------------
       Allgemein 
-----------------------*/
html {height: 100%;box-sizing: border-box;}
body { height:100%; margin: 0; padding: 0;   min-height: 100%; display: flex;flex-direction: column; height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */} 
/* Horizontales scrollen verhindern */html, body { max-width: 100%; overflow-x: hidden;}

*,*:before,*:after {box-sizing: inherit;}

.site,  .site-footer {max-width: 1054px; min-width: 1054px; margin: 0 auto;  }
.site {background-color: white; }
@media (max-width: 767.98px) { 
	.site {max-width: 100%;min-width: 100%;}
}





/* Lightbox */ .wp-lightbox-overlay .scrim {background-color: #000000CC!important}


/* -------------------
       Kopfbereich  
-----------------------*/
.site-branding {padding: 7px 12px; text-align: right;}
.site-logo img {min-height: 120px; width: auto;}
.site-title {margin-top: 20px; margin-bottom: 0; }
.site-title a {font-family: 'Times New Roman', Times, serif; font-size: 22pt;/*CUSTOMIZERcolor: #244B2C*/}
.site-title a:hover {text-decoration: none;}

.site-description {font-size: 10pt;margin-bottom: 0; }


.site-header {margin-top: 1em;}
.header-image {height: 320px;max-width: 96.8735%; background-position-y: 12%/*65%*/;margin: 1em auto; background-repeat: no-repeat; background-size: 100%}
@media (max-width: 767.98px) { 
	.site-branding {padding: 0; text-align: center;}
}

/* -------------------
       Navigation   
-----------------------*/
nav.main-navigation{margin-left: 0; width: 100.02345%;}
nav.main-navigation a, nav.main-navigation a:hover, nav.main-navigation li.current-menu-item a {color: white; }
nav.main-navigation li {padding:0.75% 2%; border-left: 1px solid whitesmoke;border-right: 1px solid whitesmoke;}
nav.main-navigation li:first-child{border-left: 0;}
nav.main-navigation .sub-menu {background-color: #FFFFFF;}
nav.main-navigation .sub-menu a {color: #333!important}
nav.main-navigation .sub-menu li:hover a {color: whitesmoke!important}
nav.main-navigation .sub-menu .current-menu-item a {color: whitesmoke!important}
nav.main-navigation .sub-menu li {border-top: 1px solid #efefef; padding: 7px; }
nav.main-navigation li:hover .sub-menu {left: 0;}
nav.main-navigation li a:hover {color: white;}
nav.main-navigation li {-moz-transition: all 0.7s;-webkit-transition: all 0.7s;transition: all 0.7s; }
nav.main-navigation .menu-item-has-children{ display: flex;}
nav.main-navigation .menu-item-has-children:after{content: "\00a0\00a0\f150"; display:inline; font-family: 'FontAwesome'; color: white }

/*mobile menu button*/ .menu-toggle {background-color: transparent; border: 0; color: #FFF; margin: 0 auto; font-size: 25px; }

@media (max-width: 991.98px) { 
	nav .menu-toggle{display: block}
	nav ul[aria-expanded="false"] {display: none!important}
	nav.main-navigation {margin-bottom: 1em; position: fixed;top: -2px;left: 0;z-index: 99; overflow-y: scroll;}
	nav.main-navigation li {float: none; padding-left: 1em ;}
	nav.main-navigation .sub-menu {display: block; background-color: transparent; box-shadow: none;float: none;position: inherit;left: 0;z-index: 0;top: 0;}
	nav.main-navigation .sub-menu li {border: 0; padding-left: 2em ;}
	nav.main-navigation .sub-menu a {color: #FFF!important;}
}

/*breadcrumb*/ul#crumbs {list-style: none;display: block;clear: both;width: 100%; padding:0; margin:0;} ul#crumbs li {display: inline-block;margin-right: 0.5em;font-size: small;}ul#crumbs li a {font-size: small;}ul#crumbs li:after{content: " | "}


/* -------------------
       Startseite   
-----------------------*/
.alarm {margin: 2% 0;border: Tomato 4px solid; border-radius: 7px; padding: 0.5% 0; }
.alarm h1 {color: Tomato; font-size: 1.78903rem;}
.frontpage-widgets {margin-bottom: 2em; margin-left: 0.75em; margin-right: 0.75em;}
.frontpage-widgets .widget {-webkit-border-radius: 4px;-moz-border-radius: 4px;background-color: #f9f9f9;border: 1px solid #e5e5e5;border-radius: 4px;margin: 0 10px 20px 0 ;padding: 20px;}
.frontpage-widgets .widget-title {font-size: 1.42rem;font-weight: 800;/*CUSTOMIZER color: #244B2C;*/}
.frontpage-widgets ul, .frontpage-widgets ol {list-style:none; margin: 0; padding: 0;}
.frontpage-widgets li{padding:0 0 7px 0; border-bottom: 1px solid lightgray;}
.frontpage-widgets li a {font-size: 12pt;}
.frontpage-widgets .wp-block-file .wp-block-file__button{content:''; margin: 0;padding:0 ;background-color: transparent;color: transparent; font-size: 0.1pt}
.frontpage-widgets .wp-block-file .wp-block-file__button::after{content:'\2913'; font-size: 18pt; border-radius:0; margin: 0 0 0 0.5em ;padding: 0;background-color:transparent;color: #5B7760;} 
.frontpage-widgets  img{min-width: 120px;}



/* -------------------
       Inhaltsbereich    
-----------------------*/
.site-content * {font-family: 'KlMfont','Open Sans', sans-serif;}
.site-content p {font-weight: 100;}
.site-content .fa:before {font-family: 'FontAwesome', sans-serif !important;}
.site{min-height: 100%; position: relative; padding-bottom: 220px; flex: 1 0 auto; padding: 20px;} /* footer "immer unten" */
.site-content {margin-top:2em;}
.site-content.front-page {margin-top: 0;}
.site-content figcaption {font-size: 72%;}
.site-content .entry-content a {text-decoration: underline;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;transition: all 0.7s; padding: 0 4px;}
.site-content .entry-content a:hover {text-decoration: none; background-color: #EFEFEF; }
/*postedit*/a:visited.edit-link, .edit-link, .post-edit-link, .frontpage-widgets li a.edit-link {font-size: 6pt!important; color: orange!important;}
.wp-block-cover {margin: 1em auto;}

/*meldungen*/.meldung {-webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.126); box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.126); padding: 0.5em 1em; margin: 1em; border-radius: 7px}

article a[href$=".pdf"]:after {content: ' » [PDF] '}
article a[href$=".doc"]:after {content: ' » [DOC] '}
article a[href$=".docx"]:after {content: ' » [DOC] '}
article a[href$=".xls"]:after {content: ' » [EXCEL] '}

/*Zitate*/.site-content blockquote:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
font-size: 42px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
content: "\f27a";
vertical-align: middle;
position: absolute;
left: 30px; }
.site-content blockquote {margin-left: 102px; font-style: italic}

/* -------------------
       Seitenleiste  
-----------------------*/
.site-content .sidebar { flex: 0 0 30.745333333%;;  background-color: #EFEFEF; padding: 1em; }
.site-content .sidebar ul{margin:0;padding: 0;}
.site-content .sidebar ul .col-lg-3 {width: 100%!important;max-width: 100%!important; }
@media (max-width: 765px) { .sidebar{display: none;} }

/* -------------------
       Fußbereich  
-----------------------*/
.site-footer {  height:220px; padding: 20px;flex-shrink: 0; position: relative; background-color: rgba(52,53,57,0.8);}
.site-footer ul {list-style: none; margin: 0; padding: 0;}
.site-footer  a, .site-footer  li {font-size: small;}
.site-footer a {text-decoration: none}
.site-footer a:hover {text-decoration: underline;}
.site-footer h2 {font-size: 12pt; margin-top: 1em; border-top: 1px solid lightgray; padding-top: 10px;}

.site-info-wrapper{  margin: 0 auto; }
.site-info  { font-size:8pt; position: absolute; bottom:0;  width: 100%; }
.intern {margin-left: 4em}
.intern a{font-size: 6pt; color: lightgray }

#footer-menu a {color: white;}