@font-face {
   font-family: 'Montserrat';
   src: url(../font/Montserrat/Montserrat-Light.ttf) format('truetype'); 
   /*font-weight: 400;
  font-style: normal;*/
   font-display: swap;
}
@font-face {
   font-family: 'OpenSans';
   src: url(../font/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf) format('truetype'); 
   font-display: fallback;
}
/*************************/

:root{
/*offset-position:right;*/
}

body {
/*all:unset; */
	background-color:rgb(127,161,168);
	font-family: 'Montserrat', sans-serif;
	overflow:scroll;
	overflow-x:hidden;
	/*font-size:1rem;*/
	color:rgb(127,161,168);
	margin:0;
	padding:0;
	height:auto;
	display: -ms-grid;
	display:grid; 
	align-content:top;
	justify-content: center;
	min-height:100vh;
}


/* 243,243,243 - f3f3f3 nicht ganz weiss
 * 
 *  0,96,106 - 00606A talk dunkles blau
 * 
 * 160,63,134 - a03f86 talk magenta
 *		 97,1,53 610135 - sehr dunkles magenta
 * 		169,76,143 a94c8f helles magenta
 * 		237,163,196 eda3c4 - sehr helles magenta fast rosa
 * 145,8,112 - 910870 talk magenta dunkler
 * 
 * 161,213,223 - a1d5df helles hellblau
 * 		1,141,168 - 018da8 talk tuerkis blau kraeftig 
 * 		126,190,196 - 7ebec4 tuerkis hellblau light
 * 
 * 127,161,168 - 7fa1a8 graugruen mittel
 * 		119,151,158 - FUER DEN TEXT ALS ERSATZ FUER 127,162,168
 * 		103,132,138 - FUER DEN TEXT ALS ERSATZ FUER 119,151,158
 * 72,138,145 - 488a91 graugruen dunkler und gruener
 * 0,46,55 - 002e39 sehr dunkles graugruen, statt schwarz
 * 
 * 56,89,97 - 385961 neues nicht ganz so dunkles dunkel grau
 * 190,209,213 - bed1d5 hellste graublau richtung weiss
 * */
 

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

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

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


.stop-scrolling{
overflow: hidden;
}

.stop-scrolling main{
	overflow:scroll;
}

/***************** BG Layer *********************/

#allbg{
margin: 0 auto;
opacity:0.25;
width:100vw;
height:100%;/*100vh*/
position:fixed;
z-index:1;
top:0;
}

#allbg2{
margin: 0 auto;
opacity:0.8;
width:100vw;
height:100%; /*100vh*/
position:fixed;
z-index:2;
top:0;
background-image: linear-gradient(215deg,rgba(127,161,168,0.6) 44%, rgba(127,161,168,0.05)),url(../img/TALK-BG-soft-96.webp) !important;
}

.pico #allbg, .pico #allbg2{
min-width:315px;
}

.grande #allbg, .grande #allbg2{ 
max-width:1500px; 
}

/***************** BG Layer Ende *********************/


main{
	margin:0 auto;
	/*color:rgb(103,132,138);*//*AUG 24 contrast*/
	
	color:rgb(80,111,117);
	
	/*color:rgb(119,151,158);*/ /*FEB 24*/
	/*color:rgb(127,161,168);*/ /*FEB 24*/
	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:100vw;
	max-width:100vw;
	overflow:hidden;
}

.pico main{
	min-width:315px;
	font-size:1rem;
	line-height:1.4rem;
	grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto auto auto; /*5te 1fr*/
	grid-template-columns:auto
}
.medium main{
	font-size:1rem;
	line-height:1.4rem;
	grid-template-rows:auto auto auto auto auto auto auto auto auto;
	grid-template-columns:auto;
}
.grande main{
	font-size:1rem;
	line-height:1.4rem;	
	grid-template-columns:auto;
	grid-template-rows:auto auto auto auto auto auto auto auto auto;
	/*height:800vh;*/
}

.about.grande main, .about.medium main{
grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}

.karriere.grande main, .karriere.medium main{
grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}

.ausbildung.grande main, .ausbildung.medium main{
grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}

.leistungen.grande main, .leistungen.medium main{
grid-template-rows:auto auto auto auto auto auto auto auto auto;
}

.leistung.grande main, .leistung.medium main{
grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}

.home.grande main, .home.medium main{
grid-template-rows:auto auto auto auto auto auto auto auto auto;
}

.news.grande main, .news.medium main,.archiv.grande main, .archiv.medium main{
grid-template-rows:auto auto auto auto auto auto auto auto auto;
}

.team.grande main, .team.medium main{
grid-template-rows:auto auto auto auto auto auto 1fr auto auto auto auto auto auto auto;
}


/*********** Logo Area ******************************/

logo{
	margin:0 auto;	
	display: table;
	width:100%;	
}

logo svg{
	margin: 0 auto;
	height:auto;
	opacity:0;
}

logo svg#LogoUntertitel path{
	stroke-width:0;
	fill:#00606A; 
}

/**************Logo Area Ende *********************/


/****************** NAVI ********************/

nav{
	margin: 0 auto;
	display:block;
	padding:0;
	position:fixed;
	opacity:1;  /*xx*/
	z-index:31;
	left:0;
	top:0;
	right:0;
	padding:0;
	padding:1rem;
}

