a:active, a:hover { color: #ee92af}
.col-md-12 h2 { font-size: 20px; line-height: 29px; color: #999}
#ErgoDiv #appointmentTypeSelect {max-width:300px;margin:0 auto !important;}
#ErgoDiv .col-md-6 {width:100% !important;}
footer .col-md-3+.col-md-3 p { margin-bottom:0 }
footer td:first-child { padding-right:10px}
footer>div>div.container * {font-size: 14px !important; line-height: 22px !important;}
.btn.onlinetermin, .startintro form .btn {font-size:18px !important;padding:12px !important;color:white !important;margin-left: 14px;}
#yform-formular-anrede select, #yform-formular-patient select {margin-top: 24px !important;padding:8px;}
#yform-formular-anrede select, #yform-formular-anrede option, #yform-formular-patient select, #yform-formular-patient option {background-color:white; font-family:Ubuntu-Light !important;}
#telmail { position: absolute; top: 0; background-color: transparent; width: 100%; text-align: center}
#telmail a { line-height:28px}
#telmail a+a { margin-left: 20px }
.telefon i, .termin i, .mails i, .insta i, .whats i {font-size: 16px; vertical-align: middle; position: relative; top: -1px; color: #3c3c3b}
.insta i, .whats i {font-size: 22px;}
.mails:hover, .telefon:hover, .termin:hover, .insta:hover, .whats:hover {background: #ebf6f6}
.mails:hover i, .telefon:hover i, .termin:hover i, .insta:hover i, .whats:hover i {color: #fff}
.mails a, .telefon a, .termin a, .insta a, .whats a { color: #232323; font-size: 10px; text-transform: uppercase; padding:6px 10px; display: block; text-decoration: none; font-weight: 500 }
.insta a, .whats a { padding: 6px 8px}
.telefon {
	top: 20px;
	right: 0;	
	z-index: 9999;
	display: none;
	position: fixed;
}

.mails {
	top: 60px;
	right: 0;
	z-index: 9999;
	display: none;
	position: fixed;
}

.termin {
	top: 100px;
	right: 0;
	z-index: 9999;	
}
.insta {
	top: 140px;
	right: 0;
	z-index: 9999;
	position:fixed;	
}
.whats {
	top: 180px;
	right: 0;
	z-index: 9999;	
	position:fixed;
	display: none;
}

.mails, .telefon, .termin, .insta, .whats {
	background-color: #ebf6f6;
	padding: 0;
}

.mails a:hover, .telefon a:hover, .termin a:hover, .insta a:hover, .whats a:hover {
	color: #fff;
	background-color: #000000;
}

/* Service-Seite */
/* list style 4 */
.list-style-4 { list-style: none; margin: 36px 0 0 0; padding: 0;}
.list-style-4 li { position: relative; padding: 0 0 10px 22px; margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-4 li:before { content: "\f00c"; position: absolute; top: 1px; left: 0; font-family: Font Awesome\ 5 Free; font-weight: 900; }
.list-style-4 li {border-color: #ededed;}
.list-style-4 li:before {color: #ee92af;}

body { background-color:#ffffff !important;}
.bg-white {background-color:white !important;}
.box-shadow-light {box-shadow: 0 0 3px rgba(0,0,0,.1);}
header + img#heroservice {display:block;}
#heroicon {text-align:right;position:relative; z-index: 100001;right:5%;}
#heroicon img {width: 250px;height:250px;}
.panel {margin-bottom: 0;border-bottom:1px solid #ededed;}
.accordion-style1 .panel-title {font-size: 17px !important;font-weight: bold;}
.no-paddingbottom {padding-bottom: 0 !important;}
.padding-fourteen-all {padding: 14%;}
.margin-half-all {margin:.5%;}
.panel-body {padding-left: 0;}
@media (min-width: 1024px) {
.service {min-height:80vH;}
}
.service h1 { color: #ffffff; font-size: 70px !important; line-height: 1.2em !important; margin-top: 30px;}
.service #line {width:calc((100% - 1210px) / 2);border-bottom:4px solid white;position:absolute;z-index:10000;margin:70px 0 0 20px;}
.servicedrittezeile { background-color: #f7f7f7 !important;margin-top: 80px;}
.servicedrittezeile .container {margin-top: 80px;padding: 0 0 80px;}
.servicedrittezeile+section {padding-top: 100px;}
.servicedrittezeile h2 {margin-bottom: 36px;}
.servicedrittezeile ul {text-align: left;margin: 12px 0 0 -36px;}
.servicedrittezeile ul li {list-style-type:none; padding-left: 30px; border-left: 1px solid #ee92af;}
.serviceviertezeile div div {border:1px solid #ededed;}
.serviceviertezeile div div {border-right-style:none;padding:30px 20px;min-height: 350px;width: 100%;}
.serviceviertezeile h3 {color:#ee92af !important;}
.servicefuenftezeile h2 {font-size:24px;line-height:32px;font-weight:400;}
.servicefuenftezeile div.col-md-6 {padding-right: 60px;}
.servicefuenftezeile img {margin-bottom: 20px;}
.servicefuenftezeile .randunten {padding-bottom: 100px;}
.servicesechstezeile {padding-top: 80px;padding-bottom: 80px !important;}
.serviceletztezeile { background-color: #f7f7f7 !important;padding-top: 80px !important;margin-bottom: 60px;}
.serviceletztezeile .col-md-4 div {min-height: 465px;}
.serviceletztezeile .col-md-4 div img {max-width: 40px !important;margin-bottom: 35px;}
.servicelist {padding-left: 10%;}
.servicerandunten {padding-bottom: 40px;margin-bottom: 60px; border-bottom: 1px solid #ededed;}

/* Ende Service-Seite */

.rahmenstart form .btn { margin-bottom: 30px}
#start form .btn:hover { opacity:.8 !important;}

.startleistungen { margin-bottom: 80px !important;}
.startleistungen div { text-align:center }
.startleistungen img { margin-bottom: 20px}
.startteam div { margin-top: 40px}
.startteam div:last-child { display: none !important; }

.testimonial, .textunten { padding-top: 30px !important; }
.testimonial p:first-child:before {
	content: "\f10e ";
	font-size: 24px;
	margin-left: -36px;
	padding-right: 12px;
}

.testimonial p:first-child:after {
	content: "\f10d";
	font-size: 24px;
	float: right;
}

.starten .testimonial p:first-child:before {
	content: "\f10d ";
}	

.startleistungen a {text-transform: uppercase}

.testimonial strong { font-family: Ubuntu-Light !important; font-size: 24px !important; line-height: 32px !important;}

@media (max-width: 640px) {
	.rahmenstart .container { padding-top: 160px !important;}
	.telefon { top: 300px}
	.mails { top: 340px}
	.insta { top: 380px}
	.whats { top: 420px}
	.telefon,.mails,.whats { display: block}
	.mails, .telefon, .insta, .whats { right: 20px;}
	.startleistungen div a { font-size:18px }
	.startpraxis .col-md-6+.col-md-6+.col-md-6 { display: none !important;}
	.startteam div { display: none}
	.startteam div:last-child { display: block !important;}
	.team2 .col-md-3 { min-height: auto}
	#telmail,.termin { display: none}
	.testimonial { margin-left: 20px}
}
@media (max-width: 460px) {
	#heroicon img {width: 100px;height: 100px;}
.service h1 { font-size: 32px !important; line-height: 1.2em !important; margin-top: 0px;}
}