/* Entfernen der Browsereinstellungen */
:focus {
    outline-color: transparent;
    outline-style: auto;
    outline-width: 0px;

    outline: 0;
}

select,
button,
button:focus {
    border: none;
    outline: none;
}

button,
button:focus {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

select:focus::-ms-value {
    background-color: transparent;
}

/* Ersatz für das im Theme abgewählte Contao-Framework-CSS (layout.css,
   responsive.css) — nur die Regeln, die dieses Projekt tatsächlich braucht.
   Alle übrigen Selektoren der beiden Dateien (#wrapper, #container, #main,
   .float_*, .ce_gallery, .clear, .custom, .aspect, .video_container)
   kommen im Markup nicht vor. */
img {
    max-width: 100%;
    height: auto;
}

figure {
    padding: 0;
    margin: 0;
}

.block {
    overflow: hidden;
}

/* Nimmt Sprungmarken aus dem Textfluss. Bootstrap setzt zusätzlich
   visibility: hidden, versteckt sie also auch vor Screenreadern. */
.invisible {
    position: absolute;

    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;

    border: 0;
    margin: -1px;

    clip: rect(0 0 0 0);
}

/* zen-kaku-gothic-antique-300 - latin */
@font-face {
    font-family: "Zen Kaku Gothic Antique";
    font-style: normal;
    font-weight: 300;

    src: url("../fonts/zen-kaku-gothic-antique-v13-latin-300.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/zen-kaku-gothic-antique-v13-latin-300.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/zen-kaku-gothic-antique-v13-latin-300.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-300.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-300.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/zen-kaku-gothic-antique-v13-latin-300.svg#ZenKakuGothicAntique") format("svg"); /* Legacy iOS */
}
/* zen-kaku-gothic-antique-regular - latin */
@font-face {
    font-family: "Zen Kaku Gothic Antique";
    font-style: normal;
    font-weight: 400;

    src: url("../fonts/zen-kaku-gothic-antique-v13-latin-regular.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/zen-kaku-gothic-antique-v13-latin-regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/zen-kaku-gothic-antique-v13-latin-regular.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-regular.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-regular.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/zen-kaku-gothic-antique-v13-latin-regular.svg#ZenKakuGothicAntique") format("svg"); /* Legacy iOS */
}
/* zen-kaku-gothic-antique-500 - latin */
@font-face {
    font-family: "Zen Kaku Gothic Antique";
    font-style: normal;
    font-weight: 500;

    src: url("../fonts/zen-kaku-gothic-antique-v13-latin-500.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/zen-kaku-gothic-antique-v13-latin-500.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/zen-kaku-gothic-antique-v13-latin-500.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-500.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-500.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/zen-kaku-gothic-antique-v13-latin-500.svg#ZenKakuGothicAntique") format("svg"); /* Legacy iOS */
}
/* zen-kaku-gothic-antique-700 - latin */
@font-face {
    font-family: "Zen Kaku Gothic Antique";
    font-style: normal;
    font-weight: 700;

    src: url("../fonts/zen-kaku-gothic-antique-v13-latin-700.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/zen-kaku-gothic-antique-v13-latin-700.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/zen-kaku-gothic-antique-v13-latin-700.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-700.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-700.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/zen-kaku-gothic-antique-v13-latin-700.svg#ZenKakuGothicAntique") format("svg"); /* Legacy iOS */
}
/* zen-kaku-gothic-antique-900 - latin */
@font-face {
    font-family: "Zen Kaku Gothic Antique";
    font-style: normal;
    font-weight: 900;

    src: url("../fonts/zen-kaku-gothic-antique-v13-latin-900.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/zen-kaku-gothic-antique-v13-latin-900.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/zen-kaku-gothic-antique-v13-latin-900.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-900.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/zen-kaku-gothic-antique-v13-latin-900.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/zen-kaku-gothic-antique-v13-latin-900.svg#ZenKakuGothicAntique") format("svg"); /* Legacy iOS */
}

html,
body {
    width: 100%;
    min-height: 100%;

    font-family: "Zen Kaku Gothic Antique";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;

    background-color: #fff;
    color: #002f56;
}

@media (min-width: 992px) {
    body {
        overflow-y: scroll;

        font-size: 19px !important;
        line-height: 1.6;
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 22px !important;
    }
}

/* Globale Formatierungen */
a {
    color: #0098a8;
}

.img-responsive {
    width: 100%;
}

strong {
    font-weight: 700;
}

/* Globale Formatierungen Ende */

/* Menü */
#seitenmenue {
    position: fixed;
    z-index: 900;
    top: 0px;

    display: block;
    overflow: visible;
    width: 100%;
    height: 260px;
    padding: 50px 0px 50px 0px;

    font-size: 22px;

    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;

    background-color: #fff;
}

