/*
green 100 | 73,105,15
green 60 | 140, 169, 102
green 40 | 181,201,154
*/

@font-face {
   font-family: 'Montserrat';
   src: url(../font/Montserrat-Light.ttf) format('truetype'); 
}

body {
	background-color:rgb(255,255,255);
	font-family: 'Montserrat', sans-serif;
	overflow:scroll;
	overflow-x:hidden;
	font-size:1em;
	color:rgb(100,100,100);
	margin:0;
	padding:0;
	height:auto;
	display: -ms-grid;
	display:grid; 
	align-content:top;
	justify-content: center;
	line-height:1.4em;
}

/***********************************/
a:active,a:focus,a, img{
outline:none;
outline-style: none;
/*border:none;*/
outline:none;
}
/***********************************/

body.grande{
	grid-template-rows:auto auto auto auto;
	grid-template-columns:auto auto auto;
}

body.pico{
	grid-template-rows:auto auto auto auto;
	grid-template-columns:auto auto auto;
}


allbg{
margin: 0 auto;
opacity:0.35;
width:100vw;
height:100vh;
position:fixed;
z-index:1;
top:0;
/*background:linear-gradient(90deg,rgba(73,105,15,0.05), rgba(73,105,15,1.0) 50%, rgba(73,105,15,0.05));*/
}


extrabg{
margin: 0 auto;
width:100%;
display:block;
z-index:1;
padding:0;

left:0;
right:0;

position:absolute;
background-color:rgba(73,105,15,0.05);
}

extrabgf{
margin: 0 auto;
width:100%;
display:block;
z-index:1;
padding:0;
padding-top:2%;
padding-bottom:2%;
left:0;
right:0;
position:absolute;
background-color:rgba(73,105,15,0.05);

}

bem{
margin: 0 auto;
/*background-color:rgba(255,255,255,1);*/
/*background:linear-gradient(90deg,rgba(255,255,255,1), rgba(255,255,255,0.95) 70%, rgba(255,255,255,0.8));*/
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
padding:0;
z-index:2;
position:relative;
max-width:1500px;


}

.grande bem{
/*min-height:100vh;*/
width:85vw;
min-width:780px; /*!!!!!!!!*/
max-width:1500px;/*!!!!!!!!*/

}

.pico bem{
/*min-height:100vh;*/
width:90vw;
min-width:350px;

}

anyblock{
margin: 0 auto;
display:block;
width:96%;
padding:2%;
border-bottom:1px solid rgba(73,105,15,0.4);
content-visibility:auto;
}

anyblock.last{
border:none;
}
/*********************************/
.grande .IL{
margin: 0 auto;
width:45%;
margin-right:5%;
float:left;
margin-bottom:2em;
margin-left:0;
}
.grande .DL{
margin: 0 auto;
display:table;
/*float:left;*/
margin-bottom:2em;
}
.grande .DR{
margin: 0 auto;
display:table;
/*float:right;*/
margin-bottom:2em;

}

.grande .IR{
margin: 0 auto;
width:45%;
margin-left:5%;
float:right;
margin-bottom:2em;
right:0;
}

.pico .IL,.pico .IR{
margin: 0 auto;
width:100%;
margin-bottom:2em;
}

.IL img, .IR img{
width:100%;
}

.IL span, .IR span{
padding:0.5em;
font-size:85%;
color:rgb(73,105,15);
}

.pico .DL,.pico .DR{
margin: 0 auto;
margin-bottom:2em;
}
/******************************************/

.karou{
margin: 0 auto;
/*height:300px;*/
height:auto;
}

.karouitem{
margin: 0 auto;
text-align:center;
display:table;
padding:0;

overflow:hidden;
width:auto;
/*margin-left:1.5em;
margin-right:1.5em;*/

/*border-top:1px solid rgba(73,105,15,0.4);
border-bottom:1px solid rgba(73,105,15,0.4);*/
content-visibility:auto;

background-size: cover;
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-position: horizontal-position vertical-position;
}

.karouinfo{
margin: 0 auto;
display: -ms-grid;
display:grid;
grid-template-rows:2em 1fr auto 2em;
grid-template-columns:2em 1fr auto 2em;
/*min-height:45vh;*/
width:100%;
}

.karouinfo slickinfo{
margin:0 auto;
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
background-color:rgba(73,105,15,0.75);
padding:1em;
color:rgb(255,255,255);
text-align:left;
display:table;
max-width:650px;
width:auto;
}



.grande slickinfo h2{
font-size:130%;
font-weight:bold;
text-transform:uppercase;
line-height:1.8em;
}

