/*------------------------------------------------------------------------------------------------*/
/*@font-face {
   font-family: 'Fauna One';
   src: url(../font/FaunaOne-Regular.ttf) format('truetype'); 
}*/

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

/*@font-face {
   font-family: 'OpenSans';
   src: url(../font/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf) format('truetype'); 
}*/
/*************************/

/*@viewport{
	zoom: 1.0;
	width: extend-to-zoom;
}*/




:root{

/*offset-position:right;*/

/*
  --svw: calc(1svw - var(--scrollbarWidth) / 100);
  --lvw: calc(1lvw - var(--scrollbarWidth) / 100);
  --dvw: calc(1dvw - var(--scrollbarWidth) / 100);
  
  --svmin: calc(min(1svh, var(--svw)));
  --svmax: calc(max(1svh, var(--svw)));

  --lvmin: calc(min(1lvh, var(--lvw)));
  --lvmax: calc(max(1lvh, var(--lvw)));

  --dvmin: calc(min(1dvh, var(--dvw)));
  --dvmax: calc(max(1dvh, var(--dvw)));
*/

/*zoom: 1.0;*/

}


/*Gelb:239,214,35
grau:162,155,135 --> raus 23
dunkelgrau: 36,36,36*/


body {
	background-color:rgb(250,250,250);
	overflow:scroll;
	overflow-x:hidden; 
	color:rgb(36,36,36);
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	/*font-family: 'OpenSans', sans-serif;*/
	margin:0;
	padding:0;
	height:auto;
	display: -ms-grid;
	display:grid; 
	align-content:top;
	justify-content: center;
	min-height:100vh;
	
	zoom: unset;
	--zoom-factor: 1;
	/*transform: scaleX(1);*/
	
	/*-webkit-transform: scale(1.0);
	transform: scale(1.0);*/
}

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

body.grande{
	background-color:rgba(250,250,250,1);
	margin: auto;
	max-width:1500px;
	display:flex;
}

body.pico{
	min-width:315px;
}

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

.stop-scrolling{
overflow: hidden;
}

.stop-scrolling main{
	overflow:scroll;
}

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

main{
	margin:0 auto;
	color:rgb(55,55,55);
	padding:0;
	height:auto;
	display: -ms-grid;
	display:grid; 
	align-content:top;
	min-height:100vh;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	width:100dvw; /*vw*/
	max-width:100dvw;/*vw*/
	overflow:hidden;
	
	/*z-index:50;*/
	/*-webkit-transform: scale(1.0);
	transform: scale(1.0);*/
}

.pico main{
	min-width:315px;
	font-size:1rem;
	line-height:1.7rem;
	grid-template-rows:auto auto auto auto auto;
	grid-template-columns:100dvw;/*auto*/
	
	/*max-width:100%;*/
	margin-right:0;
}
.medium main{
	font-size:1rem;
	line-height:1.7rem;
	grid-template-rows:auto auto auto auto auto;
	grid-template-columns:auto;
}
.grande main{
	font-size:1.2rem;
	line-height:1.8rem;	
	grid-template-columns:auto;
	grid-template-rows:auto auto auto auto auto;
}


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

header{
	display: grid;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    
    /*viewp*/
  /*  width:100%;*/
    max-width:100dvw;
    margin-left:0;
    margin-right:0;
}


header h1{
margin: 0 auto;
width:94%;
text-align:center;
padding:3%;
margin-top:4rem;
}

.grande header h1{
margin-top:3rem;
}
/*.medium header h1{
padding:3%;
margin-top:4rem;
}*/
.pico header h1{
padding:0;
width:100%;
padding-top:3%;
padding-bottom:3%;
margin-top:7rem;
}


header h1 img{
margin: 0 auto;
aspect-ratio:7,121/1;
}
.grande header h1 img{
width:50%;
}
.medium header h1 img{
width:60%;
}
.pico header h1 img{
/*width:75%;*/
width:70vw;
}


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