nav a{
	color:rgba(0,96,106,0.8);
}

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

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



.iconnavi{
	margin: 0 auto;
	font-size:1.6rem;
	margin-right:0;
	display:table;
	padding:1rem;
	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;
}

.iconnavi:hover{
	color:rgba(0,96,106,1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*header h1{
display:none;
visibility: hidden;
}*/

/*SCREEN READER ONLY KLASSE:*/
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

nav a#TalkLogo-nav{
	margin: 0 auto;
	float:left;
	margin-left:0;
	width:auto;
	display:table;
	padding:0.5rem;
	opacity:0;
}

.grande nav a#TalkLogo-nav{
height:7rem; /*8.5*/
}

.medium nav a#TalkLogo-nav{
	height:5rem; /*6.5 4.5 - 2.5*/
}
.pico nav a#TalkLogo-nav{
height:4rem; /*5.5*/
}

nav a#TalkLogo-nav img{
	margin: 0 auto;
	height:inherit;
	width:auto;
}

#naviBG{
	margin: 0 auto;
	display:block;
	padding:0;
	position:fixed;
	opacity:1;  
	z-index:30;
	left:0;
	bottom:0;
	top:0;
	right:0;
	padding:0;
	width:100vw;
	max-width:1500px; 
}

@media (max-width: 1500px) { 
	#naviBG{
		margin-left:0;
	}
}
/**************** NAVI ENDE *******************************/


/*****************Breadcrumb *************************/
breadcrumb{
margin: 0 auto;
display:block;
padding-bottom:1rem;
padding-top:0;
text-align:left;
opacity:0;
position:absolute;
z-index:29; 
}

breadcrumb div{
padding:0.5em;
}

.medium breadcrumb, .grande breadcrumb{
margin-left:4rem;
}

.pico breadcrumb{
margin-left:2rem;
}

breadcrumb a{
margin: 0 auto;
text-decoration:none;
color:rgba(243,243,243,0.9);
white-space:nowrap;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
text-decoration:underline;
}

.pico breadcrumb a{
font-size:0.8rem;
margin-right: 0.8rem;
}
.medium breadcrumb a{
font-size:0.9rem;
margin-right: 1rem;
}
.grande breadcrumb a{
font-size:1.0rem;
margin-right: 1.2rem;
}

breadcrumb a:hover{
color:rgba(255,255,255,1.0);
-webkit-transform: scale(1.05);
 transform: scale(1.05);
}

/*****************Breadcrumb Ende**********************/




/*********** Title Area ******************************/

rightmask{
display:none;
}
@media (min-width: 1500px) { /*23max*/
	rightmask{
		margin:0;
		padding:0;
		background-color:rgba(243,243,243,1);
		display:block;
		right:0;
		top:0;
		bottom:0;
		height:100vh;
		position:fixed;
		z-index:24;
	}
}

titleBGarea{
margin: 0 auto;
display: -ms-grid;
display:grid; 
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 5;
margin-left:0;
}


titleBG{
z-index:19;
margin: 0 auto;
display:table;
padding:0;
position:relative;
left:-0.5em;
margin-left:0;

margin-bottom:4rem;
}

titleBG svg{
margin: 0 auto;
height:auto;
opacity:0;  /*xx*/
}


.pico titleBG svg{
width:70vw;
}
.medium titleBG svg{
width:58vw;
}
.grande titleBG svg{
width:58vw;
}


titleContent{
margin: 0 auto;
position:fixed; 
z-index:22;
display: table; 
opacity:0;  
overflow:hidden;
pointer-events:none;
}

titleContentInner{
margin: 0 auto;
display:table;
position:relative;
}

titleContentInner a{
pointer-events:auto;
}

.home titleContent{
position:absolute;
}

.pico titleContent{
margin-top:11rem; /*15*/
right:1rem;
}
.medium titleContent{
margin-top:14rem;
right:2vw;
}
.grande titleContent{
margin-top:19rem; /*15*/
right:4vw;
}

titleContent .togewerk{
margin: 0 auto;
background:linear-gradient(90deg,rgba(243,243,243,0.4) 10%, rgba(243,243,243,0.95)80%);
margin-left:0;
display:table;
text-decoration:none;
color:rgba(56,89,97);
white-space:nowrap;
border-radius:2em;
}

.leistungen titleContent, .leistung titleContent{
right:0;
}

.leistungen titleContent .togewerk, .leistung titleContent .togewerk{
border-radius:2em 0 0 2em;
}

titleContent .togewerk i{
padding:0.8em;
background-color:rgb(127,161,168); /*160,63,134*/
color:rgb(243,243,243);
border-radius:2em;
}

.pico titleContent .togewerk{
font-size:1.2rem; /*1.1 1.3*/
line-height:1.7rem; /*1.8*/
font-weight:500;
margin-bottom:0.8rem;
padding:0.8rem;
}
.medium titleContent .togewerk{
font-size:1.5rem;
line-height:2.5rem;
font-weight:500;
margin-bottom:1rem;
padding:1rem;
}
.grande titleContent .togewerk{
font-size:2.2rem;
line-height:3rem;
font-weight:500;
margin-bottom:1rem;
padding:1rem;
}

