@font-face {
font-display: swap;
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/noto-sans-v28-latin-regular.woff2) format('woff2'),
url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/noto-sans-v28-latin-regular.woff) format('woff');
} @font-face {
font-display: swap;
font-family: 'Noto Sans';
font-style: normal;
font-weight: 600;
src: url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/noto-sans-v28-latin-600.woff2) format('woff2'),
url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/noto-sans-v28-latin-600.woff) format('woff');
} @font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/titillium-web-v17-latin-regular.woff2) format('woff2'),
url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/titillium-web-v17-latin-regular.ttf) format('truetype');
} @font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
src: url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/titillium-web-v17-latin-600.woff2) format('woff2'),
url(//www.oralchirurgie-loehrcenter.de/wp-content/themes/Zahnarzt-Hanifi-child/webfonts/titillium-web-v17-latin-600.ttf) format('truetype');
} * {
margin: 0;
padding: 0;
}
:root {
--darkgreen:#005f73;
--green:#0a9396;
--green50:#52b69a;
--green25:#bee8d8;
--yellow:#fcd25f;
--yellow50:#fcf4db;
--white:#fff;
--default:#002d3a;
--fontDefault:'Noto Sans',sans-serif;
--fontHeader:'Titillium Web',sans-serif;
--fontETmodules:'ETmodules';
}
#page-container {
max-width: 1920px;
margin-inline: auto;
}
@media (max-width:600px) {
.container, .et_pb_row {
width: 90%;
}
footer .container{
width:80%;
}
}
body{
font-family:var(--fontDefault);
font-size: clamp(1rem, 0.9787rem + 0.1220vw, 1.125rem);
font-weight:normal;
word-wrap: unset; 
color:var(--default);
}
h1, h2, h3, h4{
padding: 0 0 .667em 0;
color:var(--green);
font-weight: 600;
}
h1, h2, .h2 h3, #main-footer .footer-widget h4{
font-size: clamp(1.5rem, 1.4146rem + 0.4878vw, 2rem) !important;
font-family:var(--fontHeader);
text-transform:uppercase;
}
h2{
font-size: clamp(1.3125rem, 1.2378rem + 0.4268vw, 1.75rem) !important;
}
h3, h4, #main-footer .footer-widget h4{
font-size: clamp(1.25rem, 1.2073rem + 0.2439vw, 1.5rem) !important;
font-weight:600;
}
.sup strong{
font-size: clamp(1.125rem, 1.1079rem + 0.0976vw, 1.225rem) !important;
}
p + h2, p + h3, p + h4, p + h5, p + h6, h1 + div h2:first-child {
padding-top: 1.3em;
}
.et_pb_module a{
text-decoration: underline;
}
.et_pb_module.link-d a{
color:var(--darkgreen);
} 
.et_pb_module.link-l a{
color:var(--white);
} #logo{
max-height:50px;
}
.et-fixed-header#main-header{
box-shadow: 0 0 7px rgba(0,0,0,0.12) !important;
}
.et_header_style_centered .mobile_menu_bar {
width: 100%;
text-align: right;
}
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation{
padding-top: 15px;
}
.et_header_style_left #et-top-navigation .mobile_menu_bar {
padding-bottom: 15px;
}
#et-top-navigation li{
position:relative;
}
.nav li ul{
width:auto;
}
#top-menu li a, .et_mobile_menu li a{
font-family:var(--fontHeader);
font-size: clamp(1rem, 0.8694rem + 0.213vw, 1.125rem);
font-size: clamp(1.125rem, 0.9944rem + 0.213vw, 1.25rem);
}
.et_mobile_menu li a{
ffont-size: clamp(1.125rem, 1.075rem + 0.2857vw, 1.25rem);
}
#top-menu li.current-menu-item::after, #top-menu li.current_page_item::after{
content:'';
width: 100%;
height: 5px;
display: block;
background: var(--yellow);
}
#et_mobile_nav_menu li.current-menu-item::before, #et_mobile_nav_menu li.current_page_item::before, #et_mobile_nav_menu li.current-menu-parent::before, #et_mobile_nav_menu li.current-menu-parent::before {
content:'\45';
color:var(--yellow);
top: 0;
position: absolute;
line-height: 40px;
font-family:var(--fontETmodules);
}
#top-menu-nav > ul > li > a:hover{
opacity:1;
}
#top-menu li li a, .et_mobile_menu li li a{
font-family:var(--fontDefault);
font-size: clamp(0.9375rem, 0.9125rem + 0.1429vw, 1rem);
}
.et_mobile_menu li li a{
font-size: clamp(1rem, 0.95rem + 0.2857vw, 1.125rem);
}
.et_pb_slider .et_pb_slide{
padding: 0 !important;
height: 49vw;
}
.et-pb-arrow-next, .et-pb-arrow-prev{
transform: translateY(-50%);
}
@media screen and (min-width:769px){
.et_pb_slider .et_pb_slide{
padding: 0 !important;
height: 49vw;
}
}
@media screen and (min-width:981px){
.container.et_menu_container{
width: 90%;
}
#logo, .et_header_style_left #logo{
max-height: none;
max-width: 18vw;
}
.et-fixed-header #logo, .et_header_style_left .et-fixed-header #logo{
max-width: initial;
max-height: 100%;
}
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation{
padding-top: 24px;
}
#top-menu li a, .et_header_style_left #et-top-navigation nav ul#top-menu > li > a{
padding-bottom: 32px !important;
}
.et_pb_slider .et_pb_slide{
padding: 0 !important;
height: 40vw;
}
}
@media screen and (min-width: 1280px){
.container.et_menu_container{
width: 80%;
}
}
@media screen and (min-width:1400px){
#logo, .et_header_style_left #logo{
max-width: 16vw;
}
}
@media screen and (min-width:1921px){
#logo, .et_header_style_left #logo{
max-width: 300px;
}
.et_pb_slider .et_pb_slide{
padding: 0 !important;
height: 720px;
}
} .et_pb_scroll_top.et-pb-icon{
background:transparent url(https://www.oralchirurgie-loehrcenter.de/wp-content/uploads/2023/02/scrollTop.png) no-repeat 50% 50%/100%;
margin:0 6px;
width:50px;
height:50px;
border-radius: 0;
bottom: 21px;
box-shadow: 0px 6px 0px -6px var(--yellow);
transition: box-shadow 300ms ease 0ms;
transform: scale(1, 1);
}
.et_pb_scroll_top.et-pb-icon:hover {
transform: scale(1.1, 1.1);
box-shadow: 0px 6px 0px -2px var(--yellow);
}
.et_pb_scroll_top.et-pb-icon::before{
content:'';
}
@media screen and (min-width: 769px){
.et_pb_scroll_top.et-pb-icon{
width:60px;
height:60px;
}
}
@media screen and (min-width: 981px){
.et_pb_scroll_top.et-pb-icon{
width:80px;
height:80px;
}
} .et_pb_fullwidth_header.full-width-content  .et_pb_fullwidth_header_container.center .header-content {
width: 100%;
} #main-content{
padding-top:64px;
}
.et_pb_text {
word-wrap: normal;
}
.et_pb_testimonial_portrait{
background-size:auto 40px;
}
.et_pb_testimonial_portrait::before{
box-shadow: none;
}
.et_pb_testimonial_author{
margin-top: 21px;
}
.et_pb_testimonial_description{
margin:auto !important;
}
.et_pb_toggle_title{
border-bottom:1px solid var(--green);
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title{
border-bottom:1px solid var(--green25);
}
.et_pb_accordion .et_pb_toggle_title::before{
right:0 !important;
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before{
display:block !important;
content:'\f0d8' !important;
color:var(--green);
}
.et_pb_accordion .et_pb_toggle_content{
color:var(--white); 
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_content{
color:var(--default); 
} .et-pb-icon {
font-size: 1em;
}
.icon-list [class*="icon_"] {
position: absolute;
left: 0;
top: 3px;
font-family: var(--fontETmodules);
}
.icon_house::before {
content: "\74";
}
.icon_phone::before {
content: "\90";
}
.icon_printer::before {
content: "\103";
}
.icon_mail::before {
content: "\e076";
}
.icon_pin::before {
content: "\81";
}
.icon_clock_alt::before {
content: "\7d";
}
.icon_ext_link::before {
content: "\26";
} #main-footer .footer-widget h4{
padding-bottom:1em;
} input[type="email"], input[type="tel"], input[type="text"], input[type="number"], input[type="date"], input[type="submit"], textarea{
padding: 6px 12px !important;
border:1px solid var(--green50) !important;
background:#f2fffa !important;
width: 100% !important;
}
input[type="number"], input[type="date"], input[type="email"], input[type="tel"], input[type="text"]{
height: 3em !important;
}
input.text:focus, input.title:focus, input[type="text"]:focus, select:focus, textarea:focus{
border-color: var(--green) !important;
}
div.wpforms-container-full .wpforms-field-label, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + labe{
font-size: 1em;
color: var(--default);
}
input[type="checkbox"], .wpcf7-list-item-label{
float: left;
}
.wpcf7-form p{
font-size:.9em;
}
input[type="checkbox"]{
margin-top:7px;
}
input[type="submit"], div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){
background: var(--white);
border:2px solid var(--yellow);
color:var(--darkgreen);
border-radius: 0px;
width: 200px;
padding: 12px 21px;
font-size: 1rem;
font-weight:400;
cursor: pointer;
text-transform:uppercase;
box-shadow: 0px 0px 0px -4px var(--green);
transition:all .2s;
}
input[type="submit"]:hover, div.wpforms-container-full input[type="submit"]:hover, div.wpforms-container-full input[type="submit"]:active, div.wpforms-container-full button[type="submit"]:hover, div.wpforms-container-full button[type="submit"]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active{
background:var(--yellow);
border-color: var(--green);
padding: 12px 21px;
box-shadow: 0px 8px 0px -4px var(--green);
width: 200px;
color: var(--darkgreen);
}
input.wpcf7-not-valid, textarea.wpcf7-not-valid{
border-color: var(--yellow);
}
.wpcf7-form.sent .row, .wpcf7-form.sent input[type="submit"]{
display:none;
}
.wpcf7 form.sent .wpcf7-response-output{
border-color: var(--green);
text-align: center;
font-size: 1.4em;
line-height: 1.4em;
font-weight: 600;
}
.wpcf7-not-valid-tip{
color:red;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: var(--green);
background:var(--white);
color:var(--default);
text-align:center;
font-size: clamp(1.125rem, 1.1079rem + 0.0976vw, 1.225rem);
}
@media screen and (min-width:769px){
.wpcf7-form .row{
margin-bottom: 15px;
}
.wpcf7-form .row .col{
margin-bottom: 0px;
}
.wpcf7-form .row .col-md-6 {
width: calc(50% - 27px);
margin-right: 54px; 
float:left;
}
.wpcf7-form .row .col-md-6.mr-0{
margin-right: 0;
}
.wpcf7-form .row.mb-5{
margin-bottom: 54px;
}
} dl {
margin: 0 0 1em 0;
}
dd {
margin-left: 0;
}
dl.grid {
display: grid;
grid-template-columns: 6em auto;
column-gap: .5em;
}