/* General Style */ 
/* Base1*/
/* by Thomas Schmid, below the line, Webmarketing, Friedberg*/

@font-face { font-family: 'Yannone-Kaffeesatz';src: url('../font/YanoneKaffeesatz-Regular.ttf') format('truetype'); }

html {scroll-behavior: smooth;}
body {background: #ffffff;font-size:100%;margin:0em;padding:0em;color:#000000;font-family:Open Sans, sans-serif;}
body.start{background-image:url(../images/background-1.jpg);background-attachment:fixed;background-size:100% auto;}


h1 {
	font-size:3em;
	margin:0;
    padding:0;color:#23971a;
    font-weight:300;
    text-transform:uppercase;
}

.start h1{color:#ffffff;margin:0 0 1em 0;}


h2, h6 {
	font-size:2em;
	margin:0;
	padding:0em;

}
#slider h2{font-size:6em;text-shadow:20px 20px 15px #8f8f8f8c;}

h3 {
	margin:0;
	padding:0;
    font-size:1.5em;
    line-height:1.5em;
    /*font-weight:100;*/
    text-transform:uppercase;
    color:#23971a;
}
#slider h3{font-size:4em;text-shadow:20px 20px 15px #8f8f8f8c;}
h4 {
	font-size:1.5em;
	color:#054f95;
	margin:0em;
	padding:0em;
}


h5 {
	font-size:1.2em;
	color:#000000;
	margin:1em 0 -0.5em 0;
	padding:0em;

}
p{font-size:1.2em;line-height:1.4em;font-weight:400;}
.start p{color:#ffffff;}
.leistung p{margin-top:0;}
.leistung #main article img{max-width:50%;}
.profil #main article p{text-align:left;}


a,
a:hover,
a:visited{text-decoration:underline;color:#000000;}
     


hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, 
rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0));
    z-index: 9990;
    margin: 1em 0 0 0;
    padding: 0;
}




header{height: 5em;margin: 0 auto;top:0;width: 100%;z-index: 9999;position:relative;background:#ffffff;}
.leistung header,
.start header{background:none;}
header.neu .banner-menu{height:4.5em;background:linear-gradient(to right, #eeeae7 0%, #fff 50%, #eeeae7 100%);position:fixed;border-bottom:3px solid #ff8e55;}




#banner-text{display: inline-block;vertical-align: top;}
#banner-text p{color: #fff;font-size: 3em;margin-top: 0.5em;}
header.neu #banner-text p{font-size:2em;}



nav.nav{max-width:1200px;margin: auto;}
.banner-menu{text-align: center;width: 100%;line-height: 3em;}
.banner-menu ul li a{color:#cc0000;text-transform:uppercase;text-decoration:none;}
.image-title{display:none;}


.grid-1{display: grid; grid-template-columns: 100%;}
.grid-1 .grid-1-item{padding:0;margin:2em 0;}
.grid-1 .grid-1-item img{widht:100%;}

#slider{margin:0 auto -5em;position:relative;z-index:555;position:relative;}
.start #slider{/*height:100vh;background-image:url(../images/background-1.jpg)*/;}



.start #slider .grid-2{margin:0 auto;padding:0;display: grid; grid-template-columns: 50% 50%;margin:0 auto;padding:0;}


#slider .post-it img{width: 35%;margin: 2em 0 0 20%;transform: rotate(20deg);border: 1px solid;box-shadow: 20px 20px 20px #00000070;}
#slider .logo-slider{text-align:center;height:80vh;}
#slider .logo-slider img{width:40%;margin: 0;padding:0 0 0 20%;}
#slider .post-it{}
#slider .post-it-2{display:inline-block; position: absolute;top: 80px;right: 50px;z-index: 9;background: url(../images/post-it.png);transform: rotate(15deg);background-size: 100% 100%;padding:3%;width:10%;}
#slider .post-it-2 p{padding:1em 0 0 0;color:#000000;}
#slider .post-it-2 h2{margin:0;color:#000000;}
#slider img{width:100%;height:auto;}



.beige-top{background-image:url(../images/pfeil.png);height:4em;background-size:100% 100%;position:relative;z-index:666;}
.weis-top{background-image:url(../images/pfeil-wei.png);height:4em;background-size:100% 100%;position:relative;z-index:8888;margin-top:-4em;}


#main{margin:0 auto 0;width:100%;background:#84bd82;padding: 0 0 3em 0;position:relative;z-index:666;}
#main .main-grid-2{display: grid; grid-template-columns: 0% 100% ;}
.leistung #main .main-grid-2{display: grid; grid-template-columns: 20% 76% ;grid-gap:2%;margin:0 auto;padding:2em 0;max-width:1200px;}
#main .main-grid-2 li.active{border-bottom:1px solid #23971a;}


#main article {width:100%; vertical-align: top;margin:4em auto 0;text-align:center;padding:0;border-radius:30px;max-width:1200px;}
.blog #main article {text-align:left;} 
#main article img.banner{width:auto;}
.leistung #main article{margin:5em 0 0 3%;text-align:left;}
#main article img{width:100%;}

        .start #main article img{max-width: 30%;float: left;margin: 0.2em 3% 1em 0;}
        .footer-bottom .grid-2{max-width:1200px;margin:0 auto;padding:0;display: grid; grid-template-columns: 50% 50%;margin:0 auto;padding:0;font-size:1em;}
        
.blog #main article img{max-width:100%;width:100%;}

.profil #main article img{max-width: 30%;float: left;margin: 0.2em 3% 1em 0;}

.more-infos{max-width:1200px;text-align:center;margin:0 auto;}
.more-infos h2{color:#cc0000;}


.grid-4-aktuell .grid-2-p{background:#e1e1e1;/*border: 1px solid;*/margin: 5%/*;border-radius: 10px*/;text-align: center;}
.grid-4-aktuell .grid-2-p h2{font-size:1.3em;}
.grid-4-aktuell .grid-2-p p{font-size:1em;color:#020202;}
.grid-4-aktuell{display: grid; grid-template-columns: 25% 25% 25% 25%;}
.grid-4-aktuell img{max-width:100%;}
.grid-4-aktuell .grid-2-p p,
.grid-4-aktuell .grid-2-p h2{pading:3%;}




.items-leading .grid-4-item{background:#e1e1e1;margin: 5%;text-align: center;padding: 0 0 1em 0;}
.items-leading .grid-4-item h2{font-size:1.3em;}
.items-leading .grid-4-item p{font-size:1em;color:#020202;}
.items-leading{display: grid; grid-template-columns: 25% 25% 25% 25%;}
.items-leading .grid-4-item img{max-width:100%;}
.items-leading .grid-4-item h6{font-size: 1.3em;}
figure.newsflash-image{margin:0;}



footer {display:block;background:#84bd82;margin:0 auto 0;text-align:center;padding:2em 0 0 0;color:#ffffff;}
footer h2{font-size:1.3em;}
footer p{font-size:1em;}
footer a{color:#ffffff;}

.footer-bottom{background:#23971a;height:70px;width:100%;}
.footer-bottom p{margin:0 0 0 0;line-height:1em;padding:20px 0 0 20px;font-size:0.9em;color:#ffffff;}



.footer-bottom .grid-2 .f-rechts{text-align:right;}

.f-rechts ul li{margin-top:20px;display:inline-block;padding: 0 0 0 5%;line-height:1em;}´
.f-rechts ul li a{color:#ffffff;font-size:0.75em;text-decoration:none;}
.f-rechts ul li a:hover,.f-rechts ul li a:visited{color: #ffffff;}
.footer-middle .grid-2{margin:0 auto;padding:0;display: grid; grid-template-columns: 30% 70%;margin:0 auto;padding:0;}
.footer-right .grid-2{margin:0 auto;padding:0;display: grid; grid-template-columns: 30% 70%;margin:0 auto;padding:0;}
.footer .grid-tag{text-align:left;}
.footer .grid-zeit{text-align:right;}

.footer-right ul li{font-size:1.1em;list-style:none;}

#banner-text{display: inline-block;vertical-align: top;}
#banner-text p{color: #fff;font-size: 3em;margin-top: 0.5em;}
header.neu #banner-text p{font-size:2em;}


.grid-3 {display: grid; grid-template-columns: 31.33% 31.33% 31.33%;margin:0 auto 2em;padding:2em 0;text-align:center;grid-column-gap: 3%;}
.grid-3 .grid-3-item{background: #f5f5f5; }
/*.grid-3 .item-middle{border-right:2px dashed #23971a;border-left:2px dashed #23971a;}*/
.grid-3 .first-3{border: 1px solid #23971a;}
.mehr-erfahren{position: relative;
bottom: 0;
margin: 1em auto;}
.grid-3 .next-3{padding:2em;border: 1px solid #23971a;}
.start .grid-3-item p{color:#23971a;font-size:1em;}
.start .grid-3-item h3{color:#23971a;font-size:1.2em;line-height:3em;}
.grid-3-item p{min-height:8em;}
.more-n-more .grid-3{max-width:1200px;}
.more-n-more img,
.more-n-more p,
.more-n-more h3{width:80%;margin:auto;}



#main article .grid-3 .grid-3-item img{width:auto;max-width:100%;}
#main article .grid-3 .grid-3-item img.mid{margin:10em 0 0;}






.grid-5 {display: grid; grid-template-columns: 20% 20% 20% 20% 20%;grid-gap:2%;margin:0 auto 2em;}
article .grid-5{max-width:1200px;}
.grid-5 p{margin:0;padding:0;}
.more-n-more .grid-5{grid-gap:0;margin:2em auto;padding:0 4%;text-align:center;}
.more-n-more .grid-5 .grid-5-item{padding:1%;}
.more-n-more .grid-5 img{width:100%;max-width:310px;}
#main .more-n-more h2{margin:1em 0 0.5em;}
#main article .grid-5-item img{width:100%;transition:0.5s;box-shadow:0 0 5px 5px rgba(100, 100, 100, 0.5);border-radius:10px;}
#main article .grid-5-item img:hover{transform:rotateZ(-15deg);transition:1s;box-shadow:0 0 10px 10px rgba(100, 100, 100, 0.5);}


header #banner{max-width:1200px;margin:auto;height:3em;}
header #banner #banner-top{width:25%;display:inline-block;}
header #banner #banner-top-1{display:none;}
header #banner #banner-top{display:inline-block;}
header #banner #banner-top img{height:8em;}
header #banner #banner-top a {color: #bc0000;display: block;margin: 0;padding:0;}
header #banner #banner-top a img{max-width:100%;}
header.neu #banner #banner-top-1{display:inline-block;width:28%;}
header.neu #banner #banner-top{display:none;}
header.neu #banner #banner-top img,
header.neu #banner #banner-top-1 img{height:5em;}
header.neu #banner #banner-text img{margin-top:0;}

header #banner #banner-text{width:70%;}
header #banner #banner-text img{height:6em;text-align:center;margin-top:2em;}







/*Slider-Unterseiten*/

#slider .fest img{width:100%;}
#slider-img { overflow: hidden; height:75vh;}
#slider-img figure img { width: 25%; float: left;margin:0;padding:0;}
#slider-img figure { position: relative;width: 400%;margin: 0;left: 0;text-align: left;font-size: 0;animation: 20s slidy infinite;}

/* Navigation */ 

ul {margin:0;padding-bottom:1em;}
.leistung #main .main-grid-left{margin:5em 0 0 0;padding:0.5em 0 0 0;}
.leistung #main .main-grid-left a{text-decoration:none;text-transform:uppercase;color:#23971a;}
.leistung #main .main-grid-left li{min-height:1.8em;list-style:none;}
.leistung #main .main-grid-left a:hover{color:#000000;}


li{font-size:1.2em;line-height:1.4em;font-weight:400;;padding:0em;margin:0.313em 0em 0.313em 0em;color:#2f2d2c;}

.banner-menu ul li{display:inline-block;margin:0;padding:0;width:20%;text:center;vertical-align:middle;}
.banner-menu ul li a{color:#23971a;}
.start header .banner-menu ul li a{color:#ffffff;}
.start header.neu .banner-menu ul li a{color:#23971a;}
.banner-menu ul li a:hover{color:#23971a;}
.banner-menu ul li.active a{color:#23971a;border-top:1px solid #23971a;}
.start .banner-menu ul li.active a{color:#23971a;border-top:none;}
header .banner-menu ul li a img{height:7em;widht:auto;}
header.neu .banner-menu ul li a img{height:4em;margin-top:-1em;}

.start .banner-menu ul li a img{height:4em;width:auto;/*display:none;*/}
.start header.neu .banner-menu ul li a img{display:inline;}

header.neu .banner-menu ul li{vertical-align:top;margin-top:1em;}

.top-grid-item{display:none;}


/* Footer */ 


footer h3{font-size:1.2em;}

footer ul {
	max-width:1200px;
	width:96%;
	margin:auto;
	font-size:0.9em;
	color:#ffffff;
}


.footer ul li a,
.footer ul li a:hover,
.footer ul li a:visited{color:#ffffff;}
.footer-grid {
  display: grid;
  grid-template-columns: 31.33% 31.33% 31.33%;
  width:80%;
  padding:1em 0 65px 0;
  margin:auto;
  max-width:1200px;
  grid-column-gap:3%;
  
}
.footer-grid .footer-left{text-align:left;}
.footer-grid .footer-middle{text-align:center;}
.footer-grid .footer-right{text-align:right;}

.footer-item {

  padding: 0 1%;
  font-size: 1em;
  text-align: center;
}


.grid-container {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-column-gap:1%;
  padding:1%;
}

.grid-item {

  padding: 0 1%;
  font-size: 30px;
  text-align: center;
}
.grid-item a img{width:100%;}

.bild-grid .vorschau p{margin-top:-3em;display:none;}

.bild-grid { display: grid; grid-template-rows:1fr; grid-template-columns:25% 25% 25% 25%; }
.bild-grid img{width:100%;}

/*hamburger*/
.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;width:96%;}
.hamburger-box {width: 10%;height: 2em;display: inline-block;position: relative;}
.hamburger #banner-text{text-align:center;display:inline-block;width:78%;vertical-align:top;}
.hamburger #banner-text #logo{float:none;display:inline-block;width:100%;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #000000;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61,0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

fieldset{border:none;text-align:right;}
fieldset p{font-size:1em;}
.buchen{position:fixed;bottom:0;width:320px;;margin-left: -160px;text-align:center;left:50%;background:#23971a;height:55px;vertical-align:top;border-top-right-radius:5px;border-top-left-radius:5px;z-index:9999;}
.buchen p{color:#ffffff;}
.buchen p a{text-decoration:none;font-size:14px;color:#ffffff;}
.buchen p a img{height:30px;vertical-align:top;}

bnt.more{border: 1px solid #000;padding: 2%;border-radius: 5px;background: #fff;font-size:0.8em;}
bnt.more:hover{color:#feeeee;}
bnt.more a{text-decoration:none;}

.more-n-more{background:#ffffff;}


p.info-ds{font-size:1em;}


.clear{clear:both;}
.clearfix:after {content: ".";clear: both;display: block;visibility: hidden;height: auto;}

/* Mobile Style */
@media screen and (max-width:1350px) {
    .grid-5{grid-template-columns:24% 24% 24% 24%;}
}
@media screen and (max-width:1270px) {
header #banner{max-width:80%;}
#main article{width:90%;}
.more-infos{width:90%;}
.footer-grid{width:90%;}
.more-n-more .grid-3{width: 90%;}
.footer-bottom {height:100px;}
.footer-bottom .grid-2{width:90%;

}
@media screen and (max-width:1000px) {
h1{font-size:3em;}
.grid-4{grid-template-columns:48% 48%;}
#main{margin:0;}
#main article{margin:1em auto 0;padding:0;}
#main article .grid-4-item img:hover,
#main article .grid-5-item img:hover {transform:none;}
header #banner #banner-text img,
header.neu #banner #banner-text img{max-width:100%;height:auto;}
header.neu #banner #banner-text img{margin-top:1em;}
.spon-tex{grid-area:2/2/4/3;}
.sponsoren .grid-3{grid-template-columns:50% 50%;}
#main article img.banner{width:100%;}
.top-grid-item{display:grid;grid-template-columns: 20% 80%;}
.top-grid-item img{height:5em;}
.top-grid-item .left{text-align:left;}
.top-grid-item .right{text-align:right;}
.start header .banner-menu ul li a {color:#23971a;}
.is-active nav.nav{display: inline-block;width:100%;}
#slider .logo-slider {height: 50vh;}
.is-active li.item-104{display:none;}
.is-active ul.mod-list {background:#ffffff;}
nav.nav{display:none;}

.banner-menu ul li.active a{color:#cc0000;}
.banner-menu ul li{width:40%;}
.leistung header, .start header{background: #ffffff;}
.banner-menu ul li{width:100%; padding:0;margin: 0 auto;text-align:center;}
}
@media screen and (max-width:900px) {
    .grid-5{grid-template-columns:32% 32% 32%;}
    .grid-5-item{height:22em;}
    .clearfix:after {margin:6em 0 0 0;}
}
/*
@media screen and (min-width:800px) {
        .start #main article img{max-width: 30%;float: left;margin: 0.2em 3% 1em 0;}
        .footer-bottom .grid-2{max-width:1200px;margin:0 auto;padding:0;display: grid; grid-template-columns: 50% 50%;margin:0 auto;padding:0;font-size:1em;}
}
*/
@media screen and (max-width:800px) {
    .footer-bottom .grid-2{max-width:1200px;margin:0 auto;padding:0;display: grid; grid-template-columns: 100%;margin:0 auto;padding:0;font-size:1em;}
    p{font-size:1em;}
    h1{font-size:1.6em;}
    #main h2{margin: 0;}
    .grid-4{margin:0 auto 0;}
    .grid-4-item{margin:0 0 1em;}
    .veranstaltungen #slider .grid-4{grid-template-columns:50% 50%;}
    .veranstaltungen #slider .grid-4 .grid-4-item{margin: 0 0 -0.3em 0;}
    .grid-3{grid-template-columns: 100%;}
    .grid-3-item{min-height:6em;margin:1em 0;}
header #banner #banner-top a img{height:6em;}    
header #banner{max-width:80%;margin:0 0 0 15%;}
.top-grid-item{position:absolute;left:0;top:0;width:100%;}
.start #main article img{max-width: 100%;float: none;}
header{height:6em;}
header.neu{height:6em;}
.profil #main article img{max-width:100%;}

.footer-grid .footer-right{text-align:left;}


.footer-grid{grid-template-columns:100%;}
.footer-grid .wetter{text-align:center;}
.footer-grid .right{text-align:center;margin-top:1em;}
footer p{font-size:1.2em;}
.pp .grid-2{grid-template-columns:100%;}
.header-top{height:7em;}
.visform input,
.visform textarea{width:100%;}
fieldset{text-align:left;}
.veranstaltungen .more-infos{margin-top:7em;}
.beranstaltungen .grid-3-item{margin: 1em auto;}
.items-leading{grid-template-columns:100%;}
#main article img{Float: none; margin: 0 auto;}
.leistung #main .main-grid-2{grid-template-columns: 100%;}
.leistung #main .main-grid-left{margin:0;}
.aktuell #main article img{display:inline-block;}

}
@media screen and (max-width:600px) {
    #main h2{margin:0;line-height:2em;}
    .veranstaltungen #slider .grid-4 .grid-4-item{margin:0 0 -0.4em 0;}
    .grid-5{grid-template-columns:50% 50%;}
    .grid-3{grid-template-columns:100%;}
    
    
    .mitglieder .grid-1 .grid-1-item{margin:10em 0 0 ;}
    .grid-3,
    .grid-4,
    .grid-5{grid-gap:0;}
    #slider .logo-slider {height: 18em;}
    .grid-5-item{margin:0 0 2em 0;}
}

@media screen and (max-width:500px) {
    header.neu{display:mone;}
    header #banner{height:5em;}
    .grid-4,
    .grid-3,
    .grid-5{grid-template-columns:100%;}
    .grid-5-item{height:auto;}
    .mitglieder .grid-1 .pp-grid .grid-1-item{margin:0em 0 0 ;}
    .spon-tex{grid-area:auto;}
    .sponsoren .grid-3{grid-template-columns:100%;}
    .hamburger-box{right:5%;}
    #slider .logo-slider {height: 13em;}
}
    
.modul-sponsoren {
  padding: 1em 5em;
}