.et_pb_code_inner{position:relative}@font-face {
font-display: swap; font-family: "Encode Sans";
font-style: normal;
font-weight: 400;
src: url(//orthopaedie-noerdlingen.de/wp-content/themes/Divi-child/fonts/encode-sans-v19-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Encode Sans";
font-style: normal;
font-weight: 600;
src: url(//orthopaedie-noerdlingen.de/wp-content/themes/Divi-child/fonts/encode-sans-v19-latin-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Encode Sans";
font-style: normal;
font-weight: 700;
src: url(//orthopaedie-noerdlingen.de/wp-content/themes/Divi-child/fonts/encode-sans-v19-latin-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Encode Sans";
font-style: normal;
font-weight: 800;
src: url(//orthopaedie-noerdlingen.de/wp-content/themes/Divi-child/fonts/encode-sans-v19-latin-800.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Encode Sans";
font-style: normal;
font-weight: 900;
src: url(//orthopaedie-noerdlingen.de/wp-content/themes/Divi-child/fonts/encode-sans-v19-latin-900.woff2) format("woff2"); }
body,
button {
font-family: "Encode Sans", Arial, Helvetica, sans-serif;
font-size: clamp(15px, calc(0.9375rem + ((1vw - 3.6px) * 0.3261)), 18px);
color: #35485f;
line-height: 1.55em;
}
.content-link a,
#cmplz-document a {
color: #67e3aa;
font-weight: 600;
text-decoration: underline;
}
.et_pb_button {
transition: none !important;
}
.content-link a:hover,
#cmplz-document a:hover {
text-decoration: none;
}
.et_pb_button {
text-decoration: none !important;
}
.btn-light {
background-color: #67e3aa;
border-radius: 25px;
padding: 3px 10px;
color: white !important;
font-weight: 600;
margin-left: 40px;
text-decoration: none;
}
.btn-light:hover {
color: white !important;
background-color: #adaea9;
}
@media only screen and (min-width: 769px) {
.et_pb_menu .et_pb_menu__menu {
display: block;
}
.et_mobile_nav_menu {
display: none !important;
}
} .mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
} .et_mobile_menu {
border-top: 0;
} .et_mobile_menu li {
text-align: center !important;
} .mobile_nav.opened .et_mobile_menu {
display: block !important;
}
.et_pb_section_0_tb_header * {
-o-transition-property: none !important;
-moz-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
}
.et_mobile_menu li li,
.et_mobile_menu li ul {
padding-left: 0 !important;
}
@media (max-width: 560px) {
.dtq-dual-btn {
flex-direction: column;
align-items: center;
gap: 10px;
}
.btn-el--primary {
margin-right: 0 !important;
}
}
#page-container h1 {
font-size: clamp(
28px,
calc(1.75rem + ((1vw - 4.2px) * 4.5349)),
67px
) !important;
color: white;
font-weight: 600;
}
#page-container h2,
#page-container .subpage-headline h1 {
font-size: clamp(
22px,
calc(1.375rem + ((1vw - 4.2px) * 0.9302)),
30px
) !important;
color: #35485f;
font-weight: 600;
line-height: 1.33em;
text-transform: uppercase;
}
#page-container .service-page h1,
#cmplz-document h1 {
font-size: clamp(
22px,
calc(1.375rem + ((1vw - 4.2px) * 0.9302)),
30px
) !important;
color: #35485f;
line-height: 1.33em;
}
#page-container .service-page h2,
#cmplz-document h2 {
font-size: clamp(
20px,
calc(1.25rem + ((1vw - 4.2px) * 0.4651)),
24px
) !important;
}
#page-container h3 {
font-size: clamp(
18px,
calc(1.125rem + ((1vw - 4.2px) * 0.4651)),
22px
) !important;
min-height: 0vw;
color: #35485f;
font-weight: 700;
line-height: 1.33em;
text-transform: uppercase;
}
#cmplz-document h3 {
font-size: 16px !important;
}
#page-container h4 {
font-size: clamp(18px, calc(1.125rem + ((1vw - 4.2px) * 0.4651)), 22px);
color: #35485f;
font-weight: 600;
line-height: 1.27em;
min-height: 0vw;
}
.et_pb_toggle_title {
font-size: clamp(20px, calc(1.25rem + ((1vw - 4.2px) * 0.4651)), 24px);
font-weight: 600;
min-height: 0vw;
text-transform: uppercase;
color: #35485f !important;
}
.et_pb_toggle_close .et_pb_toggle_title:before,
.et_pb_toggle_open .et_pb_toggle_title:before {
font-size: clamp(
20px,
calc(1.25rem + ((1vw - 4.2px) * 0.4651)),
24px
) !important;
left: -30px;
}
.intro {
font-size: clamp(18px, calc(1.125rem + ((1vw - 4.2px) * 0.814)), 25px);
color: white;
font-weight: 600;
text-transform: uppercase;
}
.ticker {
background-color: #35485f;
color: white;
padding: 10px 20px;
}
.ticker-item {
display: flex;
gap: 20px;
border-bottom: 2px solid white;
padding: 10px 0;
}
.ticker-item:last-of-type {
border-bottom: none;
}
.ticker-date {
font-weight: 800;
width: 100px;
min-width: 100px;
}
@media (min-width: 981px) {
.gallery-grid .et_pb_gallery_item {
width: 33% !important; clear: none !important;
}
}
@media (max-width: 767px) {
.gallery-grid .et_pb_gallery_item {
width: 50% !important; clear: none !important;
}
}
@media (max-width: 479px) {
.gallery-grid .et_pb_gallery_item {
width: 100% !important; clear: none !important;
}
}
.gallery-grid span.et_overlay {
display: none;
}
.gallery-zoom img {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.gallery-zoom img:hover {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.gallery-grid div.et_pb_gallery_image,
.gallery-grid div.et_pb_gallery_items {
overflow: hidden !important;
}
.mfp-counter {
display: none;
}
.entry-content tr td {
padding: 6px 0;
border: none;
}
.dtq-cf7-styler .wpcf7 select {
max-width: 130px;
font-weight: 600;
}
.ba_cf7_styler_0.ba_cf7_styler .dtq-cf7-styler .wpcf7 select {
background-color: #adaea9 !important;
border: none;
}
.wpcf7-list-item-label {
margin-right: 10px;
}
.wpcf7-list-item {
margin: 0;
}
.small {
font-size: 14px;
font-weight: 400;
}
.small a {
text-decoration: underline;
}
.large {
font-size: clamp(18px, calc(1.125rem + ((1vw - 4.2px) * 0.4651)), 22px);
min-height: 0vw;
color: #35485f;
}
span.cmplz-fmail-domain {
display: none !important;
}
footer,
footer a {
color: white;
font-size: clamp(14px, calc(0.875rem + ((1vw - 4.2px) * 0.2326)), 16px);
}
footer .legal-link {
padding: 0 30px;
}
footer a:hover {
text-decoration: underline;
}