.index-slider-abstand {padding: 140px 0 0 0;}
@media screen and (max-width:1024px){.index-slider-abstand {padding: 0;}}

.kopf-bild {padding: 180px 0 50px 0;}
@media screen and (max-width:1024px){
.kopf-bild {padding: 0 0 50px 0;}

}

.background-logo {background-image: url(../bilderpfad/back/background-logo-2.png); background-size: contain;}
@media screen and (max-width:1024px){.background-logo  {background-image: url(../bilderpfad/back/background-logo-mobile.png);}}


.zoom {overflow: hidden;transition: transform 0.05s ease-out;}
.zoom:hover {transform: scale(1.025);}

.zoom-kl {overflow: hidden;transition: transform 0.2s ease-out;}
.zoom-kl:hover {transform: scale(1.005);}



.no-kopf-bild {padding-top: 200px;}
@media screen and (max-width:1024px){.no-kopf-bild {padding-top: 0;}}

.new-grid-kopf-bild {padding-top: 200px;}
@media screen and (max-width:1024px){.new-grid-kopf-bild {padding-top: 0;}}





.grid-3er {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
	}

.grid-3er > div {
	display:grid;
	/*border: solid 5px var(--light-ci-color);*/
	border-radius: 5px;
	align-content: baseline;
	}


@media screen and (max-width:1024px){
	.grid-3er {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
		}
	}


@media screen and (max-width:640px){
	.grid-3er {
		display: grid;
		grid-template-columns: 1fr;
		gap: 15px;
		}
	}




.catch-h2 {
	color: var(--main-ci-color);
	font-weight: 600;
	}

.catch-logo {
	max-width: 300px;
	height: auto;}




.grid-4er {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px;

	}

.grid-4er > div {
	display:grid;
	grid-template-rows: 1fr;
	border: solid 1px #f90;
	}

.icon-4er {
	font-size: 4em;
	color: var(--main-ci-color);
	}

.feld-4er {
}


.feld-4er h2{
	font-size: 1.25em;
	margin: 0;
	padding: 0;
}




.logo-zeichen-bg {
	position: fixed;
	top: 500px;
	left: 0;
	border: solid 1px #f90;
	background-image: url(../bilderpfad/back/logo-zeichen-grau.png);
	background-repeat: no-repeat;
	background-size: 1500px;
	background-position: -500px 0;
	}

.bg-logo-zeichen {
	background-image: url(../bilderpfad/back/logo-zeichen-grau-halb.png);
	background-size: auto 60%;
	background-repeat: no-repeat;
	width: 100%;
	background-position: right bottom;
	height: 500px;
	position: absolute;
	right: 0;
	bottom: -150px;
	border: solid 0px #f90;
	}

@media screen and (max-width:1024px){
	.bg-logo-zeichen {
		background-image: url(../bilderpfad/back/logo-zeichen-grau-halb.png);
		background-size: auto 30%;
		background-repeat: no-repeat;
		width: 100%;
		background-position: right bottom;
		height: 500px;
		position: absolute;
		right: 0;
		bottom: -80px;
		border: solid 0px #f90;
		}

	}



.seiten-start {
	display: grid;
	grid-template-columns: 1fr 2fr;
	border: solid 0px #f90;
	min-height: 60vh;
	}


/*
.seiten-start::after {
	content: '';
    background-image: url(../bilderpfad/back/logo-zeichen-grau.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    width: 100%;
    background-position: right 400px;
    height: 600px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: visible;
	}
*/




hr.small {
	border-color: rgba(91,191,199,0.3);
   	border-top: 1px;
   	width: 90%;
   	margin: 25px auto 50px auto;
   	}

.seiten-start > div{
    display: grid;
    align-content: center;
    }


@media screen and (max-width:1024px){
.seiten-start {
	display: grid;
	grid-template-columns: 1fr;
	border: solid 0px #f90;
	min-height: 50vh;
	}

}


.seiten-start-1 {
	border: solid 0px #f90;
	z-index: 100
	}

.seiten-start-2 {
	border: solid 0px #f90;
	background: #5BBFC7;
	}