main kopfbilder{
margin: 0 auto;

height:auto;
margin-top:2rem;
margin-bottom:2rem;
z-index:50;
display: grid;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-template-rows:auto;
grid-template-columns:auto;

	/*viewp*/
 /*   width:100%;*/
max-width:100dvw;
margin-left:0;
margin-right:0;
width:auto;
}

main kopfbilder img{
width:100%;
max-width:100dvw;
/*position:absolute;*/
display:block;
margin-top:0;
margin-left:0;
z-index:50;
display: none;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;

	/*viewp*/
 /*   width:100%;*/
    max-width:100dvw;
  /*  margin-left:0;
    margin-right:0;*/
    zoom:unset;
}
.grande main kopfbilder img, .medium main kopfbilder img{
aspect-ratio:1.994/1; /*1.9938*/
}
.pico main kopfbilder img{
aspect-ratio:1.434/1;
}

kopfbilder > img:first-child { 
display: block; 
}
/***********************************************/


nav{
	margin: 0 auto;
	display:none; /*block*/
	position:fixed;
	opacity:1;  /*xx*/
	z-index:75;
	/*left:0;*/
	bottom:0;
	top:0;
	right:0;
	padding:2rem;
	padding-top:4rem;
	border-radius:0;
	background-color:rgba(250,250,250,1);
	overflow: scroll;
    overflow-x: hidden;
}

nav.aktiv{
	display:block;
}

.pico nav{
	left:0;	
	padding:0;
	padding-top:4rem;
}

nav a{	
	display:block;
	margin:1rem;
	padding:1rem;
	text-align:right;
	margin-right:-3rem;
	padding-right:5rem;	
	font-size:140%;
	text-decoration:none;
	color:rgb(55,55,55,1);
	border-radius:1rem 0 0 1rem;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	border-top-width: 0.01em;
    border-top-style: solid;
	border-image: linear-gradient(to left, rgba(55,55,55, 0) 5%, rgba(239,214,35, 0.7), rgba(55,55,55, 0) 80%) 1;
}

.pico nav a{
	margin:1rem;
	padding:1.1rem;
	border-radius:0;
	text-align:center;
	font-weight:600;
	font-size:130%;
}

nav a:hover, nav a.aktiv{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	/*font-weight:600;*/
	color:rgba(55,55,55,0.8);
	border-image: linear-gradient(to left, rgba(239,214,35, 0) 5%, rgba(55,55,55, 0.7), rgba(239,214,35, 0) 80%) 1;
}

@media (max-width: 1500px) { 
	nav{
		min-width:315px;
		margin-left:0;
		/*max-width:97vw;*/
	}
}

.grande nav{
	max-width:1500px;
}


nav tofooter{
margin: 0 auto;
display:block;
font-size:80%;
margin-top:3rem;
}

nav tofooter a{
padding-top:0.6rem;
padding-bottom:0.6rem;
}

nav legal{
margin: 0 auto;
display:block;
font-size:80%;
margin-top:3rem;
}

nav legal a{
padding-top:0.6rem;
padding-bottom:0.6rem;
}
/***********************************************/


.iconnavi{
	margin: 0 auto;	
	margin-right:0;
	right:0;
	top:0;
	margin-top:0;
	display:table;
	position:absolute;
	/*float:right;*/
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background-color:none;
	border-radius:0.3rem;
	color:rgba(55,55,55,1);
	background-color:rgba(250,250,250,0.6);
	z-index:53;
	font-size:2.7rem;
	padding:1.7rem;
}

.grande .iconnavi{
	font-size:3.2rem;
	padding:2rem;
	position:fixed;
}
/*.medium .iconnavi{
	font-size:2.7rem;
	padding:1.7rem;
}*/
.pico .iconnavi{
	font-size:2.2rem;
	padding:1.5rem;
	position:fixed;
}