titleContent .togewerk.aktiv{
margin-left:auto;
margin-right:0;

background-color:rgba(243,243,243,1.0);
}

titleContent .togewerk:hover i, titleContent .togewerk.aktiv i{
background-color:rgb(145,8,112);
} 
titleContent .togewerk:hover, titleContent .togewerk.aktiv{
color:rgb(145,8,112);
} 

titleContent .togewerk.inaktiv{
margin-left:auto;
margin-right:0;
}

titleContent .togewerk span{
padding-left:10px;
}

titleContent .togewerk.inaktiv span{
display:none;
}


titleContent leistungingewerk{
margin-left:auto;
margin-right:0;
display:table;
padding:1rem;
background-color:rgba(243,243,243,1.0);
border-radius:0 0 0 1.5rem;
}

@media (max-width: 500px) {
	titleContent leistungingewerk{
	display:none;
	}
}

.grande titleContent leistungingewerk{
font-size:115%; /*95*/
line-height:1.8rem;
margin-top:-1rem;
margin-bottom:1rem;
padding-right:1rem;
}
.medium titleContent leistungingewerk{
font-size:85%;
line-height:1.6rem;
margin-top:-1rem;
margin-bottom:1rem;
padding-right:1rem;
}
.pico titleContent leistungingewerk{
font-size:75%;
line-height:1.4rem;
margin-top:-0.8rem;
margin-bottom:0.8rem;
padding-right:0.8rem;
}

titleContent leistungingewerk a{
margin:auto;
display:table;
margin-right:0;
text-decoration:none;
color:rgb(72,138,145);
}

titleContent leistungingewerk a.aktiv, titleContent leistungingewerk a:hover{
color:rgb(145,8,112);
}

/*********** Title Area Ende ****************************/



/****************** FEATURE Button ****************/

tofeature{
margin: 0 auto;
margin-left:0;
width:auto;
height:auto;
margin-right:0;
z-index:20;
}

tofeature a{
margin: 0 auto;
display:table;
color:rgb(243,243,243);
background:linear-gradient(-90deg,rgba(160,63,134,0.44) 10%, rgba(160,63,134,0.95)60%);

border-radius:0 2em 2em 0;
margin-left:0;
text-decoration:none;
white-space: nowrap;
}

tofeature a i{
color:rgba(160,63,134,0.9);
padding:0.4em;
background-color:rgb(243,243,243);
border-radius:1.5em;
}

tofeature a:hover{
background-color:rgba(160,63,134,1);

}

.pico tofeature{
grid-row-start: 3;
display: -ms-grid;
display:grid; 
grid-column-start: 1;
grid-column-end: 2;
position:relative;
}

@media (max-width: 500px) {
	.pico tofeature{
		grid-row-start: 4;
	}
}

.pico tofeature a{
padding:1.2rem;
font-size:1.1rem;
line-height:1.7rem;
font-weight:500;
}

.medium tofeature{
display:table; 
position:absolute;
}
.medium tofeature a{
padding:1.6rem;
font-size:1.4rem;
line-height:2rem;
font-weight:500;
}

.grande tofeature{
display:table; 
position:absolute;
}
.grande tofeature a{
padding:2.4rem;
font-size:2.2rem;
line-height:3rem;
font-weight:500;
}

/****************** FEATURE Button Ende ****************/


/********************** Center Area **************/
centerArea{
margin: 0 auto;
display: -ms-grid;
display:grid; 
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 4;
grid-row-end: 7;/*8*/
margin-left:0;
margin-right:0;
width:100vw;
height:auto;
position:relative;
margin-right:0;
overflow:hidden;
max-width:1500px; 
}


.karriere centerArea{
grid-row-end: 6; /*7*/
}
.ausbildung centerArea{
grid-row-end: 6; /*7*/
}

.rechtliches centerArea{
grid-row-end: 8; 
}

.about centerArea{
grid-row-start: 4; /*3*/
}

.grande.team centerArea{
grid-row-start: 3; /*7*/
}

.grande.about centerArea{
grid-row-start: 3; /*2 4*/
grid-row-end: 6; /*6 7*/
}

.medium.about centerArea{
grid-row-start: 3; 
}

.grande.karriere centerArea{
grid-row-start: 3;
grid-row-end: 6; 
}
.medium.karriere centerArea{
grid-row-start: 3;
}
.medium.ausbildung centerArea{
grid-row-start: 3;
}
.grande.ausbildung centerArea{
grid-row-start: 3;
grid-row-end: 6; 
}



.home centerArea{
grid-row-start:3;
}

.pico.home centerArea{
grid-row-start: 3;
}

@media (max-width: 500px) {
	.pico.home centerArea{
		grid-row-start: 4;
	}
}

.pico.team centerArea{
grid-row-start: 4; /*3*/
}
.medium.team centerArea{
grid-row-start: 3;
}
.medium.home centerArea{
grid-row-start: 3;
}


.grande.einenews centerArea{
grid-row-start: 2;
grid-row-end: 5;
margin-top:12em;
}
.pico.einenews centerArea{
grid-row-start: 2;
}
.medium.einenews centerArea{
grid-row-start: 3;
grid-row-end: 6;
}

