@charset "UTF-8";

/* Farben */
 
:root {
  --bggruen: rgb(206, 244, 218); /* cef4da */
  --bggelb: rgb(254, 250, 190); /*fefabe */
  --bggrau: rgb(235, 235, 235); /* ebebeb */
  
  --txtgruen: #05a536;
  --txthover: #efb225;
  --txtsecond: #43c76b;
  --txt: #13334c;
  --danger: #f2ae99;
}




/* *******************************************************
Farben  */

.beige { color:var(--txtsecond); }
.dunkelbeige { color:var(--txtsecond); }
.gruen { color:var(--txtgruen); }
.warning { color:red; }
.textgruen { color:var(--txtgruen); }
.grundfarbe-text { color:var(--txt); }


body, p {
    font-weight: 400;
    font-size: 12pt;
    font-family: "Encode Sans", "Open Sans", Helvetica, sans-serif;
    line-height: 1.6;
    color: var(--txt);
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;
}


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.h7 { color:var(--txtgruen); font-weight:normal; line-height:1.4; }
h1 { font-size: 1.5rem; font-weight:600;}
h2 { font-size: 1.4rem;margin-top:30px;font-weight:600;  }
h2:first-of-type { margin-top:0px;  }
h3 { font-size: 1.2rem;margin-top:1rem;font-weight:600; }
h4 { font-size: 1.1rem; }
.pagetitle { display:block; font-size:1.8rem; color:var(--txtgruen); font-weight:normal;padding-bottom:16px; }
hr { border: 2px solid #05a536; padding: 0 !important;margin: 0 !important; }
header hr, footer hr { margin:0 !important;border: 4px solid #05a536 !important;}
.container { max-width: 1024px; }
.seitentitel { margin-bottom: 5em; }
.bilderfloat img { float:left; display:block; width:46%; margin:10px 20px 20px 20px; }
.bilderfloat img:first-child { margin:10px 20px 20px 0px; }

.bggruen { background-color: var(--bggruen); padding: 24px; border-radius: 5px;}
.bggelb { background-color: var(--bggelb); padding: 24px; border-radius: 5px;}
.bggrau { background-color: var(--bggrau); padding: 24px; border-radius: 5px; }
.mt-header .nav-tabs  { margin:0 !important; padding:0px !important; } 
.mt-header .nav-tabs > li { margin:0 !important; padding:10px !important; }

.kasten { margin-top:16px; border:1px solid var(--txt); padding: 24px; display:block; border-radius: 5px; } 

.col-lg-3 .kasten { padding-top: 0px; margin: 25px 5px; }
.col-lg-3 .kasten.bggelb { padding:0 0 24px 0; }
.content.col-lg-9 section .container,
.content.col-lg-12 section .container,
.col-lg-3 section .container { padding-left:0px !important; padding-right: 0px !important; }
.content.col-lg-9 section .container .col-md-6 { margin-bottom:1rem; }


a  { color: var(--txtgruen); text-decoration:none; outline: none; font-weight: 600; }
.subnavi a, .subnavi a:link, .subnavi a:visited  { color: var(--txt); text-decoration:none; outline: none; font-weight: 600; }
a.nav-link  { color: var(--txt); text-decoration:none; outline: none; font-weight: 600; font-size:1.1rem; }
footer .g-bg-green a, footer .g-bg-green a:link, footer .g-bg-green a:visited  { color: #FFF; outline: none; font-weight: 600; }
a:hover, a:active, a:focus { color: var(--txthover) }
#myCarousel ul.nav-tabs li a small:hover { color:var(--txt); }
.nav-tabs { border:none; border-bottom: 0px solid transparent; }


.content ul { list-style: none; padding-left:0.8rem; }
.content ul > li { margin: 1.0rem 0; position: relative; }
.content .kasten ul > li { padding-left: 2rem; }
 

.content ul > li,
.content ul > li > ul > li {
            position: relative;
            padding-left: 30px;
            list-style: none;
        }
.content ul > li::before,
.content ul > li > ul > li::before {
            content: '' !important;
            display: inline-block;
            height: 1.5rem;
            width: 1.5rem;
            background-image: url('../../media/list_arrow.svg');
            background-size: cover;
            left: 0;
            position: absolute;
        }



.content ul.nav-tabs { margin:0;padding:0;}
.content ul.nav-tabs > li:before { display:none; }
.content ol > li:before { background:none;}
.content ol > li::marker { font-size:1.3em;font-weight:bold;color:var(--txtgruen);}
.content ol > li { margin: 0.5rem 0; position: relative; }

.g-bg-main .g-color-primary, .js-go-to.g-color-primary { color: #FFF !important; }
.btn-danger {background-color: var(--danger);border-color: var(--danger); }
.btn-danger:hover { background-color: #009900;border-color: #009900; }
.btn { border-radius: 0rem; }

body.article-1 .fa-home {
color:#FFF;
}
body.article-1 .breadcrumb { display:none; }
body.article-1 .mt-header { margin-top:66px; }
.fa-home::before { font-size:22px; }
.fa-home { margin-top:-10px; }

article.g-brd-3 { background:var(--bggrau); border-color:var(--txtgruen) !important;}




.bildrechts { float:right; margin:6px 0 6px 20px; width:30%; }
.bildlinks { float:left; margin:6px 20px 6px 0px; width:30%; }
img.size50 { width:50%; max-width:100px; }

img { max-width:100%; }
main p, main li { margin-top: 0; margin-bottom: 1rem; }
footer p, footer li, footer h3 { margin-top: 0; margin-bottom: 0rem; color:#FFF; }
footer address.g-color-gray-dark-v3 { color:#FFF !important; }
table.table-striped { margin-top: 1rem; margin-bottom: 1rem; border-bottom:1px #ebebeb;}
p.mehr, p.autor { text-align:right; font-size:0.9rem; font-style:italic; }
p.kleiner { text-align:left; font-size:0.9rem; font-style:italic; }
span.inst { color:var(--txtgruen); }

div.authorcopy {
float:right;
position:absolute;
right:13px;
font-size:10px; 
color:#777;
text-align:right;
}
article.g-brd-3 div.authorcopy { right:5px; }


.buch { border-top: 5px solid var(--txtgruen) !important; padding:10px 0; }
.buch .kombi { display:inline-block; height:auto; }
.buch p { font-size:0.9rem !important; }
.buch figure { float:left; width: 30%;min-width:70px; margin:6px 10px 15px 0; }

.g-bg-green {
    color: white !important;
    background-image: linear-gradient(-30deg, #05a536, #4eca73, #05a536, #4eca73, #05a536) !important;
}


.g-bg-main--hover:hover { background-color: var(--txtgruen) !important; color:#FFF !important; }
.g-bg-main--hover:hover p, .g-bg-main--hover:hover h2 { color:#FFF !important; }



/* *******************************************************
Breadcrumb  */

.breadcrumb { background-color: transparent !important; margin-top:30px; padding: 1.75rem 1rem 0 .6rem;
margin-bottom: 0; }
ol.breadcrumb { background-color: transparent; }
ol.breadcrumb li:after { content:'/';padding-left:6px;padding-right:6px; }
ol.breadcrumb li:last-child:after {content:""}
ol.breadcrumb li { margin-bottom:0; font-size:0.9rem; }



/* *******************************************************
Teaser  */

.artikelteaser .news { 
border-bottom: 1px solid var(--txtgruen);
padding-bottom:10px;padding-top:8px;
}
.g-bg-beige-opacity-0_7 {
  background-color: #fefabe !important;
color: var(--txtgruen) !important;
}
.g-brd-primary--hover:hover, .g-brd-primary--active.active {
    border-color: var(--txtgruen) !important;
}
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
    color: var(--txtgruen) !important;
}
.teaser h4 { font-size:1.3rem; color:var(--txt); }
.teaser { padding:0 10px 10px 10px; }
.teaser p.anlese { display:none; }


/* *******************************************************
Kasten rechts  */

.rightcol .row { margin-left:0; margin-right:0; margin-bottom: 30px; }
.rightcol .col-md-12 { padding-right: 0px; padding-left: 0px; }
.rightcol figure { margin-bottom:5px; }
.rightcol .kasten h3 {
    background-color: var(--txtsecond);
    color: #FFF;
    display: block;
    font-size:1.2rem;
    font-weight: bold;
    margin: 0 0;
    padding: 6px 14px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
max-width:100%;
}
.content .kasten h2 {
    color: var(--txt);
    font-size:1.2rem;
    font-weight: bold;
    margin: 0 0 14px 0;
}

.kasten h3 { margin:10px 15px; padding:0; font-size: 1.3em }
.kasten p, .kasten h4 { margin:5px 15px 0 15px; padding:0; }
.kasten p:first-of-type { margin-top:15px; }
.kasten p.teaserbild { margin: 0px 0px; padding: 0px 0; background:#FFF; }
.kasten ul {padding-top: 6px;}
.kasten ul li {padding: 0px 10px 6px 0px;margin: 0px;}
.kasten ol li {padding: 0px 10px 6px 4px; margin:0;}
.kasten.subnavi ul { list-style-type: none;margin: 0; padding-left:15px;margin-bottom: 0rem; }
.kasten.subnavi ul { padding-top: 0px; }
.kasten.subnavi ul li ul { padding-top: 6px; }

/* *******************************************************
Linktipps  */

.col-lg-9 ul.linkliste { padding-left:0px; }
.col-lg-9 ul.linkliste li::before {content: "";padding-right: 0px;margin-left: 0px;}

.linkliste a {
display: block !important;
text-decoration: none;
transition: all .2s;
color: var(--txtgruen) !important;
border-left: solid 1px transparent !important;
border-color: transparent !important;
background-color: #f6f6f6 !important;
padding-left: 1.42857rem !important;
padding-top: 0.85714rem !important;
padding-bottom: 0.85714rem !important;
padding-right: 1.42857rem !important;
border-width: 3px !important;
 }
.linkliste p { margin-top:6px; margin-bottom:20px; }
 
.linkliste a:hover {
background-color: var(--txtgruen);
padding-left: 1.78571rem !important;
color: var(--txtgruen) !important;
border-left:3px;
border-color: var(--txtgruen) !important;
}

#sitemap ul { list-style: none; padding-left:0rem; }
#sitemap ul > li > ul, 
#sitemap ul > li > ul > li > ul { margin-top:10px; }

#sitemap ul > li,
#sitemap ul > li > ul > li {
            position: relative;
            padding-left: 30px;
            list-style: none;
        }
#sitemap ul > li::before,
#sitemap ul > li > ul > li::before {
            content: '' !important;
            display: inline-block;
            height: 1.5rem;
            width: 1.5rem;
            background-image: url('../../media/list_arrow.svg');
            background-size: cover;
            left: 0;
            position: absolute;
        }
#sitemap li a.offline { background-color: orange; color:#444; opacity:0.7; }

/* *******************************************************
Kasten content  */




.col-lg-9 .kasten h2 { margin-top:2px; }
.col-lg-9 .kasten img { width:30%; float:right; margin:6px 0 0 20px;border:1px solid #EEE;  }
.col-lg-9 .kasten p { margin:10px 0px 0 0px; padding:0; }



/* *******************************************************
Accordion
******************************************************** */

#plzsuchform { border:1px solid #999; padding:20px; margin:0px; font-size:0.9em; }

.panel {
margin-bottom: 10px;
background-color: #fff;
border-bottom: 1px solid #999;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-group .panel {
margin-bottom: 10px;
border-radius: 0px;
padding:10px 0;
}

.accordion-option h1, .card-group { margin-bottom: 1.8rem;}
.card-header {
padding: 0.8rem 1.2rem 0.4rem 1.2rem;
background-color: #e8eff8;
}
.card-title a {
padding: 0.6rem 1.2rem 0.1rem 1.2rem;
display:block;
width:100%;
font-size:1.3rem;
}



.form-control, .form-control:focus {
    color: var(--txt);
}

Formular
/* ******************************************************** */

.yform .form-group { width:50%; float:left; }
.yform button { margin-top:20px; }
#yform-kontaktformular-createdate { display:none; }


PopMaps
/* ******************************************************** */
#map { padding-bottom:30px; }
.popup.mapdata { display:none; margin-top:0px; }
.popup h4 { border-top:1px solid #999; font-size:1.0em; line-height:1.5em; padding:6px 0; font-weight:700; border-bottom:1px solid #999; padding-right:20px;margin-top:4px;}
.popup p.close { display:none; }
.popup a { font-size:0.9rem; }
.popup h3 { display:block; padding-top:12px; height:38px; line-height:100%; padding-bottom:0; margin-bottom:0;
  background-image: url('../popmap1/ae-symbol.png');
  background-position: right top;
  background-repeat: no-repeat;
  background-size:30px;
}



/* *******************************************************
Zitate
******************************************************** */

.blockquote { background: url('../../media/quots.png') no-repeat 20px 28px; }
.blockquote p { font-style: italic; background: none; }
.blockquote p.last:after { position:relative; margin-left:8px; content: url('../../media/quots2.png');}
.blockquote { padding: 2.85714rem !important; padding-bottom:1rem !important; }




/* *******************************************************
Navigation
******************************************************** */

.navbar-nav { padding:0.8rem; }
.navbar-brand { padding-top: .6rem;padding-bottom: .6rem; }
.navbar-brand img { max-height: 40px; max-width:180px;padding-bottom:3px; }
.navbar-nav > li.nav-item { padding:0.5rem;}
.dropdown-menu { padding:0.8rem; min-width:250px; margin:0; }


a.nav-link {
  color: #13334c;
  text-decoration: none;
  outline: none;
  font-weight: 600;
  font-size: 1.1rem;
}
a.nav-link:focus, a.nav-link:hover { color: var(--txtgruen); }
a.nav-link { color: #13334c; font-weight: 600; padding:0; }

ul.navbar-nav > li.nav-item.current > a.nav-link,
ul.navbar-nav > li.nav-item.selected > a.nav-link,
ul.navbar-nav > li.nav-item.active > a.nav-link { color: var(--txtgruen); }
ul.dropdown-menu > li.nav-item.current > a.nav-link,
ul.dropdown-menu > li.nav-item.active > a.nav-link,
ul.hs-sub-menu > li.nav-item.current > a.nav-link,
ul.hs-sub-menu > li.nav-item.selected > a.nav-link,
ul.hs-sub-menu > li.nav-item.active > a.nav-link { color: var(--txtgruen); }

ul.navbar-nav > li > ul > li.hs-has-sub-menu a {
display:block;width:100%;
}


ul.grey > li.g-mx-3--lg { margin-left: 1.21429rem !important; }
ul.grey > li.g-mx-3--lg a.nav-link { padding: 0rem 0.4rem 0.4rem 0; }




@media (max-width: 991px) {
  .navbar-expand-lg .navbar-collapse {
   margin-top:20px;
  }
}





/* *******************************************************
Masterslider  */

.carousel-item.active { background-color: var(--txtgruen) !important; }

#myCarousel .nav a small {
    display:block;
}
#myCarousel .nav {
	background:transparent;
}
#myCarousel .nav a {
border-radius:0px;
}

#myCarousel .nav a.small { text-decoration:none; }

#myCarousel ul.nav-tabs {
      display: flex;
      justify-content:space-between;
      list-style-type: none;
      width:100%;
    }

#myCarousel ul.nav-tabs li {
background:#a3f3bb;
padding:10px;
} 

#myCarousel ul.nav-tabs li a {
color:var(--txt); font-size:1.3rem; line-height:1.6rem;
}  
#myCarousel ul.nav-tabs li a small {
line-height:1.4rem; margin-top:6px;
}  
  

#myCarousel ul.nav-tabs li.active {
background:#04a535;
color:#FFF !important;
}  
#myCarousel ul.nav-tabs li.active a {
color:#FFF !important;
}    
#myCarousel ul.nav-tabs li a:hover {
text-decoration:none !important;
color:var(--txtgruen);
}

/* Pfeile oben  */ 
    
#myCarousel ul.nav-tabs li {
	position: relative;
}
#myCarousel ul.nav-tabs li.active:after, 
#myCarousel ul.nav-tabs li.active:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#myCarousel ul.nav-tabs li.active:after {
	border-bottom-color: #04a535;
	border-width: 12px;
	margin-left: -12px;
}
#myCarousel ul.nav-tabs li.active:before {
	border-bottom-color: #04a535;
	border-width: 12px;
	margin-left: -12px;
}
#myCarousel .nav-item > a.nav-link:hover { color:#225379; }