.iconnavi:hover{
	color:rgba(255,255,255,1);
	background-color:rgba(239,214,35,0.8);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

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

center{
display: grid;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 4;

	/*viewp*/
   /* width:100%;*/
    max-width:100dvw;
    margin-left:0;
    margin-right:0;
}


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

main section{
margin: 0 auto;
padding:2rem;
}

.grande main section{
padding:3rem;
}

.grande section:first-of-type{
margin-top:-7rem;
background-color:rgba(250,250,250);
width:80%;
z-index:52;
}

.medium section:first-of-type{
margin-top:-6rem;
background-color:rgba(250,250,250);
width:85%;
z-index:52;
}

.pico section:first-of-type{
z-index:52;
}

.grande section.forlist, .medium section.forlist, .pico section.forlist{
margin-left:0;
margin-right:0;
}

main section p{
text-align:left;
margin-bottom:1.7rem;
}
section p a{
font-weight: 600;
color: rgb(55, 55, 55);
}

.grande main section p{
font-size:1.3rem;
line-height:2.3rem;
}
.medium main section p{
font-size:1.2rem;
line-height:2rem;
}
.pico main section p{
font-size:1.2rem;
line-height:2.1rem;
}
/***********************************************/
shortcuts{
margin:0 auto;
display:block;
padding:2rem;
padding-top:4rem;
}

.pico shortcuts{
display:grid;
/*grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;*/
grid-template-rows:auto auto auto;
grid-template-columns:auto auto;
padding-left:0;
padding-right:0;
}

@media (max-width: 500px) { 
	.pico shortcuts{
	display:grid;
	
	grid-template-rows:auto auto auto auto auto;
	grid-template-columns:auto ;
	}
}



shortcuts a{
float:left;
font-size:260%;
/*color:rgb(50,50,50);*/
text-decoration:none;
margin-right:1rem;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
background-color:none;
border-radius:0.3rem;
color:rgba(55,55,55,1);
padding:3rem;
border-radius:1.5rem;
}


.pico shortcuts a{
/*font-size:220%;*/
padding:1.5rem;
/*margin-right:0;*/
margin-bottom:2rem;
clear:left;
}

.medium shortcuts a{
font-size:230%;
padding:1.6rem;
}


shortcuts a i{
color:rgba(239,214,35,1);
}

shortcuts a legende{
/*visibility:hidden;*/
/*display:none;*/
font-size:50%;
}

shortcuts a:hover, shortcuts a.aktiv{
	color:rgba(255,255,255,1);
	background-color:rgba(239,214,35,0.8);
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
shortcuts a:hover i, shortcuts a.aktiv i{
	color:rgba(255,255,255,1);
}
/*shortcuts a:hover legende{
display:table;
}*/

/***********************************************/
dasteam, dieimpressionen{
display:grid;
overflow:hidden;
margin-bottom:1.5rem;
}

.grande dasteam, .grande dieimpressionen{
grid-template-rows:auto auto auto;
grid-template-columns:33% 33% 33%;
}

.medium dasteam, .medium dieimpressionen{
grid-template-rows:auto auto auto auto;
grid-template-columns:50% 50%;
}

.pico dasteam, .pico dieimpressionen{
grid-template-rows:auto auto auto auto auto auto auto;
grid-template-columns:100%;
}

dasteam temamember,dieimpressionen impression{
margin: 0 auto;
display:table;
width:auto;
padding:1.5rem;
margin:1.5rem;
/*border-radius:2rem;*/
line-height:0.7rem;

-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}

.pico dasteam temamember, .pico dieimpressionen impression{
padding:2rem;
margin:2rem;
}

@media (max-width: 450px) { 
	.pico dasteam temamember, .pico dieimpressionen impression{
	padding:0rem;
	margin:0rem;
	margin-bottom:1rem;
	}
}

dasteam temamember img, dieimpressionen impression img{
display:inline;
max-width:100%;
/*border-radius:1.5rem 1.5rem 0 0;*/
}
dieimpressionen impression img:hover{
cursor:pointer;
}

dasteam temamember legende{
margin: 0 auto;
background-color: rgb(250,250,250);
padding:2rem;
padding-top:1.5rem;
color:rgb(55,55,55);
display:table;
/*border-radius:0 0 1.5rem 1.5rem;*/
/*line-height:1.5rem;*/
font-size:125%;
line-height:155%;
margin-top:-2rem;
position:relative;
text-align:center;
}

dasteam temamember:hover, dieimpressionen impression:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
	
/***********************************************/

h2{
margin:0 auto;
font-weight:600;
margin-top:2rem;
margin-bottom:2.5rem;	
text-transform:uppercase;
color:rgb(91,84,30);
}

.grande h2{
font-size:2.2rem;
line-height:3.3rem;
}
.medium h2{
font-size:1.9rem;
line-height:2.8rem;
}
.pico h2{
font-size:1.6rem;
line-height:2.4rem;
}


h3{
margin:0 auto;
font-size:1.9rem;
line-height:2.8rem;
font-weight:600;
margin-top:3rem;
margin-bottom:1rem;
color:rgb(91,84,30);
/*text-transform:uppercase;*/
}

.pico ul#partner h3{
margin-top:0.5rem;
font-size:1.5rem;
}

.impressum section legals, .datenschutz section legals{
margin: 0 auto;
display:block;
font-size:85%;
text-align:left;
}


section ul{
margin:0 auto;
}

section ul#beschwerden, section ul#schwerpunkte{
line-height:2.0em;
display:block;
text-align:left;
margin-top:7rem;
margin-bottom:5rem;
/*list-style-image: url("../favicon.ico");*/
list-style-type:none;
content-visibility: auto;
}