.grande.leistung centerArea{
grid-row-start: 3; /*2*/
grid-row-end: 8; /*7oder8*/
max-width:1500px; /*23max*/
}

.pico.leistung centerArea{
grid-row-start: 4;
grid-row-end:8;
}

.medium.leistung centerArea{
grid-row-start: 3;/*2*/
grid-row-end: 7;/*6 5*/
}


centerBGtop, centerBGbottom{
z-index:18;
margin: 0 auto;
display:table;
padding:0;
position:relative;
left:0;
right:0;
max-width:1500px; /*23max*/
margin-left:0;
}

.leistung centerBGtop{
margin-top:9rem;
}

centerBGtop svg, centerBGbottom svg{
margin: 0 auto;
height:auto;
opacity:1;  /*xx*/
padding:0;
width:105vw;
display:block;
max-width:1505px; /*23max 5px extra!?*/
}


centerArea svg path{
stroke-width:0;
}

centerContent{
margin: 0 auto;
background-color:rgba(243,243,243,1);
padding:2rem;
display:block;
margin-left:0;
margin-right:0;
margin-top:-0.7rem;
margin-bottom:-0.7rem;
z-index:19;
position:relative;
}

.grande centerContent{
margin-top:-1.5rem;
padding-top:1rem;
}

@media (max-width: 1600px) {
	.grande.home centerContent{
		padding-top:7rem;
	}
}

.pico centerContent{
min-height:240px;
}

.medium centerContent{
padding-bottom:4rem;
min-height:400px;
}

centerContent div.firstdiv{
margin: 0 auto;
display:table;
padding-right:4rem;
text-align:left;
margin-right:0;
padding-bottom:5rem;
}

.grande centerContent div.firstdiv{
font-size:1.4rem;
padding-right:20%; /*vw*/
width:44vw;
margin-top:-8rem; /*padding*/
max-width:900px;
}

.medium centerContent div.firstdiv{
font-size:1.3rem;
padding-right:13vw;
width:55vw;
margin-top:-4rem;
}

.pico centerContent div.firstdiv{
font-size:1.2rem;
margin-right:9vw; /*11 12 10*/
width:auto; /*75 80 70*/
margin-left:4vw;
}

@media (max-width: 500px) {
.pico centerContent div.firstdiv{
	/*width:80vw;*/
	margin-right:5vw;
	font-size:1.1rem;
	margin-left:1em;
	}
}

centerContent div.firstdiv h1, centerContent div.firstdiv h2{
margin-bottom:1.5rem;
font-size:150%;
line-height:2.6rem;
font-weight:500;
color:rgb(56,89,97);
}
centerContent div.firstdiv h3{
margin-bottom:1.5rem;
font-size:120%;
line-height:2.4rem;
font-weight:500;
color:rgb(56,89,97);
}

centerContent div.firstdiv h4, centerContent div.firstdiv h5{
margin-bottom:1.5rem;
font-size:110%;
line-height:2.2rem;
font-weight:500;
color:rgb(56,89,97);
}

centerContent div.firstdiv p{
margin-bottom:1.5rem;
line-height:2.1rem;
font-weight:500;
text-align:left;
font-size:110%;
}

centerContent div.firstdiv ul{
margin-bottom:1.2em;
line-height:1.9em;
font-weight:500;
}

centerContent div.firstdiv strong{
font-weight:500;
color:rgb(56,89,97);
}

centerContent div.firstdiv versprechen{
margin: auto;
display:table;
padding:2em;
background-color:rgba(161,213,223,0.1);
border-radius: 0 2em 2em 0;
margin-top:2em;
}

.grande centerContent div.firstdiv versprechen{
margin-bottom:4em;
}

centerContent div.firstdiv versprechen p{
color:rgba(56,89,97,0.65);
}

.pico versprechen audio{
width:200px;
}


.firstdiv fullwidthimg{
margin: 0 auto;
display:block;
width:100%;
margin-top:2em;
margin-bottom:2em;
}
.firstdiv fullwidthimg img{
margin: 0 auto;
width:100%;
border-radius:0 4rem 4rem 0;
}
.firstdiv fullwidthimg bildunter{
margin: 0 auto;
display:table;
margin-left:0;
padding-bottom:1.2rem;
font-size:70%;
}
.medium .firstdiv fullwidthimg img{
border-radius:0 3rem 3rem 0;
}
.pico .firstdiv fullwidthimg img{
border-radius:0 2.5rem 2.5rem 0;
}

centerContent div.firstdiv p a{
color:rgba(80,111,117,1);  /*BF25*/
text-decoration:underline;
}
centerContent div.firstdiv p a:hover{
color:rgba(72,138,145,1); /*BF25*/
}

centerContent div.firstdiv a.pdflink,centerContent div.firstdiv a.videolink{
margin: 0 auto;
display:table;
padding:1rem;
margin-left:0;
margin-top:1.2rem;
margin-bottom:2.5rem;
background-color:rgba(80,111,117,1); /*BF25 127,161,168*/
color:rgb(243,243,243);
text-decoration:none;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
border-radius:1rem 0;
float:left;
margin-right:1.2rem;
}
centerContent div.firstdiv a.videolink{
color:rgba(169,76,143,1);
}
centerContent div.firstdiv a.pdflink i,centerContent div.firstdiv a.videolink i{
font-size:160%;
}