.seiten-start-bild {border: solid 5px #fff; margin: 0 0 0 150px; z-index:100;}
@media screen and (max-width:1350px){.seiten-start-bild { margin: 0 0 0 100px;}}
@media screen and (max-width:1100px){.seiten-start-bild { margin: 0 0 0 50px;}}
@media screen and (max-width:1024px){.seiten-start-bild {border: solid 0px #fff; margin: 0 auto -25px  auto;;}}



.seiten-start-text {border: solid 0px #f90; margin: 0 auto; width: 60%;}
@media screen and (max-width:1024px){.seiten-start-text {margin: 0 auto; width: 60%; padding: 50px 0}}
@media screen and (max-width:960px){.seiten-start-text {margin: 0 auto; width: 90%; padding: 50px 0}}


.seiten-start-text h1{color: #fff; font-weight: 600; margin: 0;}
.seiten-start-text p{color: #fff; margin: 0}




.bild-lfloat-abstand {float: left; margin: 0 50px 20px 0}
@media screen and (max-width:1200px){img.bild-lfloat-abstand {max-width:50%;}}
@media screen and (max-width:960px){img.bild-lfloat-abstand {max-width:100%;}}
@media screen and (max-width:900px){.bild-lfloat-abstand {float: none; margin: 0 0 15px 0; overflow: hidden}}

.bild-rfloat-abstand {float: right; margin: 0 0 50px 50px}
@media screen and (max-width:1200px){img.bild-rfloat-abstand {max-width:50%;}}
@media screen and (max-width:960px){img.bild-rfloat-abstand {max-width:100%;}}
@media screen and (max-width:900px){.bild-rfloat-abstand {float: none; margin: 0 auto 15px auto; overflow: hidden}}


.cta-button {
	background: #5BBFC7;
	color: #fff;
	padding: 10px 25px;
	margin: 0 auto;
	border-radius: 10px;
	transition: background 0.05s;
	width: fit-content;
	transition: all .2s ease-in-out;
	}
.cta-button a{
	color: #fff;
	font-size: 1em;
	}
.cta-button:hover {
	color: #fff;
	background: #4c959b;
	}




.cta-button-index {
	background: rgba(187,1,18,0.8);
	color: #fff;
	padding: 10px 25px;
	margin: 0 auto;
	border-radius: 10px 0 10px 10px;
	transition: background 0.05s;
	width: fit-content;
	transition: all .2s ease-in-out;
	}
.cta-button-index a{
	color: #fff;
	font-size: 1em;
	}
.cta-button-index:hover {
	color: #fff;
	background: rgba(233, 71, 85, 0.8);
	transform: scale(1.04); 
	}





.cta-button-white {
	background: rgba(255,255,2558,1);
	color: #666;
	padding: 10px 25px;
	margin: 50px auto;
	border-radius: 10px;
	transition: background 0.05s;
	width: fit-content;
	transition: all .2s ease-in-out;
	border: solid 3px #fff;
	}

.cta-button-white:hover {
	color: #fff;
	background: var(--main-ci-color);
	border: solid 3px #fff;
	overflow: hidden;
	}


.cta-button-white-big-left {
	background: rgba(255,255,2558,1);
	color: #666;
	padding: 10px 25px;
	margin: 50px 0;
	border-radius: 10px;
	transition: background 0.05s;
	width: fit-content;
	transition: all .2s ease-in-out;
	border: solid 3px #fff;
	}

@media screen and (max-width:740px){
.cta-button-white-big-left {
	margin: 50px auto;
	}

}


.cta-button-klein {
	background: rgba(187,1,18,0.8);
	color: #fff;
	padding: 10px 25px;
	margin: 20px auto;
	border-radius: 10px 0 10px 10px;
	transition: background 0.05s;
	width: fit-content;
	transition: all .2s ease-in-out;
	}
.cta-button-klein a{
	color: #fff;
	font-size: 1.35em;
	}
.cta-button-klein:hover {
	color: #fff;
	background: rgba(233, 71, 85, 0.8);
	transform: scale(1.04); 
	}


.cta-button-bewerben {
	background: rgba(187,1,18,0.8);
	color: #fff;
	padding: 20px 45px;
	margin: 20px auto;
	border-radius: 10px 0 10px 10px;
	transition: background 0.05s;
	width: fit-content;
	transition: all .2s ease-in-out;
	}
.cta-button-bewerben a{
	color: #fff;
	font-size: 1.65em;
	}
.cta-button-bewerben:hover {
	color: #fff;
	background: rgba(233, 71, 85, 0.8);
	transform: scale(1.04); 
	}



.cta-ueberblick {
	background: var(--main-ci-color);
	color: #fff;
	padding: 10px 25px 10px 20px;
	width: fit-content;
	border-radius: 10px;
	transition: background 0.05s;
	}

.cta-ueberblick:hover {
	color: #fff;
	background: #4c959b;
	}




.cta-button-border {
	border: solid 2px var(--main-ci-color);
	border-radius: 5px;
	width: 150px;
	display: inline-block;
	padding: 10px 25px;
	color: var(--main-ci-color);
	font-weight: 600;
	text-align: center;
	margin: 0 auto;
	}

a div.cta-button-border:hover {
	background: var(--main-ci-color);
	color: #fff
}


.cta-button-border2 {
	border: solid 2px var(--main-ci-color);
	border-radius: 5px;
	width: 150px;
	display: inline-block;
	padding: 10px 25px;
	color: var(--main-ci-color);
	font-weight: 600;
	text-align: center;
	margin: 0 auto;
	}

@media screen and (max-width:960px){
.cta-button-border2 {
	display: block;
	margin: 15px auto ;
	}

}


a div.cta-button-border2:hover {
	background: var(--main-ci-color);
	color: #fff
}




.cta-button-team {
	background: var(--main-ci-color);
	color: #fff;
	padding: 10px 25px;
	margin: 0 auto;
	border-radius: 10px;
	transition: background 0.05s;
	width: fit-content;
	transition: all .2s ease-in-out;
	border: solid 3px #fff;
	height: fit-content;
	}

.cta-button-team:hover {
	background: var(--second-ci-color);
	color: #fff;
	overflow: hidden;
	}








/*
.sz-box {border:solid 0px #f90; position: fixed; top: 26%; right: 0; z-index: 999}
.sz-button {width: 60px;
	height: 60px;
	color: #fff;
	font-size: 2.45em;
	line-height: 50px;
	background: rgba(187,1,18,1);
	text-align: center;
	margin: 0 0 5px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}
.sz-button span:before {margin: 10px 0 0 2px}



.sz-box-r {border:solid 0px #f90; position: absolute; top: -85px; right: 0; z-index: 999}
.sz-button-r {
	width: 140px;
	height: 75px;
	color: #fff;
	font-size: 2.45em;
	line-height: 50px;
	background: rgba(187,1,18,1);
	text-align: center;
	margin: 0 0 5px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}

.sz-button-stelle {
	width: 120px;
	height: 60px;
	color: #fff;
	font-size: 2.6em;
	line-height: 50px;
	background: rgba(187,1,18,1);
	text-align: center;
	margin: 0 0 5px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}

.social-link-box-bottom {position: fixed; bottom: 0; height: 50px; width: 100%; background: rgba(187,1,18,1);  z-index: 9999;}
.social-link-box-bottom-inner {width: 800px; margin: 0 auto; border: solid 0px #69eee0;}
.social-link-bottom {display: inline-block; margin: 0 5% 0 5% }
.social-link-bottom span {color: #fff; font-size: 1.85em;}

.imp-link {padding: 0}
.social-link-bottom div.imp-link-bottom1 {color: #fff; font-size: 0.85em; font-weight: 600; letter-spacing: -0.1em; position: relative; top:5px}
.social-link-bottom div.imp-link-bottom2 {color: #fff; font-size: 0.85em; font-weight: 600; letter-spacing: -0.1em;position: relative; top: 4px}

.stelle-link {padding: 0}
.social-link-bottom div.stelle-link-bottom1 {color: #fff; font-size: 0.95em; font-weight: 600; letter-spacing: 0.1em; position: relative; top:5px}
.social-link-bottom div.stelle-link-bottom2 {color: #fff; font-size: 0.95em; font-weight: 600; letter-spacing: 0.1em;position: relative; top: 4px}


@media screen and (max-width:740px){
.social-link-box-bottom-inner {width: 480px; border: solid 0px #69eee0; margin: 0 auto;}
.social-link-bottom {display: inline-block; margin: 3px 2%}
.social-link-bottom span {font-size: 1.85em;}
.social-link-bottom span.icon-phone {font-size: 1.85em; position: relative; top: 2px; left: 5px}
}

@media screen and (max-width:420px){
.social-link-box-bottom-inner {width: 350px; border: solid 0px #f90; margin: 0 auto;}
.social-link-bottom {display: inline-block; margin: 0 5px}
.social-link-bottom span {font-size: 1.5em;}
}

@media screen and (max-width:360px){
.social-link-box-bottom-inner {width: 340px; border: solid 0px #f90; margin: 0 auto;}
.social-link-bottom {display: inline-block; margin: 0 5px}
.social-link-bottom span {font-size: 1.5em;}
.social-link-bottom div.imp-link-bottom1 {font-size: 0.85em; font-weight: 600; letter-spacing: -0.11em; position: relative; top:5px}
.social-link-bottom div.imp-link-bottom2 {font-size: 0.85em; font-weight: 600; letter-spacing: -0.11em;position: relative; top: 4px}

}


*/




table.fuss-tel-table {font-size: 1.25em}



.kontakt-feld {
	background: var(--gray-ci-color);
	border-radius: 5px;
	padding: 0;
	border: solid 1px var(--main-ci-color);
	}

.kontakt-feld-innen {
	margin: 25px;
	}
	
@media screen and (max-width:740px){
}

.kontakt-feld h2{
	margin:0;
	padding: 0;
	}


.small {font-size: 100%;}



.sz-box-neu {display: flex; position: fixed; bottom: 0; height: 50px; width: 100%; background:var(--main-ci-color);  z-index: 9999;}




.trenner-balken {background: var(--main-ci-color); padding: 25px 0}


.item1 { grid-area: a;  display: grid;}
.item2 { grid-area: b;  display: grid;}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  'a b'
  'a b';
}


.item2 h2{text-transform: uppercase;}

@media screen and (max-width:960px){

	.grid-container {
		display: grid;
		grid-template-areas:
		'a a'
		'b b';
		}
}


.grid-container-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
	'b a'
	'b a';
	}


@media screen and (max-width:960px){
	.grid-container-2 {
	display: grid;
	grid-template-areas:
	'a a'
	'b b';
	}
}


.uberblick-feld-innen {
	text-align: left;
	padding: 50px;
	align-self: center;
}

@media screen and (max-width: 1024px){

.uberblick-feld-innen {
	text-align: left;
	padding: 20px;
	align-self: baseline;
}

.uberblick-feld-innen h2{
	margin-top: 0;
	}

}

@media screen and (max-width: 960px){

.uberblick-feld-innen {
	text-align: left;
	padding: 20px 20px 100px 20px;
	align-self: baseline;
}


}






.uberblick-bild {
width: 100%;
object-fit:cover
}












.telphrase {display: inline}
.telphrase span {margin-left: -7px}
.telphrase-mobil {display: none}
@media screen and (max-width:1024px){
.telphrase {display: none}
.telphrase-mobil {display: inline}

}



.bewertung {position: relative; padding: 25px; width: 90%; margin: 0 auto;}
.bewertung-quote-top {position: absolute; top: 10px; left: 5px; z-index: 99}
.bewertung-quote-bottom {position: absolute; bottom: 10px; right: 10px;}
.bewertung-innen {background: rgba(220,220,220, 0.2); border-radius: 5px;  padding: 20px 100px; position: relative; overflow: visible; border-left: solid 10px rgba(187,1,18,1);}
.bewertung-innen p {font-size: 1rem; font-style: italic}

@media screen and (max-width:1024px){
.bewertung {padding: 25px; width: 75%; border: solid 0px #f90;}
.bewertung-innen {padding: 20px;}
}

@media screen and (max-width:480px){
.bewertung {padding: 0; width: 95%;}
.bewertung-innen {padding: 20px;}
}



.stelle {}
.stelle h3{font-size: 1.25em; text-align: center}


.aufzaehlung-1 {margin: 20px 0 0 0; padding: 0}
.aufzaehlung-1 ul {list-style-type:none}
.aufzaehlung-1 li {background: url(../bilderpfad/buttons/aufzaehlungs-icon.png) no-repeat 0 7px; padding: 0 0 20px 30px}
.aufzaehlung-1 li h3 {margin: 0; padding: 0}


.aufzaehlung-2 {margin: 0 0 35px 0; padding: 0; font-size: 1.2rem;}
.aufzaehlung-2 ul {list-style-type:none}
.aufzaehlung-2 li {background: url(../bilderpfad/buttons/aufzaehlungs-icon.png) no-repeat 0 3px; padding: 0 0 6px 45px}
.aufzaehlung-2 li h3 {margin: 0; padding: 0}




.aufzaehlung-3 {margin: 20px 0 0 0; padding: 0}
.aufzaehlung-3 ul {list-style-type:none}
.aufzaehlung-3 li {
	list-style-type:none;
	background: url(../bilderpfad/buttons/aufzaehlungs-icon.png) no-repeat 0 8px;
	padding: 0 0 0 35px
	}
.aufzaehlung-3 li h3 {margin: 0; padding: 0}



.aufzaehlung {margin: 20px 0 30px 0; padding: 0 0 0 50px}
.aufzaehlung ul {font-size:30px; list-style-type: square;}
.aufzaehlung li {font-size:25px; line-height:22px; padding:7px 0 0 0; margin:0; color: var(--main-ci-color);}
.aufzaehlung li span{font-size:18px; color:#333; line-height:22px;  position:relative; bottom: 4px;}

@media screen and (max-width:1024px){.aufzaehlung {margin: 0; padding: 0 0 0 50px}}


.aufzaehlung-arzt {margin: 10px 0 35px 0; padding: 0 0 0 40px}
.aufzaehlung-arzt ul {font-size:22px; list-style-type: square;}
.aufzaehlung-arzt li {font-size:22px; line-height:22px; padding:7px 0 0 0; margin:0; color: var(--main-ci-color);}
.aufzaehlung-arzt li span{font-size:16px; color:#333; line-height:22px;  position:relative; bottom: 4px;}



/*
@media screen and (max-width:480px){
.aufzaehlung {margin: 20px 0 30px 0; padding: 0 0 0 30px}
.aufzaehlung li {font-size:32px; line-height:22px; padding: 10px 0 0 0; margin:0; }
.aufzaehlung li span{font-size:16px; color:#333; line-height:22px;  position:relative; bottom: 4px;}
}

*/



.praxis-galerie {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 5vw);
    grid-gap: 15px;
}

@media screen and (max-width:740px){

.praxis-galerie {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(12, 5vw);
    grid-gap: 15px;
	}
}



.praxis-galerie-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
	}

.galerie-bild-1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.galerie-bild-2 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}

.galerie-bild-3 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 6;
}

.galerie-bild-4 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 6;
}

.galerie-bild-5 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 9;
}

.galerie-bild-6 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 6;
    grid-row-end: 9;
}