.pico slickinfo h2{
font-size:120%;
font-weight:bold;
text-transform:uppercase;
line-height:1.6em;
}

slickinfo .toany{
margin: 0 auto;
padding:1em;
display:table;
border:2px solid rgba(255,255,255,1);
color:rgb(255,255,255);
text-decoration:none;
background-color:rgba(73,105,15,0.2);
margin-right:0;
margin-top:0.9em;
}

slickinfo .toany:hover{
background-color:rgba(255,255,255,1);
color:rgba(73,105,15,1);
}
/**************************************/

.toform{
margin: 0 auto;
padding:1em;
display:table;
border:2px solid rgba(73,105,15,0.6);
color:rgba(73,105,15,0.6);
text-decoration:none;
background-color:rgba(255,255,255,1);
}

.toform:hover{
background-color:rgba(73,105,15,1);
color:rgba(255,255,255,1);
border:2px solid rgba(73,105,15,1);
}

.grande bem h1{
margin: 0 auto;
margin-left:2%;
margin-top:2%;
margin-bottom:2%;
width:30%;
max-width:280px;
}

.pico bem h1{
margin: 0 auto;
margin-left:1.3em;
margin-top:1.3em;
width:33%;
margin-bottom:1.3em;
/*max-width:400px;
min-width:120px;*/
}


bem h1 img{
width:100%;
}

/****************************/
/*.icon::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}*/
/****************************/

.totogg{
text-decoration:none;

}

/*hier war anyblock!*/

/******************************************/

a.pdf{
text-decoration:none;
color: rgba(73,105,15,1);
font-size:135%;
padding-bottom:0.3em;
border-bottom:1px solid rgba(73,105,15,1);
}
a.pdf:hover{
opacity:0.75;
}

a.textlink{
text-decoration:none;
color: rgba(73,105,15,1);
font-size:115%;
padding-bottom:0.3em;
border-bottom:1px solid rgba(73,105,15,1);
}
a.textlink:hover{
opacity:0.75;
}

footer{
margin: 0 auto;
width:100%;
padding:0;
/*border-top: 1px solid rgba(73,105,15,0.4);*/
color:rgb(100,100,100);

/*background:linear-gradient(90deg,rgba(255,255,255,1)10%, rgba(73,105,15,0.05) 50%, rgba(255,255,255,1)90%);*/
font-size:110%;
text-align:center;
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
z-index:2;

position:relative;

background-color:rgba(73,105,15,0.05);

margin-top:3em;

/*max-width:1300px;*/

/*border-top:1px solid rgba(73,105,15,0.4);
border-bottom:1px solid rgba(73,105,15,0.4);*/
}

/*.grande footer{
width:85vw;
min-width:780px; 
max-width:1300px;

}

.pico footer{
width:90vw;
min-width:350px;

}*/

footer .fblock{
margin: 0 auto;
padding-left:2%;
padding-right:2%;
/*float:left;
margin:2%;
max-width:45%;
overflow:hidden;*/
display:table;
}

footer h4{
color:rgb(73,105,15);
font-weight:normal;
font-size:120%;
text-transform:uppercase;
margin-bottom:0.9em;
margin-top:0.9em;
}

/*footer p.flock{
margin: 0 auto;
float:left;
margin-right:2em;
padding-bottom:0.6em;
}*/

footer p{
margin: 0 auto;
padding-bottom:0.7em;
}

ende{
margin: 0 auto;
font-size:90%;
/*display:block;*/
position:relative;
padding:0;
width:100vw;
max-width:100%;
margin-left:0;
margin-right:0;
/*border-top: 1px solid rgba(73,105,15,0.4);*/
text-align:center;
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;
z-index:2;
overflow:hidden;

/*background-color:rgba(73,105,15,0.05);*/

/*background:linear-gradient(90deg,rgba(255,255,255,1), rgba(73,105,15,0.05) 50%, rgba(255,255,255,1));*/

left:0;
right:0;
}

ende p{
margin: 0 auto;
padding:2em;
/*text-align:right;
margin-right:1em;
padding-top:0.6em;*/
}

ende p span{
white-space:nowrap;
}

footer a, ende a,a.txtLink{
color:rgb(73,105,15);
}
footer a:hover, ende a:hover,a.txtLink:hover{
opacity:0.7;
}

/*#tuevlogo{
margin: 0 auto;
display:table;
width:200px;
max-width:80%;
text-decoration: none;
}
#tuevlogo img{
width:100%;
}*/

#zertilogo{
margin: 0 auto;
display:table;
width:120px;
max-width:80%;
text-decoration: none;
}
#zertilogo img{
width:100%;
}