@media all and (max-width: 767px) {

#myCarousel .nav-item > a, 
#myCarousel .nav-item > a.nav-link {
    white-space: normal;
width:100%;
    padding: 5px 10px;
}
#myCarousel .nav-item > a.nav-link small {
    display:none;
}
}

#yform-kontaktformular-schutzhonig { margin-top:-40px; }
#yform-kontaktformular-schutzhonig label { opacity: 0; }
input[name="schutzhonig"] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
.checkbox input { margin-right:10px; }

body.article-106 .breadcrumb { display:none; }
.container.slider { padding-bottom:0px;padding-top:50px; }


.textkasteniframe {
background: #fff;
display:block;
height:400px;
overflow:visible;
}

.text-center { margin: 0 auto; }
.text-right { margin: 0 0 0 auto; }
.vertical-bottom { position: relative; margin-top:4px; }


/* *******************************************************
Responsive
******************************************************** */


@media (min-width: 320px) {  

#myCarousel ul.nav-tabs li.nav-item { display:none; }
#myCarousel ul.nav-tabs li.nav-item.active { display:block; }
.navbar-brand.g-py-15 { margin-left: 15px; }
.artikelteaser .teaser { display:block; height:auto; overflow:hidden; }
.nav-justified .nav-item { flex-basis: auto; }
section, .col-md-6 { margin-top:20px; }
.g-mb-30 { margin-bottom: 0rem !important; }
}