section ul#leistungen, section ul#partner{
line-height:2.0em;
display:block;
text-align:left;
margin-top:1rem;
margin-bottom:5rem;
/*list-style-image: url("../favicon.ico");*/
list-style-type:none;
content-visibility: auto;
}


ul#schwerpunkte li{
display:list-item;
margin:0;
padding:0;
margin-bottom:1.5rem;
}

ul#partner img{
margin:0 auto;

}

.grande ul#partner img, .medium ul#partner img{
max-width:200px;
float:left;
margin-right:1rem;
}

.grande ul#partner li, .medium ul#partner li{
	clear:left;
}

.pico ul#partner img{
width:70%;
margin-left:10%;
margin-bottom:1rem;
}


.grande section ul#leistungen, .grande section ul#partner, .grande section ul#beschwerden{
font-size:130%;
margin-right:3vw;
margin-left:5vw;
/*width:75vw;*/
}
.medium section ul#leistungen, .medium section ul#partner, .medium section ul#beschwerden{
font-size:120%;
margin-right:2vw;
margin-left:3vw;
/*width:80vw;*/
}
.pico section ul#leistungen, .pico section ul#partner, .pico section ul#beschwerden{
font-size:100%;
margin-right:1vw;
margin-left:1vw;
width:auto;
max-width:85%;
padding-left:0;
}

section ul#leistungen li, section ul#partner li, section ul#beschwerden li.forpart{

	border-top-width: 0.01em;
    border-top-style: solid;
	border-image: linear-gradient(to left, rgba(55,55,55, 0) 5%, rgba(239,214,35, 0.7), rgba(55,55,55, 0) 80%) 1;	
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

section ul#leistungen li{	
margin-bottom:1rem;
}
section ul#partner li{	
margin-bottom:2rem;
padding-bottom:0.5rem;
}

section ul#leistungen li:first-child, section ul#beschwerden li.forpart:first-child{
border:none;
}

.pico section ul#partner li{	
margin-bottom:0.5rem;
padding-bottom:2rem;
}

ul#partner li span{
margin: 0 auto;
display:table;
margin-left:0;

}

.pico ul#partner li span{
max-width:95%;
margin-right:0;
}