centerContent div.firstdiv a.pdflink:hover, centerContent div.firstdiv a.videolink:hover{
-webkit-transform: scale(1.03);
 transform: scale(1.03);
  color:rgb(243,243,243); /*BF25*/
}


.pdflinkLeistung{
margin: 0 auto;
display:table;
padding:1rem;
margin-right:0;
margin-top:2.2rem;
margin-bottom:1.2rem;
background-color:rgba(80,111,117,1); /*BF25 127,161,168*/
color:rgb(243,243,243);
text-decoration:none;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
border-radius:1rem 0;
}
.pdflinkLeistung i{ 
font-size:160%;
}

.pdflinkLeistung:hover{ 
-webkit-transform: scale(1.03);
 transform: scale(1.03);
  color:rgb(243,243,243); /*BF25*/
}


.videolink videocookie{
margin: 0 auto;
position: absolute;
display:none;
background-color:rgba(56,89,97,1.0);
color:rgb(255,255,255);
padding:0.6em;
font-size:80%;
line-height:1.3em;
}

.videolink:hover videocookie{
display: inline;
}




/*Bigpic mehrere 2025*/

div.firstdiv bildbereich{
margin: 0 auto;
display:block;
margin-top:1.5rem;
margin-bottom:2.5rem;
}

.grande div.firstdiv bildbereich{
margin-top:3rem;
margin-bottom:4rem;
}


/*div.firstdiv bildbereich{
margin: 0 auto;
width:100%;
display:block;
position:relative;
aspect-ratio: 1 / 1;
}
*/

div.firstdiv bildbereich weiterebilder{
margin: 0 auto;
position:relative;
margin-top:1em;
margin-bottom:1em;
margin-left:0;
display:table;
border-radius:1em;
background-color:rgba(0,46,55,0.25);
}

div.firstdiv bildbereich a.weiteresbild,div.firstdiv bildbereich a.videolink{
line-height:2em;
color:rgba(243,243,243,0.6);
text-decoration:none;
padding:0.5em;
}

div.firstdiv bildbereich a.videolink{
color:rgba(169,76,143,0.7);
}

.grande div.firstdiv bildbereich a.weiteresbild, .grande div.firstdiv bildbereich a.videolink{
font-size:200%;
}

.medium div.firstdiv bildbereich a.weiteresbild,.medium div.firstdiv bildbereich a.videolink{
font-size:160%;
}

.pico div.firstdiv bildbereich a.weiteresbild,.pico div.firstdiv bildbereich a.videolink{
font-size:140%;
}

div.firstdiv bildbereich a.weiteresbild.aktiv{
opacity:0.2;
}

div.firstdiv bildbereich a.weiteresbild:hover{
color:rgba(243,243,243,0.9);
}
div.firstdiv bildbereich a.videolink:hover{
color:rgba(169,76,143,1);
}

div.firstdiv bildbereich a.videolink videocookie{
font-size:50%;
}


/*Bigpic mehrere 2025 ENDE*/


centerContent div.firstdiv img.bigpic{
margin: 0 auto;
display:table;
width:100%;
border-radius:2rem;
/*margin-top:1.5rem;
margin-bottom:2.5rem;*/
}

/*
.grande centerContent div.firstdiv img.bigpic{
margin-top:3rem;
margin-bottom:4rem;
}
*/

/*********** Center Ende *************************/


/********************** Center FullWidth Area **************/
centerAreaFullW{
margin: 0 auto;
display: -ms-grid;
display:grid; 
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
margin-left:0;
margin-right:0;
width:100vw;
height:auto;
position:relative;
margin-left:0;
margin-right:0;
overflow:hidden;
z-index:18;
padding:0;
left:0;
right:0;
}

.grande centerAreaFullW{
grid-row-end: 4; /*5*/
max-width:1500px;
}

.grande.archiv centerAreaFullW{
grid-row-end: 5;
}


.medium centerAreaFullW{
grid-row-end: 5; 
}

.medium.team centerAreaFullW{
grid-row-end: 4; 
}

.medium.archiv centerAreaFullW{
grid-row-end: 4; 
}
.medium.about centerAreaFullW{
grid-row-end: 4; 
}
.medium.karriere centerAreaFullW{
grid-row-end: 4; 
}
.medium.ausbildung centerAreaFullW{
grid-row-end: 4; 
}
.pico centerAreaFullW{
grid-row-end: 5; /*4*/
}
.pico.team centerAreaFullW{
grid-row-end: 4;
}
.pico.about centerAreaFullW{
grid-row-start: 2;
}
.pico.karriere centerAreaFullW{
grid-row-start: 2;
grid-row-end:4;
}
.pico.ausbildung centerAreaFullW{
grid-row-start: 2;
grid-row-end:4;
}
.pico.team centerAreaFullW{
grid-row-start: 2;
}

.pico.news centerAreaFullW,.pico.archiv centerAreaFullW{
grid-row-end: 4; /*5 6 4*/
}
.grande.einenews centerAreaFullW{
grid-row-end: 4;/*3*/
}
.medium.einenews centerAreaFullW{
grid-row-end: 4; 
}
.pico.einenews centerAreaFullW{
grid-row-end: 3; 
}