@media screen and (max-width:740px){

.galerie-bild-1 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 5;
}

.galerie-bild-2 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 5;
}


.galerie-bild-3 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 9;
}


.galerie-bild-4 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 5;
    grid-row-end: 9;
}

.galerie-bild-5 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 9;
    grid-row-end: 13;
}

.galerie-bild-6 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 9;
    grid-row-end: 13;
}


}



@media screen and (max-width:1024px){.img-m-right {float: right}}

.vb-bg {background: rgba(187,1,18,0.02);padding: 15px 0}





.grid-2er {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	}
@media screen and (max-width:1024px){
.grid-2er {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
	}
}

.grid-2er > div{
	display: grid;
	align-items: center;
	}

.grid-2er-1 {}
.grid-2er-2 {padding: 25px;}



.grid-2er-innen {
	display: grid;
	grid-template-columns: 350px 350px;
	gap: 15px;
	margin: 0 auto;
	}
@media screen and (max-width:740px){
.grid-2er-innen {
	grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width:375px){
.grid-2er-innen {
	grid-template-columns: 1fr;
	}
}


.grid-2er > div.img-4er {
	grid-template-columns: 350px;
	align-self: center;
justify-self: center;
	}




.set-center {
	align-self: center;
	justify-self: center;
	}

.passt-class div img{
	width: 150px;
	}

.text-grid-left {
	padding: 50px;
	}

.behand-info-feld {
	position: relative;
	}
.behand-info-ueber {
	background: rgba(187,1,18,1);

	}
.behand-info-ueber h3{
	margin: 0;
	padding: 0;
	color: #fff;
	position: absolute;
	bottom: 0;
	background: rgba(187,1,18,1);
	width: 100%;
	text-align: center;
	font-size: 1.25em;
	font-weight: 600;
	height: 30px;
	overflow: hidden;
	transition: all 0.3s ease-out;
	}

.behand-info-feld:hover .behand-info-ueber h3{
	padding: 0 0 25px 0;
	transition: all 0.3s ease-out;
	}

.behand-info-ueber h3 span{
	font-size: 0.85em;
	}




.columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1em;
}


