@charset "utf-8";

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */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%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}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;}

html { width:100%; height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
body { font-family: Montserrat, sans-serif; font-size: 12px; -webkit-text-size-adjust:100%; color:#000000; width:100%; height:100%; background:#aaa; border:0 none;scroll-behavior: smooth;}	

/* Works on Firefox */
* {scrollbar-width:thin; scrollbar-color:#416023 #ffffff }

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 15px !important }
*::-webkit-scrollbar-track {background-color: transparent !important }
*::-webkit-scrollbar-thumb {background-color: #416023 !important; border-radius: 20px !important; border: 1px solid #fff !important }

#site { position:relative; width:100%; background:rgba(255,255,255,1)}
#main { position:relative;  width:100%;}
#data1 { position:relative; z-index:2; width:100%; margin:0px auto; background:rgba(255,255,255,1); 
         -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8) }
#data2 { position:relative; z-index:1; width:100%; margin:0px auto; background:rgba(255,255,255,1);}  

#header{ position:absolute; z-index:100; top:0px; font-family:Montserrat, sans-serif; font-size:16px; color:#888; height:120px; width:100%; border-bottom:1px solid #ddd;} 
.head_bg{ 
 position:absolute; z-index:80; top:0px; height:120px; width:100%; opacity:0.80; filter: alpha(opacity=80); background: rgba(220,240,215,1);
 background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(220,240,215,1) 100%);
 background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(220,240,215,1)));
 background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(220,240,215,1) 100%);
 background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(220,240,215,1) 100%);
 background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(220,240,215,1) 100%);
 background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(220,240,215,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfcd', endColorstr='#cccccc', GradientType=1 ) } 

#head_warp { position: relative; margin:0px auto; width:100%; height:100% }    
#menu { 
 position:absolute; top:120px; z-index:90; background:rgba(201,220,195,0.9);  width:100%; height:auto; right:0px; margin-left:auto; margin-right:0; border-bottom: 1px solid #fff ;
 -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) } 
.menupos { position:relative; z-index:80; width:900px; height:auto; right:0px; margin-left:auto; margin-right:0;}     
 
