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

#contentoverlay.aktiv{
display:block;
}

kontaktfenster{
margin: 0 auto;
z-index:70;
top:0;
position:fixed;
right:0;
background:linear-gradient(80deg, rgba(127,161,168,1) 44%, rgba(0,46,55,1));
padding:0;
overflow:scroll;
overflow-x:hidden;
height:100vh;
width:100vw;
left:0;
top:0;
bottom:0;
display:none;
max-width:1500px;
}

feedback{
margin: 0 auto;
z-index:75; 
top:2em;
position:fixed;
background-color:rgba(237,163,196,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;
}

videofenster{
margin: 0 auto;
z-index:71; 
top:0;
position:fixed;
right:0;
background:linear-gradient(80deg, rgba(127,161,168,1) 44%, rgba(0,46,55,1));
padding:0;
overflow:scroll;
overflow-x:hidden;
height:100vh;
width:100vw;
left:0;
top:0;
bottom:0;
display:none;
max-width:1500px;
}

zertifikatefenster{
margin: 0 auto;
z-index:71; 
top:0;
position:fixed;
right:0;
background:linear-gradient(80deg, rgba(127,161,168,1) 44%, rgba(0,46,55,1));
padding:0;
overflow:scroll;
overflow-x:hidden;
height:100vh;
width:100vw;
left:0;
top:0;
bottom:0;
display:none;
max-width:1500px;
}

#videozeigen{
margin: 0 auto;
width:90%;
max-width:1200px;
margin-top:1.5em;
}

kont-inner{
background:radial-gradient(circle at center 90%,rgba(243,243,243,0.2) 10%, rgba(243,243,243,0.02));
display:block;
color:rgb(243,243,243);/*56,89,97*/
}

.grande kont-inner{
	margin: 2em;
	padding:2em;
	border-radius:3rem;
	line-height:1.4em;
}

.medium kont-inner{
	margin: 2em;
	padding:2em;
	border-radius:3rem;
	line-height:1.4em;
}

.pico kont-inner{
	margin: 4vw;
	padding:7rem 3vw 4rem 3vw;
	border-radius:3rem;
	line-height:1.4em;
}

videofenster kont-inner{
text-align:center;
}

.grande kont-inner{
margin-left:5vw;
margin-right:5vw;
}

/*.pico.karriere kont-inner, .pico.leistung kont-inner{
padding-top:7rem;
}*/

jobbeschreibung, leistungsanfragetitel{
margin: 0 auto;
display:block;
/*background-color:rgba(243,243,243,0.9);*/
background: linear-gradient(-90deg, rgba(243,243,243,0.55) 10%, rgba(243,243,243,0.95)60%);
color:rgba(56,89,97,0.9);
text-align:left;
border-radius: 0 2em 2em 0;
font-size:1.2rem;
line-height:2.2rem;
margin-bottom:2em;
}

jobbeschreibung p.kontaktperson{
font-size:145%;
}
leistungsanfragetitel h6{
font-weight:400;
}

.grande jobbeschreibung, .grande leistungsanfragetitel{
padding:5em;
}
.medium jobbeschreibung, .medium leistungsanfragetitel{
padding:4em;
}
.pico jobbeschreibung, .pico leistungsanfragetitel{
padding:2em;
}


zertdiv{
margin: 0 auto;
display:grid;
background-color:rgba(56,89,97,0.1);
text-align:left;
padding:2em;
border-radius: 0 2em 2em 0;
}

.pico zertdiv{
padding:3vw;
border-radius: 0 1.5rem 1.5rem 0;
}

personzuleistung{
margin: 0 auto;
display:block;
border-radius: 0 2em 2em 0;
background-color:rgba(56,89,97,0.1);
text-align:left;
padding:2em;
}

.grande zertdiv{
grid-template-columns: 33.33% 33.33% 33.33%;
}
.medium zertdiv{
grid-template-columns: 50% 50%;
}
.pico zertdiv{
grid-template-columns: 100%;
}