.unterseite #seitenmenue {
    height: 70px;
    padding: 8px 0px 50px 0px;
}

svg#scroll-logo {
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}

path#walther,
path#fachaerzte {
    -o-transition: 1.6s;
    -webkit-transition: 1.6s;
    -moz-transition: 1.6s;
    transition: 1.6s;
}

@media (max-width: 768px) {
    #seitenmenue {
        height: 160px;
        padding: 36px 0px 36px 0px;
    }

    .unterseite #seitenmenue {
        height: 65px;
        padding: 8px 0px 8px 0px;
    }
}

#seitenmenue a {
    color: #002f56;
    text-decoration: none;
}

.menuebereich {
    z-index: 1000;

    display: block;
    padding: 10px 0 10px 0;
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .submenu.dropdown,
    .submenu.dropup {
        position: static;
    }
}

.navbar {
    padding: 0px;
}

.navbar .mod_navigation {
    width: 100%;
}

#navbarSupportedContent {
}

.navbar ul,
.navbar .dropdown-menu ul {
    list-style-type: none;
}

.navbar .dropdown-menu a.nav-link {
    padding: 1rem;
}

.navbar .dropdown-menu a.nav-link:hover {
    background-color: #dbf4f6;
}

.navbar ul.navbar-nav {
    display: flex;
    width: 100%;

    justify-content: space-around;

    font-weight: 500;

    background-color: #fff;
}

#seitenmenue .navbar ul > li {
    margin: 0px 10px 0px 10px;

    float: left;
}

@media (min-width: 992px) {
    .navbar {
        margin-top: 0px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0px;

        width: auto;
        min-width: 220px;

        -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
    }
}

#seitenmenue .navbar ul > li.nav-item.active a,
#seitenmenue .navbar .dropdown-menu.show a.active,
#seitenmenue .navbar ul.erste-menue-ebene > li.trail a {
    font-weight: 700;

    color: #e81f75 !important;
    text-decoration: underline;
}

#seitenmenue .navbar li a.trail,
#seitenmenue .navbar li.nav-item a:hover,
#seitenmenue .navbar a.nav-link:hover {
    color: #e81f75;
}

.navbar .dropdown-menu ul > li {
    margin-left: -40px;
}

.navbar .dropdown-menu.show {
    min-width: 360px;
}

span.navbar-ueberschrift {
    display: none;
}

.navbar .mod_customnav {
    width: 100%;
}

.dropdown-menu {
    font-size: 22px;
}

@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        z-index: 500;
        top: 0px;
        left: 0px;

        display: block;
        width: 100%;
        padding: 0px;

        background-color: transparent;

        border-right: solid 50px rgba(0, 0, 0, 0.2);
    }

    span.navbar-ueberschrift {
        padding: 10px 20px 10px 20px;

        background-color: #fff;
    }

    .navbar .dropdown-menu,
    .navbar .dropdown-menu.show {
        min-width: 200px;
        padding: 0px 0px 0px 0px;
        border: 0px;
        border-radius: 0px;
        margin-right: -30px;
        margin-left: -30px;

        background-color: #dbf4f6;
    }

    .navbar button {
        z-index: 1000;
    }

    span.navbar-ueberschrift {
        display: block;
        padding: 30px 0px;

        font-size: 20px;
        font-weight: 700;

        color: #bbb;
    }

    a.nav-link,
    .navbar .dropdown-menu a.nav-link {
        padding: 0.8rem 1rem;
    }

    .navbar .dropdown-menu a.nav-link {
        padding: 15px 30px 15px 30px;
    }

    #seitenmenue .navbar ul > li {
        margin: 0px 30px 0px 30px;
    }

    .navbar ul.navbar-nav {
        display: flex;

        justify-content: center;
    }
}

a.nav-link.dropdown-toggle,
.nav-item {
}

.fa-bars {
    color: #666;
}

