/* General Style */ 
/* Holzkunst - Stefan Bauer*/
/* by Thomas Schmid, below the line, Webmarketing, Friedberg*/

@font-face { font-family: 'headline';font-display:auto;src: url('../font/Caveat.ttf') format('truetype'); }
@font-face { font-family: 'content';font-display:auto;src: url('../font/Raleway.ttf') format('truetype'); }



html {scroll-behavior: smooth;}
body {margin:-2.5em 0 0 0;padding: 0em;font-size: 100%;font-family: "content";color: #676767;background:#ffffff;}

h1, h2, h3, h4, h5{max-width:1200px;margin:0 auto;}

h1 {font-size:2em;font-weight:700;padding:0 0;margin: 0 auto 1em;max-width:1200px;text-align: left;}
.newsflash h1 {text-align: left;font-size:1.5em;}
.start h1{text-align:left;}
.galerie h1{text-align:center;}
h2 {font-size:1.8em;font-weight:400;margin:0em auto 1em;padding:0em;}
.aktuell-grid-bild h2{font-size:1.3em;}

h3 {margin:0 auto;padding:0;font-size:1.4em;}

h4 {font-size:1.5em;color:#054f95;margin:0em auto;padding:0em;max-width:1200px;}
h5 {font-size:1.6em;color:#054f95;margin:0em auto;padding:0em;max-width:1200px;}

p{font-size:1.2em;padding:0 0 1em 0;margin:0;}


p, .datenschutz ul, #icagenda{max-width:1200px;margin: 0 auto;}
a, a.hover, a.visited{color:#676767;text-decoration:none;}

.galerie h4{font-size: 2em;font-weight:500;padding:1em 0;}
.galerie #main{text-align:center;}
.mod_sigplus{margin-bottom:4em;}
.mod_sigplus ul {margin:0px;padding:0px;max-width:100%;}
.mod_sigplus li {}

hr.style1 {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(132, 92, 49, 1), rgba( 0, 0, 0, 0));margin:1em 0;}

/* Header */ 
header{margin: 0 auto; position: absolute;top:0; width: 100%;}
header #banner{max-width:1200px;margin:0 auto;text-align:left;position:relative;z-index:9999;}
header #banner .logo{height:10em; display:inline-block;width:25%;}

header #banner .logo a img{position: absolute;left: -15%;height: 150%;}
header #banner .logo a p{color: #ffffff; text-decoration:bold;text-align:right;text-transform:uppercase;margin-top:0.5em;font-size: 1.5em;font-weight: 800;}
.top-grid-item{display:inline;}
header nav.nav ul li a{font-size:1.2em;font-weight:700;color:#ffffff;}




header.neu{margin: 0;position:fixed;z-index:9999;background:#ffefde;box-shadow:0 0 5px 5px rgba(100, 100, 100, 0.5);}
header.neu #banner .logo{height:5em;}
header.neu nav.nav ul li a{font-size:1em;font-weight:500;color:#232323;line-height:3em;}
header.neu #banner .logo a img{position: absolute;left: 0;}
header.neu #banner .logo a p{color: #676767; text-decoration:none;font-size: 1.2em;font-weight: 600;}

/*Slider*/
 #slider{top:0;width:100%;z-index:5555;}
 .start #slider{height:100vh;}
#slider-bg{margin:-25em 0 4em 30%; padding:3em;background: rgba(0,0,0,0.5);width:40%;position:absolute;z-index:3;color:#ffffff;}
#slider h2{margin-top:0;color:#ffffff;font-size:2em;}
#slider h3{border-left: 3px solid #ffffff;margin: 0;padding: 0 0 0 4%;color:#ffffff;font-size:1.5em;}
ul.slider li{display:inline-block; width:40%;padding:2.5%;text-align:center;margin:0 1.5%;border-radius:15px;border:2px solid #ffffff;color:#ffffff;font-weight:bold;}
ul.slider li.slider1{background:#f68713;}
ul.slider li.slider2{background:#0eaa5b;}
#slider p{margin:2em 0;}
ul.slider li a{color:#ffffff;}  
.slidershow{}
#slider .fest img{width:100%;}
#slider-img { overflow: hidden; }
#slider-img figure img { width: 33.3333333333333333333333333333333%; float: left;margin:0;padding:0;}
#slider-img figure { position: relative; width: 300%;margin: 0; left: 0; text-align: left; font-size: 0; animation: 30s slidy infinite;}  



/*Contentbereich*/
#main{padding-bottom:5em;width: 100%;z-index: 8888;position: relative;padding:0em;margin-top:0;background:#ffffff;}

#main article {margin:3em auto;/*max-width:1200px;*/}
.aktuelles #main article{max-width:1200px;}
/*.start #main article {max-width:1200px;}*/
#main article img{max-width:100%;}

#main .start-grid-2{display:grid;grid-template-columns:55% 40%;margin:3em auto 0;grid-column-gap:5%;padding: 3em 0 0 0;max-width:1200px;}
/*#main .start-grid-2-left{margin:0 0 5% 0;}*/





/* Navigation */ 

header nav{width:74%;text-align:right;}
nav.nav{display:inline-block;vertical-align:top;}


ul {max-width:1200px;width:100%;margin:0 auto;}


.nav ul {text-align:right;}
.nav ul li{list-style:none;margin-top:1em;display:inline-block;padding: 0 0 0 5%;}
.nav ul li a{text-decoration:none;padding: 0 0 0.5em 0;}
header.neu .nav ul li a{color:#49b9f0;}
.nav ul li.active a{border-bottom: 1px solid #000000;}
.mobil{display:none;}



/*grid*/,
.grid-2-all{display: grid;grid-template-columns: 30% 70%; padding:2%;margin:auto;text-align:center;}

#more-infos-1, #more-infos-3, #more-infos-4{padding: 3em 0;box-shadow: 10px 10px 10px #cdcdcd;}
.moduletable {padding: 3em 0;box-shadow: 10px 10px 10px #cdcdcd;}
.moduletabel .custom{background:none; box-shadow:none}

.more-infos-2 .custom, .more-infos-5 .custom{background:none; box-shadow:none}


.moduletable h3{margin: 2em auto; text-align:center;}

/*.more-infos-2 {padding: 3em 0;box-shadow: 10px 10px 10px #cdcdcd;}*/
.more-infos-2{margin:0 auto;background:rgba(106, 81, 54, 0.17);}
.more-infos-2 .grid-3-item{background:rgba(206, 162, 96, 0.2);}

#more-infos-1 h2,#more-infos-2 h2,#more-infos-3 h2,#more-infos-4 h2,#more-infos-5 h2{text-align:center;}
#more-infos-3 .newsflash h2.newsflash-title a{font-size: 1em;}
#more-infos-4 .moduletable{margin-top:3em;}

.more-infos-3 .aktuell-grid-text h1{font-size:1.4em;}

.more-infos-4{background:rgba(106, 81, 54, 0.17);}
.more-infos-4 p.more-infos{font-size:2em;text-align:center;}

.more-infos-5 {padding: 3em 0;box-shadow: 10px 10px 10px #cdcdcd;}

.ic-1{max-width:1200px;margin:0 auto;background:#f5f5f5;}
.iccalendar table td div{font-size:0.8em;}
.icnav .titleic{font-size:2em;}
.iccalendar table td{border: 1px solid #d9d9d9;}



.grid-2{display: grid;grid-template-columns: 45% 45%; padding:2%;margin:auto;text-align:center;max-width:1200px;grid-column-gap:10%;}
.grid-2 img{max-width:100%;}

.grid-3{display: grid;grid-template-columns: 30% 30% 30%; gap:5%; padding:2%;margin:auto;text-align:center;max-width:1200px;}


.grid-3-item{border-radius:10px;box-shadow: 10px 10px 10px rgb(164, 164, 164);overflow:hidden;}
.grid-3-item img{max-width:100%;border-radius:10px; transition:all 0.5s linear;}
.grid-3-item:hover img{max-width:100%;-webkit-transform: scale(1.1) !important;}
.grid-3-item h3{margin: 1em 0;}




/* Footer */ 
footer {display:block;background:#845c31;margin:0;text-align:center;padding:3em 0 0 0;color:#ffffff;position:relative;z-index:7777;}
footer h2{font-weight:700;}
footer h3{font-size:1.2em;}
footer img{max-width:50%;border-radius:10px;}
footer ul {max-width:1200px;width:96%;margin:auto;color:#ffffff;}
footer ul li {display:inline-block;margin:0;vertical-align:top;padding: 1em 3em;line-height:1.8em;}
footer .footer-item ul li{color:#ffffff;list-style:none;padding:0;margin:0;}
footer ul li{padding:1em 0;width:100%;}
footer a{color:#ffffff;}
/*footer ul li a:hover {color:#ffffff;padding:0;}*/
footer ul li a.active {border-bottom:#ffffff;}
/*footer ul li a {color:#ffffff;transition: filter 0.9s ease 0s;text-decoration:none;}*/
.footer-grid {display: grid;grid-template-columns: 33.33% 33.33% 33.33%;width:80%;padding:1%;margin:auto;max-width:1200px;}
.footer-grid .middle{text-align:center;}
.footer-grid .middle p{padding: 0 0 1em 0;}
.footer-grid .right{text-align:right;}
.footer-grid .links p{padding:0;}
.footer-grid .middle img{max-width:25%;margin:2em 0 0 0;}
.footer-item {padding: 0 1%;font-size: 1em;text-align:left;}



/*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;text-align:right;width:96%;}
.hamburger-box {width: 10%;height: 2em;display: inline-block;position: relative;right:0;}
.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: #6da2df;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); }

.desk{display:inline-block;width:72%;vertical-align:top;text-align:right;padding-right:2%;}
.mobil{display:none;}


#visformcontainer{max-width:1200px;margin:0 auto 0;}

.visform, fieldset{border:none;}

.visform select, .visform textarea{border:2px solid rgba(132, 92, 49, 1);padding:5px;border-radius:5px;/*width:70%;*/background: rgba(255,255,255,0.9);}
.visform input:not(.btn){background: rgba(255,255,255,0.9);}
.visCSSlabel{margin:1em auto 0;width:100%;}vitaltreff-loidl-100.jpg
.visCSStop0 input{width:10%;}
.visCSStop0 label{width:85%;}
.visCSSrlinl{display:inline-block;}
.visCSSmargLeft{margin-left:0;}
.visform .btn{width:30%;}
.visCSSrllst{width:20%;}
#field6_0,
#field6_1,
#field6_2,
#field6_3,
#field6_4,
#field6_5,
#field6_6,
#field6_7,
#field6_8{width:10%;}
.field3{margin:2em 0 0 0;}
.field3 #form1interesselbl{font-weight:700;font-size:1.2em;}

/*Aktuelles*/
.newsflash{max-width:1200px;margin:0 auto;}
/*.aktuell-grid {display: grid;grid-template-columns: 40% 60%;margin: auto;}*/
.aktuell-grid-bild img{margin:0 3% 0 0;max-width:100%;}
.aktuell-grid-bild{padding:0 3% 0 0;}
.aktuell-grid-text{padding:0 0 0 3%;margin: 0 5% 0 0;}
.aktuell-grid{display: grid;grid-template-columns: 20% 30% 20% 30%;margin: auto;}
.aktuell-grid-bild{padding: 3%;border: 1px solid;margin:0 5% 1em 0;border-radius: 10px;text-align: center;}
.item-image{text-align:center;}

.aktuelles .aktuell-grid-bild h2{font-size:1.3em; line-height:1.2em;}
#main article .aktuell-grid-text p{margin:6.8em 0 0;}
#main article .newsflash .aktuell-grid-text p{margin:0 0 0;}
#main article .newsflash .aktuell-grid {margin:0 0 5em 0;}
.newsflash-title a{text-decoration:none; color:#bd9d3b;}

.aktuelles #main article{max-width:1200px;margin: 0 auto;}

/*.start */#main .item-pagestart{max-width:1200px;margin:0 auto;}

#main .item-image{max-width:1200px;margin:0 auto 2em;}
#main .patner .item-pagepartner p{text-align:left;}
.partner p, .partner img{text-align:center;}


/* Mobile Style */

@media screen and (max-width:1550px) {
    .start #slider{height:42em;}
    
}
@media screen and (max-width:1200px) {
    header{width:90%;padding:0 5%;}
    .start #slider{height:35em;}
    header-top{width:90%;margin:0 auto;}
    #main{width:90%;padding: 0 5%;}
    .moduletable {width:90%;padding:3em 5%;}
    header #banner .logo a img{left:0;}
    header p{display:none;}
    header.neu p{display:block;}
    header.neu #banner .logo a p{font-size:1em; font-weight:800;}
    #slider img{max-width:100%;}
}    


    
@media screen and (max-width:1000px) {
    .grid-3{grid-template-columns:28% 28% 28%;gap: 1em 8%;}
    .grid-3 h3{font-size:1.1em;}
    nav.nav{display:none;margin-top:4em;}
    .nav ul{width:30%;position:absolute;right:0;}
    .nav ul li{display:block;margin:0 5% 0 0;text-align:center;line-height:3em;border: 1px solid #151515;background:#cdcdcd;}
    header{height:6em;}
    header img{height:5em;}
    header.neu nav.nav{margin: -2em auto 1em;}
    .mobil{display:inline-block;}
    
    .start #slider {height: 30em;}
    .top-grid-item{width: 55%;display: inline-block;position:absolute;right:0; }
    header.neu #banner .logo a img{height:6em;}
    header #banner .logo a img{max-height:8em;}
    
    header nav{width:auto;}
    header #banner{height:8em;}
    header #banner .logo{height:auto;width:50%;}
}
@media screen and (max-width:850px) {
    .start #slider{height:23em}
    }
@media screen and (max-width:700px) {
     .grid-3{grid-template-columns:100%;}
     .footer-grid{grid-template-columns:100%;}
     .footer-item{text-align:center;}
     .footer-grid .tight{text-align:center;}
}
@media screen and (max-width:600px) {
    .visform input{width:100%;}
    .start #slider{height:15em}
    .nav ul{width:50%;}
    .aktuell-grid{grid-template-columns:50% 50%;}
    .grid-2{grid-template-columns:100%;}
    .grid-2-item{margin:0 0 2em 0;}
    .footer-grid .right{text-align:center;}
    #main .start-grid-2{grid-template-columns:100%;}
    p{font-size:1em;}
    #slider{min-height:10em;margin-top:2em;}
    .top-grid-item{right:5%;}
    .aktuell-grid-bild{margin: 0 5% 3em 0;}
    footer ul{width:100%;margin:0;padding:0;}
}
@media screen and (max-width:450px) {
    header #banner #banner-text-mi{width:35%;}
    p{font-size:0.9em;}
    h2{font-size:1.2em;}
    h1{font-size: 1.5em;}
    .start #slider{height:10em;}
    header.neu #banner .logo img{display:none;}
    header #banner .logo a p{text-align:left;}
}

@keyframes slidy {
0% { left: 0%; }
33% { left: 0%; }
34% { left: -100%; }
66% { left: -100%; }
67% { left: -200%; }
100% { left: -200%; }
}