/*
Theme Name: DiviChild by plan IT
Theme URI: http://elegantthemes.com
Description: A Child Theme built for Divi
Author: plan IT
Author URI: https://www.planit-online.de
Template: Divi
Version: 1.0.0
*/



/*Schriften lokal*/
@import "../../uploads/theme/fonts/fonts.css";


body, p, a, h1, h2, h3, h4, h5, span, input, select, textarea, label {
    font-family: 'Raleway', "Open Sans", Arial, sans-serif !important;
}

/* Zusätzliches CSS hinter dem abschließenden Schrägstrich einfügen
------------------------------------------------------------------- */
div#kopfbereich {min-height: 228px;
	-webkit-box-shadow: -1px -2px 24px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: -1px -2px 24px 0px rgba(0,0,0,0.35);
    box-shadow: -1px -2px 24px 0px rgba(0,0,0,0.35);
display: flex; justify-content: center; align-items: center; text-align:center;
    z-index: 1;
    overflow-y: hidden;}



div#kopfbereich:after {content: url("../../uploads/2017/11/water.png"); position: absolute;
    top: 80px;
    right: 0;}



@media (max-width: 767px){
	div#kopfbereich:after {top: 0;}
}

div#kopfbereich h1 {font-size: 50px;
	 font-size: 2.75vw;
    line-height: 22px;
    font-weight: 600;
    color: rgb(134, 0, 2);
    letter-spacing: 0px;
	font-family: "Open Sans", Arial, sans-serif;}

@media (max-width: 980px){
div#kopfbereich h1 {font-size: 38px;}
}

span.klein {color: #666;
    font-size: 80%;
    font-weight: 500;}

.bildquellenangabe {font-weight: 100; font-size: 50%; color: #bbb; margin-top: -10px;}


@media (max-width: 1110px) and (min-width:981px){

#top-menu li {    padding-right: 10px;}

#top-menu li a { font-size: 14.5px !important;}
}

body, p, a, h1, h2, h3, h4, h5 {font-family: 'Raleway', "Open Sans", Arial, sans-serif;}


p > span {line-height: 1.8em; font-weight: 500; -webkit-font-smoothing: antialiased;}

div.et_pb_section_parallax p, div.et_pb_section_parallax span, div.et_pb_section_parallax a {font-weight: 600;}

.startleistung p {width: calc(100% - 15px) !important;}

.et_pb_section .et_pb_button {
	background-color: rgba(255, 255, 255, 0.5)}

.et_pb_section .et_pb_button:hover {border: 2px solid #830000 !important;}

footer .et_pb_button:after {top: -1.5px;}

/* Coronahinweis */

/*body.home #anmeldung-all-on-4 form::before {
	content:"Alle Veranstaltungen finden unter Einhaltung der aktuellen Coronaverordnung statt.";
	background-color:#8e3318;
	color: #fff;
	padding: 5px 10px;
	display: block;
}*/




@media (max-width: 768px) {
#oeffnunsvzeiten {
	    top: 90px !important;
}
}



div.urlaub{color: #8d3015;
    background: #fff;
    padding: 5px 25px;
    border: 0.5px solid #8d3015;
    border-radius: 0 0 4px 4px;
    font-weight: 700;
    text-align: center;
	position: absolute;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	left: auto;
width:100%;}

.home div.urlaub {
        right: auto;
left: auto;}

@media (max-width: 1175px){
	div.urlaub {display: none;}
}

@media (max-width: 980px){
	.home div.urlaub {display: block;}
}


div.urlaub .geschlossen{background: #8d3015;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;}


.et_pb_section.et_pb_section_3.et_section_regular {
    z-index: 1;
}

ol.lana-breadcrumb {padding-left: 18px;}


/*Menüpunkt Veranstaltung*/
ul#top-menu li.veranstaltung > a,
.et-fixed-header #top-menu li.current-menu-ancestor.veranstaltung>a, .et-fixed-header #top-menu li.current-menu-item.veranstaltung>a
{color: rgba(0, 0, 0, 0.6) !important;}




@media (max-width: 1295px) AND (min-width: 981px) {
	#top-menu-nav {float: right !important; max-width: calc(100% - 100px);}
	#top-menu.nav > li > a {padding-bottom: 15px !important;}

	
}

@media (max-width: 890px) {
	
	div#\32 ndheader.desktop_header .et_pb_text_inner > p:last-child {font-size: 12px !important;}
		
	
}


@media (width: 768px) {
	
	#oeffnunsvzeiten	{transform: scale(.875);
    transform-origin: left top;}
	
}


/*Siegel*/
.siegel {width: 660px;}
.top10 {
    margin-top: 12px !important;
    margin-left: 0 !important;
}

@media (min-width: 768px){
.siegel {position: absolute;
top: 0;
left: 0;
margin-top: -15px;}
}

@media (min-width: 981px){
body:not(.home) div#\32 ndheader .siegel {
    top: 45px;
    right: -305px;
	left: unset;
	transform-origin: top right;
    transform: scale(.75);}
	
}