centerAreaFullW svg{
margin: 0 auto;
height:auto;
opacity:1;  /*xx*/
padding:0;
width:105vw;
display:block;

max-width:1500px;
}

.home centerAreaFullW svg#bigone{
display:none;
}

centerAreaFullW svg path{
stroke-width:0;
}

centerAreaFullW svg#bigone{
display:none;
}
centerAreaFullW svg#standard{
display:block;
}

/*********** Center FullWidth Ende *************************/


zumnewsarchiv{
margin: 0 auto;
display:table;
margin-top:5em;
}

zudennews{
margin: 0 auto;
margin-left:0;
padding:0;
display:table;
/*padding-top:5em;*/
z-index:23;
width:100vw;
height:auto;
overflow:hidden;
margin-bottom:-0.3em;
background-color:rgba(243,243,243,1);
max-width:1500px;
}

zumnewsarchiv a{
margin: 0 auto;
display:table;
background:linear-gradient(-90deg, rgba(190,209,213,0.44) 10%, rgba(190,209,213,0.95)60%);
border-radius:1.5em 1.5em 1.5em 1.5em;
color:rgba(160,63,134,1);
text-decoration:none;
font-weight:500;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
margin-top:1.5em;
border:1px solid rgb(255,255,255);
}

zudennews a{
margin: 0 auto;
display:table;
background:linear-gradient(-90deg, rgba(190,209,213,0.44) 10%, rgba(190,209,213,0.95)60%);
border-radius:1.5em 1.5em 1.5em 1.5em;
color:rgba(160,63,134,1);
text-decoration:none;
font-weight:500;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
margin-top:3.5em;
margin-bottom:2em;
border:1px solid rgb(255,255,255);
}

.pico zumnewsarchiv a, .pico zudennews a{
padding:1.1em;
font-size:150%;
line-height:1.8em;
}
.medium zumnewsarchiv a, .medium zudennews a{
padding:1.5em;
font-size:170%;
line-height:2em;
}

.grande zumnewsarchiv a, .grande zudennews a{
padding:1.5em;
font-size:190%;
line-height:2em;
}

zumnewsarchiv a i, zudennews a i{
font-size:200%;
text-shadow:0 0 0.3em rgba(243,243,243,0.5);
}

zumnewsarchiv a:hover, zudennews a:hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
color:rgba(190,209,213,1);
background:linear-gradient(-90deg, rgba(160,63,134,0.44) 10%, rgba(160,63,134,0.95)60%);
}


/*********** Rechter Halbkreis Bereich *************************/

/*CUT*/

/*********** Rechter Halbkreis Bereich Ende *********************/



/********************** Center Small Area **************/
centerAreaSmall{
margin: 0 auto;
display: -ms-grid;
display:grid; 
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 8;/* 7 10*/
grid-row-end: 10;/*14*/
margin-left:0;
margin-right:0;
width:100vw;
height:auto;
position:relative;
margin-left:0;
margin-right:0;
overflow:hidden;
}

.medium centerAreaSmall{
margin-top:4rem;
}

centerBGtopSmall, centerBGbottomSmall{
z-index:18;
margin: 0 auto;
display:table;
padding:0;
position:relative;
left:0;
right:0;
}

centerBGtopSmall svg, centerBGbottomSmall svg{
margin: 0 auto;
height:auto;
opacity:1;  /*xx*/
padding:0;
width:105vw;
display:block;
}

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

zudenzertifikaten{
margin: auto;
position:absolute;
display:table;
text-align:center;
width:auto;
display:block;
z-index:24;
}


.grande zudenzertifikaten{
margin:0 auto;
width:90vw;
margin-left:5vw;
margin-right:5vw;
margin-top:4em;
}

@media (min-width: 1500px) {
	.grande zudenzertifikaten{
		max-width:1350px; 
	}
}

.medium zudenzertifikaten{
margin:0 auto;
width:93vw; 
margin-left:3.5vw;
margin-right:3.5vw;

}

.pico zudenzertifikaten{
margin:0 auto;
width:80vw; 
margin-left:10vw;
margin-right:10vw; 
margin-bottom:4em;
position:relative;
}


zudenzertifikaten a{
margin: 0 auto;
display:table;
background:linear-gradient(-90deg, rgba(190,209,213,0.44) 10%, rgba(190,209,213,0.95)60%);
border-radius:1.5em 1.5em 1.5em 1.5em;
color:rgba(160,63,134,1);
text-decoration:none;
font-weight:500;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
margin-top:1.5em;
border:1px solid rgb(255,255,255);
}

.pico zudenzertifikaten a{
padding:1.1em;
font-size:150%;
line-height:1.8em;
}
.medium zudenzertifikaten a{
padding:1.5em;
font-size:170%;
line-height:2em;
}

.grande zudenzertifikaten a{
padding:1.5em;
font-size:190%;
line-height:2em;
}

zudenzertifikaten a i{
font-size:200%;
text-shadow:0 0 0.3em rgba(243,243,243,0.5);
}

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


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

centerAreaSmall svg path{
stroke-width:0;
}