/***************************************/

.naviicon{
	margin:0 auto;
	position:fixed;
	right:1.5em;
	top:1.5em;
	text-align:center;
	display:table;
	z-index:100;
	background-color:rgba(255,255,255,0.9);
}


.naviicon a{
	margin:0 auto;
	display:table;
	text-decoration:none;
	padding:0.8em;
}


.naviicon a i{
	margin:0 auto;
	display:block;
	border-top:0.1em solid rgb(255,255,255);
	border-bottom:0.1em solid rgb(73,105,15);
	line-height:0.2em;
	height:0em;
	padding:0;
	margin-bottom:0.6em;
	
	width:3em;
}

.naviicon:hover a i{
	border-bottom:0.1em solid rgb(255,255,255);
	border-top:0.1em solid rgb(73,105,15);	
}

navigation{
margin: 0 auto;
/*display:table;*/
top:0;
right:0;
bottom:0;
position:fixed;
text-align:left;
height:100%;
/*overflow:scroll;
overflow-x:auto;*/
z-index:101;
/*padding:1.5em;*/
background-color:rgba(255,255,255,1.0);
/*background:linear-gradient(90deg,rgba(181,201,154,1.0), rgba(255,255,255,1.0)15%);*/
border-left:1px solid rgba(73,105,15,0.2);
overflow:scroll;
overflow-x:hidden;
}

navigation innernavi{
margin: 0 auto;
display:table;
text-align:left;
margin:1.5em;
height:auto;

}

navigation innernavi a{
margin: 0 auto;
display:block;
margin-left:0;
text-align:left;
text-decoration: none;
/*color:rgba(73,105,15,0.8);*/
color:rgba(0,0,0,0.8);
padding:0.2em;
margin-top:0.5em;
border-bottom: 1px solid rgba(73,105,15,0.2);
}

navigation innernavi sub{
	margin: 0 auto;
	display:table;
	margin-left:1.2em;
	font-size:90%;
	margin-bottom:1.4em;
	
}

navigation innernavi sub a{
	margin-top:0.3em;
}

navigation innernavi a:hover, navigation innernavi a.aktiv{
border-bottom: 1px solid rgba(73,105,15,1.0);
color:rgba(73,105,15,1.0);
}

navigation .naviclose{
margin: 0 auto;
display:table;
text-align:left;
text-decoration: none;
color:rgb(73,105,15);
padding:0.4em;
margin-bottom:0.5em;
font-size:145%;
margin-left:0em;
/*z-index:102;*/
background-color:rgba(255,255,255,1.0);
}

navigation .naviclose:hover{
background-color:rgba(73,105,15,1);
color:rgb(255,255,255);
}
/******************************************/

a.totop{
margin: 0 auto;
position:fixed;
right:0.3em;
bottom:0.3em;
padding:0.3em;
text-decoration:none;
z-index:20000;
opacity:0.65;
font-size:180%;
color:rgba(73,105,15,1);
}

a.totop img{
width:50px;
}

a.totop:hover{
opacity:1.0;
}

keinumbruch{
white-space:nowrap;
}

.CL{
clear:left;
line-height:0;
}
.CR{
clear:right;
line-height:0;
}
.CB{
clear:both;
line-height:0;
}
/*
green 100 | 73,105,15
green 60 | 140, 169, 102
green 40 | 181,201,154
*/

cookieinfo{
margin: 0 auto;
background-color:rgba(73,105,15,0.9);
border:0.1rem solid rgb(255,255,255);
display:block;
position:fixed;
bottom:2em;
left:2em;
right:2em;
z-index:1200;
padding:1.3rem;
text-align:center;
color:rgb(255,255,255);

border-radius:2rem;
max-width:1200px;
}

cookieinfo a{
color:rgb(255,255,255);
font-weight:bold;
text-decoration:underline;
}

.Cclose{
margin: 0 auto;
font-size:170%;
/*background-color:rgba(73,105,15,1);*/
background:radial-gradient(rgba(73,105,15,1) 25%,rgba(255,255,255,0)75%);
font-family: "Font Awesome 5 Free";
font-weight: 900;
/*background-image:url("../img/close.png");*/
/*content: "\f057";*/
/*width:40px;
height:40px;*/
padding:0.4rem;
display:table;
right:0.2rem;
top:0.2rem;
z-index:1202;
position:absolute;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}


.Cclose:hover{
/*color:rgba(243,243,243,1.0);*/
-webkit-transform: scale(1.2);
 transform: scale(1.2);
}