videofenster.dasvideo kont-inner p{
margin: auto;
margin-top:1.5em;
padding:1.2em;
background-color:rgba(127,161,168,1);
border-radius:1rem;
}

kont-inner h4{
text-transform:uppercase;
margin-bottom:2rem;
font-size:200%;
line-height:200%;
}

kont-inner h5{
margin-top:2rem;
margin-bottom:1em;
}

kont-inner h5.jobtitel, kont-inner h5.leistungstitel{
font-size:180%;
line-height:130%;
padding:2vw;
}

.pico kont-inner h5.jobtitel, .pico kont-inner h5.leistungstitel{
font-size:130%;
}

kont-inner p{
margin-bottom:1.5rem;
}

kont-inner a{
	margin: 0 auto;
	margin-right:1rem;
	color:rgba(160,63,134 ,0.9); /*161,213,223*/
	text-decoration:none;
	font-weight:500;
}

.pico kont-inner p{
margin-bottom:0.8rem;
}

kont-inner p a:hover{
	color:rgba(160,63,134 ,1.0); 
}

kont-inner kontaktangaben p i{
font-size:150%;
}

kont-inner kontaktangaben infoarea{
margin-left:0;
margin-bottom:1em;
padding:1.3em;
display:table;
float:left;
margin-right:2em;
}

.pico kont-inner kontaktangaben infoarea{
padding:1em;
margin-right:1.5em;
}


kont-inner kontaktangaben infoarea p a{
	margin: 0 auto;
	margin-right:1rem;
	text-decoration:none;
	font-weight:500;
	background:linear-gradient(-90deg, rgba(190,209,213,0.44) 10%, rgba(190,209,213,0.95)60%);
	color:rgba(160,63,134,1);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	display:block;
	padding:0.5rem;
	border-radius:1rem;
}

kont-inner kontaktangaben infoarea p a i{
	font-size:200%;
	text-shadow:0 0 0.3em rgba(243,243,243,0.5);
}

kont-inner kontaktangaben infoarea p a:hover{
	-webkit-transform: scale(1.02);
	 transform: scale(1.02);
	color:rgba(190,209,213,1);
	background:linear-gradient(-90deg, rgba(160,63,134,0.44) 10%, rgba(160,63,134,0.95)60%);
}





lageplan{
margin: 0 auto;
display:block;
width:100%;
background-color:rgba(127,161,168,1);
overflow:hidden;
margin-top:1.5rem;
margin-bottom:1.5rem;
border-radius:2rem;
}

lageplan 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;

}

lageplan span{
margin: 0;
display:table;
padding:1rem;
z-index:71; 
font-size:75%;
color:rgba(243,243,243,1);
position:relative;
background-color:rgba(127,161,168,1);
}

lageplan a:hover img{
-webkit-transform: scale(1.4);
 transform: scale(1.4);
}

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

navigation{
margin: 0 auto;
z-index:70;
top:0;
right:0;
position:fixed;
background:linear-gradient(80deg, rgba(127,161,168,1) 44%, rgba(0,46,55,1));
padding:0;
overflow:scroll;
overflow-x:hidden;
max-height:100%;
display:none;
left:0;
height:100%;
}

.pico navigation, .pico kontaktfenster, .pico videofenster, .pico zertifikatefenster{
font-size:110%;
}

@media (max-width: 500px) {
	.pico navigation, .pico kontaktfenster, .pico videofenster, .pico zertifikatefenster{
	font-size:110%;
	}
}

.medium navigation, .medium kontaktfenster, .medium videofenster, .medium zertifikatefenster{
font-size:140%;
}

.grande navigation, .grande kontaktfenster, .grande videofenster, .grande zertifikatefenster{
font-size:150%;
}

zertifikatefenster h4 i{
font-size:200%;
opacity:0.8;
}

.grande navigation{
width:40vw;
margin-right:0;
}