@media (min-width: 576px) {  

.artikelteaser .teaser { display:block; overflow:hidden; }
.nav-justified .nav-item { flex-basis: 0; }
.w-10, .w-20, w-30, .w-40, .w-50 { width: 50vH; }
.w-60 { width: 60vH; }
.w-70 { width: 70vH; }
.w-80 { width: 80vH; }
.w-90 { width: 90vH; }
}
  

@media (min-width: 768px) {  
#myCarousel ul.nav-tabs li.nav-item { display:block; }
#myCarousel ul.nav-tabs li.nav-item.active { display:block; }
.artikelteaser .teaser { display:block; overflow:hidden; }
.teaser p.anlese { display:block; }
.g-mb-30 { margin-bottom: 2.14286rem !important; }

.row-eq-height {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
display: flex;
margin-bottom:10px; 
}
.row-eq-height .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.row-eq-height .item .item-body{
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}


.embed-responsive-4by3::before { padding-top: 40%; }
.w-10, .w-20, w-30, .w-40 { width: 40vH;}
.w-50 { width: 50vH; }
.w-60 { width: 60vH; }
.w-70 { width: 70vH; }
.w-80 { width: 80vH; }
.w-90 { width: 90vH; }
.vertical-bottom { position: absolute;width: 100%;left: 0;bottom: 0; margin-bottom:-4px !important }

}
  
/* navi springt um */

@media all and (min-width: 992px) {
.navbar-expand-lg .navbar-toggler-right { display: none; }
#footernavi ul > li.g-mr-30:last-child { margin-right:15px !important; }
a.nav-link { position: relative; display: inline-block; }
.navbar-brand.g-py-15 { margin-left: 0px; }
.artikelteaser .teaser { display:block; overflow:hidden; }
section, .col-md-6 { margin-top:0px; }
.w-10 { width: 10vH; }
.w-20 { width: 20vH; }
.w-30 { width: 30vH; }
.w-40 { width: 40vH; }
.w-50 { width: 50vH; }
.w-60 { width: 60vH; }
.w-70 { width: 70vH; }
.w-80 { width: 80vH; }
.w-90 { width: 90vH; }
}

@media (min-width: 1000px) {
.navbar-brand.g-py-15 { margin-left: 0; }
}

@media all and (min-width: 1200px) {
.artikelteaser .teaser { display:block; overflow:hidden; }
}


@media all and (min-width: 1400px) {
.container { max-width: 1024px; }
div.mt-header .container {max-width: 1332px;}
}


@media screen and (max-width: 767px) {
#ukrModal { max-width:40% !important; }
#ukrModal span.close { right:0 !important; }

}