.pico ul#partner li span p{
display:inline;
}

section ul#leistungen h3, section ul#beschwerden li.forpart h3{
/*margin:0 auto;*/
/*font-weight:600;*/
/*margin-top:25px;
margin-bottom:10px;
color:rgb(91,84,30);
text-transform:uppercase;*/
text-align:left;
font-size:100%;
}

section ul#leistungen h3::after, section ul#beschwerden li.forpart h3::after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:rgba(239,214,35,1);
margin: 0 auto;
right:1em;
position:absolute;
float:right;
font-size:2em;
}


ul#partner a{
margin:0.5rem;
padding:0.1rem;
color:rgba(55,55,55, 0.8);
display:table;
text-decoration:none;
border-bottom:1px solid rgba(55,55,55, 0.8);
-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.grande ul#partner a:hover, .medium ul#partner a:hover{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

ul#partner a i{
margin-left:0.3rem;
}

.pico ul#partner a{
font-size:85%;
}



/*
.pico section ul#leistungen h3, .pico section ul#beschwerden li.forpart h3{
padding-right:2em;
}

.pico section ul#leistungen h3::after, .pico section ul#beschwerden li.forpart h3::after{
right:0;
}


section ul#leistungen li.zu h3::after, section ul#beschwerden li.zu h3::after{
content: "\f107";
}
section ul#leistungen li.offen h3::after, section ul#beschwerden li.offen h3::after{
content: "\f106";
}*/


section ul#leistungen p, section ul#beschwerden bodypart{
/*visibility:hidden;*/
display:none;
clear:right;
}

.grande section ul#leistungen p, .grande section ul#beschwerden bodypart{
padding:2rem;
margin-right:3rem;
}

.medium section ul#leistungen p, .medium section ul#beschwerden bodypart{
padding:2rem;
margin-right:3rem;
}

.pico section ul#leistungen p, .pico section ul#beschwerden bodypart{
padding:1rem;
margin-right:2rem;
padding-left:0;
}



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

footer{
display: grid;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 5;
background-color:rgba(162,155,135,0.1);
margin-top:5rem;
padding-top:5rem;
padding-bottom:2rem;
border-radius:2rem 2rem 0 0;
padding-left:2rem;
padding-right:2rem;

/*viewp*/
   /* width:100%;*/
    max-width:100dvw;
    margin-left:0;
    margin-right:0;
}

footer p{
line-height:2em;
}

.grande footer{
grid-template-rows:auto auto auto auto;
grid-template-columns:20% 30% 30% 20%;
}

.medium footer{
grid-template-rows:auto auto auto auto auto;
grid-template-columns:50% 50%;
}

.pico footer{
grid-template-rows:auto auto auto auto auto auto auto;
grid-template-columns:100%;
}


brand{
margin: 0 auto;
display:grid;
padding:2rem;
grid-column-start: 1;
grid-row-start: 1;
font-size:135%;
}

.grande brand{
grid-column-start: 2;
grid-column-end: 4;
margin-bottom:3rem;
/*padding-left: 0;
padding-right: 0;*/
width:100%;
}

.medium brand{
/*padding: 6rem 0 2rem 0;*/
width:66%;
grid-column-end: 3;
}

brand h3{
margin:0 auto;
width:66%;
margin-bottom:3rem;
}
.pico brand h3{
width:100%;
}

brand h3 img{
width:100%;
}

zeiten{
margin: 0 auto;
display:grid;
padding:1rem;
grid-row-start: 2;
grid-column-start: 1;
}


kontakten{
margin: 0 auto;
display:grid;
padding:1rem;
grid-row-start: 2;
grid-column-start: 2;
}

.pico kontakten{
grid-column-start: 1;
grid-row-start:3;
margin-top:3rem;
}

kontakten a, location a{
margin: 0 auto;
padding:0.8rem;
color:rgb(55,55,55);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
/*text-shadow:0 0 0.3em rgba(0,0,0,0.5);*/
border-radius:0.6rem;
margin-top:1rem;
}


