
h2.grossh1 { font-size: 40px; font-size: 2rem; line-height: 1.3; margin: 3rem 0 1.2rem 0;   /* 2.5rem */} /* 40/16 = 2.5 */ 



/* SLIDERABSTAND PLAZIERT DEN KOPF PRÄZISE ***

.index-slider-abstand {padding: 190px 0 0 0;}
@media screen and (max-width:1400px){.index-slider-abstand {padding: 160px 0 0 0;}}
@media screen and (max-width:1100px){.index-slider-abstand {padding: 150px 0 0 0;}}
@media screen and (max-width:1024px){.index-slider-abstand {padding: 0;}}
*/


/* #####################   ZITATZEILE, die ab und zu eingepflegt wird   ################################################## */

.zitat-ab, .zitat-zeile {background: rgba(58,109,142,0.5); background: rgba(38,148,199,1); padding: 50px 0 25px 0; margin: 50px 0 50px 0; border-top:0px solid #f90;}
.zitat-zeile p {margin: 0}

.zitat-ab .like-h1, .zitat-zeile .like-h1  {font-size: 2.2rem; text-transform: uppercase; letter-spacing: 0.1em; line-height: 120%; line-height: 1.3; font-weight: 300; margin: 0; color: #fff}
.zitat-ab .like-h1 span, .zitat-zeile .like-h1  span{padding:0 0 014 10px; font-size: 1rem; color:#fff; letter-spacing: 0.1em;}

@media screen and (max-width: 960px){
	.zitat-ab .like-h1, .zitat-zeile .like-h1 {font-size: 2rem; margin: 0 0 10px 0;  padding-bottom:20px; margin:0 0 0 20px}
	.zitat-ab, .zitat-zeile {padding: 20px 0 0px 0; margin: 30px 0 30px 0;}
	}

@media screen and (max-width: 650px){
	.zitat-ab .like-h1, .zitat-zeile .like-h1 {font-size: 1.8rem; margin: 0 0 10px 0;  padding-bottom:20px; margin:0 0 0 15px}
	.zitat-ab, .zitat-zeile {padding: 15px 0 0px 0; margin: 20px 0 20px 0}
	}
	
@media screen and (max-width: 480px){
	.zitat-ab .like-h1, .zitat-zeile .like-h1 {font-size: 1.6rem; padding-bottom:20px; margin: 0 0 20px 10px}
	}






.side-bar {background: rgba(128,128,128,0.1); padding: 15px 25px; margin: 20px 0 0 0; border-radius: 2.5px}

.special-1 {font-weight: 400; letter-spacing: 0.25em}
@media screen and (max-width: 480px){.special-1 {font-weight: 400; letter-spacing: 0.25em}}






.land-links {margin: 0 0 15px 0}
.land-links a{font-size: 1.2em; color: rgba(38,148,199,1);}




.side-bar {background: rgba(110,167,176,0.2); padding: 10px; margin: 50px 0 0 0; border-radius: 5px;}
.side-bar h2{margin: 0}
.side-bar h3{color: #4aa1b4; margin: 0; font-size: 19px; font-size: 1.25rem; line-height: 1.1; margin: 0.5rem 0 0.2rem 0;}
.side-bar p{margin: 0; font-size: 14px; font-size: 1rem; line-height: 1.4; margin:0 0 1.2rem 0;}




/* #####################    GRID ############################ */


.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))}}

/* general styling */

.card {
padding: 1rem;
/*background: hsl(var(--clr-green));*/
border: solid 0px #f90;
}