centerContentSmall{
margin: 0 auto;
background-color:rgba(243,243,243,1);
padding-top:2rem; /*Video*/
padding-bottom:2rem; /*Video*/
display:block;
margin-left:0;
margin-right:0;
margin-top:-0.1rem;
margin-bottom:-0.1rem;
position:relative;
z-index:21; /*19*/
}

centerContentSmall videocontainer{
margin-left:0;
margin-right:0;
width:auto;
display:block;
max-width:1500px;
z-index:50;
}

video:hover{
cursor:pointer;
}

centerContentSmall h3{
margin-bottom:2rem;
font-size:2.6rem;
line-height:3.2rem;
font-weight:500;
text-align:center;
color: rgb(56,89,97);
margin-top:3em;
}

zertifikat{
background:linear-gradient(170deg,rgba(0,46,55,0.1),rgba(0,46,55,0.15) 40%, rgba(0,46,55,0.66)); /*0.15 statt 1 beim ersten...*/
overflow:hidden;
text-align:left;
color:rgba(243,243,243,1);
border-radius:0 0 2em 2em;
}

.grande zertifikat{
margin:2rem;
}
.medium zertifikat{
margin:1.5rem;
}
.pico zertifikat{
margin:1.5rem;
}

zertifikat:hover{
background:linear-gradient(190deg,rgba(0,46,55,0.1),rgba(0,46,55,0.15) 40%, rgba(0,46,55,0.66));
}

zertifikat h4{
color:rgb(243,243,243);
}

zertifikat z-inner{
margin: 1rem;
display:block; /*table*/
padding-bottom:2rem;
}

.grande zertifikat z-inner{
font-size:75%;
}
.medium zertifikat z-inner{
font-size:75%;
}
.pico zertifikat z-inner{
font-size:90%;
}

zertifikat z-inner h6{
font-size:90%;
margin-bottom:1rem;
}
zertifikat z-inner p{
line-height:125%;
}

zertifikat z-inner a.dok{
margin: 0 auto;
display:block;
padding:0.5rem;
margin-left:0;
margin-bottom:0.5rem;
background-color:rgba(127,161,168,0.5);
color:rgb(243,243,243);
text-decoration:none;
border-radius:1rem 0;
line-height:100%;
font-size:90%;
}
zertifikat z-inner a.dok i{
font-size:190%;
margin: 0 0.2rem 0.2rem 0;
}

zertifikat z-inner a.dok:hover{
color:rgba(56,89,97,1);
background-color:rgb(243,243,243,1);
}

zertifikat bildbereich{
margin: 0 auto;
width:100%;
display:block;
aspect-ratio:1/1;
position:relative;
}

zertifikat bildbereich img{
width:-webkit-fill-available;
width:100%;
border-radius:0 0 3rem 3rem;
-moz-border-radius:0 0 3rem 3rem;
-webkit-border-radius:0 0 3rem 3rem;
}


/*********** Center Small Ende *************************/



/************ STORYS **********************************/

storys{
margin: 0 auto;
display:block;
background-color:rgba(243,243,243,1);
z-index:23;
max-width:1500px;
width:100vw;
height:auto;
position:relative;
overflow:hidden;
margin-left:0;
margin-right:0;
margin-bottom:0;
}

.grande storys{
padding-top:7.5rem;
}
.medium storys{
padding-top:5rem;
}
.pico storys{
padding-top:2rem;
}

storys .slick-list{
margin-bottom:0;
}
storys .slick-dots{
margin-bottom:1em;
}

.grande storys .slick-dots{
margin-bottom:0;
margin-top:0;
}


storys.slick-dotted.slick-slider{
margin-bottom:-0.2rem;
}

story{
margin: 0auto;
display:block;
color:rgb(56,89,97);
padding:3rem;
}

.pico story{
padding:4rem;
}

storyinner{
margin:auto;
display:grid;
}

.grande storyinner{
grid-template-columns: 40% auto;
}

.medium storyinner{
grid-template-columns: 35% auto;
}
.pico storyinner{
grid-template-columns: auto;
}



storyinner bildbereich{
margin: 0 auto;
width:100%;
display:block;
aspect-ratio:1/1;
position:relative;
}

storyinner bildbereich img{
width:-webkit-fill-available;
width:100%;
border-radius:0 0 3rem 3rem;
-moz-border-radius:0 0 3rem 3rem;
-webkit-border-radius:0 0 3rem 3rem;
}


storyinner inforahmen{
margin:0 auto;
display:flow-root;
overflow:hidden;
text-align:left;
color:rgba(20,46,55,1);
border-radius:0 3rem 3rem 0;
-moz-border-radius:0 3rem 3rem 0;
-webkit-border-radius:0 3rem 3rem 0;
margin-top:0;
padding:2rem;

margin-left:0;
}

.grande storyinner inforahmen{
padding-bottom:4rem; 
}

storyinner h3{
margin: 0 auto;
margin-bottom:1.5rem;
text-align:left;
font-family:'Montserrat';
font-kerning:normal;
}

.grande storyinner h3{
margin-top:1rem;
font-size:1.2rem; /*1*/
line-height:1.7rem;/*1.5*/
}