.siegel > div {float: left;}

hr.floatstopp {
    float: none;
    clear: both;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}


.siegel img.focus {    width: 95px;
    margin-left: 15px;
    margin-top: 15px;}


@media (max-width: 980px) and (min-width: 767px){
div#\32 ndheader > div > div.et-last-child {display: contents;}
.siegel {
left: unset;
right: 0;}

.siegel {transform-origin: top right;
    transform: scale(.7)}

}

@media (max-width: 887px) and (min-width: 767px){
.siegel {   transform: scale(.525) translate(0px, 0px); width: 660px;}	
	
	
}

@media (max-width: 767px){
	
	.siegel > a {width: fit-content; float: left;}
	
body.home div#\32 ndheader.desktop_header {
    display: block!important;
}

body.home div#\32 ndheader.desktop_header > div * {
    display: none;
}
	
div#\32 ndheader.desktop_header	.et_pb_row > .et_pb_css_mix_blend_mode_passthrough > .et_pb_code_0 > .et_pb_code_inner > .siegel, div#\32 ndheader.desktop_header	.et_pb_row > .et_pb_css_mix_blend_mode_passthrough > .et_pb_code_0 > .et_pb_code_inner, div#\32 ndheader.desktop_header	.et_pb_row > .et_pb_css_mix_blend_mode_passthrough > .et_pb_code_0, div#\32 ndheader.desktop_header	.et_pb_row > .et_pb_css_mix_blend_mode_passthrough, div#\32 ndheader.desktop_header	.et_pb_row, div#\32 ndheader.desktop_header, div#\32 ndheader.desktop_header	.et_pb_row > .et_pb_css_mix_blend_mode_passthrough > .et_pb_code_0 > .et_pb_code_inner > .siegel * {display: block;}
	
	
	
}

@media (max-width: 767px){
.siegel {
width: 655px; /* Breite aller Siegel nebeneinander, damit es nicht umbricht*/
    transform: scale(.5);
    transform-origin: left top;
	left: 50%;
    position: absolute;
    margin-left: -163.75px;} /*Breite s.o. geteilt durch vier*/
	
	div#\32 ndheader.desktop_header > div > div {max-height: 65px;}
	
	
	div#\32 ndheader.desktop_header > div {padding-top: 0;}
	.siegel .top10 br {display: none !important;}
}


div#\32 ndheader .kopfbereich > .et-last-child {margin-top: -10px;}
div#\32 ndheader .kopfbereich > .et-last-child > div:first-child {margin-bottom: 10px !important;}


@media (max-width: 980px) and (min-width: 768px) {
	div#\32 ndheader .oeffnung-head {margin-bottom: 40px;}
	
	div#\32 ndheader .kopfbereich > div:first-child {margin-bottom: 0px;}
	
}

div#\32 ndheader a {color: #fff;}