logo1 { position:absolute; z-index:999; width:200px; height:150px; left:40px; top:20px;}
Logot1 { position:absolute; z-index:100; top:30px; left:280px; text-align:left; font-size:26px; font-family: Montserrat, sans-serif; font-weight:bold; color:#416023; letter-spacing:1.3px }
Logot2 { position:absolute; z-index:100; top:35px; left:444px; text-align:left; font-size:13px; font-family: Montserrat, sans-serif; font-weight:normal; color:#333; letter-spacing:0px }
Logot3 { position:absolute; z-index:100; top:60px; left:280px; text-align:left; font-size:22px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px }
Logot4 { position:absolute; z-index:100; top:85px; left:280px; text-align:left; font-size:16px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.5px }
adresse { position:absolute; z-index:100; top:30px; right:50px; text-align:right; font-size:14px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px; line-height:1.6; }
headinfo { position:absolute; z-index:100; top:30px; right:250px; text-align:left; font-size:14px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px }

.ihead { position:relative; top:4px; width:18px; height:auto }
.ikont1 { position:relative; top:6px; padding-right:6px; width:25px; height:auto }

img { image-rendering: -webkit-optimize-contrast;  max-width: 100%; max-height: auto;}

#content1{ position:relative; z-index:10; text-align:center; width:1200px; padding:60px 0px 0px 0px; margin:0px auto } 
#content2{ position:relative; z-index:10; text-align:left; width:1200px; padding:80px 0px 0px 0px; margin:0px auto } 

.cont_bg1{ position:absolute; z-index:1; width:100%; bottom:-240px; right:0px; height:auto; filter: alpha(opacity=90); opacity:0.9 } 
.cont_bg2{ position:absolute; z-index:1; width:80%; bottom:-240px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
.cont_bg3{ position:absolute; z-index:1; width:70%; bottom:-240px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
.cont_bg4{ position:absolute; z-index:1; width:70%; bottom:-2px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 

#foot{
position:relative;	z-index:10;	width:100%; height:240px; margin:0 auto; 
/*background:url(../layout/bg_foot2.svg), rgba(60,60,60,0.95); background-repeat:no-repeat; background-size:cover;*/
background: rgba(82,90,80,0.80);
background: -moz-linear-gradient(top, rgba(82,90,80,0.80) 0%, rgba(48,50,46,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,90,80,0.80)), color-stop(100%, rgba(48,50,46,1)));
background: -webkit-linear-gradient(top, rgba(82,90,80,0.80) 0%, rgba(48,50,46,1) 100%);
background: -o-linear-gradient(top, rgba(82,90,80,0.80) 0%, rgba(48,50,46,1) 100%);
background: -ms-linear-gradient(top, rgba(82,90,80,0.80) 0%, rgba(48,50,46,1) 100%);
background: linear-gradient(to bottom, rgba(82,90,80,0.80) 0%, rgba(48,50,46,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535951', endColorstr='#2f322e', GradientType=0 ); 
border-top: 1px solid #eee; -moz-box-shadow: 1px 1px 12px #222; /* Firefox */ -webkit-box-shadow: 1px 1px 12px #222; /* Chr, Saf */ box-shadow: 1px 1px 12px #222; /* CSS3 */ }

#foot_cont{ position:relative; top:0px; text-align:left; width:100%; height:220px; margin:0px auto; }
#foot_end{ position:relative; z-index:10; width:100%; height:30px; background:#2f322e; margin:0 auto; overflow:hidden; }
.publisher { position:relative; top:5px; left:40px; text-align:left; width:100%; margin:0px auto}
.f-t1 { position:absolute; z-index:100; bottom:20px; left:40px; font-size:14px; font-family: Montserrat, sans-serif; font-weight:400; letter-spacing:0px; color:#aaa }

.flexbox1 { position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:space-around }
.flexbox2 { position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:flex-start}
.flexbox3 { position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-flow:row wrap; margin:0px -10px -10px 0px }

.infobox1 { position:relative; width:100%; height:370px; margin:20px; border:1px solid #ccc; padding:10px; background-color:#fff; flex-basis:28%;
            -moz-box-shadow: 0px 2px 6px #ccc; /* Firefox */ -webkit-box-shadow: 0px 2px 6px #ccc; /* Chr, Saf */ box-shadow: 0px 2px 6px #ccc;
            border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px }
.box_pfl1 { position:absolute; width:80px; height:auto; top:20%; left:-10px;}
.box_pic1 { position:relative; width:100%; height:auto; border-radius:10px;}
.box_txt1 { position:relative; top:10px; font-size:20px; font-weight:normal; font-family: Montserrat, sans-serif; color:#C5474C; hyphens:auto; text-align:center}
.box_txt2 { position:relative; top:10px; font-size:15px; font-weight:normal; font-family: Montserrat, sans-serif; color:#666666; hyphens:auto; text-align:justify}

.thempic1 { position:relative; width:100%; height:auto; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; box-shadow: 0px 2px 8px #666 }
.thempic2 { position:relative; width:100%; height:auto }
.thempic3 { position:relative; width:100%; height:auto; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; box-shadow: 0px 2px 8px #666;
            border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px }
.iconset1 { position:relative; width:100%; height:auto }
.iconset2 { position:relative; width:500px; height:auto }

.abstand1 { line-height:100px }
.abstand2 { line-height:200px }
.abstand3 { line-height:300px }

/* Layouts ------------------------------------------------------------------ */
.ihead { position:relative; top:4px; width:18px; height:auto }
.ifoot1 { position:relative; top:0px; width:180px; height:auto; opacity:0.15; filter:alpha(opacity=15) }
.i-kf1 { position:relative; z-index:10; width:450px; height:auto; left:0px} 
.ikont1 { position:relative; top:6px; padding-right:6px; width:25px; height:auto }
.logo1 { position:relative; width:250px; height:auto; top:0px }
.punkt1 { margin-bottom:-2px; padding-right:10px; width:20px; height:20px }
.punkt2{ position:relative; top:-2px; width:22px; height:auto; padding: 0px 8px 0 0}

.icons1 { position:relative; top:4px; width:18px; height:auto }
.icons2 { position:relative; width:200px; height:auto; margin: 0 5px }
.icons3 { position:relative; width:25px; height:25px; top:5px; padding-right:6px; }

/* intro ---------------------------------------------------------------------- */	
#intro {position:relative; top:0px; left:0px; width:100%; padding: 0px; margin-top:-15px; border:0 none; font-family:arial,helvetica,sans-serif,verdana,'Open Sans' }
#noscriptfeld { position:absolute; top:45%; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; width:100%; color:#cccccc }

/* Effekts ---------------------------------------------------------------------- */	
.btneff1 { opacity: 0.80; filter: alpha(opacity=80); transition-timing-function: cubic-bezier(0.1,0.1,0.1,0.1); transition-property: margin-top; transition-duration: 0.3s}
.btneff2 { transition-duration: 1.3s; -webkit-filter: contrast(1); filter: contrast(1) }
.btneff3 { transition-duration: 0.5s;  transform: scale(1.0);}
.btneff1:hover { margin-top:-20px; opacity:1; filter: alpha(opacity=100)}
.btneff2:hover { transition-duration: 0.3s; -webkit-filter: contrast(2.0); filter: contrast(2.0);}
.btneff3:hover { transition-duration: 0.3s;  transform: scale(1.04);}

.shine { background: linear-gradient(to bottom right, #aaa 40%, #fff 50%, #aaa 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animate 5s linear infinite }
@keyframes  animate { 0% { background-position:0px} 50% { background-position:100px} 100% { background-position:190px} }

.anime1 { animation: turner 10s infinite linear }
@keyframes turner{ from{  transform: rotateY(0deg) } to  { transform: rotateY(360deg) } }

.text-slider { position:absolute; z-index:100; overflow:hidden; width:400px; height:30px; display:flex; top:61px; left:530px;
               font-size: 20px; font-family: Montserrat, sans-serif; font-weight:400; color:#2B4016; letter-spacing:0px; }

.text-content { position: absolute; opacity: 0; transform: translateX(-100%); animation: textChange 25s infinite; }
        
 @keyframes textChange {
            0% { opacity: 0; transform: translateX(-100%); }
            5% { opacity: 1; transform: translateX(0); }
            20% { opacity: 1; transform: translateX(0); }
            25% { opacity: 0; transform: translateX(100%); }
            100% { opacity: 0; transform: translateX(100%); }
}
     
.text-slider span:nth-child(1) { animation-delay: 0s; }
.text-slider span:nth-child(2) { animation-delay: 5s; }
.text-slider span:nth-child(3) { animation-delay: 10s; }
.text-slider span:nth-child(4) { animation-delay: 15s; }
.text-slider span:nth-child(5) { animation-delay: 20s; }

/* Auswahl Btn ------------------------------------------------------------------ */
.btnbox1{ position:relative; width:340px; height:auto; padding:10px; }
.btnbox2{ position:relative; width:360px; height:auto; padding:10px;  }

.bigbox1 { position:relative; width:190px; height:300px; margin:0 10px 0 10px}
.boxinfo { position:absolute; width:100%; z-index:5; top:20px; padding:0; text-align:center; font-family: Montserrat, sans-serif; color:#fff; font-size:18px; font-weight:700; -ms-user-select: None; -moz-user-select: None; -webkit-user-select:None; user-select:None}

/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:1000px; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left;}
.box_zeiten1 { position:relative; margin:0 auto; width:600px; text-align:left; font-family: Montserrat, sans-serif; font-size:22px; color:#000000;}
.box_zeiten2 { position:relative; width:800px; text-align:left; font-family: Montserrat, sans-serif; font-size:22px; color:#455805;}

.tb1a{ display: table-cell; vertical-align:text-top; width:45%}
.tb1b{ display: table-cell; vertical-align:text-top; width:10%}
.tb1c{ display: table-cell; vertical-align:text-top; width:45%}
.td2a{ display: table-cell; vertical-align:top; width:3%; padding:3px 0 0 0}
.td2b{ display: table-cell; vertical-align:top; width:97%; padding-left:10px; vertical-align: top; font-family: Montserrat, sans-serif; font-size: 18px; color:#467D11;}
.zeiten1{ position:relative; top:8px; width:35px; height:35px } 

.shade1 {box-shadow:0 8px 8px -4px #666666;}


/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen
  and (min-width: 1221px)
  and (max-width: 1300px)
{ 
.text-slider {display:none }
    
}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen
  and (min-width: 992px)
  and (max-width: 1220px)
{   
    
#header{ position:relative; z-index:100; top:0px; font-family:Montserrat, sans-serif; font-size:16px; color:#888; height:110px; width:100%; border-bottom:1px solid #ddd;} 
.head_bg{ position:absolute; z-index:80; top:0px; height:110px; width:100%; opacity:0.80; filter: alpha(opacity=80); }  
#menu { position:relative; top:0px; z-index:90; background:rgba(201,220,195,0.9);  width:100%; height:auto; right:0px; margin-left:auto; margin-right:0; } 
.menupos { position:relative; z-index:80; width:780px; height:auto; right:0px; margin-left:auto; margin-right:0;}  

logo1 { position:absolute; z-index:999; width:180px; height:auto; left:10px; top:10px;}
Logot1 { position:absolute; z-index:100; top:15px; left:220px; text-align:left; font-size:24px; font-family: Montserrat, sans-serif; font-weight:bold; color:#416023; letter-spacing:1.3px }
Logot3 { position:absolute; z-index:100; top:40px; left:220px; text-align:left; font-size:21px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px }
Logot4 { position:absolute; z-index:100; top:65px; left:220px; text-align:left; font-size:15px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.4px }
adresse { position:absolute; z-index:100; top:15px; right:20px; text-align:right; font-size:14px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px; line-height:1.6; }
headinfo { position:absolute; z-index:100; top:15px; right:220px; text-align:left; font-size:14px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px }
    
#content1{ position:relative; z-index:10; text-align:center; width:98%; padding:60px 0px 0px 0px; margin:0px auto } 
#content2{ position:relative; z-index:10; text-align:left; width:98%; padding:80px 0px 0px 0px; margin:0px auto }     
  
.cont_bg3{ position:absolute; z-index:1; width:90%; bottom:-240px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
    
#foot{ position:relative;	z-index:10;	width:100%; height:280px; margin:0 auto }
#foot_cont{ position:relative; top:0px; text-align:left; width:100%; height:260px; margin:0px auto; }    
.publisher { position:relative; top:5px; left:20px; text-align:left; width:100%; margin:0px auto}   
.f-t1 { position:absolute; z-index:100; bottom:20px; left:20px; font-size:13px; font-family: Montserrat, sans-serif; font-weight:400; letter-spacing:0px; color:#aaa }
.ifoot1 { position:relative; top:0px; width:180px; height:auto; opacity:0.15; filter:alpha(opacity=15) }
    
.iconset1 { position:relative; width:100%; height:auto }
.iconset2 { position:relative; width:500px; height:auto }
    
.btnbox1{ position:relative; width:320px; height:auto; padding:10px; }
    
.abstand1 { line-height:100px }
.abstand2 { line-height:200px }
.abstand3 { line-height:200px }
    
.text-slider {display:none }
    
}

/* Tablet Hochformat (Portrait) */
@media only screen
  and (min-width: 761px)
  and (max-width: 990px) 
{ 
#header{ position:relative; z-index:90; top:0px; font-family:Montserrat, sans-serif; font-size:16px; color:#888; height:110px; width:100%; border-bottom:1px solid #ddd;} 
.head_bg{ position:relative; z-index:80; top:0px; height:110px; width:100%; opacity:0.80; filter: alpha(opacity=80); }  
#menu { position:relative; top:0px; z-index:90; background:rgba(201,220,195,0.9);  width:100%; height:auto; right:0px; margin-left:auto; margin-right:0; } 
.menupos { position:relative; z-index:100; width:100%; top:0px; height:auto; right:0px; margin-left:auto; margin-right:0;}  

logo1 { position:absolute; z-index:999; width:160px; height:auto; left:20px; top:5px;}
Logot1 { position:absolute; z-index:100; top:15px; left:200px; text-align:left; font-size:24px; font-family: Montserrat, sans-serif; font-weight:bold; color:#416023; letter-spacing:1.3px }
Logot3 { position:absolute; z-index:100; top:40px; left:200px; text-align:left; font-size:21px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px }
Logot4 { position:absolute; z-index:100; top:65px; left:200px; text-align:left; font-size:15px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.4px }
adresse { position:absolute; z-index:100; top:15px; right:20px; text-align:right; font-size:14px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:0px; line-height:1.6; }
headinfo { display:none}  
    
#content1{ position:relative; z-index:10; text-align:center; width:98%; padding:60px 0px 0px 0px; margin:0px auto } 
#content2{ position:relative; z-index:10; text-align:left; width:98%; padding:80px 0px 0px 0px; margin:0px auto }  
    
.cont_bg3{ position:absolute; z-index:1; width:100%; bottom:-240px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
    
#foot{ position:relative;	z-index:10;	width:100%; height:300px; margin:0 auto }
#foot_cont{ position:relative; top:0px; text-align:left; width:100%; height:280px; margin:0px auto; }    
.publisher { position:relative; top:5px; left:20px; text-align:left; width:100%; margin:0px auto}   
.f-t1 { position:absolute; z-index:100; bottom:20px; left:20px; font-size:13px; font-family: Montserrat, sans-serif; font-weight:400; letter-spacing:0px; color:#aaa } 
    
#intro {position:relative; top:0px; left:0px; width:100%; padding: 0px; margin-top:0px; border:0 none; font-family:arial,helvetica,sans-serif,verdana,'Open Sans' }
    
.text-slider {display:none }

/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:80%; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left;}
.box_zeiten1 { position:relative; margin:0 auto; width:100%; text-align:left; font-family: Montserrat, sans-serif; font-size:20px; color:#000000;}
.box_zeiten2 { position:relative; width:100%; text-align:left; font-family: Montserrat, sans-serif; font-size:20px; color:#455805;}

.tb1a{ display: table-cell; vertical-align:text-top; width:45%}
.tb1b{ display: table-cell; vertical-align:text-top; width:10%}
.tb1c{ display: table-cell; vertical-align:text-top; width:45%}
.zeiten1{ position:relative; top:6px; width:30px; height:30px } 
.bg_zeiten1 { position:relative; width:70%; text-align:center; padding:20px; margin:0px auto; box-shadow:0 8px 8px -4px #666666; opacity:0.75; filter:alpha(opacity=75)} 
    
.i-kf1 { position:relative; z-index:10; width:400px; height:auto; left:0px} 
.i-kf3{ position:relative; z-index:10; width:400px; height:auto; left:0px} 
.ifoot1 { position:relative; top:0px; width:180px; height:auto; opacity:0.15; filter:alpha(opacity=15) }
.icons2 { position:relative; width:160px; height:auto; margin: 0 5px }   
    
.iconset1 { position:relative; width:100%; height:auto }
.iconset2 { position:relative; width:400px; height:auto }
    
.btnbox1{ position:relative; width:280px; height:auto; padding:10px; }
.btnbox2{ position:relative; width:300px; height:auto; padding:5px; }
    
.txt1{ margin-top:-50px; margin-left:-50px}
.txt2{ margin-top:-50px; margin-left:-50px}    
.txt3{ margin-top:-50px; margin-left:-50px} 
    
.abstand1 { line-height:100px }
.abstand2 { line-height:200px }
.abstand3 { line-height:200px }
    
}

/* Smartphone Querformat (Landscape) */
@media only screen
  and (min-width: 481px)
  and (max-width: 760px) 
{ 
#main { position:relative; z-index:1; width:100%; margin:0px auto; -moz-box-shadow: 1px 1px 12px #222; -webkit-box-shadow: 1px 1px 12px #222; box-shadow: 1px 1px 12px #222; overflow:hidden;} 
    
#header{ position:relative; z-index:90; top:0px; font-family:Montserrat, sans-serif; font-size:16px; color:#888; height:100px; width:100%; border-bottom:1px solid #ddd;} 
.head_bg{ position:absolute; z-index:80; top:0px; height:100px; width:100%; opacity:0.80; filter: alpha(opacity=80); }  
#menu { position:relative; top:0px; z-index:90; background:rgba(201,220,195,0.9);  width:100%; height:auto; right:0px; margin-left:auto; margin-right:0; } 
.menupos { position:relative; z-index:100; width:100%; height:auto; right:0px; margin-left:auto; margin-right:0;}  

logo1 { position:absolute; z-index:999; width:140px; height:auto; left:10px; top:5px;}
Logot1 { position:absolute; z-index:100; top:15px; left:160px; text-align:left; font-size:20px; font-family: Montserrat, sans-serif; font-weight:bold; color:#416023; letter-spacing:1.3px }
Logot3 { position:absolute; z-index:100; top:40px; left:160px; text-align:left; font-size:17px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.3px }
Logot4 { position:absolute; z-index:100; top:64px; left:160px; text-align:left; font-size:13px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.8px }
adresse { position:absolute; z-index:100; top:15px; right:20px; text-align:right; font-size:14px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.5px; line-height:1.6; }
headinfo { display:none}  
    
#content1{ position:relative; z-index:10; text-align:center; width:97%; padding:40px 0px 0px 0px; margin:0px auto } 
#content2{ position:relative; z-index:10; text-align:left; width:97%; padding:60px 0px 0px 0px; margin:0px auto}     
 
.cont_bg1{ position:absolute; z-index:1; width:100%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=90); opacity:0.9 } 
.cont_bg2{ position:absolute; z-index:1; width:80%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
.cont_bg3{ position:absolute; z-index:1; width:90%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
.cont_bg4{ position:absolute; z-index:1; width:50%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=70); opacity:0.7 } 
.cont_bg8{ position:absolute; z-index:1; width:100%; top:0px; height:auto; filter: alpha(opacity=60); opacity:0.6 }   
    
#foot{ position:relative; z-index:10; width:100%; height:400px; margin:0 auto }
#foot_cont{ position:relative; top:0px; text-align:left; width:100%; height:380px; margin:0px auto; }    
.publisher { position:relative; top:5px; left:20px; text-align:left; width:100%; margin:0px auto}   
.f-t1 { position:absolute; z-index:100; bottom:20px; left:20px; font-size:13px; font-family: Montserrat, sans-serif; font-weight:400; letter-spacing:0px; color:#aaa } 
    
#intro {position:relative; top:0px; left:0px; width:100%; padding: 0px; margin-top:0px; border:0 none; font-family:arial,helvetica,sans-serif,verdana,'Open Sans' }
    
.text-slider { display:none}
   
/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:90%; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left;}
.box_zeiten1 { position:relative; margin:0 auto; width:100%; text-align:left; font-family: Montserrat, sans-serif; font-size:18px; color:#000000;}
.box_zeiten2 { position:relative; width:100%; text-align:left; font-family: Montserrat, sans-serif; font-size:18px; color:#455805;}

.tb1a{ display: table-cell; vertical-align:text-top; width:45%}
.tb1b{ display: table-cell; vertical-align:text-top; width:10%}
.tb1c{ display: table-cell; vertical-align:text-top; width:45%}
.zeiten1{ position:relative; top:6px; width:30px; height:30px } 
.bg_zeiten1 { position:relative; width:85%; text-align:center; padding:20px; margin:0px auto; box-shadow:0 8px 8px -4px #666666; opacity:0.75; filter:alpha(opacity=75)} 
    
.ifoot1 { position:relative; top:0px; width:180px; height:auto; opacity:0.15; filter:alpha(opacity=15) }
.i-kf1 { position:relative; z-index:10; width:300px; height:auto; left:0px} 
.i-kf3{ position:relative; z-index:10; width:300px; height:auto; left:0px} 
.ikont1 { position:relative; top:8px; padding-right:6px; width:22px; height:auto }
    
.punkt2{ position:relative; top:-2px; width:18px; height:auto; padding: 0px 0px 0 0}
.td2b{ display: table-cell; vertical-align:top; width:97%; padding-left:8px; vertical-align: top; font-family: Montserrat, sans-serif; font-size: 16px; color:#467D11;} 
    
.icons2 { position:relative; width:110px; height:auto; margin: 0 5px } 
.icons3 { position:relative; width:20px; height:auto; top:4px; padding-right:5px; }
.impp1 { margin-bottom:-4px; padding-right:5px; width:22px; height:22px }
    
.iconset1 { position:relative; width:100%; height:auto }
.iconset2 { position:relative; width:350px; height:auto }
    
.infobox1 { position:relative; width:100%; height:300px; margin:20px; border:1px solid #ccc; padding:10px; background-color:#fff; flex-basis:28%;
            -moz-box-shadow: 0px 2px 6px #ccc; /* Firefox */ -webkit-box-shadow: 0px 2px 6px #ccc; /* Chr, Saf */ box-shadow: 0px 2px 6px #ccc;
            border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px }
.box_pfl1 { display:none}
.box_pic1 { position:relative; width:100%; height:auto; border-radius:10px;}
.box_txt1 { position:relative; top:10px; font-size:16px; font-weight:normal; font-family: Montserrat, sans-serif; color:#C5474C; hyphens:auto; text-align:center}
.box_txt2 { position:relative; top:10px; font-size:13px; font-weight:normal; font-family: Montserrat, sans-serif; color:#666666; hyphens:auto; text-align:justify}
    
.info1{ position:relative; z-index:10; width:500px; height:auto; left:0px} 
.info2{ position:relative; z-index:10; width:600px; height:auto; left:0px} 
    
.txt1{ margin-top:-100px; margin-left:-50px}
.txt2{ margin-top:-100px; margin-left:-50px}  
.txt3{ margin-top:-100px; margin-left:-50px} 
    
.abstand1 { line-height:150px }
.abstand2 { line-height:100px }
.abstand3 { line-height:150px }
    
/* Effekts ---------------------------------------------------------------------- */	
.eff1 { opacity:1; filter: alpha(opacity=100); transition: transform 0.4s, filter 0.5s ease-out; transform-origin: 100% 100% }
.eff1:hover { transform: scale(1); opacity:1.0; filter: alpha(opacity=100); }

}


/* Smartphone Hochformat (Portrait) */
@media only screen
  and (min-width: 240px)
  and (max-width: 480px)
{  
#main { position:relative; z-index:1; width:100%; margin:0px auto; -moz-box-shadow: 1px 1px 12px #222; -webkit-box-shadow: 1px 1px 12px #222; box-shadow: 1px 1px 12px #222; overflow:hidden;} 
    
#header{ position:relative; z-index:90; top:0px; font-family:Montserrat, sans-serif; font-size:16px; color:#888; height:90px; width:100%; border-bottom:1px solid #ddd;} 
.head_bg{ position:relative; z-index:80; top:0px; height:90px; width:100%; opacity:0.80; filter: alpha(opacity=80); }  
#menu { position:relative; top:0px; z-index:90; background:rgba(201,220,195,0.9);  width:100%; height:auto; right:0px; margin-left:auto; margin-right:0; } 
.menupos { position:relative; z-index:100; width:100%; height:auto; right:0px; margin-left:auto; margin-right:0;}  

logo1 { position:absolute; z-index:999; width:120px; height:auto; left:5px; top:2px;}
Logot1 { position:absolute; z-index:100; top:15px; left:140px; text-align:left; font-size:20px; font-family: Montserrat, sans-serif; font-weight:bold; color:#416023; letter-spacing:1.3px }
Logot3 { position:absolute; z-index:100; top:40px; left:140px; text-align:left; font-size:16px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.3px }
Logot4 { position:absolute; z-index:100; top:64px; left:140px; text-align:left; font-size:12px; font-family: Montserrat, sans-serif; font-weight:normal; color:#2B4016; letter-spacing:-0.8px }
adresse { display:none}  
headinfo { display:none}  
    
#content1{ position:relative; z-index:10; text-align:center; width:96%; padding:30px 0px 0px 0px; margin:0px auto } 
#content2{ position:relative; z-index:10; text-align:left; width:96%; padding:40px 0px 0px 0px; margin:0px auto }     

.cont_bg1{ position:absolute; z-index:1; width:100%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=90); opacity:0.9 } 
.cont_bg2{ position:absolute; z-index:1; width:80%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
.cont_bg3{ position:absolute; z-index:1; width:100%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=80); opacity:0.8 } 
.cont_bg4{ position:absolute; z-index:1; width:50%; bottom:0px; right:0px; height:auto; filter: alpha(opacity=70); opacity:0.7 } 
.cont_bg8{ position:absolute; z-index:1; width:100%; top:0px; height:auto; filter: alpha(opacity=60); opacity:0.6 }     
    
#foot{ position:relative; z-index:10; width:100%; height:400px; margin:0 auto }
#foot_cont{ position:relative; top:0px; text-align:left; width:100%; height:380px; margin:0px auto; }    
.publisher { position:relative; top:5px; left:20px; text-align:left; width:100%; margin:0px auto}   
.f-t1 { position:absolute; z-index:100; bottom:20px; left:20px; font-size:13px; font-family: Montserrat, sans-serif; font-weight:400; letter-spacing:0px; color:#aaa } 
    
#intro {position:relative; top:0px; left:0px; width:100%; padding: 0px; margin-top:0px; border:0 none; font-family:arial,helvetica,sans-serif,verdana,'Open Sans' }
    
.text-slider {display:none }

/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:100%; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left;}
.box_zeiten1 { position:relative; margin:0 auto; width:100%; text-align:left; font-family: Montserrat, sans-serif; font-size:15px; color:#000000;}
.box_zeiten2 { position:relative; width:100%; text-align:left; font-family: Montserrat, sans-serif; font-size:17px; color:#455805;}

.tb1a{ display: table-cell; vertical-align:text-top; width:45%}
.tb1b{ display: table-cell; vertical-align:text-top; width:10%}
.tb1c{ display: table-cell; vertical-align:text-top; width:45%}
.zeiten1{ position:relative; top:6px; width:22px; height:22px } 
.bg_zeiten1 { position:relative; width:85%; text-align:center; padding:20px; margin:0px auto; box-shadow:0 8px 8px -4px #666666; opacity:0.75; filter:alpha(opacity=75)} 
    
.ifoot1 { position:relative; top:0px; width:150px; height:auto; opacity:0.15; filter:alpha(opacity=15) }
.i-kf1 { position:relative; z-index:10; width:200px; height:auto; left:0px} 
.i-kf3{ display:none} 
.ikont1 { position:relative; top:4px; padding-right:6px; width:18px; height:auto }
    
.punkt2{ position:relative; top:-2px; width:15px; height:auto; padding: 0px 0px 0 0}
.td2b{ display: table-cell; vertical-align:top; width:97%; padding-left:6px; vertical-align: top; font-family: Montserrat, sans-serif; font-size: 14px; color:#467D11;}  
    
    
.iconset1 { position:relative; width:100%; height:auto }
.iconset2 { position:relative; width:70%; height:auto }
    
.icons2 { position:relative; width:90px; height:auto; margin: 0 5px } 
.icons3 { position:relative; width:15px; height:auto; top:2px; padding-right:5px; }
.impp1 { margin-bottom:-3px; padding-right:5px; width:18px; height:18px }
    
.infobox1 { position:relative; width:100%; height:300px; margin:20px; border:1px solid #ccc; padding:10px; background-color:#fff; flex-basis:28%;
            -moz-box-shadow: 0px 2px 6px #ccc; /* Firefox */ -webkit-box-shadow: 0px 2px 6px #ccc; /* Chr, Saf */ box-shadow: 0px 2px 6px #ccc;
            border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px }
.box_pfl1 { display:none}
.box_pic1 { position:relative; width:100%; height:auto; border-radius:10px;}
.box_txt1 { position:relative; top:10px; font-size:16px; font-weight:normal; font-family: Montserrat, sans-serif; color:#C5474C; hyphens:auto; text-align:center}
.box_txt2 { position:relative; top:10px; font-size:12px; font-weight:normal; font-family: Montserrat, sans-serif; color:#666666; hyphens:auto; text-align:justify}
    
.info1{ position:relative; z-index:10; width:380px; height:auto; left:0px} 
.info2{ position:relative; z-index:10; width:500px; height:auto; left:0px} 
    
.txt1{ margin-top:-100px; margin-left:-20px}
.txt2{ margin-top:-100px; margin-left:-20px}    
.txt3{ margin-top:-100px; margin-left:-20px} 
    
.abstand1 { line-height:100px }
.abstand2 { line-height:100px }
.abstand3 { line-height:100px }
    
/* Effekts ---------------------------------------------------------------------- */	
.eff1 { opacity:1; filter: alpha(opacity=100); transition: transform 0.4s, filter 0.5s ease-out; transform-origin: 100% 100% }
.eff1:hover { transform: scale(1); opacity:1.0; filter: alpha(opacity=100); }
}