@media (min-width: 992px) {
    .navbar-ueberschrift {
        display: none;
    }
}

.dropdown-toggle::after {
    display: none;
}

@media (max-width: 768px) {
    .mobil-aus {
        display: none;
    }
}

img.logo-menue {
    display: block;
    width: 100%;
    margin-top: 25px;
}

/* Menü Ende */
.menue-telefon {
    display: flex;

    flex-direction: row;
    align-items: center;

    font-size: 22px;
    font-weight: 700;
    text-align: right;

    color: #e81f75;
}

#seitenmenue .menue-telefon a,
#seitenmenue .menue-telefon a:visited,
#seitenmenue .menue-telefon a:active,
#seitenmenue .menue-telefon a:focus,
#seitenmenue .menue-telefon a:hover {
    color: #e81f75;
    text-decoration: none;
}

.menue-telefon img {
    margin-right: 10px;
}

.menue-telefon-mobilansicht {
    display: none;
}

@media (max-width: 768px) {
    .menue-telefon {
        display: none;
    }

    .menue-telefon-mobilansicht {
        display: block;
    }

    #seitenmenue .menue-telefon-mobilansicht a,
    #seitenmenue .menue-telefon-mobilansicht a:visited {
        font-weight: 700;

        color: #e81f75;
    }

    #seitenmenue li.menue-telefon-mobilansicht {
        padding: 0.8rem 0rem;
    }

    .menue-telefon-mobilansicht img {
        margin-right: 10px;
    }
}

/* Überschriften */
h1,
.h1 {
    margin-bottom: 40px;

    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
}

h2,
.h2 {
    margin-bottom: 50px;

    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;

    color: #e81f75;
}

@media (max-width: 768px) {
    h1,
    .h1 {
        margin-bottom: 40px;

        font-size: 36px;
        line-height: 1.2;
    }

    h2,
    .h2 {
        margin-bottom: 30px;

        font-size: 30px;
    }
}