.card img{justify-content:center; border: soid 1px #f90; border-radius: 50%}

.card img.pic-normal {border-radius: 0}



/* #####################    Button Socialmedia, Telefon, Lageplan SEITE ############################ */

.sz-box {border:solid 0px #f90; position: fixed; top: 24%; right: 0; z-index: 999}
.sz-button {width: 50px;
	height: 50px;
	color: #fff;
	font-size: 2em;
	line-height: 50px;
	background: rgba(38,148,199,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}

.ohne-bg {background: none !important;}

.sz-box-r {border:solid 0px #f90; position: absolute; top: -65px; right: 0; z-index: 999}
.sz-button-r {
	width: 120px;
	height: 60px;
	color: #fff;
	font-size: 2.45em;
	line-height: 50px;
	background: var(--main-color);
	text-align: center;
	margin: 0 0 5px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}
.sz-button-r span {position: absolute; left: 0; top: 2px}

.sz-button-r-inner {
	position: relative;
	top: 3px;
	display: inline-block;
	font-size: 16px;
	margin: 0 0 0 45px;
	line-height: 100%;
	text-align:left;
	border: solid 0px #f90;
	}


/* #####################    Button Socialmedia, Telefon, Lageplan UNTER EINER HANDYSEITE ###################### */

.social-link-box-bottom {position: fixed; bottom: 0; height: 50px; width: 100%; background: rgba(38,148,199,1);  z-index: 9999; color: #fff}
.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}



@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 {color: #fff; font-size: 1.85em;}
.social-link-bottom span.icon-phone {color: #fff; 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 {color: #fff; 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 {color: #fff; font-size: 1.5em;}
.social-link-bottom div.imp-link-bottom1 {color: #fff; font-size: 0.85em; font-weight: 600; letter-spacing: -0.11em; position: relative; top:5px}
.social-link-bottom div.imp-link-bottom2 {color: #fff; font-size: 0.85em; font-weight: 600; letter-spacing: -0.11em;position: relative; top: 4px}

}




/* Funktion Testemonials ****/

.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.85); border-radius: 5px;  padding: 20px 100px; position: relative; overflow: visible; border-left: solid 10px rgba(38,148,199,1);}
.bewertung-innen p {font-size: 1rem; font-style: italic; color:#000}

@media screen and (max-width:1024px){
.bewertung {padding: 25px; width: 75%; border: solid 0px #f90;}
.bewertung-innen {padding: 20px;}

}



.gradiant-damon {background: rgb(238,243,246); background: linear-gradient(90deg, rgba(238,243,246,1) 0%, rgba(255,255,255,0) 60%); padding: 50px 0;}
@media screen and (max-width:960px){.gradiant-damon {background: rgb(238,243,246); background: linear-gradient(180deg, rgba(238,243,246,1) 0%, rgba(255,255,255,0) 60%);}}


.damon-ultima-slider-bild {width: 400px; height: auto; border-radius: 10px}

.damon-ultima-slider-text {padding-top: 50px}
@media screen and (max-width:960px){.damon-ultima-slider-text {padding-top: 0}}





.linkzeile > * span{font-size:40px; text-align:center; color: rgba(38,148,199,1);}
.linkzeile > * div{margin:0 auto 0 auto;padding:0;}
@media screen and (max-width:600px){.linkzeile > * div{margin:0 auto 5px auto;padding:0;}}
.linkzeile > * p{margin:0;padding:5px;}
.linkzeile > * a span:hover{color: rgba(38,148,199,1);}



.alinkpfeil {color: #666;}
.alinkpfeil:hover {color: #000;}
.alinkpfeil:before {
	font-family: 'fontello';
	content: '\e845';
	padding: 0 5px 0 0;
	color: rgba(38,148,199,1);
	font-display: swap;
	}


.simple-link {
	color: var(--main-ci-color);
	text-decoration: underline;
	font-size: 1.25rem;
	}

h2.gr { font-size: 3.4rem; margin:0px 0 50px 0;}
@media screen and (max-width:740px){h2.gr { font-size: 2.4rem; margin:0px 0 50px 0;}}


/* #####################   HINTERGRUND BEI SLIDERFULL ########################################## */
.backslider {background: #eee}
.bordersliderpic {border:30px solid #eee}



.back-vfeldbeton {background: #939598}
.back-vabstand {padding: 50px 0 0 0; margin: -280px 0 10px}
@media screen and (max-width:1024px){.back-vabstand {padding: 100px 0 0 0; margin: -200px 0 10px}}
@media screen and (max-width:740px){.back-vabstand {padding: 0 0 0 0; margin: 0 0 10px}}



/* #####################   A N G B O T   ########################################## */

.angebot {background: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 20px 20px 50px;
	-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
}
@media screen and (max-width:1024px){.angebot {margin-botom: 50px; border: solid 1px #ccc}}
@media screen and (max-width:740px){.angebot {padding: 20px 50px 50px;}}

.angebot h2{margin: 0; font-size: 1.5rem }
.angebot h3{margin: 15px 0 0 0; font-size: 1.15rem }
.angebot h4{margin: 15px 0 0 0; font-size: 2rem }


.preis-button {margin: 25px 0 10px 0; background: #00a9ac; border-radius: 5px; padding: 10px; color: #fff }
.preis-button:hover {background: rgba(176,189,175,0.8)}

.preis-buttons-inhalt {}
.preis-buttons-inhalt h2 {margin: 0; font-size: 1.5rem}
.preis-buttons-inhalt h3 {font-size: 1.25rem}
.preis-buttons-inhalt p {font-size: 0.95rem}



/* #####################   Z O O M   ########################################## */

.zoom-kl {transition: transform .2s; height: auto; margin: 0 auto; }
.zoom-kl:hover {transform: scale(1.015);}


.zoom {transition: transform .2s; height: auto; margin: 0 auto; }
.zoom:hover {transform: scale(1.025);}

@media screen and (max-width:740px){.zoom:hover, .zoom-kl:hover {  transform: scale(1);}}

.zoom2 {transition: transform .2s; height: auto; margin: 0 auto;}
.zoom2:hover {transform: scale(1.1);}

/* #####################   F O O T E R B A N N E R   ########################################## */

#footerbanner { margin: 0px auto; padding-top:0px; }
#footerbanner .container{width:100%; position:relative;}
#footerbanner img{position:relative; margin-left:20%;}
#footerbanner .container2{width:50%; height:100%; position:absolute; right:1%; top:10%;}

#footerbanner .cta-button{margin:0 auto;}
#footerbanner h3{color: #666}
#footerbanner h2{font-size: 2.5em; line-height:3.3rem; margin:0 10px }
#footerbanner h3{font-size:1.6em; padding:50px 0 150px 0; text-align:center}
#footerbanner h3 sp{}


@media screen and (max-width:1400px){#footerbanner img{margin-left:100px}}

@media screen and (max-width:1280px){
#footerbanner h2{font-size: 2.2em; line-height:3.0rem; margin:0 10px }
#footerbanner img{margin-left:0px}
}

@media screen and (max-width:1024px){#footerbanner h2{font-size: 2.0em; line-height:2.5rem; margin:0 0 0 20px }}

@media screen and (max-width:960px){
#footerbanner h2{font-size: 1.8em; line-height:2.2rem;}
#footerbanner img{width:60%; margin:0; padding:0}
#footerbanner h3{font-size:1.4em; padding:30px 0 30px 0;}
#footerbanner .cta-button{bottom:20%; left:0%}
}

@media screen and (max-width: 800px){
#footerbanner .container2{width:55%; top:-20px}
#footerbanner h3{ padding:10px 0 60px 0;}
}

@media screen and (max-width:740px){
#footerbanner h2{font-size: 1.4em; line-height:1.8rem; text-align:left;}
#footerbanner .cta-button{left:0%}
}

@media screen and (max-width:650px){
#footerbanner h2{font-size: 1.15em; line-height:1.8rem;}
#footerbanner img{width:55%; margin:0; padding:0}
#footerbanner .cta-button{left:-5%}
#footerbanner h3{ font-size:1.2em; padding:10px 0 10px 0;}
}

@media screen and (max-width:550px){
#footerbanner h2{font-size: 1.4em;}
#footerbanner img{width:55%; margin:0; padding:0}
#footerbanner h3{font-size:1.2em; }
#footerbanner .cta-button{left:-20%}
}

@media screen and (max-width:480px){
#footerbanner h2{font-size: 1.2em; }
#footerbanner h3{font-size:1.1em; padding:10px 0 10px 0;}
#footerbanner .cta-button{left:-20%}
}

@media screen and (max-width:380px){
#footerbanner h2{font-size: .8em; padding-bottom:0px }
#footerbanner h2{font-size: 1em; line-height:20px }
#footerbanner h3{font-size:0.9em;}
#footerbanner h3.klein{font-size:0.8em; padding-top:20px}
#footerbanner .cta-button{left:-70%;}
#footerbanner .container2{width:55%; top:-40px}
}

@media screen and (max-width:340px){#footerbanner h3{font-size:1em}}







/* ######################################################################## */



.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: 120px; height: auto;}
.auszeichnung-list ul li img.breiter {width: 250px; height: auto;}












.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 {
max-width: 100%;
object-fit:cover
}


















/* #####################    C T A    BUTTONS   ######################################################################## */

.cta-button{
	background: rgba(38,148,199,1);;
	font-size: 1.5rem;
	letter-spacing:-0.03em;
	color: #fff;
	width: 340px;
	height: 70px;
	padding: 15px 40px;
	margin: 15px auto;
	text-align: center
	}

.cta-button a:hover{color: #fff;}

/* Innen-Kreis Stil */
.cta-button.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 40px;
    margin: 25px auto 25px auto;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
.cta-button.btn-inline-cirle span {
    padding-left: 35px;
}
.cta-button.btn-inline-cirle:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 2rem;
    background: transparent;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    }






@media screen and (max-width:480px){
.cta-button{
	width: 300px;
	height: 70px;
	padding: 15px 40px;
	margin: 15px auto;
	text-align: center
	}


/* Innen-Kreis Stil */
.cta-button.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 40px;
    margin: 25px auto 25px auto;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
}








.arztsuche-box {
	padding: 0;
	margin: 0 0 100px 0;
	background-color: none;
	}

.arztsuche-box h2{
	margin: 0 0 15px 0;
	}

.arztsuche-plz {
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 1em;
}  

#arztsuche .ym-form input:valid, .ym-form textarea:valid {
	background-color: #fafafa;
	padding: 0.25em;
	}
#arztsuche .ym-form input, .ym-form input, .ym-form select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 70%;
	height: 40px;
	border: 1px solid rgba(0,71,115,0.2);
	background-color: #fafafa;
	padding: 0.25em;
	} 
	
#arztsuche .ym-form input.button {
	background: rgba(38,148,199,1);
	color: #fff;
	font-size: 1.2em;
	line-height: 0.6em;
	padding: 5px 15px;
	margin: 20px 20px 20px 0;
	width: 150px;
	cursor: pointer;
	transition: all 0.3s ease !Important;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: initial;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
	}

#arztsuche .ym-form input.button:hover {
	background: rgba(26, 111, 151, 1);
	color: #fff;
	font-size: 1.2em;
	line-height: 0.6em;
	padding: 5px 15px;
	margin: 20px 20px 20px 0;
	width: 150px;
	cursor: pointer;
	}



#suche-ausgabe ul{
	margin: 10px 0 0 25px;
}


.arztsuche-header-box {
	box-sizing: border-box;
	width: 100%;
	padding: 0.25em 1em;
	margin: 0 0 0.125em 0;
	background-color:  rgba(38,148,199,1);
	border-radius: 0;
	}

.arztsuche-header-box h1 {
	padding: 0;
	margin: 0;
	color: #f2f2f2;
	font-weight: 400;
	font-size: 1.4em;
	}
.arztsuche-header-box h1 span {font-size: 1em}


.arztsuche-content-box {
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em 1.3em;
	margin: 0px 0px 30px 0px;
	background-color: #fff;
	border: solid 1px  rgba(38,148,199,1);
	border-radius: 0;
	}


#suche-ausgabe a {
	color: #444;
	background: transparent;
	text-decoration: none;
	}

#suche-ausgabe a:hover, a:focus {
	color: #0069aa;
	text-decoration: none;
	}


address {
	font-style: normal
	}

#suche-ausgabe span.block {
	display: block;
	padding: 0.5em 2.1em;
	padding: 0.5em 0;
	}

#suche-ausgabe span.block h2, #suche-ausgabe span.block h3, #suche-ausgabe span.block p { 
	color: #0a0a0a;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	}

#suche-ausgabe span.block h2 {
	color: #333;
	}

#suche-ausgabe span.block h3 {
	color: #676767;
	}

#suche-ausgabe span.block p  {
	color: #444444;
	font-size: 1.15em;
	line-height: 1.2em;
	}

#suche-ausgabe .tel {
	color: #444444 !Important;
	}

#suche-ausgabe .icon-web a {  margin-left: 1.4em; }



















/* #####################    LINKS im FOOTER ####################################################### */




.newslink {color: #4aa1b4;}
.newslink:before {
	font-family: 'fontello';
	content: '\e841';
	padding: 0 5px 0 0;
	color: #4aa1b4;
	font-display: swap;
	}


.linkkl {text-align:left;padding: 35px 0 50px 0}
.linkkl .color-fff{color:#fff}

.linkkl h3,.linkkl h4,.linkkl h5{
	font-size: 1.2rem !important;
	color: #fff;
	font-weight:normal;
	margin: 0;
	padding: 0;
	}


.linkkl p {color:#fff000;
	line-height:110%;
	margin-top:8px;
	margin-bottom:1px;
	font-size:1.1rem;
	padding:0px;
	}
.linkkl p.padding-top-10{color:#fff000;
	line-height:110%;
	margin-top:8px;
	margin-bottom:1px;
	font-size:1.1rem;
	padding:10px 0 0 0 ;
	}
	
	
.linkkl a p {color:#fff;
	line-height:115%;
	font-size:0.9rem;
	padding:0px;
	text-decoration:none;
	}

.linkkl .alink {color:#fff;
	line-height:115%;
	font-size:0.9rem;
	margin-top:15px;
	margin-left:0px;
	padding:0;
	text-decoration:none;
	}

.linkkl .alink:hover {
	color:#f90;
	}


.linkkl .telphrase {}
.linkkl .telphrase a{color: #fff;}
.linkkl .telphrase span:before{color: rgba(38,148,199,1);}



/* #####################    TEL PHRASE   ####################################################### */

.telphrase {margin: 0 0 0 -10px}
.telphrase a{color: #000}
.telphrase span:before{color: #000; font-size: 1.4rem}






/* #####################    NACH OBEN HOCHFAHREN SEITE   ####################################################### */

#nachoben {
	position: fixed;
	bottom:70px;
	right:20px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: rgba(38,148,199,0.5);
        padding: 0;
        display:none;
        z-index:100000;
        border: solid 1px #fff;
	}


#nachoben span.icon-up-open {
	font-size: 25px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top: 6px;
	left: 3px;
	}

@media screen and (max-width:740px){
#nachoben {transform: scale(0.85);    bottom: 60px;    right: 0.5%;}
}

/* #####################    HR UND VARIANTEN   ####################################################### */



hr.line-white {border-bottom: 1px #fff solid !important;}


.hr{clear: both;
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	position: relative;
	margin:30px 0;
	float:left;
	}


.hr-inner{
	width:100%;
	position: absolute;
	height:1px;
	left:0;
	top:50%;
	width:100%;
	margin-top:-1px;
	border-top-width:1px;
	border-top-style:solid;
	/*border-top-color: #00a9ac;*/
	border-top-color: #9d9c9c;
	}




.hr-short .icon-kiwitz-nur-logo, .hr-middle .icon-kiwitz-nur-logo, .hr-long .icon-kiwitz-nur-logo{
	display:block;
	position: absolute;
	left: 50%;
	margin-left: 0px;
	margin-top: -31px;
	background-image: url(../bilderpfad/buttons/icon-kiwitz-nur-logo.png);
	border: solid 1px #f90; 
	border-radius: 50%; 
	height: 60px;
	width: 60px; 
	}







/* #####################     TABELLE SPRECHSTUNDEN   ####################################################### */

table{max-width:700px;
	border-collapse:collapse;
	margin: 0;
	color:#333;
	border-bottom:1px #ccc solid}

th,td{line-height:1.5em; vertical-align:top; padding:.7143em .3em}



thead th {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.5rem;
    padding-bottom: 3px;
    font-weight: normal;
    color: #333;
    border-bottom: 2px #000 solid;
    padding: 0 0 10px 0;
}
	
tbody th{text-align:left;border-top:1px solid #ccc;text-align:left}
tbody td{text-align:left;border-top:1px solid #ccc}
.bordertable tbody td{border-right:1px solid #ccc}

.thklein{padding-top:20px; font-size:1.3rem}







/* #####################     TEAMSEITE STYLES   ####################################################### */


.teamstyle h2.bigger {font-size:2.2rem; margin:25px 0 5px 0;}
.teamstyle h2{font-size:1.75rem; margin:25px 0 5px 0;}
.teamstyle p{font-size:1.0rem; 	margin:0px 0 20px 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 20px 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 0 15px 0; overflow: hidden}}


.aufzaehlung-1 {margin: 20px 0 0 0; padding: 0 0 0 50px}
.aufzaehlung-1 ul {font-size:30px; list-style-type: none;}
.aufzaehlung-1 li {background: url(../bilderpfad/buttons/aufz-icon.png) no-repeat 0 16px; padding: 15px 0 0 35px; font-size:32px; line-height:22px; margin: 0; color: #b0bdaf;}
.aufzaehlung-1 li span{font-size:18px; color:#333; line-height:22px;  position:relative; bottom: 4px;}


.aufzaehlung-2 {margin: 20px 0 30px 0; padding: 0 0 0 50px}
.aufzaehlung-2 ul {font-size:30px; list-style-type: square;}
.aufzaehlung-2 li {font-size:32px; line-height:22px; padding:20px 0 0 0; margin:0; color: rgba(38,148,199,1);}
.aufzaehlung-2 li span{font-size:18px; color:#333; line-height:22px;  position:relative; bottom: 4px;}
@media screen and (max-width:480px){
.aufzaehlung-2 {margin: 20px 0 30px 0; padding: 0 0 0 30px}
.aufzaehlung-2 li {font-size:32px; line-height:22px; padding: 10px 0 0 0; margin:0; color: rgba(38,148,199,1);}
.aufzaehlung-2 li span{font-size:16px; color:#333; line-height:22px;  position:relative; bottom: 4px;}
}


.aufzaehlung-3 {margin: 0 0 30px 0; padding: 0 0 0 30px}
.aufzaehlung-3 ul {font-size:30px; list-style-type: square;}
.aufzaehlung-3 li {font-size:32px; line-height:22px; padding:20px 0 0 0; margin:0; color: rgba(38,148,199,1); font-size:18px;}
.aufzaehlung-3 li:first-child {padding:0 0 0 0;}
@media screen and (max-width:480px){
}



.aufzaehlung-4 {margin: 10px 0 10px 0; padding: 0 0 0 50px}
.aufzaehlung-4 ul {font-size:1.45em; list-style-type: square;}
.aufzaehlung-4 li {padding:0 0 0 0; margin:0; color: rgba(38,148,199,1);}
@media screen and (max-width:480px){
.aufzaehlung-4 {margin: 10px 0 30px 0; padding: 0 0 0 30px}
.aufzaehlung-4 li {font-size:1em; line-height:22px; padding: 10px 0 0 0; margin:0; color: rgba(38,148,199,1);}
}

.aufzaehlung-details {margin: 10px 0 0 0; padding: 0 0 0 50px}
.aufzaehlung-details ul {font-size:30px; list-style-type: square;}
.aufzaehlung-details li {font-size:32px; line-height:22px; padding:0; margin:0; color: rgba(38,148,199,1);}
.aufzaehlung-details li span{font-size:18px; color:#333; line-height:22px;  position:relative; bottom: 4px;}
@media screen and (max-width:480px){
.aufzaehlung-details {margin: 20px 0 30px 0; padding: 0 0 0 30px}
.aufzaehlung-details li {font-size:32px; line-height:22px; padding: 10px 0 0 0; margin:0; color: rgba(38,148,199,1);}
.aufzaehlung-details li span{font-size:16px; color:#333; line-height:22px;  position:relative; bottom: 4px;}
}








.ml-button {border: solid 0px #f90;width: max-content;}
.ml-button-innen {border: solid 2px rgba(38,148,199,1); background: #fff; color: #666; padding: 15px 15px 15px 25px; border-radius: 20px; font-size:1.25rem}
.ml-button-innen:hover {border: solid 2px #fff; background: rgba(38,148,199,1); color: #fff;}
@media screen and (max-width:420px){.ml-button-innen {padding: 15px 15px 15px 25px; font-size:1rem}}

.ml-button-center-kl{border: solid 0px #f90;width: max-content; margin: 0 auto;}
.ml-button-center-innen-kl {border: solid 0px #f90; background: #b9a2c5; background: #00a9ac; color: #333; padding: 12px; border-radius: 5px; font-size:1.2rem}






/* #####################     I N F O - F E L D E R  Evt. auch noch nicht gebrauchte, könnte abgespeckt werden ####################################################### */

.info-button {text-align: center; margin: 0 0 -25px 0;}
.info-button .icon-info-circled:before {color: rgba(38,148,199,1);}
.info-button a{color: rgba(38,148,199,1);}
.info-button span {
	font-size: 40px; 
	padding:0 ; 
	margin: 0; 
	background: #fff; 
	border-bottom: solid 1px #999;
	border-radius: 100px;
	}
	
	
.info-feld {display: block;
	height: 100%;
	max-width: 100%;
	border: solid 1px #999;
	border-radius: 5px;
	padding: 20px;
	margin: 0 20px;
	text-align: center;
	font-size: 16px;
	z-index: 900
	}
	
	
.info-feld h4 {font-size: 22px; font-size: 1.30rem; line-height: 1.3; margin: 1.8rem 0 1rem 0;	}
.info-feld p {font-size: 22px; font-size: 1.30rem; line-height: 1.3; margin: 1.8rem 0 1rem 0; padding: 0 18px 0 18px;	}



	
.info-feld-bg-1 {background: rgba(38,148,199,0.3);}
.info-feld-bg-2 {background: transparent;}
.info-feld-bg-3-gruen {background: rgba(205,237,161,0.75);}
.info-feld-bg-4-gold  {background: rgba( 246, 208, 125, 0.75);}
.info-feld-bg-5-goldheller  {background: rgba( 246, 208, 125, 0.50);}




.info-feld a{color: #333;}
.info-feld a:hover{color: #00a9ac}
.info-feld a.button.link:hover {color: #fff} 

.info-feld.border2 {border: solid 2px #997ec1; height:220px;}
.info-feld.termin {padding: 20px 0 0 20px; float:left; background:#FCFCFC url(../bilderpfad/home/hint-terminbuchung.png) top right no-repeat;}
.info-feld.smile {background:#FCFCFC url(../bilderpfad/home/hint-smile-design-neu.png) top right no-repeat;}




/* #####################     I N F O - F E L D E R  alternativ INDEX.php ####################################################### */

.info-feld-index {padding: 10px 25px 50px 25px; border-radius: 5px; background: #d3bc7e;}
.info-feld-index p{font-size: 0.8em;}
.info-feld-index .info_title {color: #fff}
.info-feld-index .unter_title {color: #333; font-size: 1.2em; line-height: 100%; margin-top: 10px}
.info-feld-index h1,.info-feld-index h2,.info-feld-index h3,.info-feld-index h4 {color: #fff}
.info-feld-index table {}
.info-feld-index tbody {}
.info-feld-index tr {}
.info-feld-index td {border-top: solid 1px #fff; font-size: 0.8em}
.info-feld-index td:last-child {border-bottom: solid 1px #fff}




/* #####################     ACCORDION ####################################################### */


button.accordion {
	background-color: #98D1DF;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.25em;
	transition: 0.4s;
}





button.accordion.active, button.accordion:hover {
	background-color: rgba(0, 103, 129, 0.4);
}

button.accordion:before {
	font-family: "fontello";
	content: '\e86f';
	color: #fff;
	float: left;
	margin-right: 20px;
	width: 15px;
	font-display: swap;
}

button.accordion.active:before {
	content: "\e875";
}

div.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

div.panel p {
	font-size: 1em
	}

@media screen and (max-width:960px){button.accordion {font-size: 1em;} div.panel table h4{font-size: 1em} div.panel table td{font-size: 1em}}




button.accordion2 {
	background-color: #98D1DF;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	display: grid;
	grid-template-columns: 25px 1fr;
	font-size: 1.25em;
}

@media screen and (max-width:960px){button.accordion2 {font-size: 1em;}}


button.accordion2 .accordion2-div-1-button {border: solid 0px #f90; display: grid; align-self: center;}
button.accordion2 .accordion2-div-1-button:before {	font-family: "fontello";
	content: '\e86f';
	color: #fff;
	float: left;
	margin-right: 20px;
	font-display: swap;
}
button.accordion2.active .accordion2-div-1-button:before {
	content: "\e875";
}

button.accordion2 .accordion2-div-2-button {border: solid 0px #f90; display: grid;}


div.panel2 {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

div.panel2 p {
	font-size: 1em
	}







/* #####################     VIDEO CONTAINER  ####################################################### */
 
 
 
 
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
 
 
 
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.video-container2 {
	position: relative;
	padding-bottom: 170%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-container2 iframe,
.video-container2 object,
.video-container2 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 600px){

.video-container2 {
	position: relative;
	padding-bottom: 170%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}



.video-container2 iframe,
.video-container2 object,
.video-container2 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

}








.termin {border: solid 1px #333; border-radius: 5px; background: #ffed99; padding: 25px}

.termin ul {margin: 0 0 25px 35px; padding: 0;}
@media screen and (max-width: 740px){.termin ul {margin: 0 0 25px 10px; padding: 0;}
}










.zoom-beitreten-neu {
	background:#06C3FB;
	color: #fff;
	font-size: 1.75rem;
	width: max-content;
	margin: 0 auto;
	border: solid 0px #f90;
	border-radius: 5px;
	color: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0,92,169,0.5);
	}

.zoom-beitreten-neu:hover {
	box-shadow: 0px 2px 10px 0px rgba(0,92,169,1);
	}


.zoom-beitreten-neu a{
	color: #fff;
	text-align: center;
	display: inline-block;
   	padding: 20px 45px;
   	text-decoration: underline;
	}



@media screen and (max-width: 1024px){
.zoom-beitreten-neu a{
	font-size: 1.25rem;
	}

}

@media screen and (max-width: 960px){
.zoom-beitreten-neu{
	margin: 0 auto 25px auto;
	width: 90%;;
	}

}




.zoom-beitreten {margin: 0 auto; border: solid 0px #f90;text-align: center; margin: 45px 0 25px 0}
.zoom-beitreten a{
	background:rgba(38,148,199,1);
	color: #fff;
	font-size: 1.75rem;
	width: 100%;
	margin: 0 auto;
	border: solid 0px #f90;
	text-align: center;
	padding: 20px 45px;
	border-radius: 5px;
	}

@media screen and (max-width: 1024px){
.zoom-beitreten a{
	font-size: 1.25rem;
	width: 100%;
	display:block;
	padding: 20px 0;
	}

}


@media screen and (max-width: 500px){
.zoom-beitreten a{
	font-size: 1.25rem;
	width: 100%;
	display:block;
	padding: 20px 0;
	}

}
@media screen and (max-width: 340px){
.zoom-beitreten a{
	font-size: 1rem;
	}

}



.zoom-beitreten2 {margin: 0 auto; border: solid 0px #f90;text-align: center; margin: 45px 0 25px 0}
.zoom-beitreten2 a{
	background:rgba(38,148,199,1);
	color: #fff;
	font-size: 1.75rem;
	width: fit-content;
	margin: 0 auto;
	border: solid 0px #f90;
	text-align: center;
	padding: 20px 45px;
	border-radius: 5px;
	}

@media screen and (max-width: 960px){
.zoom-beitreten2 a{
	font-size: 1.25rem;
	display:block;
	padding: 20px 45px;
	}

}
@media screen and (max-width: 340px){
.zoom-beitreten2 a{
	font-size: 1rem;
	}

}




.zoom-beitreten-kl {border: solid 0px #f90;text-align: center; margin: 45px 0 25px 0}
.zoom-beitreten-kl a{
	background:rgba(38,148,199,1);
	color: #fff;
	font-size: 1.1rem;
	width: fit-content;
	margin: 0;
	border: solid 0px #f90;
	padding: 20px 45px;
	border-radius: 5px;
	text-align: center;
	}



.zoom-beitreten-kl-2 {border: solid 0px #f90; margin: 45px 0 25px 0}
.zoom-beitreten-kl-2 a{
	background:rgba(38,148,199,1);
	color: #fff;
	font-size: 1.1rem;
	width: fit-content;
	margin: 0;
	border: solid 0px #f90;
	padding: 20px 45px;
	border-radius: 5px;
	text-align: center;
	}










.cd-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	border: solid 0px #f90;
	color: #f90;
	height:136px;
	text-shadow: 1px 1px 2px black;
	}
.cd-grid > div {
	font-size: 5em;
	}
@media screen and (max-width: 740px){
.cd-grid {width: 100%;}
.cd-grid > div {font-size: 3em;}
}
@media screen and (max-width: 450px){
.cd-grid {width: 100%;}
.cd-grid > div {font-size: 2em;}
}
@media screen and (max-width: 320px){
.cd-grid {width: 100%;}
.cd-grid > div {font-size: 1.85em;}
}

.cd-grid-tags {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 100%;
	text-align: center;
	margin: -15px auto 0 auto;
	}
.cd-grid-tags > div {font-size: 1.5em; text-transform: uppercase}

@media screen and (max-width: 740px){
.cd-grid-tags {	margin: -65px auto 0 auto;}
.cd-grid-tags > div {font-size: 1em;}
}
@media screen and (max-width: 450px){
.cd-grid-tags {	margin: -90px auto 0 auto;}
.cd-grid-tags > div {font-size: 0.85em;}
}
@media screen and (max-width: 320px){
.cd-grid-tags {	margin: -95px auto 0 auto;}
.cd-grid-tags > div {font-size: 0.7em;}
}

.zoom-logo {display: inline-block; margin: 0 0 0 25px}
@media screen and (max-width: 620px){.zoom-logo {display: inline-block; margin: 0}}









/* PREMIUM SPONSOREN */

.pre-spons-kl{
	display:none;	
}
.pre-spons{
	box-sizing:border-box;
	background:white;
	position:fixed;
	left:0;
	top:48%;
	width:10%;
	padding-bottom:15px;	
    	border-radius: 0 30px 30px 0;
	border:solid 1px #02a1e5;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,92,169,1);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,92,169,1);
	box-shadow: 0px 2px 10px 0px rgba(0,92,169,1);
}

.pre-spons h3{
	font-size:18px;
	text-align:center;
}

.pre-spons ul{
	list-style:none;
	margin-right:10px;
}

@media(max-width: 1280px) 
{
	.pre-spons{display: none;
		/*
		background:white;
		position:fixed;
		right:0;
		top:25%;
		width:13%;
		padding-bottom:15px;	
		border-radius: 30px 0 0 30px;
		*/
	}

	.pre-spons-kl{
		display: block;	
		margin: 10px 0 0 0;
		overflow: hidden;
		position: relative;
	}
	
	.pre-spons-kl h3{
	font-size:40px;
	text-align:center;
	}
	
	.pre-spons-kl ul{
		list-style:none;
		  margin: 0;
		  padding: 0;
		  text-align: center;
		  border: solid 0px #f00;
	}
	
	.pre-spons-kl ul li{
		display: inline-block;
		font-size: 1.0em;
		line-height: 1;
		list-style-type: none;
		margin: 10px 0px;
		padding: 10px 0px;
		
	}
	
	.pre-spons-kl ul li img{
		width: 80%
	}
}

@media(max-width: 1024px) 
{
	}
}

@media(max-width: 850px) 
{

}

@media(max-width: 640px) 
{	
}

@media(max-width: 430px) 
{	
	.pre-spons-kl h3{
		font-size:25px;
		margin-bottom:15px;
	}
	
}

/* ENDE PREMIUM SPONSOREN */


.color-icon-1 {color: #ef8888!important}
.color-icon-2 {color: #101083!important}
.color-icon-3 {color: #cb7a00!important}
.color-icon-4 {color: #60934b!important}




.adress-feld {}
.adress-feld h2,.adress-feld h2 a{margin: 0; padding: 0;}
.adress-feld h3,.adress-feld h3 a{margin: 0; padding: 0;}
.adress-feld p{}


/* Verwendet in den Gemeinschaftsleiterseiten */
.adress-feld-gstd {}
.adress-feld-gstd h2,.adress-feld-gstd h2 a{margin: 0; padding: 0; font-size: 1.5em;}
.adress-feld-gstd h3,.adress-feld-gstd h3 a{margin: 0; padding: 0;  font-size: 1.3em;}
.adress-feld-gstd h4,.adress-feld-gstd h4 a{margin: 0; padding: 0; margin-top:10px; font-size: 1.1em;}

.adress-feld-gstd p{}


.adress-feld-gstd p:first-child {margin-top: 100px; padding-top: 100px;}
.adress-feld-gstd p:second-child {margin-top: 50px; padding: 0;}




.hint-zitate {
padding: 50px 0;
background-image: url(../bilderpfad/back/blume.jpg);
background-repeat: no-repeat;
background-size: cover;
}




.antifarbe1 {color: #ff0000}
.antifarbe2 {color: #00ff00} 
.antifarbe3 {color: #0000ff}	





.pay-button-kl {width: 300px;}

@media screen and (max-width: 1280px){.pay-button-kl {width: 250px;}}
@media screen and (max-width: 740px){.pay-button-kl {width: 220px;}}

.pay-button-seite {width: 350px;}

@media screen and (max-width: 740px){.pay-button-seite {width: 300px;}}


/*
.spenden-button {width: 300px}
.spenden-button {text-align: center}
.spenden-button a{background: #6dc96d; padding: 10px 20px; border-radius: 15px; font-size: 1.5em; margin: 0 auto;}



@media screen and (max-width:1024px){.spenden-button {margin: 0 0 35px 0}}


@media screen and (max-width:340px){.spenden-button a{background: #6dc96d; padding: 10px 60px; border-radius: 15px; font-size: 1.1em; margin: 0 auto;}}

.spenden-button a:hover{color: #fff !important}

.spenden-button a span { color: #f00; font-size: 2em; top: 6px; position: relative;}

*/

@media screen and (max-width: 740px){

.nl-kleiner {max-width: 280px;}
}

@media screen and (max-width: 340px){

.nl-kleiner {max-width: 280px;}
}













/* GEMIENDE FINDEN */

.stellenangebot-liste {
	border: solid 0px #f90;
	display: grid;
	/*grid-template-columns: 10% 40% 25% repeat(2, 12.5%);*/
	grid-template-columns: 50% 25% 10% 15%;
	grid-template-rows: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 0px;
	padding: 15px 10px;
	border: solid 1px rgba(128,128,128,0.2)
	}
.stellenangebot-liste:first-child {border-radius: 5px;}

/*
@media screen and (max-width:780px){
.stellenangebot-liste {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.div1 { grid-area: 1 / 1 / 2 / 2; margin: 0 0 10px 0;}
.div2 { grid-area: 1 / 2 / 2 / 4; }
.div3 { grid-area: 2 / 1 / 3 / 4; }
.div4 { grid-area: 3 / 1 / 4 / 2; }
.div5 { grid-area: 5; }

}
*/

@media screen and (max-width:780px){

.stellenangebot-liste {
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-column-gap: 5px;
grid-row-gap: 5px;
}

.div1 { grid-area: 1; margin: 0 0 10px 0;}
.div2 { grid-area: 2; margin: 0 0 10px 0;}
.div3 { grid-area: 3; margin: 0 0 10px 0;}
.div4 { grid-area: 4; margin: 0 0 10px 0;}
.div5 { grid-area: 5; margin: 0 0 10px 0;}

}




.datum-div {font-size: 0.85em}
.titel-div {font-weight: 600; color: #006781}
.firma-div {}
@media screen and (max-width:780px){.firma-div {margin: 10px 0 0 0} }
.einstieg-div {}
.city-div {text-align: right;}
@media screen and (max-width:780px){.city-div {text-align: left;} }

.stellenangebot-liste > div {border: solid 0px #000; padding: 0 5px}
/*.stellenangebot-liste div:last-child {text-align: right}*/

.stellenangebot-liste-bg {background: rgba(0, 103, 129, 0.05);}





.stelle-h2 {font-size: 2.5em; font-weight: 400; margin: 0 0 50px 0}
.stelle-einzel-h2 {margin: 0; color: #006781; font-weight: 600}

.stelle-einzel {
	background:  rgba(0, 103, 129, 0.05);
	border-radius: 5px;
	min-height: 150px;
	width: 100%;
	}

.stelle-einzel-innen {
	padding: 25px;
	}

.stelle-einzel-grid {
	display: grid;
	grid-template-columns: 40% 60%;
	margin: 20px 0;
	border: solid 0px #f90;
	}
	
@media screen and (max-width:780px){.stelle-einzel-grid {display: grid;grid-template-columns: repeat(1, 1fr);}}



.stelle-eintragen-h2 {margin: 0; color: #2694c7; font-weight: 600}

.stelle-eintragen {
	background:  rgba(0, 103, 129, 0.05);
	border-radius: 5px;
	min-height: 150px;
	width: 100%;
	}

.stelle-eintragen-innen {
	padding: 25px;
	}



.uber-radio {
	padding: 25px 25px 0 25px;
	}
	
.uber-radio p {
	padding: 0;
	}

.stelle-eintragen-radio {
	padding: 0 25px 0 25px;
	}

.stelle-eintragen-radio-einzel {
	display: inline;
}
@media screen and (max-width:960px){
.stelle-eintragen-radio-einzel {
	display: block;
}

}

.stelle-eintragen-radio label{
	border: solid 0px #f90;
	margin: 0 25px 0 0;
	font-size: 1.1em;
	}

.stelle-eintragen-grid {
	display: grid;
	grid-template-columns: 35% 65%;
	margin: 20px 0;
	border: solid 0px #f90;
	}
	
@media screen and (max-width:780px){.stelle-eintragen-grid {display: grid;grid-template-columns: repeat(1, 1fr);}}


.stelle-eintragen input[type=text], .stelle-eintragen textarea{
	width: 100%;
	border-radius: 5px;
	border: solid 1px #ccc;
	padding: 5px 0 5px 5px;
	font-size: 1.25em;
	}

::placeholder {color: #e1e1e1;}



input[type=submit] {
	color: #fff;
	background: #2694c7;
	width: fit-content;
	border: none;
	padding: 15px 40px;
	margin: 10px auto;
	}

input[type=submit]:hover {
	cursor: pointer;
	}



.pflichtfeld {color: #b70000;}


