/* CSS schwabach-kinerarzt.de (c) 2022 Ulf Jenninger Grafikdesign Leipzig  */
body {font-family: "Mulish", "Arial", "sans-serif"; }
body{font-size: 14px;}
html, body {height: 100%;}

/* Hintergrundfarben */
.pinkbg {background-color: #fa2e90;}
.dblbg {background-color: #2e3990;}
.hblbg {background-color: #00afd0;}
.orgbg {background-color: #fff;}/* Wird ab medium #e5a58c */
.pinkbg {background-color: #fa2e90;}

/* Schriftfarben */
.pinktx {color: #fa2e90;}
.dbltx {color: #2e3990;}
.hbltx {color: #00afd0;}
.whitx {color: #fff;}
.green {color: #1EC600;}

/* Layoutbereiche */
.headbox {height: 120px;}
.navi {height: 50px;}
.content {min-height: 300px;}


/* Navigation */
.navibg {background-color: #fff;}
.navi a {color: #fff; font-size: 1.4em; font-weight: 600;}
ul.menu {margin: 0 auto;}
.mobilmenu{padding-left: 2em;}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border: none;}

/* Head */
.headtitel, .headtel {font-size: 1.3rem; line-height: 105%; margin-top: 10px;}
.headtel {font-family: 'Mulish-ExtraBold'; font-weight: 900;}
a.terminbtn-1, a.terminbtn-2, a.terminbtn-3{background-color: #2e3990; color: #fff; font-weight: bold; font-size: 1.4em; }
a.terminbtn-1 {border-top-left-radius: 20px;}
a.terminbtn-2{border-top-left-radius: 20px;; border-bottom-right-radius: 20px; margin:2em 0 3em 0;}
a:hover.terminbtn-1, a:hover.terminbtn-2{color: #fff;}

/* Headlines */
h1 {font-size: 2.2em; color: #fa2e90; font-weight: 900; margin: 0.6em 0;}
h2 {font-size: 1.8em; color: #fa2e90; font-weight: 900; margin: 1.2em 0 0.7em 0;}
h3 {font-size: 1.2em; color: #2e3990; font-weight: 600; margin: 0.8em 0 0.4em 0;}
h4 {font-size: 1em; color: #2e3990; font-weight: 600; margin: 0.8em 0 0.4em 0;}

/* Slider */
.orbit-previous, .orbit-next{color: #fa2e90}

/* Content */
.bigtext{font-size: 15px}
.normtext{font-size: 15px;}
.accordion-title{font-size: 1.2em; font-weight: 600; color: #2e3990;}
.accordion-title a{color: #2e3990;}
table, tbody, tr, td{border: none;}
.teambox {padding: 8px;  background-color: #d7ecef; border: 2px solid #fff;}
.teambox h4{margin: 0 0 0.2em 0;}
p.funktion {height: 2.8em;}

/* Footer */
.footer {min-height: 200px; padding: 1.5em 0; margin-top: 1.5em; }
.footer h3 {color: #fff; font-weight: bold; font-size: 20px;}
.footer a {color: #fff; }

/* medium */
@media print, screen and (min-width: 40em) {
body{font-size: 16px;}
/* Headlines */
h1 {font-size: 2.5em;margin: 1em 0 0.4em 0;}
h2 {font-size: 2em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.2em;}
	
 .navibg {background-color: #fa2e90;}
 ul.menu li{padding-top: 5px;}
.orgbg {background-color: #e5a58c;}
 a.terminbtn-1, a.terminbtn-2, a.terminbtn-3{font-size: 1.2em; height: 50px;}
 a.terminbtn-1{margin-top: 30px;} */

/* Content */
.bigtext{font-size: 19px;}
.normtext{font-size: 16px;}
.accordion-title{font-size: 1.2em; font-weight: 600; color: #2e3990;}
}

/* Cookiebanner */
#cookiepopup {text-align: center; background-color: #2e3990; color: #fff; position: fixed; bottom: 0; z-index: 9999; font-size:14px; line-height:20px; padding: 20px; width: 100%;}

#cookiepopup.hidden {display: none;}

.sticky-footer-css {
  height: 100vh;
  display: flex;
}

.sticky-footer-css-body {
  overflow: auto;
}


/* Das unsichtbare Overlay */
.overlay {
    display: none; /* Startet unsichtbar */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Halbtransparentes Schwarz */
    z-index: 1000; /* Über allen anderen Inhalten */
}

/* Zentrierter Inhalt innerhalb des Overlays */
.overlay-content {
    position: relative;
    margin: 10% auto; /* Zentriert es vertikal mit 10% Abstand oben */
    padding: 20px;
    width: 90%;
    max-width: 1000px; /* Maximalbreite des Iframes */
    background-color: white;
    border-radius: 10px;
    text-align: center;
}

/* Schließen-Button */
.close-overlay {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
}

.close-overlay:hover,
.close-overlay:focus {
    color: black;
}