h3,
.h3 {
    display: inline;
    padding: 2px 5px;

    font-size: 22px;
    font-weight: 700;
    line-height: 1.7;

    background-color: #e81f75;
    color: #fff;

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

h4,
.h4 {
    margin-bottom: 10px;

    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}

span.textmarker {
    padding: 8px;

    line-height: 38px;

    background-color: #e81f75;
    color: #fff;
}

.schwarz-tuerkis h2,
.schwarz-rosa h2 {
    margin-bottom: 30px;

    color: #000;
}

.schwarz-tuerkis h3,
.schwarz-rosa h3 {
    margin-bottom: 30px;
}

.schwarz-tuerkis h3 {
    background-color: #84d9de;
    color: #002f56;
}

.infobereich .inforahmen {
    padding: 40px;
    border: solid 1px #000;
}

.infobereich h2 {
    color: #000;
}

.caption {
    padding: 10px;

    background-color: #84d9de;
}

span.teamfunktion {
    font-size: 80%;
}

/* Header */
.header-unterseite,
.header-startseite {
    position: relative;

    overflow: hidden;
    width: 100%;
    padding: 100px 0px 100px 0px;
    margin-top: 260px;

    background-color: #dbf4f6;
}

.unterseite .header-unterseite,
.unterseite .header-startseite {
    margin-top: 70px;
}

.header-unterseite h1 {
    margin-bottom: 0px;
}

.header-startseite {
    margin-top: 260px;
}

.header-unterseite p {
    margin-top: 40px;
}

.datenschutz h4,
.datenschutz p {
    margin-top: 10px;
}

.datenschutz h2 {
    margin-bottom: 25px;
}

.datenschutz p {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .header-unterseite p {
        margin-top: 30px;
    }
}

a,
a:visited {
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;

    color: #e81f75;

    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: #cc1a66;
}

.link-links a,
.link a,
.link a:visited,
.terminbuchung-trigger,
.terminbuchung-trigger:focus,
.header-startseite a,
.header-startseite a:visited {
    display: inline-block;
    padding: 8px 20px 8px 20px;
    border: 2px solid #e81f75;
    border-radius: 10px;
    margin: 20px 14px 0px 14px;

    font-size: 18px;
    font-weight: 700;

    color: #e81f75;

    text-decoration: none;
}

.terminbuchung-trigger {
    background-color: #fff;
}

.link-links a {
    margin: 20px 14px 0px 0px;
}

a.google {
    display: inline-block;
    padding: 8px 20px 8px 20px;
    border: 0px;
    border-radius: 10px;
    margin: 20px 14px 0px 14px;

    font-size: 18px;
    font-weight: 700;

    background-color: #e81f75;
    color: #fff;

    text-decoration: none;
}

a.google:visited {
    color: #fff;
}

.link-links a:hover,
.link a:hover,
.terminbuchung-trigger:hover,
.header-startseite a:hover {
    background-color: #e81f75;
    color: #fff;
}

@media (max-width: 768px) {
    .header-unterseite,
    .header-startseite {
        padding: 60px 0px 60px 0px;
        margin-top: 160px;
    }

    .unterseite .header-unterseite,
    .unterseite .header-startseite {
        margin-top: 65px;
    }

    .header-startseite a,
    .header-startseite a:visited {
        /*
		padding: 5px 13px 5px 13px;
		border-radius: 10px;
		font-size:16px;
		margin:15px 14px 0px 14px;
		*/
        padding: 5px 8px 5px 8px;
        border-radius: 10px;
        margin: 15px 9px 0px 9px;

        font-size: 15px;
    }
}

.header-startseite .ce_text,
.header-startseite .ce_headline {
    position: relative;
    z-index: 3;
}

img.bubble-01,
img.bubble-02 {
    position: absolute;
    z-index: 2;
}

img.bubble-01 {
    bottom: -30px;
    left: 0px;

    width: 480px;
    height: auto;
}

img.bubble-02 {
    top: 0px;
    right: 0px;

    width: 300px;
    height: auto;
}

/* Slider */
.slider {
    position: relative;
}

.slider a {
    text-decoration: none;
}

.slick-slider {
    margin-bottom: 0px;
}

.slider-standard {
    padding-bottom: 60px;
}

.slick-next,
.slick-prev {
    position: absolute;
    z-index: 3;
    top: 50%;
}

.slick-prev {
    left: 30px;
}

.slick-next {
    right: 30px;
}

.slick-dots {
    bottom: 20px;
}

.slick-dots li.slick-active {
    color: #fff;
}

.slick-prev:before,
.slick-next:before {
    font-size: 30px;
    line-height: 1;

    color: white;

    opacity: 0.75;

    -webkit-font-smoothing: never;
    -moz-osx-font-smoothing: never;
}

/* mod-Elemente */
.neutral-slider,
.neutral {
    position: relative;

    display: block;
    width: 100%;

    background-color: #fff;
}

.neutral-slider {
    position: relative;

    display: block;
    width: 100%;
    padding: 0px 0px 0px 0px;

    background-color: #fff;
}

.neutral {
    padding: 100px 0px 100px 0px;
}

.neutral .tuerkis,
.neutral.tuerkis {
    padding: 100px 0px 100px 0px;

    background-color: #dbf4f6;
}

.tuerkis h2 {
    color: #002f56;
}

.tuerkis h3 {
    background-color: #002f56;
    color: #fff;
}

.neutral .ohne-abstand,
.neutral.ohne-abstand {
    padding: 0px;
}

.neutral .oberer-abstand,
.neutral.oberer-abstand {
    padding: 100px 0px 0px 0px;
}

@media (max-width: 768px) {
    .neutral {
        padding: 60px 0px 60px 0px;
    }

    .neutral .tuerkis,
    .neutral.tuerkis {
        padding: 100px 0px 100px 0px;
        border-left: 0px;
        border-right: 0px;
    }
}

.blockabstand p {
    margin-top: 20px;
    margin-bottom: 0px;
}

.slider .slider-orange,
.slider .slider-rosa,
.slider .slider-blau {
    width: 100%;
    min-height: 550px;
    padding: 100px 0px 0px;
    margin: 0px;

    text-align: center;

    background-position: 50px 50px;

    background-repeat: no-repeat;
}

.slider .slider-rosa {
    background-color: #e81f75;
    background-image: url("/files/project/Bilder/svg/bubble-03.svg");
}

.slider .slider-blau {
    background-color: #002f56;
    background-image: url("/files/project/Bilder/svg/bubble-04.svg");
}

.slider .slider-orange {
    background-color: #ff4613;
    background-image: url("/files/project/Bilder/svg/bubble-05.svg");
}

.slider h2 {
    display: none;
}

.slider h2.sliderheadline {
    display: block;
    margin-bottom: 90px;

    font-size: 50px;
    font-style: normal;
    font-weight: 900;

    color: #fff;
}

.slider .slider-orange a,
.slider .slider-rosa a,
.slider .slider-blau a {
    padding: 8px 15px 8px 15px;
    border-radius: 8px;

    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 26px;

    background: #fff;
}

@media (max-width: 768px) {
    .slider .slider-orange,
    .slider .slider-rosa,
    .slider .slider-blau {
        width: 100%;
        min-height: 570px;
        padding: 100px 0px 0px;
        margin: 0 0 0 0;

        text-align: center;

        background-position: 50px 50px;

        background-repeat: no-repeat;
    }

    .slider h2.sliderheadline {
        margin-bottom: 70px;

        font-size: 30px;
    }

    .slider .slider-orange a,
    .slider .slider-rosa a,
    .slider .slider-blau a {
        padding: 8px 15px 8px 15px;

        font-size: 18px;
        line-height: 26px;
    }

    button.slick-next,
    button.slick-prev {
        display: none !important;
    }

    .slick-dots {
        bottom: 20px;
    }
}

.slider .slider-rosa a {
    color: #e81f75;
}

.slider .slider-blau a {
    color: #002f56;
}

.slider .slider-orange a {
    color: #ff4613;
}

.slider button {
    background-color: transparent;
    color: #fff;
}

.slider .slick-prev:before,
.slider .slick-next:before {
    color: #fff;
}

.slider .slick-prev:before {
    content: "\276E";
}

.slider .slick-next:before {
    content: "\276F";
}

.slick-dots li button:before {
    color: #fff;
    opacity: 0.6;
}

.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
}