.columns-5er {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1em;
}
@media screen and (max-width: 1400px){.columns-5er {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}}


.card {
padding: 1rem;
border: solid 0px #f90;
}

.card img{justify-content:center; border: soid 1px #f90; border-radius: 50%}

.card img.pic-normal {border-radius: 0}




.icon-rund {
	border: solid 1px #bb0919;
	border-radius: 100%;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding: 5px;
	transition: all .2s ease-in-out;
	z-index: 99999;
	}

.icon-rund img{
		width: 250px;
		height: 250px;
	}
.icon-rund:hover img {
	transition: all .2s ease-in-out;
	transform: scale(1.04);
	overflow: hidden;
	}




#nachoben {
	position: fixed;
	bottom:70px;
	right:20px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: rgba(202,48,12,0.5);
        padding: 0;
        display:none;
        z-index:99999;
        border: solid 1px #fff;
	}

#nachoben span.icon-up-open {
	font-size: 25px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top:16%;
	left: 7%;
	}





.nachoben-neu {
	position: absolute;
	right: 1%;
	top: 0;	
	}

.nachoben-neu span.icon-up-open {
	font-size: 1.35em;
	}

@media screen and (max-width: 1024px){
.nachoben-neu {
	position: absolute;
	right: 1%;
	top: 7px;	
	}

}