/* Slider mobil fix*/
@media (max-width: 479px){
rs-slide rs-sbg-wrap > rs-sbg {background: none !important;}	
		
}

/* Spritzer in Headergrafik auf Desktop ausblenden*/
@media (min-width: 981px) {
body:not(.home) rs-mask-wrap > rs-layer > img {display: none !important;}
}

/* Siegel im Footer*/
#main-footer .siegel {
position: relative;
    width: 544px;
    transform: scale(.75);
	transform-origin: top left;
margin-top: 0px;}

#main-footer .siegel .note1 {
	margin-left: 0 !important;}



@media (max-width: 767px){
	#main-footer .siegel {left: 136px;}	
		
}

@media (max-width: 475px){
	#main-footer .siegel {transform: scale(.5);}	
		
}

@media (max-width: 1450px) and (min-width: 981px){
	#main-footer .siegel {transform: scale(.475);}
	
}


@media (max-width: 860px) and (min-width: 768px){
	#main-footer .siegel {transform: scale(.66);}
	
}



#main-footer .footer-widget.last > div:first-child {margin-bottom: -25px !important;}





/* Top 10 ohne Script*/
#main-footer .siegel .top10:after {content: url(https://www.praxisklinik-bartsch.de/wp-content/uploads/theme/jameda/top10.gif); display: block;
    margin: 15px 27px;
}




body {
border-bottom-color: #171717 !important;
}

/* Kleingedrucktes im Formular*/
.formular-check {font-size: 14px; padding-left: 34px;}

/* Downloadbereich*/
ul.filelist {list-style: none; padding: 0;}
ul.filelist > li {margin-bottom: 10px;}
ul.filelist > li.file-pdf > a {background-image: url(/wp-content/uploads/theme/icon-pdf-rot.svg); background-repeat: no-repeat; background-position: left center; background-size: auto 32px; padding: 7px 0 7px 32px;}

/* RS-Slider*/

#main-content rs-slide .et_pb_button, rs-slide .et_pb_button:hover {color: #830000!important; border: 2px solid #830000 !important; font-weight: 700;}
#main-content rs-slide .et_pb_button:after {position: relative; top: 5px;}

.et_pb_section {z-index: 1;}
.siegel, div#\32 ndheader {z-index: 2;}


/* Auswahlboxen Label*/
.mdc-select--box label {left: 16px; right: initial; top: 21px;transform: translateY(-70%) scale(.75);}

/* Slider mobil*/
@media (max-width: 479px) and (orientation: portrait) {
rs-sbg-wrap > rs-sbg {opacity: 0;}
}

/* Anpassung durch Schriften lokal einbinden*/
.et_pb_scroll_top:before {
    content: '⇪';
}


/* Dreispaltiger Footer*/
#footer-widgets > .footer-widget:nth-child(4) {display: none;}

@media (min-width: 981px){
#footer-widgets > .footer-widget {width: 26%;}
#footer-widgets > .footer-widget:nth-child(4) {display: block; width: 100%;}
}



/* Siegel 2023   --->   Abschnitt nun im Feld "Eigenes CSS" in den Theme-Optionen */


/* Footer dunkel*/

#main-footer {
	background-color: #ccc;}

#main-footer *, #main-footer h2.title, #main-footer h3.title, #main-footer h4.title, #main-footer h5.title {
	color: #000 !important;}


@media (max-width: 730px){

.nur-desktop {display: none;}

}

@media (min-width: 731px){

.nur-mobil {display: none;}

}

/* Verhalten Logo bei mehr Menüpunkten*/
@media (max-width:1329px) AND (min-width:1296px) {
#logo {max-height: unset;
    max-width: 180px;}
}

/* Formular Button*/
#cf7md-form button.wpcf7-submit
	{height: auto;
    line-height: 1.2;
    padding: 10px}

#cf7md-form .mdc-select__native-control, #cf7md-form .mdc-select__selected-text {
  text-indent: 0px;
}