/* Kontaktformular */

.kontaktformular label {
    display: block;
}

.kontaktformular .datenschutz {
    margin: 30px 0px 30px 0px;
}

.kontaktformular input[type="text"],
.kontaktformular input[type="tel"],
.kontaktformular input[type="email"],
.kontaktformular textarea {
    width: 100%;
    padding: 10px 0px 10px 16px;
    border: 1px solid #84d9de;
    border-radius: 4px;
    margin-bottom: 25px;

    font-size: 22px;
    font-weight: 400;
    line-height: 32px;

    background: #ffffff;
}

.kontaktformular input[type="text"]:focus,
.kontaktformular input[type="tel"]:focus,
.kontaktformular input[type="email"]:focus,
.kontaktformular textarea:focus,
.kontaktformular input[type="text"].error,
.kontaktformular input[type="tel"].error,
.kontaktformular input[type="email"].error,
.kontaktformular textarea.error {
    border: 1px solid #e81f75;

    box-shadow: 0px 0px 6px #e81f75;
    background: #ffffff;
}

.kontaktformular .datenschutz legend,
.kontaktformular input[type="text"]:focus::placeholder {
    display: none;
}

.kontaktformular input[type="text"]:focus::placeholder,
.kontaktformular input[type="tel"]:focus::placeholder,
.kontaktformular input[type="email"]:focus::placeholder,
.kontaktformular textarea:focus::placeholder,
.kontaktformular input[type="text"]:hover::placeholder,
.kontaktformular input[type="tel"]:hover::placeholder,
.kontaktformular input[type="email"]:hover::placeholder,
.kontaktformular textarea:hover::placeholder {
    padding-left: 50px;

    transition: padding 0.5s ease-in-out;
}

.kontaktformular input[type="text"]:focus::placeholder,
.kontaktformular input[type="tel"]:focus::placeholder,
.kontaktformular input[type="email"]:focus::placeholder,
.kontaktformular textarea:focus::placeholder {
    color: transparent;
}

.kontaktformular input[type="text"]::placeholder,
.kontaktformular input[type="tel"]::placeholder,
.kontaktformular input[type="email"]::placeholder,
.kontaktformular textarea::placeholder {
    padding-left: 0px;

    transition: padding 0.5s ease-in-out;

    color: #bbb;
}

.kontaktformular .datenschutz input[type="checkbox"] {
    margin: 7px 20px 0px 0px;

    float: left;
}

.kontaktformular label {
    margin-bottom: 6px;
}

.kontaktformular .datenschutz label {
    display: inline-block;
    width: 90%;
}