.autor {font-size: 10px; color: #ccc; margin: 10px 0 0 0}





.grid-50-left {
	display:grid;
	grid-template-columns: 1fr 1fr;
  grid-template-areas:
  'a b'
  'a b';
	gap: 50px;
	border: solid 0px #f90;
	}

.grid-50-left > div {
	display:grid;
	}


@media screen and (max-width: 1024px){
	.grid-50-left {
		grid-template-columns: 1fr;
		gap: 0;
		}

}


.grid-50-left > div:nth-child(1){
	border: solid 0px #f00;
	grid-area: a;
	}

.grid-50-left > div:nth-child(2){
	border: solid 0px #0f0;
	grid-area: b;
	}



.grid-50-right {
	display:grid;
	grid-template-columns: 1fr 1fr;
  grid-template-areas:
  'b a'
  'b a';
	gap: 20px;
	border: solid 0px #f90;
	}

.grid-50-right > div {
	display:grid;
	}


@media screen and (max-width: 1024px){
	.grid-50-right {
		grid-template-columns: 1fr;
		gap: 0;
		}

}


.grid-50-right > div:nth-child(1){
	border: solid 0px #f00;
	grid-area: a;
	}

.grid-50-right > div:nth-child(2){
	border: solid 0px #0f0;
	grid-area: b;
	}


@media screen and (max-width:1024px){
	.grid-50-right, .grid-50-left {
	display: grid;
	grid-template-areas:
	'a a'
	'b b';
	}
}


.bg-teal-left {
	height: 500px;
	background: #5BBFC7;
	margin: 50px 0 -450px -25vw;
	width: 50vw;
	}

@media screen and (max-width: 960px){
	.bg-teal-left {display: none;
	}

}




.bg-teal-right {
    height: 450px;
    background: #5BBFC7;
    margin: -100px 0 0 0;
    width: 40vw;
    position: absolute;
    right: 0;
    }

@media screen and (max-width: 960px){
	/*
	.bg-teal-right {
		height: 100px;
		background: #5BBFC7;
		margin: -10px 0 0 0;
		width: 40vw;
		position: absolute;
		right: 0;
		}
	*/
	
	.bg-teal-right {
		display: none;
	}



}

.zoben {z-index:9; position: relative}


.auszeichnung-list {
	width: 100%;
    overflow: hidden;
    position: relative;
    border: solid 0px #000;
    }

.auszeichnung-list ul {
	    margin: 0 auto;
	    padding: 0;
	    text-align: center;
    border: solid 0px #f00;
    }


.auszeichnung-list ul li {
	display: inline-block;
	    /* float: left; */
	    font-size: 1.0em;
	    line-height: 1;
	    list-style-type: none;
	    margin: 10px 0;
	    padding: 10px 25px;
    border: solid 0px #f90;
    }

.auszeichnung-list ul li img {width: 220px; height: auto;}
.auszeichnung-list ul li img.breiter {width: 250px; height: auto;}





.jameda-list {
	border: solid 0px #000;
	}

.jameda-list ul {
	margin: 0;
	padding: 0;
	text-align: center;
	border: solid 0px #f00;
	}


.jameda-list ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: solid 0px #f90;
	text-align: left
	}