kontakten a.tokontform, a.topan{
background-color:rgba(239, 214, 35, 1);
}

kontakten a:hover{
background-color:rgba(55, 55, 55, 1);
color:rgb(250,250,250);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

userinfo{
margin: 0 auto;
display:none;
position:absolute;
padding:1em;
color:white;
font-size:80%;
background-color:grey;
width:min-content;
border-radius:1em;
line-height:1.2rem;
/*z-index:68;*/
}

userinfo.aktiv{
display:table;/*flow, inline*/
}

userinfo btn{
margin:1rem;
display:block;
background-color:green;
color:white;
padding:0.5rem;
border:1px solid white;
border-radius:0.5em;
}
userinfo btn:hover{
background-color:rgba(239, 214, 35, 1);
color:green;
}
userinfo xt{
margin:1rem;
display:block;
background-color:red;
color:white;
padding:0.5rem;
border:1px solid white;
border-radius:0.5em;
}
userinfo xt:hover{
background-color:rgba(239, 214, 35, 1);
color:red;
}

a.topan:hover{
background-color:rgba(55, 55, 55, 1);
color:rgb(250,250,250);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

/*a.topan:hover userinfo{
display:inline;
}*/

location{
margin: 0 auto;
display:grid;
padding:1rem;
grid-row-start: 2;
grid-column-start: 3;
}
.medium location{
/*grid-row-end: 4;*/
grid-row-start: 3;
grid-column-start: 1;
}
.pico location{
grid-column-start: 1;
grid-row-start:4;
margin-top:3rem;
}



specials{
margin: 0 auto;
display:grid;
padding:1rem;
grid-row-start: 2;
grid-column-start: 4;
}
.medium specials{
grid-row-start: 3;
grid-column-start: 2;
}
.pico specials{
grid-column-start: 1;
grid-row-start:5;
}

specials a{
font-size:75%;
text-decoration:none;
color:rgba(55,55,55,1);
}
specials a img{
width:90px;
/*opacity:0.6;*/
}
/*specials a:hover img{
opacity:1;
}*/
 
lageplan{
margin: 0 auto;
display:grid;
padding:0;
grid-row-start: 3;
grid-column-start: 1;
background-color:rgba(250,250,250,1);
margin-top:3rem;
overflow:hidden;
}
.grande lageplan{
grid-column-end: 5;
}
.medium lageplan{
grid-column-end: 3;
grid-row-start: 4;
}
.pico lageplan{
padding-left:0;
padding-right:0;
grid-column-end: 2;
grid-row-start:6;
}
lageplan a{
text-decoration:none;
}

lageplan a:hover{
background-color:rgba(239,214,35,0.35);
}

lageplan a img{
width:100%;
-webkit-transition: -webkit-transform 1.2s;
transition: -webkit-transform 1.2s;
transition: transform 1.2s;
transition: transform 1.2s, -webkit-transform 1.2s;

aspect-ratio:2,186/1;

}

lageplan a span{
background-color:rgba(250,250,250,1);
padding:1rem;
display:block;
font-size:85%;
color:rgb(55,55,55);
position:relative;
}
lageplan a:hover img{
-webkit-transform: scale(1.3);
 transform: scale(1.3);
}


oeffies{
margin: 0 auto;
display:grid;
padding:2rem;
grid-row-start: 4;
grid-column-start: 1;
background-color:rgba(250,250,250,0.25);
margin-top:1rem;
}

oeffies span{
font-size:80%;
}

.grande oeffies{
grid-column-end:5;
margin-left:0;
margin-right:0;
}
.medium oeffies{
grid-column-end:3;
grid-row-start: 5;
margin-left:0;
margin-right:0;
}
.pico oeffies{
grid-column-start: 1;
grid-row-start:7;
}






footer h4{
margin-bottom:1rem;
} 

footer h4 i{
font-size:200%;
color:rgba(239,214,35,1);
margin: 0 0.7rem 0.7rem 0;
}
/***********************************************/


#contentoverlay{
margin: 0 auto;
opacity:0.9;
width:100dvw;/*vw*/
height:100vh;
position:fixed;
z-index:60;
top:0;
left:0;
display:none;
background-color:rgba(250,250,250,0.8);
}

#contentoverlay.aktiv{
display:block;
}


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