.kontaktformular button[type="submit"] {
    display: flex;
    padding: 8px 20px 12px;
    border: 2px solid #e81f75;
    border-radius: 10px;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    font-size: 18px;
    font-weight: 700;
    line-height: 26px;

    color: #fff;

    background: #e81f75;
}

.link a.google:hover,
.kontaktformular button[type="submit"]:hover {
    background: #cc1a66;
}

/* Sonstiges */
@media (max-width: 768px) {
    figcaption.caption {
        margin-bottom: 70px;
    }
}

.ce_text ul {
    margin-left: -17px;
}

.iframerahmen {
    position: relative;

    display: block;
    width: 100%;
    min-height: 800px;
}

.iframerahmen .iframehintergrund,
.iframerahmen .iframeinhalt {
    position: absolute;

    display: block;
    width: 100%;
}

.iframerahmen .iframehintergrund {
    z-index: 1;
}

.iframerahmen .iframeinhalt {
    z-index: 2;
}

.termine-vereinbaren iframe {
    margin-top: 270px !important;
}

iframe.termine-iframe {
    width: 100%;
    min-height: 800px;
    padding-top: 10px;
    border: 0px;
    margin: 0px;
}

.body-content[_ngcontent-coy-c24] {
    box-shadow: 0 0 0 #fff !important;
}

@media (max-width: 768px) {
    .termine-vereinbaren iframe {
        margin-top: 190px !important;
    }

    iframe.termine-iframe,
    .iframerahmen {
        min-height: 1300px;
    }

    iframe.termine-iframe {
        border: 0px;
        margin: 0px;
    }
}

/* Fuss */

.fuss {
    position: relative;

    display: block;
    width: 100%;
    padding: 0px 0px 100px 0px;

    background-color: #fff;
}

.fuss .kante {
    display: block;
    height: 4px;
    border-top: 4px solid #e81f75;
    margin-bottom: 100px;
}

.fuss .img-responsive {
    width: 80%;
}

@media (max-width: 768px) {
    .fuss .kante {
        border-top: 0px;
    }

    .fuss {
        border-top: 4px solid #e81f75;
    }

    .fuss .mod_customnav li {
        margin-bottom: 3px;
    }

    .fuss .img-responsive {
        width: 100%;
    }
}

.fuss ul {
    margin-left: -40px;

    list-style-type: none;
}

.fuss ul li a,
.fuss ul li a:visited {
    font-weight: 700;

    color: #e81f75;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .fuss {
        width: 100%;
        padding: 0px 0px 70px 0px;
        margin: 0 0 0 0;
    }

    .fuss .col-6 {
        margin-top: 20px;
    }

    .fuss .kante {
        margin-bottom: 40px;
    }
}

.fuss a.fuss-nummer,
.fuss a:visited.fuss-nummer,
.fuss a:active.fuss-nummer {
    color: #002f56;
    text-decoration: none;
}

.abstand-10,
.abstand-oben-10 {
    margin-top: 10px;
}

.abstand-20,
.abstand-oben-20 {
    margin-top: 20px;
}

.abstand-30,
.abstand-oben-30 {
    margin-top: 30px;
}

.abstand-40,
.abstand-oben-40 {
    margin-top: 40px;
}

.abstand-50,
.abstand-oben-50 {
    margin-top: 50px;
}

.abstand-60,
.abstand-oben-60 {
    margin-top: 60px;
}

.abstand-70,
.abstand-oben-70 {
    margin-top: 70px;
}

.abstand-80,
.abstand-oben-80 {
    margin-top: 80px;
}

.abstand-10,
.abstand-unten-10 {
    margin-bottom: 10px;
}

.abstand-20,
.abstand-unten-20 {
    margin-bottom: 20px;
}

.abstand-30,
.abstand-unten-30 {
    margin-bottom: 30px;
}

.abstand-40,
.abstand-unten-40 {
    margin-bottom: 40px;
}

.abstand-50,
.abstand-unten-50 {
    margin-bottom: 50px;
}

.abstand-60,
.abstand-unten-60 {
    margin-bottom: 60px;
}

.abstand-70,
.abstand-unten-70 {
    margin-bottom: 70px;
}
.abstand-80,
.abstand-unten-80 {
    margin-bottom: 80px;
}

/* Fluid */
.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}

@media (max-width: 768px) {
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-fluid .row {
        margin-right: 0px;
        margin-left: 0px;
    }
}