/* -----------------------------------------------------------------------------------
Basics
----------------------------------------------------------------------------------- */
/* figtree-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 300;
src: url('../fonts/figtree-v9-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../fonts/figtree-v9-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
src: url('../fonts/figtree-v9-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../fonts/figtree-v9-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
src: url('../fonts/figtree-v9-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../fonts/figtree-v9-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 600;
src: url('../fonts/figtree-v9-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../fonts/figtree-v9-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Figtree';
font-style: normal;
font-weight: 700;
src: url('../fonts/figtree-v9-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../fonts/figtree-v9-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
* {
margin:0; padding:0;
outline:0;
}
.btn:focus,
.nav-link:focus,
.dropdown-toggle:focus {
outline: none !important;
box-shadow: none !important;
}
img {
transform: translateZ(0); /* Zur besseren Schärfe */
}
body {
font-family: "Figtree", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; font-weight: 300; color: #022647;
background-color: #f5f3f2;
}
h1,h2,h3 {
margin:0; padding:0;
font-weight: 400;
}
h1 {
margin-bottom: 30px;
font-size: 28px; line-height: 38px;
}
h2 {
margin-bottom: 20px;
font-size: 24px; line-height: 34px;
}
h2.more-margin {
margin-bottom: 25px;
}
h3 {
margin-bottom: 15px;
font-size: 22px; line-height: 32px;
}
@media (min-width: 768px) {
h1 {
font-size: 32px; line-height: 42px;
}
h2 {
font-size: 28px; line-height: 38px;
}
h3 {
font-size: 24px; line-height: 34px;
}
}
a,
a:hover,
a:focus {
color: #022647; text-decoration: none;
outline: none;
text-decoration-color: #b89d67; /* optional */
text-underline-offset: 4px; /* Abstand nach unten */
}
main a,
main a:hover,
main a:focus {
text-decoration: underline;
}
p {
margin-bottom: 30px;
}
strong {
font-weight: 500;
}
main ol {
margin: -5px 0 30px 20px;
}
main ul {
margin: -5px 0 30px 20px;
}
img {
border: none;
}
figure {
margin: 0; padding: 0;
}
.text-center {
text-align: center;
}
a.button,
button.button {
position: relative;
display: inline-flex;
align-items: center;
margin-top: 10px;
padding-left: 70px; padding-right: 30px;
height: 48px; /* Höhe = Kreisgröße */
font-size: 15px; font-weight: 500; letter-spacing: 1.5px; color: #022647; text-decoration: none !important; text-transform: uppercase;
background: #fff;
border: none; border-radius: 100px;
}
/* goldener Kreis links */
.button::before {
content: "";
position: absolute; left: 0; top: 50%;
width: 48px; height: 48px;
background: #b89d67;
border-radius: 50%;
transform: translateY(-50%);
}
/* Pfeil (Chevron) im Kreis */
.button::after {
content: "";
position: absolute; left: 14px; top: 50%;
width: 14px; height: 14px;
border-top: 1px solid #fff; border-right: 1px solid #fff;
transform: translateY(-50%) rotate(45deg); /* ergibt „>“ */
}
a.footer-button-doctolib {
position: fixed; bottom: 20px; right: 20px; z-index: 1000;
display: inline-flex; align-items: center; gap: 7px;
padding: 10px 30px;
font-size: 15px; font-weight: 400; color: #fff;
background: #1a75bb;
border: none; border-radius: 100px;
}
a.footer-button-doctolib::after {
content: "";
flex: 0 0 auto; transform: translateY(-1px);
display: inline-block;
height: 14px; width: calc(14px * (472 / 115)); /* Verhältnis aus viewBox */
background: no-repeat center / contain url("data:image/svg+xml;utf8,");
}
a.footer-button-doctolib:hover { opacity: .95; }
a.footer-button-doctolib:active { transform: translateY(1px); }
a.footer-button-doctolib:focus-visible {
outline: 2px solid rgba(255,255,255,.6);
outline-offset: 3px;
}
.btn-text,
.btn-text:active,
.btn-text:hover {
position: relative;
display: inline-block;
margin-bottom: 30px; padding-right: 25px;
color: #022647; font-weight: 500; letter-spacing: 1.5px; text-decoration: none; text-transform: uppercase;
border-bottom: 1px solid #b89d67;
-webkit-transition: all .1s ease;
transition: all .1s ease;
}
.btn-text::after {
position: absolute; top: 8px; right: 0;
content: "";
width: 7px; height: 7px;
border: none; border-top: 1px solid #022647; border-right: 1px solid #022647;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bg-blau .btn-text,
.bg-blau .btn-text:active,
.bg-blau .btn-text:hover {
color: #fff;
}
.bg-blau .btn-text::after {
border-color: #fff;
}
/* Selection */
::selection {
color: #fff;
background: #b89d67; /* WebKit/Blink Browsers */
}
::-moz-selection {
color: #fff;
background: #b89d67; /* Gecko Browsers */
}
/* Icons */
i.bi {
display: inline-block;
position: relative;
margin-right: 5px;
}
i.bi:before {
display: inline-block;
width: 16px; height: 16px;
content: '';
vertical-align: -3px;
}
i.bi.lg:before {
width: 24px; height: 24px;
}
i.bi.bi-phone-white:before {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
}
i.bi.bi-doctolib:before {
width: 20px; height: 20px;
background-image: url("../images/icons/doctolib.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: -5px;
}
i.bi.bi-online-doctor:before {
width: 20px; height: 20px;
background-image: url("../images/icons/online-doctor.png");
background-repeat: no-repeat;
background-size: contain;
vertical-align: -5px;
}
i.bi.bi-doctolib-white:before {
width: 20px; height: 20px;
background-image: url("../images/icons/doctolib-white.png");
background-repeat: no-repeat;
background-size: contain;
}
i.bi.bi-online-doctor-white:before {
width: 20px; height: 20px;
background-image: url("../images/icons/online-doctor-white.png");
background-repeat: no-repeat;
background-size: contain;
}
i.bi.bi-phone-white:before {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
}
i.bi.bi-mail:before {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
}
i.bi.bi-mail-white:before {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
}
.text-small {
font-size: 16px; line-height: 26px;
}
.hide {
display: none;
}
hr {
margin: 0 0 30px 0;
height: 1px;
background-color: #022647;
border: none;
}
main ul {
margin: -5px 0 30px 0;
}
main .module-icon-text-boxen-spalten ul,
main .module-foto-gross-text ul,
main .textabschnitt ul {
list-style: none;
padding: 0; margin: 0 0 30px 0; }
main .module-icon-text-boxen-spalten ul li,
main .module-foto-gross-text ul li,
main .textabschnitt ul li {
position: relative;
padding-left: 27px;
}
main .module-icon-text-boxen-spalten ul li::before,
main .module-foto-gross-text ul li::before,
main .textabschnitt ul li::before {
content: "";
position: absolute; left: 0; top: 13px;
width: 11px; height: 11px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
}
/* Blockquote */
blockquote {
margin: 0 0 30px 0;
padding: 40px 20px;
font-size: 18px; line-height: 28px; font-weight: 400;
background-color: #fff;
border-left: 3px solid #b89d67; border-radius: 20px; }
blockquote p {
margin: 0; }
blockquote p a,
blockquote p a:hover {
}
@media (min-width: 768px) {
blockquote {
padding: 50px 40px;
font-size: 20px; line-height: 30px;
}
}
.table {
--bs-table-color: #022647;
--bs-table-bg: transparent;
--bs-table-border-color: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: transparent;
--bs-table-striped-bg: transparent;
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
margin-bottom: 40px;
max-width: 350px;
}
.table > :not(caption) > * > * {
padding: 1px 0;
}
.table td:first-child {
font-weight: 500;
width: 35%;
}
/* -----------------------------------------------------------------------------------
Container
----------------------------------------------------------------------------------- */
.container-fluid {
position: relative;
}
.container-fluid.sm {
max-width: 1280px;
}
.container-fluid.xl {
max-width: 1400px;
}
.container-fluid.xxl {
max-width: 1700px;
}
.container-fluid,
.container {
padding: 0 20px;
}
.row {
margin-left: -20px; margin-right: -20px; }
.row [class^="col-"] {
padding-left: 20px; padding-right: 20px;
}
.row.xs-space {
margin-left: -10px; margin-right: -10px; }
.row.xs-space [class^="col-"] {
padding: 0 10px;
}
.row.no-space {
margin-left: 0; margin-right: 0; }
.row.no-space [class^="no-space col-"] {
padding: 0;
}
@media (max-width: 767px) {
.container-fluid.no-padding,
.container.no-padding {
padding: 0;
}
}
@media (min-width: 768px) {
.header-white-bg {
margin-bottom: 50px; padding-bottom: 20px;
background-color: #eae6e4;
}
.container {
padding-right: 30px; padding-left: 30px;
}
.container.xxl {
max-width: 1620px;
}
.container-fluid {
padding-left: 30px; padding-right: 30px;
}
}
@media (min-width: 992px) {
.container {
padding-right: 40px; padding-left: 40px;
max-width: 780px;
}
.container.lg {
max-width: 1200px;
}
.container.xl {
max-width: 1400px;
}
.container-fluid {
padding-left: 40px; padding-right: 40px;
}
}
.einleitung {
margin-bottom: 40px;
}
.bg-weiss {
background-color: #fff;
}
/* -----------------------------------------------------------------------------------
Navigation
----------------------------------------------------------------------------------- */
.navbar {
padding-left: 0; padding-right: 0;
}
.navbar-light.bg-light {
background-color: transparent !important;
-webkit-box-shadow: none;
box-shadow: none; }
.navbar-light .navbar-brand img {
margin-top: 45px; margin-bottom: 7px;
max-height: 75px; width: auto;
}
.navbar-toggler {
margin-top: 30px; padding: 0;
border: none;
background: transparent !important; }
.navbar-toggler .icon-bar {
width: 29px;
height: 2px;
background-color: #022647;
display: block;
transition: all 0.2s;
margin-top: 6px
}
.navbar-toggler .icon-bar.top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggler .icon-bar.middle-bar {
opacity: 0;
}
.navbar-toggler .icon-bar.bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .icon-bar.top-bar {
transform: rotate(0);
}
.navbar-toggler.collapsed .icon-bar.middle-bar {
opacity: 1;
}
.navbar-toggler.collapsed .icon-bar.bottom-bar {
transform: rotate(0);
}
.navbar-light .navbar-nav a.nav-link {
font-size: 17px; line-height: 27px; color: #022647; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.navbar-light .navbar-nav a.nav-link:hover,
.navbar-light .navbar-nav a.nav-link:focus {
color: #b89d67;
}
.dropdown-toggle::after {
content: "";
display: inline-block;
margin-left: 10px;
width: 7px; height: 7px;
border: none; border-bottom: 1px solid #022647; border-right: 1px solid #022647;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar-light .navbar-nav .dropdown-menu {
padding: 20px 25px 25px 25px;
background-color: #fff;
border: none; border-radius: 15px; }
.navbar-light .navbar-nav .dropdown-menu a {
padding: 4px 20px 4px 0;
font-size: 17px; line-height: 27px; font-weight: 400; color: #022647; text-decoration: none;
background-color: transparent;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.navbar-light .navbar-nav .dropdown-menu a:hover,
.navbar-light .navbar-nav .dropdown-menu a:focus {
color: #022647;
}
.navbar-light .navbar-nav .dropdown-menu a.active {
color: #b89d67;
}
@media (max-width:1199px) {
.navbar-light.bg-light {
background-color: #fff !important; }
/* Fix: */
.navbar-collapse {
padding-top: 10px; padding-bottom: 20px;
max-height: calc(100vh - 100px);
overflow-y: auto;
}
.navbar-light .navbar-nav a.nav-link {
margin: 0; padding-top: 5px; padding-bottom: 5px;
font-size: 21px; line-height: 31px; text-transform: none; }
.navbar-light .navbar-nav .dropdown-menu {
margin-bottom: 15px;
background-color: #f5f3f2; }
.navbar-light .navbar-nav .dropdown-menu a {
padding: 5px 20px 5px 0;
font-size: 19px; line-height: 29px;
}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item {
white-space: normal;
}
}
@media (min-width: 768px) {
.navbar-light .navbar-brand img {
margin-top: 60px; margin-bottom: 15px;
max-height: 115px;
}
}
@media (min-width: 992px) {
.navbar-toggler {
margin-top: 20px;
}
.navbar-light .navbar-brand img {
margin-top: 15px; margin-bottom: 15px;
}
}
@media (min-width:1200px) {
.navbar-light .navbar-nav a.nav-link {
margin-top: 75px; margin-left: 25px; margin-bottom: 10px; padding: 0;
border-bottom: 1px solid transparent;
}
.navbar-light .navbar-nav a.nav-link.active {
color: #022647;
border-bottom: 1px solid #b89d67;
}
.navbar-light .navbar-nav a.nav-link[href*="kontakt"] {
margin-top: 62px;
display: inline-block;
padding: 12px 30px 10px 30px;
border-radius: 9999px;
background-color: #fff;
}
.navbar-light .navbar-nav a.nav-link.active[href*="kontakt"] {
border-color: transparent;
}
.navbar-light .navbar-nav .dropdown-menu {
min-width: 370px; overflow: hidden; }
.navbar-light .navbar-nav .dropdown-menu .dropdown-item {
white-space: normal;
}
}
/* slideIn */
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform:translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}
.slideIn {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
/* Head Links */
@media (max-width: 991px) {
.navbar-light .head-links {
position: absolute; left: 0; right: 0; top: -8px;
margin-right: -200px;
width: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start; /* mittleren Abstand steuern wir per margin */
padding: 0; /* kein Innenabstand, damit „kleben“ */
gap: 0; /* kein Spalt */
background: #e9e6e4; /* dein Leisten-Hintergrund */ }
.navbar-light .head-links a {
display: flex;
align-items: center;
justify-content: flex-start; /* Icon links, Text daneben */
padding: 6px 20px;
text-decoration: none;
font-size: 13px; color: #0f172a; font-weight: 500;
/* WICHTIG für dynamisches Kürzen */
flex: 0 1 auto; /* darf schrumpfen */
min-width: 0; /* erlaubt echtes Schrumpfen im Flex-Layout */
white-space: nowrap;
}
/* Schiebt den rechten Link nach ganz rechts, ohne ihn zu „verkeilen“ */
.navbar-light .head-links a:first-child {
margin-right: auto; }
.navbar-light .head-links a i {
flex: 0 0 auto;
margin-right: 10px;
}
.navbar-light .head-links a i.bi:before {
vertical-align: -5px; }
/* Ellipsis nur auf dem Text-Span */
.navbar-light .head-links a span {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (min-width: 768px) {
.navbar-light .head-links a {
padding: 10px 30px;
font-size: 15px; font-weight: 400;
}
}
@media (min-width: 992px) {
.navbar-light .head-links {
position: absolute; top: 25px; right: 40px; z-index: 1;
display: flex;
gap: 30px; }
.navbar-light .head-links a {
padding: 0; }
.navbar-light .head-links a i.bi:before {
vertical-align: -5px;
}
}
@media (min-width: 1200px) {
.navbar-light .head-links {
top: 25px; right: 70px;
}
}
/* -----------------------------------------------------------------------------------
Header (Unterseite)
----------------------------------------------------------------------------------- */
header.unterseite {
margin-bottom: 40px; }
header.unterseite .image-box .jarallax {
width: 100%; height: 100%;
aspect-ratio: 1400/1050;
}
header.unterseite .textbox {
padding-top: 30px; padding-bottom: 1px;
font-size: 18px; line-height: 28px; font-weight: 500; }
header.unterseite .textbox span.headline {
display: block;
margin-bottom: 15px;
font-size: 25px; line-height: 35px; color: #b89d67; font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1199px) {
header.unterseite {
padding-top: 60px;}
}
@media (max-width: 767px) {
header.unterseite {
margin: 0 -20px 60px -20px; }
header.unterseite .textbox {
position: relative; z-index: 1000;
margin: -40px 20px 0 20px;
background-color: #fff;
border-radius: 15px;
}
}
@media (min-width: 768px) {
header.unterseite .image-box {
max-height: 860px; overflow: hidden;
border-radius: 30px;
}
header.unterseite .textbox {
margin: 0 auto;
max-width: 640px; }
header.unterseite .textbox .container {
padding-right: 0; }
header.unterseite .textbox span.headline {
margin-bottom: 30px;
font-size: 30px; line-height: 40px;
}
}
@media (min-width: 1200px) {
header.unterseite .textbox {
padding-top: 60px; padding-bottom: 30px; }
header.unterseite .textbox span.headline {
font-size: 40px; line-height: 50px;
}
}
@media (min-width: 1400px) {
header.unterseite .textbox span.headline {
font-size: 50px; line-height: 60px;
}
}
/* -----------------------------------------------------------------------------------
Module: Foto + Text Boxen (Spalten)
----------------------------------------------------------------------------------- */
.module-foto-text-boxen-spalten {
margin-bottom: 60px; }
.module-foto-text-boxen-spalten figure {
height: 100%; overflow: hidden;
background-color: #fff;
border-radius: 30px; }
.module-foto-text-boxen-spalten figure figcaption {
padding-top: 40px; padding-bottom: 10px;
}
.module-foto-text-boxen-spalten .row [class*="col-"] {
margin-bottom: 40px; }
.module-foto-text-boxen-spalten .row [class*="col-"] a,
.module-foto-text-boxen-spalten .row [class*="col-"] a:hover {
text-decoration: none;
}
/* -----------------------------------------------------------------------------------
Module: Großes Foto + Text
----------------------------------------------------------------------------------- */
.module-foto-gross-text {
margin-bottom: 120px;
}
@media (max-width: 767px) {
.module-foto-gross-text .image-box img.image {
border-top-left-radius: 15px; border-top-right-radius: 15px;
}
.module-foto-gross-text .container-fluid .textbox {
padding-top: 30px; padding-bottom: 10px;
background-color: #fff;
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
}
}
@media (min-width: 768px) {
.module-foto-gross-text .image-box img.image {
width: 100%; height: 100%; overflow: hidden;
object-fit: cover;
border-radius: 40px;
}
.module-foto-gross-text .container-fluid .textbox {
padding-top: 30px; }
.module-foto-gross-text .container-fluid .textbox .container {
padding: 0;
max-width: 580px;
}
}
/* -----------------------------------------------------------------------------------
Impressionen
----------------------------------------------------------------------------------- */
.impressionen-container {
margin-bottom: 90px; }
.impressionen-container a.image-hover-effect .image-container {
margin-bottom: 20px;
border-radius: 20px;
}
/* -----------------------------------------------------------------------------------
Module: Textabschnitt
----------------------------------------------------------------------------------- */
.textabschnitt {
margin-bottom: 100px; }
.textabschnitt img.image {
margin-top: 5px; margin-bottom: 30px;
border-radius: 20px;
}
/* -----------------------------------------------------------------------------------
Image Hover Effect
----------------------------------------------------------------------------------- */
a.image-hover-effect,
a.image-hover-effect:hover {
overflow: hidden;
text-decoration: none;
-webkit-transform: translateY(0);
transform: translateY(0) }
a.image-hover-effect .image-container,
a.image-hover-effect .image-container img {
position: relative;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.image-hover-effect .image-container {
overflow: hidden;
}
a.image-hover-effect.inset-shadow .image-container:after {
position: absolute; top: 0; right: 0; left: 0; bottom: 0;
content: '';
box-shadow: inset 0px 0px 60px rgba(44,45,47,0.2);}
a.image-hover-effect .image-container img {
display: block;
margin: 0;
width: 100%; height: auto; max-width: 100%;
-webkit-transform: scale(1);
transform: scale(1)
}
a.image-hover-effect:hover .image-container img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
/* -----------------------------------------------------------------------------------
Ansprechpartner
----------------------------------------------------------------------------------- */
.ansprechpartner-wrapper {
background-color: #eae6e4; }
.ansprechpartner-wrapper .ansprechpartner .textbox h3 {
margin-bottom: 10px;
font-size: 19px; line-height: 29px; color: #b89d67; font-weight: 500;
}
.ansprechpartner-wrapper .ansprechpartner .textbox span.headline {
display: block;
margin-bottom: 15px;
font-size: 22px; line-height: 32px; font-weight: 400;
}
.ansprechpartner-wrapper .ansprechpartner .textbox span.headline strong {
font-weight: 500;
}
@media (max-width: 767px) {
.ansprechpartner-wrapper .ansprechpartner {
margin: 0 -20px; }
.ansprechpartner-wrapper .ansprechpartner .textbox {
padding-top: 40px; padding-bottom: 60px;
}
}
@media (min-width: 768px) {
.ansprechpartner-wrapper {
padding: 60px 0; }
.ansprechpartner-wrapper .ansprechpartner .image-box {
overflow: hidden;
border-radius: 30px; }
.ansprechpartner-wrapper .ansprechpartner .image-box img.image {
width: 100%; height: 100%;
object-fit: cover;
}
.ansprechpartner-wrapper .ansprechpartner .textbox {
margin: 0 auto;
max-width: 620px; }
.ansprechpartner-wrapper .ansprechpartner .textbox .container {
padding-right: 0; }
.ansprechpartner-wrapper .ansprechpartner .textbox span.headline {
margin-bottom: 40px;
}
}
@media (min-width: 1200px) {
.ansprechpartner-wrapper {
padding: 100px 0; }
.ansprechpartner-wrapper .ansprechpartner .textbox span.headline {
font-size: 25px; line-height: 35px;
}
}
/* -----------------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------------- */
footer {
padding: 100px 0 80px 0;
color: #fff;
background-color: #958d83; }
footer a,
footer a:hover {
text-decoration: none; color: #fff;
}
footer .kontakt-spalten h3 {
margin-bottom: 5px;
font-size: 19px; line-height: 29px; color: #fff; opacity: 0.5;
}
@media (max-width: 767px) {
footer {
text-align: center; }
footer .content {
margin-bottom: 40px;
}
footer .kontakt-spalten .rechte-spalte img {
display: block;
margin: 0 auto 50px auto;
max-height: 70px; width: auto;
}
}
@media (min-width: 768px) {
footer .content {
margin-right: 40px;
}
footer .rechte-spalte {
text-align: right; }
footer .kontakt-spalten .rechte-spalte img {
margin-right: 10px;
max-height: 75px; width: auto;
}
}
@media (min-width: 1400px) {
footer .content {
margin-right: 60px;
}
}
/* -----------------------------------------------------------------------------------
Modal
----------------------------------------------------------------------------------- */
.modal-header {
padding: 30px 30px 0 0;
border: none;
}
.modal-body {
padding-left: 20px; padding-right: 20px;
}
.modal-footer {
padding-left: 20px; padding-right: 20px; padding-bottom: 30px;
border: none;
}
@media (min-width: 768px) {
.modal-body {
padding-left: 40px; padding-right: 40px;
}
.modal-footer {
padding-left: 40px; padding-right: 40px;
}
}
/* -----------------------------------------------------------------------------------
Fullscreen Lightbox v3.6.0 Pro
----------------------------------------------------------------------------------- */
.fslightbox-container{
background: #fff !important;
}
.fslightbox-svg-path{
fill: #958d83 !important;
}
.fslightbox-slide-number-container{
color: #958d83 !important; display: none !important;
}
.fslightbox-slash{
background: #958d83 !important;
}
.fslightbox-toolbar{
background: rgba(255,255,255,.65) !important;
}
.fslightbox-slide-btn{
background: rgba(35,35,35,.06) !important;
}
.fslightbox-toolbar-button:nth-child(1),
.fslightbox-toolbar-button:nth-child(2),
.fslightbox-toolbar-button:nth-child(3),
.fslightbox-toolbar-button:nth-child(4),
.fslightbox-toolbar-button:nth-child(5) {
display: none !important;
}
.fslightboxc:after {
background: none !important;
}
.fslightboxci {
color: #958d83 !important;
font-size: 16px !important;
}