@font-face {
font-display: swap; font-family: 'Arsenal';
font-style: normal;
font-weight: 400;
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-regular.woff2) format('woff2'), url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Arsenal';
font-style: italic;
font-weight: 400;
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-italic.woff2) format('woff2'), url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-italic.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Arsenal';
font-style: normal;
font-weight: 700;
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-700.woff2) format('woff2'), url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-700.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Arsenal';
font-style: italic;
font-weight: 700;
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-700italic.woff2) format('woff2'), url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Arsenal/arsenal-v12-latin-700italic.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Bitter/bitter-v33-latin-regular.woff2) format('woff2'), url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Bitter/bitter-v33-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Bitter';
font-style: normal;
font-weight: 800;
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Bitter/bitter-v33-latin-800.woff2) format('woff2'), url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Bitter/bitter-v33-latin-800.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Neucha';
font-style: normal;
font-weight: 400;
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Neucha/neucha-v17-latin-regular.woff2) format('woff2'), url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Neucha/neucha-v17-latin-regular.ttf) format('truetype'); }
@font-face {
font-display: swap;
font-family: 'psycho-font';
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Psychofont/psychotherapie-font.eot?84403052);
src: url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Psychofont/psychotherapie-font.eot?84403052#iefix) format('embedded-opentype'),
url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Psychofont/psychotherapie-font.woff2?84403052) format('woff2'),
url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Psychofont/psychotherapie-font.woff?84403052) format('woff'),
url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Psychofont/psychotherapie-font.ttf?84403052) format('truetype'),
url(//www.supervision-wuerflinger.de/wp-content/themes/Divi-Child/Fonts/Psychofont/psychotherapie-font.svg?84403052#psychotherapie-font) format('svg');
font-weight: normal;
font-style: normal;
} :root {
--corporate: #619796;
--corporate2: #427f89;
--corporate3: #437075;
--hintergrund: #E6F1F1;
--kontrast: #000000;
--link: #c56524; --bodytext: clamp(1rem, 0.9400rem + 0.3375vw, 1.3rem);
--subhead: clamp(1.2rem, 1.1280rem + 0.4050vw, 1.56rem);
--h1-text: clamp(2.15rem, 1.6903rem + 2.5858vw, 6rem); 
--h2-text: clamp(1.8rem, 1.6567rem + 0.8060vw, 3rem);
--h3-text: clamp(1.4rem, 1.2328rem + 0.9403vw, 2.8rem);
--h4-text: clamp(1.3rem, 1.2220rem + 0.4387vw, 1.69rem);
} 
.et_pb_text p {
text-align: justify;
text-align-last: none;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
hyphens: auto;
hyphenate-limit-chars: auto 5;
hyphenate-limit-lines: 2;
}
p, ul {font-size: var(--bodytext);} .kleingedruckt p, .kleingedruckt ul  {font-size: calc(var(--bodytext) - 20%); line-height: 1.4}
h1, h2, h3 {font-family: 'Bitter', serif; font-weight: 800}
h1 {
font-size: var(--h1-text);
text-transform: uppercase;
margin: .2em 0 .2em 0;
}
#startseite-sektion h2 {
font-family: 'Arsenal', sans-serif;
font-weight: 400;
font-size: calc(var(--h2-text) - 10%);
text-align: initial;
color: var(--corporate)!important;
padding-bottom: .1em;
margin-bottom: initial;
border-bottom: none; 
}
h2 {
font-size: var(--h2-text);
text-transform: uppercase;
line-height: 1.3em;
}
h3 {
font-family: 'Arsenal', sans-serif;
font-size: var(--h3-text);
font-weight: 400;
color: var(--corporate);
}
h4 {
font-size: var(--h4-text);
font-weight: 700;
line-height: 1.3;
}
.kleingedruckt h4 {
font-size: calc(var(--h4-text) - .3em);
border-bottom: 1px solid;
margin-top: 20px;
margin-bottom: 20px;
}
.kleingedruckt h4:first-child {margin-top: 0} .et_pb_text a[href^="http://"]:not([href*="www.supervision-wuerflinger.de"]):before,
.et_pb_text a[href^="https://"]:not([href*="www.supervision-wuerflinger.de"]):before {
font-family: 'psycho-font';
content: "\61";
display:inline-block;
padding-left:0.2em;
padding-right:0.4em;
vertical-align: 2px;
font-size:0.6em;
} .et_pb_scroll_top.et-pb-icon {
background: var(--corporate3);
-webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.3);
} .et_pb_text p > a:link, .et_pb_text ol > li > a:link, .et_pb_text ul > li > a:link {
text-decoration: underline;
webkit-transition: all 0.3s ease !important;
-moz-transition: all 0.3s ease !important;
-o-transition: all 0.3s ease !important;
-ms-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
}
.et_pb_text a:hover {color: var(--corporate)}     #main-header #top-menu a.ds-menu-active, .et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
color: var(--corporate3) !important;
}
.home-button {display: none!important;}
#top-menu li.current-menu-item > a, #top-menu li.current_page_item > a {color: black!important} .et_menu_container {margin-top: 30px}
.et_header_style_left .logo_container {margin-left: 0px}
#et-top-navigation nav > ul > li > a {padding-bottom: 25px!important}
#et-top-navigation {font-weight: 400} #top-menu li a::before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 40%;
background: var(--corporate3);
height: 2px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#top-menu li a:hover {opacity: 1 !important}
#top-menu li a:hover::before {right: 0}
#top-menu li li a::before {bottom: 10%} .et-fixed-header {
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
}
.et-fixed-header .et_menu_container {margin-top: initial; transition: all 0.3s ease}
.et-fixed-header #top-menu li a::before {background: var(--corporate3)}
.et-fixed-header #top-menu li.current-menu-ancestor > a {color: var(--corporate3)}
.et-fixed-header #top-menu {position:initial}
.et-fixed-header #top-menu li.current-menu-item > a, 
.et-fixed-header #top-menu li.current_page_item > a {color: var(--corporate); transition: all 0.3s ease} .mobile_menu_bar::before {
font-size: 2.5em;
color: var(--kontrast)!important; 
top: 10px
}
.mobile_nav.opened .mobile_menu_bar::before {
font-family:'ETmodules'!important;
content:'\4d';
} .et_mobile_menu {border-width: 0px}
.et_mobile_menu li a {
font-size: initial;
text-decoration: none !important;
}
.et_mobile_menu li a:hover {text-decoration: none} .et_pb_button {
font-size: calc(var(--bodytext) + .1em);
border-radius: 15px / 30px;
-webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
margin-bottom: 2em;
}
.et_pb_button:hover {
border-radius: 15px / 30px!important;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.et_pb_button::after {display: none!important}
.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
padding: .3em 2.2vw !important;
} .inline-btns .et_pb_button_module_wrapper {
display: inline-block;
margin: 0 1.2vw;
}
.inline-btns .et_pb_button_module_wrapper:first-child {margin-left: 0px;}  #startseite-sektion {min-height: 100vh}
.vertical-center {
display: flex; 
flex-direction: column; 
justify-content: center;
}
.subheadline p {
text-align: left;
font-size: var(--subhead);
line-height: 1.4; -webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
} .psychologen-headline em {
font-size: 1.2em
} #erstgespraech p {
font-size: calc(var(--bodytext) + 30%);
line-height: 1.5;
font-weight: 700;
color: white;
}  .dwp-form {
width: 100%;
margin: 0 auto 20px auto;
}
.dwp-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.dwp-form-row .wpcf7-form-control,
.wpcf7-form label {
width: 100%;
}
.dwp-form-column {
flex: 1;
padding: 0.5rem 0;
width: 100%;
}
.dwp-form-column:first-of-type {
padding-left: 0;
}
.dwp-form-column:last-of-type {
padding-right: 0;
} @media only screen and ( min-width: 48em ) { 
.dwp-form-row {
flex-direction: row;
}
.dwp-form-column {
padding: 0.5rem 1rem;
}
} .wpcf7 input::placeholder, .wpcf7 textarea::placeholder {
color: rgba(0,0,0)
}
.wpcf7 input:focus::placeholder, .wpcf7 textarea:focus::placeholder {
color: rgba(0,0,0,0.4);
font-size: 0.8em;
} .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-captchar, .wpcf7 input[type="text"]:focus {
background-color: rgba(0,0,0,0.05);
border: 1px solid var(--corporate);
border-radius: 10px;
font-size: var(--bodytext);
padding: 10px;
}
.wpcf7-not-valid-tip {
font-size: 0.8em;
color: var(--kontrast);
}
.nachricht .wpcf7-textarea {width: 100%!important}
.datenschutz {
line-height: 1.3em;
margin: 14px 0 40px 0;
}
.datenschutz p {
font-size: .9em;
hyphens: none;
}
.datenschutz .wpcf7-list-item {
margin: 0!important;
padding-left: 32px;
}
.datenschutz .wpcf7-not-valid-tip {padding:10px 0 10px 31px;} .wpcf7-submit {
font-size: calc(var(--bodytext) + .2em);
color: #ffffff;
background-color:var(--corporate);
border-width: 0px !important;
border-radius: 15px / 30px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
padding: .3em 1em;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
margin-bottom: 2em;
cursor: pointer;
float:right;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
} .wpcf7 form.sent .wpcf7-response-output {
border: none;
background-color: var(--corporate3);
color: white;
font-size: calc(var(--bodytext) + .2em);
margin: 2.5em 0 0;
padding: 0.5em 1.5em;
}
.wpcf7 form.invalid .wpcf7-response-output {
border: none;
background-color: var(--link);
font-size: calc(var(--bodytext) + .2em);
color: white;
margin: 2.5em 0 0;
padding: 0.5em 1.5em;
} #main-footer {border-top: 1px solid var(--kontrast)}
#footer-widgets .footer-widget:first-child {width: 39%;}
#footer-widgets .footer-widget {width:25%}
#footer-widgets .et_pb_widget {float: none}
#footer-widgets .footer-widget .fwidget {margin-bottom: 0.5em!important}
#footer-widgets .footer-widget p {font-size: calc(var(--bodytext) - 0.2em); line-height: 1.5em}
#footer-widgets .footer-widget h3 {font-size: calc(var(--h3-text) - 0.7em); font-weight:700; line-height: 1.3em; padding-bottom: 0;}
#footer-info a {font-weight: 400; font-size: 90%;} #footer-widgets .wp-block-image img {
padding-bottom: 0px; max-width: 200px;
}
#footer-widgets .footer-widget ul li::before {display: none}
#footer-widgets .footer-widget li {padding-left: 0px}
#main-footer .footer-widget a:hover, #footer-info a:hover {text-decoration: underline;}  #unterseite-startsektion {min-height: 50vh}
#unterseite-startsektion h1 {padding-top:5vh} @media only screen and (max-width: 980px) { .two-columns .et_pb_column:first-child {width: 36%!important; margin-right: 4%!important}
.two-columns .et_pb_column {width: 60%!important;}  .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
-webkit-transition: all 0.7s ease !important;
-moz-transition: all 0.7s ease !important;
-o-transition: all 0.7s ease !important;
-ms-transition: all 0.7s ease !important;
transition: all 0.7s ease !important;
}
.et-fixed-header#main-header {
background-color: rgba(255,255,255,0.8) !important;
} ul#mobile_menu.et_mobile_menu {
background-color: var(--corporate2);
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
background-color: rgba(0,0,0,.1);
opacity: .7;
}
ul#mobile_menu.et_mobile_menu a {
color: white;
font-size:1.2rem;
font-weight: 200;
}
.et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
}
#startseite-sektion {min-height: 70vh}
.inline-btns .et_pb_button_module_wrapper {margin: 0 2vw;} #footer-widgets .footer-widget {width: 100%!important; margin-right:0; text-align: center;}
#footer-widgets .wp-block-image img {max-width: 40%}
#footer-widgets .footer-widget:first-child, #footer-widgets .footer-widget:nth-child(2n) {margin-bottom: 1.4em!important;}
#footer-widgets .footer-widget p {font-size: initial}
#footer-widgets .footer-widget h3 {font-size: calc(var(--h3-text) - 0.4em)}
} @media (max-width: 767px) { .container, .et_pb_row {width: 90%} .two-columns .et_pb_column {width: 100%!important;}
.two-columns .et_pb_column:first-child {margin-right: 0!important}
h2 {
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
hyphens: auto;
hyphenate-limit-chars: auto 5;
hyphenate-limit-lines: 2;
} .et_header_style_left #logo {max-width: 70%}
ul#mobile_menu.et_mobile_menu {background-color: var(--corporate2); top: 102px}
.et_pb_button {margin-bottom: .2em} #footer-widgets .wp-block-image img {max-width: 60%}
}