.medium storyinner h3{
margin-top:1.3rem;
font-size:1.0rem; /*1.3*/
line-height:1.5rem /*1.7*/
}

.pico storyinner h3{
margin-top:1.3em;
font-size:1.1rem; /*1.2 1.3*/
line-height:1.6rem; /*1.7*/
}
storyinner h4{
margin: 0 auto;
margin-bottom:0.5rem;
/*font-family:'Montserrat';*/
text-align:left;
font-weight:300;
margin-bottom:1rem;
}


storyinner h5{
margin-bottom:1rem;
font-weight:600;
color:rgba(56,89,97,0.85); /*BF25 0.75 */
}

.grande storyinner h4{
font-size:1rem;
line-height:1.3rem;
}

.medium storyinner h4{
font-size:1.1rem;
line-height:1.5rem;
}

.pico storyinner h4{
font-size:1.1rem; /*1.2*/
line-height:1.4rem; /*1.5*/
}

.pico storyinner h5{
font-size:1.1rem; /*1.2*/
line-height:1.4rem; /*1.5*/
}

@media (max-width: 500px) {
  .pico storyinner h3 {
    font-size:1.0rem;
	line-height:1.6rem;
  }
  .pico storyinner h4{
	font-size:1.0rem; 
	}
}

/************ STORYS ENDE**********************************/


/************** Footer ********************************/


footer{
margin: 0 auto;
display: -ms-grid;
display:grid; 
padding:0;
grid-column-start: 1;
grid-column-end: 2;
grid-row-end: 15;
width:100vw;
margin-left:0;
margin-right:0;
position:relative;
z-index:19;
margin-top:4rem;
}

.grande footer{
max-width:1500px; /*23max*/
}

.team footer{
grid-row-start: 8; /*12*/
}

.home footer{
grid-row-start: 7;
grid-row-end: 10;
}

.about footer{
grid-row-start: 10; /*12*/
}

.news footer{
grid-row-start: 6;
}
.archiv footer{
grid-row-start: 8;
}

.news.medium footer,.archiv.medium footer{
grid-row-start: 7;
}
/*
.news.pico footer,.archiv.pico footer{
grid-row-start: 11; 
}*/

.news.pico footer,.archiv.pico footer{
grid-row-start: 9; /*8 5*/
}

.news.einenews.medium footer,.archiv.einenews.medium footer{
grid-row-start: 11;
}

.leistungen footer{
grid-row-start: 7; /*11 8 7*/
}

.leistung footer{
grid-row-start: 9;
}

.pico.leistungen footer{
grid-row-start: 11;
}

footer svg{
margin: 0 auto;
width:100%;
margin-left:0;
margin-right:0;
}

footer footerinner{
margin: 0 auto;
background-color:rgba(56,89,97,1);
display:block;
margin-left:0;
margin-right:0;
padding:3rem;
color:rgb(243,243,243);
}

footerinner div{
margin-left:3rem;
float:left;
margin-bottom:4rem;
}

footerbrands{
float:left;
}

footerbrands img{
margin: 0 auto;
margin-bottom:1rem;
width:100px;
}

.medium footerbrands img{
width:120px;
}
.grande footerbrands img{
width:140px;
}

ende{
	margin:0;
	display:block;
	position:relative;
	opacity:1;  
	z-index:29;
	padding:0;
	text-align:center;
	font-size:85%;
	background-color:rgba(0,46,55,1); /*BF25*/
	color:rgba(243,243,243,0.75); /*BF25*/
}

ende p{
	margin-top:1rem;
	margin-bottom:1rem;
}

footer a, ende a{
	margin: 0 auto;
	margin-right:1rem;
	color:rgba(243,243,243,0.9); /*BF25*/
	text-decoration:none;
}
footer a:hover, ende a:hover{ /*BF25*/
	color:rgba(243,243,243,1);
	text-decoration:underline;
}

#endeBG{
	display:block;
	padding:0;
	position:absolute;
	opacity:1;  /*xx*/
	z-index:28;
	bottom:0;
}

/******************* Footer Ende ************************/


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);
}

/************* Cookie ******************************/


cookieinfo{
margin: 0 auto;
background-color:rgba(127,161,168,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;
}

currentinfo{
margin: 0 auto;
background-color:rgba(160,63,134,0.9); 
border:0.1rem solid rgb(243,243,243);
display:block;
position:fixed;
top:15vh;
left:2rem;
right:2rem;
z-index:1250;
padding:1.3rem;
text-align:center;
color:rgb(255,255,255);
max-width:1300px;
border-radius:2rem;
}

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

currentinfo p{
line-height:1.5rem;
font-weight: normal;
font-size:110%;
}

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

cookieinfo a, currentinfo 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);
}


/************** ScrollTrigger ****************************/

/* Now in your CSS add the following classes, this fades the [data-trigger] elements in and out*/
.visible, .invisible { 
 position:relative;
 top:1rem;
}

.visible {
    top:-1rem;
    transition: top 1.5s ease-in-out; 
    -moz-transition: top 1.5s ease-in-out;
} 

/************** ScrollTrigger ENDE ****************************/

.CL{
clear:left;
}
.CR{
clear:right;
}
.CB{
clear:both;
}
.noheight{
display:table;
height:0;
line-height:0;
}