button.accordion {
	background-color: white;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.2em;
	transition: 0.4s;
	border-bottom:1px solid var(--main-ci-color);;
	}

button.accordion.active, button.accordion:hover {
	background-color: var(--main-ci-color);
	color: #fff;
	}

button.accordion:before {
	font-family: "fontello";
	content: '\f103';
	color: #444;
	font-weight: bold;
	float: left;
	margin-right: 20px;
	}


button.accordion.active:before {
	content: "\f102";
	color: #fff;
	}

div.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	border-left:1px solid rgba(0,155,218,0.3);
	border-right:1px solid rgba(0,155,218,0.3);
	border-bottom:1px solid rgba(0,155,218,0.3);
	}




.panel ul {list-style-type:none;}
.panel ul li {margin: 15px 0;}
.panel ul li ul li {margin: 15px 0 15px 15px;}
.panel a {margin: 5px 0; text-decoration: underline}


.jump {padding: 100px 0 0 0; margin: -75px 0 15px 0;}
@media screen and (max-width:1024px){
.jump {padding: 0; margin: 15px 0 15px 0;}

}



button.accordion-lexi {
	background-color: var(--main-ci-color);
	color: #fff;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.2em;
	transition: 0.4s;
	}

button.accordion-lexi.active, button.accordion-lexi:hover {
	background-color: var(--main-ci-color);
	color: #fff;
	}

button.accordion-lexi:before {
	font-family: "fontello";
	content: '\f103';
	color: #fff;
	font-weight: bold;
	float: left;
	margin-right: 20px;
	}


button.accordion-lexi.active:before {
	content: "\f102";
	color: #fff;
	}



#cookiehinweisCloser img {}
#cookiehinweisCloser img:hover {cursor: pointer}



.fachrichtungen {
	/*background: var(--light-ci-color);*/
	box-shadow: 5px 10px 13px rgba(0,0,0,0.1), 13px 13px 13px #f9f9f9 inset;
	border: solid 0px #fff;
	padding: 15px;
	margin: 0 0 15px 0;
	color: #333;
	border-radius: 5px;
	}

.fachrichtungen h3{
	margin: 10px 0 10px 0;
	color: #444;
	font-weight: 600;
	}



ul.centerUL {
	display: inline-block;
	text-align: left;
	font-size: 1.5em;
	}

ul.centerUL li {
	list-style: none;
	padding: 10px 0 10px 45px;
	background-image: url("../bilderpfad/buttons/aufz-icon-iped.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px;
	}
	