formwindow{
margin: 0 auto;
opacity:1.0;
width:100%;/*dvw vw*/
height:100%; /*vh*/
position:fixed;
z-index:70;
top:0;
left:0;
right:0;
bottom:0;
display:none;
background-color:rgba(250,250,250,1);
padding:0;
overflow:scroll;
overflow-x:hidden;
max-width:1500px;
}



formwindow.aktiv{
display:block;
}

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

roomview{
margin: 0 auto;
opacity:1.0;
width:100%;/*dvw vw*/
height:100%; /*vh*/
position:fixed;
z-index:70;
top:0;
left:0;
right:0;
bottom:0;
display:none;
background-color:rgba(250,250,250,1);
padding:0;
overflow:scroll;
overflow-x:hidden;
max-width:1500px;
}



roomview.aktiv{
display:block;
}

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

bigpicoverlay{
margin: 0 auto;
opacity:1.0;
width:100%;/*dvw vw*/
height:100%; /*vh*/
position:fixed;
z-index:52;
top:0;
left:0;
display:none;
background-color:rgba(55,55,55,1);
}

bigpicoverlay.aktiv{
display:block;
}

bigpicoverlay img{
max-width:100%;
max-height:100%;
}
/***********************************************/

feedback{
margin: 0 auto;
z-index:75; 
top:2em;
position:fixed;
background-color:rgba(237,132,179,1);
border:0.1rem solid rgb(243,243,243);
color:rgb(255,255,255);
padding:1.7rem;
left:5rem;
top:7rem;
right:5rem;
display:none;
max-width:800px;
border-radius:2rem;
text-align:center;
font-size:150%;
font-weight:bold;
}

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

a.totop{
margin: 0 auto;
position:fixed;
right:0.3rem;
bottom:0;
padding:0.6rem;
text-decoration:none;
z-index:69; 
opacity:0.65;
font-size:250%;
color:rgba(243,243,243,1);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
text-shadow:0 0 0.3em rgba(0,0,0,0.5);
}

a.totop:hover{
opacity:1.0;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}

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

cookieinfo{
margin: 0 auto;
background-color:rgba(213,191,31,0.9); 
border:0.1rem solid rgb(243,243,243);
display:block;
position:fixed;
bottom:2rem;
/*top:60vh;*/
left:2rem;
right:2rem;
z-index:1200;
padding:1.3rem;
text-align:center;
color:rgb(255,255,255);
max-width:1300px;
border-radius:2rem;
}

newsinfo{
margin: 0 auto;
background-color:rgba(213,191,31,1); 
border:0.1rem solid rgb(243,243,243);
display:block;
position:fixed;
top:15rem;
/*top:60vh;*/
left:4rem;
right:4rem;
z-index:1180;
padding:2.3rem;
text-align:center;
color:rgb(250,250,250);
max-width:600px;
border-radius:2rem;
/*font-size:115%;*/
}

cookieinfo p{
line-height:1.5rem;
font-weight: normal;
font-size:90%;
}

newsinfo p{
	line-height:1.8rem;
	font-size:110%;
	font-weight:600;
}

cookieinfo p i, newsinfo p i{
font-size:250%;
margin-right:0.8rem;
margin-bottom:0.5rem;
}

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

/***********************************************/
.Cclose{
margin: 0 auto;
font-size:170%;
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);
}

/***********************************************/
.CL{
clear:left;
}
.CR{
clear:right;
}
.CB{
clear:both;
}