.grande navipunkte, .medium navipunkte{
margin: 0 auto;
display:block;/*table*/
padding-top:8rem; /*2*/
padding-bottom:2rem;
}

.pico navipunkte{
margin: 0 auto;
display:block;
padding-bottom:3rem;
padding-top:8rem; /*3*/
}


navipunkte sub{
margin: 0 auto;
position:relative;
font-size:90%;
display:none;
background-color:rgba(126,190,196,0.25);
}

navipunkte sub.offen{
display:block;
}

navipunkte a{
margin: 0 auto;
padding:0.7rem;
font-weight:bold;
text-decoration:none;
display:block;
padding-bottom:1rem;
padding-top:1.3rem;
font-family:'Montserrat';
text-transform:uppercase;
border-top-width: 0.01em; /*thin*/
border-top-style: solid;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
padding-right:3rem;
text-align:right;
}

.grande navipunkte a, .medium navipunkte a{
border-image: linear-gradient(to left, rgba(243,243,243,0)5%, rgba(243,243,243,0.7), rgba(243,243,243,0)80%) 1; 
}
.pico navipunkte a{
border-image: linear-gradient(to left, rgba(243,243,243,0), rgba(243,243,243,0.7), rgba(243,243,243,0)60%) 1; 
}

navipunkte a{ 
color:rgba(243,243,243,1);
line-height:1.8rem;
font-weight:400;
padding-right:6rem;
}

navipunkte span{
display:table;
height:0;
}

@media (max-width: 500px) {
	navipunkte a, navipunkte leistkat{
	padding-right:4.5rem;
	font-size:85%;
	}
}

.medium navipunkte a:hover, .grande navipunkte a:hover{
-webkit-transform: scale(1.01);
 transform: scale(1.01);
}
.pico navipunkte a:hover{
-webkit-transform: scale(1.01);
 transform: scale(1.01);
}

navipunkte a.aktiv{
color:rgba(243,243,243,1);
background-color:rgba(126,190,196,0.8);
}

navipunkte a.subschalter{
margin: 0 auto;
float:right;
display:table;
border:none;
position:relative;
z-index:72;
margin-left:0.3rem;
font-size:130%;
margin-right:0;
}


navipunkte a.aktiv:hover,navipunkte a.subschalter:hover{
-webkit-transform: scale(1.0);
 transform: scale(1.0);
}

navipunkte leistungeninrubrik{
margin: 0 auto;
display:none;
padding-bottom:2rem;
margin-right:0;
font-size:80%;
}

navipunkte leistungeninrubrik a{
padding-right:7rem; /*5*/
}

navipunkte leistungeninrubrik.offen, navipunkte leistungeninrubrik.offen{
display:block;
background-color:rgba(126,190,196,0.3);
}

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

.naviclose, .kontaktclose, .videoclose, .zertifikateclose{
margin: 0 auto;
display:table;
text-align:right;
text-decoration: none;
color:rgba(243,243,243,0.95);
padding:1rem;
margin-bottom:0.5rem;
margin-right:0rem;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
border:none;
position:fixed;
top:2rem;
right:2rem;
z-index:73;
}

.pico .zertifikateclose{
top:1rem;
right:1rem;
}

.grande kont-inner .kontaktclose, .grande kont-inner .videoclose, .grande kont-inner .zertifikateclose{
margin-right:4vw;
}

@media (max-width: 500px) {
	.naviclose, .kontaktclose, .videoclose, .zertifikateclose{
	top:1.5rem;
	right:1.5rem;
	}
}


.naviclose, .kontaktclose, .videoclose, .zertifikateclose{
font-size:250%; /*200*/
}

/*.grande .naviclose,.grande .kontaktclose,.grande .videoclose, .grande .zertifikateclose{
font-size:250%;
}*/

.naviclose:hover, .kontaktclose:hover, .videoclose:hover, .zertifikateclose:hover{
-webkit-transform: scale(1.1);
 transform: scale(1.1);
}