* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        text-decoration: none;
    }
    
    body {
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        min-height: 100vh;
        font-size: 16px;
        line-height: 30px;
        color: #000;
    }
    /* --------------------header --------------------------------------- */
    
    header {
        background-color: #020d1b;
        color: #fdaa01;
        font-size: 14px;
        line-height: 20px;
        padding: 16px 0;
        text-align: center;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    
    .logo_line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10%;
    }
    
    .hamburger-container,
    .login_button {
        width: 80px;
    }
    
    .logo_line img {
        height: 60px;
    }
    
    .logo_line img:hover {
        opacity: 0.6;
    }
    
    .logo_line button {
        padding: 2px 14px;
        background-color: #020d1b;
        color: #fdaa01;
        font-size: 14px;
        font-weight: 600;
        border: solid 1px #fdaa01;
        border-radius: 30px;
        cursor: pointer;
    }
    
    .logo_line button:hover {
        background-color: #fdaa01;
        color: #020d1b;
    }
    /* ------------ Mobile Nav ------------------------------------------ */
    
    .placeholder {
        color: #fdaa01;
    }
    
    .lang_nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .lang_nav ul li {
        display: inline-block;
        margin-right: 2px;
    }
    
    .lang_nav a {
        font-size: 14px;
        color: #fdaa01;
    }
    
    .active {
        border-bottom: 2px solid #fdaa01;
    }
    
    .lang_nav a:hover {
        color: #835c1a;
    }
    
    .hamburger {
        width: 50px;
        height: 25px;
        margin-left: 10px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .line {
        width: 100%;
        height: 1px;
        background-color: #fdaa01;
        transition: all 0.8s;
    }
    
    .change .line-2 {
        transform: translateX(20px);
    }
    
    .mobile-nav-bar {
        width: 100%;
        height: 100vh;
        color: #fdaa01;
        background-color: #020d1b;
        position: fixed;
        top: 96px;
        padding-top: 20px;
        padding-bottom: 60px;
        left: -100%;
        transition: left 0.8s cubic-bezier(1, 0, 0, 1);
        z-index: 99;
    }
    
    .mobile-nav-bar.change {
        left: 0;
    }
    
    .nav-list {
        list-style-image: url("images/raute_li.svg");
        padding-left: 30px;
    }
    
    .nav-ulist {
        list-style-image: url("images/raute_li.svg");
        padding-left: 50px;
    }
    
    .nav-item {
        font-size: 20px;
        margin: 20px;
        padding-left: 1em;
    }
    
    .nav-uitem {
        font-size: 16px;
        margin: 10px 20px;
        padding-left: 1em;
    }
    
    .nav-uitem img {
        height: 16px;
        padding-right: 4px;
    }
    
    .nav-link {
        text-decoration: none;
        font-size: 20px;
        color: #fdaa01;
    }
    
    .nav-ulink {
        text-decoration: none;
        font-size: 16px;
        color: #fdaa01;
    }
    
    @media (min-width: 1180px) {
        .mobile-nav,
        .nav_line_mobile,
        .hamburger {
            display: none
        }
    }
    
    @media (max-width: 1179px) {
        .placeholder,
        .nav_line {
            display: none
        }
    }
    
    @media (max-width: 390px) {
        .nav_line_mobile {
            display: none
        }
    }
    /* ------------ Ende mobile nav ------------------------------------------ */
    
    .logo_schrift img {
        height: 28px;
        padding-top: 1px;
    }
    
    .logo_schrift img:hover {
        opacity: 0.6;
    }
    
    .nav_line {
        margin: 0 auto;
    }
    
    .main_nav {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        line-height: 1.4;
        padding-top: 6px;
    }
    
    .main_nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .main_nav ul li {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .main_nav a {
        color: #fdaa01;
        transition: all 0.225s ease-in-out;
    }
    
    .main_nav a:hover {
        color: #835c1a;
    }
    /* ------------ Ende Header ------------------------------------------ */
    /* ------------ Section allgemein ---------------  */
    
    .section {
        width: 100%;
        overflow: hidden;
    }
    
    @media only screen and (min-width: 1060px) {
        .container {
            width: 74%;
            margin-left: auto;
            margin-right: auto;
        }
    }
    
    .container {
        padding: 60px 0;
    }
    
    @media only screen and (min-width: 1060px) {
        .cf,
        .csk,
        .cmcc,
        .cz1,
        .cz2,
        .cz3,
        .cz4,
        .cz5,
        .cz6,
        .container_ci,
        .cds,
        .cp {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
        }
        .cc {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
        .cv,
        .cva,
        .ctu {
            width: 70%;
            margin-left: auto;
            margin-right: auto;
        }
    }
    
    h1 {
        font-family: 'Open Sans', sans-serif;
        font-size: 24px;
        font-weight: normal;
        line-height: 42px;
        text-align: center;
        color: #daa520;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    
    h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        color: #daa520;
        padding-top: 0px;
        padding-bottom: 40px;
    }
    
    h3 {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #daa520;
        padding-bottom: 10px;
        text-align: left;
    }
    
    h4 {
        font-family: 'Open Sans', sans-serif;
        color: #000;
        font-size: 21px;
        font-weight: normal;
        line-height: 31px;
        padding-bottom: 20px;
    }
    
    h5 {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        padding-bottom: 20px;
    }
    
    h6 {
        color: #000;
        font-size: 16px;
        line-height: 25px;
        font-weight: normal;
        font-style: italic;
        padding-bottom: 10px;
    }
    
    .bold {
        font-weight: 600;
    }
    
    .center {
        text-align: center;
    }
    
    .kursiv {
        font-style: italic;
    }
    
    .underline {
        text-decoration: underline;
    }
    
    .textk {
        font-style: italic;
        font-weight: 600;
    }
    /* ------------- section Verein -------------- */
    
    .sv {
        background: #fff;
    }
    
    hr {
        background-color: #daa520;
        height: 1px;
        border: none;
    }
    
    .titel {
        background-color: #b88938;
        background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
        color: #020d1b;
        font-family: 'Caviar Dreams';
        font-size: 36px;
        font-weight: 500;
        line-height: 48px;
        text-transform: normal;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        padding: 26px 14px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .future {
        background-color: #b88938;
        background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
        color: #020d1b;
        font-family: 'Caviar Dreams';
        font-size: 28px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        padding: 20px 14px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .sv .one {
        font-family: 'Montaga', serif;
        font-size: 42px;
    }
    
    .strich {
        text-align: center;
        margin: 90px 0;
    }
    
    .strich h6 {
        position: relative;
    }
    
    .strich h6 img {
        width: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .strich h6::before {
        box-sizing: border-box;
        content: "";
        width: 47%;
        display: block;
        height: 2px;
        background-color: #daa520;
        position: absolute;
        left: 0;
        top: 50%;
    }
    
    .strich h6::after {
        box-sizing: border-box;
        content: "";
        width: 47%;
        display: block;
        height: 2px;
        background-color: #daa520;
        position: absolute;
        right: 0;
        top: 50%;
    }
    /* ----------------- Verein / Veranstaltung Benefiz-Fußballturnier --------------------- */
    
    .boxturnier {
        background-image: url(images/rasen_klein.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #008000;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 40px 0;
        padding: 50px 20px;
        color: #fff;
    }
    
    .turnier_plakat {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .turnier_plakat picture {
        display: block;
        width: 100%;
        padding: 0;
    }
    
    .turnier_plakat img {
        width: 100%;
    }
    
    .turnier_button {
        padding-top: 30px;
    }
    
    .turnier_button button {
        padding: 6px 40px;
        background-image: linear-gradient(to bottom right, #fec002ff 20%, #f88101ff 60%, #d41e1dff 100%);
        color: #020d1b;
        font-size: 16px;
        font-family: 'Caviar Dreams';
        font-weight: 600;
        letter-spacing: 1px;
        border: none;
        border-radius: 30px;
        cursor: pointer;
    }
    
    .turnier_button button:hover {
        background-image: none;
        background-color: #fec002ff;
        color: #020d1b;
    }
    /* ----------------- Verein Projekte --------------------- */
    
    .ueb_verein {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 38px;
        font-weight: 400;
        color: #fdaa01;
        background-color: #020d1b;
        text-align: center;
        padding: 15px 10px;
        margin-bottom: 60px;
    }
    
    .cv .kapitel {
        margin-bottom: 100px;
        padding: 0 40px;
        border: solid 2px #daa520;
    }
    
    .aufklaerung {
        margin: 40px 0;
    }
    
    .titel_box_aufkl {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 150px;
        width: 100%;
        background-color: #000;
        overflow: hidden;
        margin-top: 40px;
    }
    
    .titel_box_aufkl img {
        height: 150px;
        text-align: left;
    }
    
    .titel_aufkl {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Caviar Dreams';
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        color: #fdaa01;
        padding: 20px;
        padding-left: 20%;
    }
    
    .text_aufkl {
        background-image: url(images/hg_weiss_glatter.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #fff;
        padding: 20px 20px;
    }
    /* ------------- Projekt Bewusstlos und Luisa -------------- */
    
    .pr_container {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    .cv .subtitel {
        padding: 10px;
        color: #d41e1d;
        font-weight: 500;
    }
    
    .raute {
        padding-top: 20px;
        padding-bottom: 10px;
        text-align: center;
    }
    
    .raute img {
        height: 24px;
    }
    
    .box_pr1 {
        background-image: url(images/hg_schwarzxx.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #e20000;
        padding: 20px;
    }
    
    .box_pr1 .pr_logo {
        padding: 10px 0;
    }
    
    .box_pr1 .pr_logo img {
        width: 60px;
    }
    
    .pr1z1,
    .pr2z1 {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 32px;
        color: #fdaa01;
    }
    
    .pr1z2,
    .pr2z2 {
        font-family: 'Caviar Dreams';
        font-size: 16px;
        line-height: 24px;
        color: #fdaa01;
        padding-top: 6px;
    }
    
    .pr1z3,
    .pr2z3 {
        font-family: 'Caviar Dreams';
        font-size: 36px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #d41e1d;
        text-align: center;
        padding-top: 6px;
    }
    
    .pr1z4,
    .pr2z4 {
        font-family: 'Caviar Dreams';
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
        color: #fff;
        padding-top: 30px;
        padding-bottom: 10px;
    }
    /* ------------- Projekt Loverboy -------------- */
    
    .box_pr3 {
        background-color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 20px;
    }
    
    .box_pr3 .pr_logo {
        padding: 10px 0;
    }
    
    .box_pr3 .pr_logo img {
        width: 60px;
    }
    
    .pr3z1 {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 32px;
        color: #fdaa01;
    }
    
    .pr3z2 {
        font-family: 'Caviar Dreams';
        font-size: 16px;
        line-height: 24px;
        color: #fdaa01;
        padding-top: 6px;
    }
    
    .pr3z3 {
        font-family: 'Caviar Dreams';
        font-size: 36px;
        line-height: 40px;
        font-weight: 500;
        color: #d41e1d;
        text-align: center;
        padding-top: 6px;
        padding-bottom: 10px;
    }
    /* ------------- Projekt Liste -------------- */
    
    .pr1_liste ul,
    .pr2_liste ul {
        list-style: none;
        padding-top: 10px;
    }
    
    .pr1_liste ul li,
    .pr2_liste ul li {
        color: #d41e1d;
        font-weight: 500;
        padding-left: 4px;
        padding-bottom: 2px;
    }
    
    .unterpunkte {
        padding-left: 14px;
    }
    
    .unterpunkte ul {
        list-style: decimal;
        padding: 10px 0;
        padding-left: 14px;
    }
    
    .unterpunkte ul li {
        color: #000;
        font-weight: 400;
        padding: 0;
        padding-left: 4px;
        padding-bottom: 10px;
    }
    
    .unterpunkte2 ul {
        list-style: disc;
        padding: 0;
        padding-left: 20px;
    }
    
    .unterpunkte2 ul li {
        color: #000;
        font-weight: 400;
        padding-top: 0px;
        padding-left: 2px;
        padding-bottom: 10px;
    }
    
    .pr1_liste p,
    .pr2_liste p {
        font-size: 16px;
        padding-bottom: 30px;
        padding-left: 4px;
    }
    
    .pr1_liste button,
    .pr2_liste button {
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        color: #daa520;
        text-decoration: none;
        background-color: #fff;
        border: none;
        border-bottom: solid 2px #daa520;
        margin-top: 10px;
        margin-bottom: 20px;
        cursor: pointer;
    }
    
    .pr1_liste button:focus,
    .pr2_liste button:focus {
        outline-style: none;
    }
    
    .fragen {
        font-style: italic;
        padding-bottom: 10px;
    }
    
    .pr3_untertitel {
        font-family: 'Caviar Dreams';
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
        color: #d41e1d;
        text-align: center;
        padding: 20px 0;
    }
    
    .pr3_text {
        padding-bottom: 10px;
    }
    
    .pr3_ueb1 {
        font-family: 'Caviar Dreams';
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
        font-style: normal;
        text-align: left;
        color: #d41e1d;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    
    .pr3_ueb2 {
        font-family: 'Caviar Dreams';
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
        font-style: normal;
        text-align: left;
        color: #d41e1d;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .pr3_liste ul {
        list-style-image: url(images/raute_li_rot.svg);
        padding-top: 10px;
        padding-left: 14px;
    }
    
    .pr3_liste ul li {
        color: #d41e1d;
        font-weight: 500;
        padding-left: 6px;
        padding-top: 10px;
        padding-bottom: 2px;
    }
    
    .pr3_liste ul p {
        padding: 0;
        padding-bottom: 10px;
        padding-left: 6px;
    }
    
    .boxsummary {
        background-color: #fff;
        background-image: url(images/hg_weiss_glatter.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        color: #000;
        padding: 20px;
        border: solid 2px #d41e1d;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    .ueb_summary {
        font-family: 'Caviar Dreams';
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #d41e1d;
    }
    
    .boxsummary ul {
        list-style: disc;
        padding: 10px 0;
        padding-left: 14px;
    }
    
    .boxsummary ul li {
        color: #d41e1d;
        font-weight: 500;
        padding-left: 0;
        padding-top: 14px;
        padding-bottom: 2px;
    }
    
    .boxziel {
        background-color: #020d1b;
        color: #fff;
        padding: 20px;
        padding-bottom: 30px;
        border: solid 2px #daa520;
        margin-top: 40px;
        margin-bottom: 60px;
    }
    
    .ziel {
        font-family: 'Caviar Dreams';
        font-size: 20px;
        font-weight: 600;
        color: #fdaa01;
        padding-bottom: 10px;
    }
    
    .protokoll_link a {
        display: inline-block;
        font-size: 14px;
        color: #daa520;
        border: none;
        border-bottom: solid 2px #daa520;
        margin: 6px 0;
        cursor: pointer;
    }
    /* ------------- Verein Allgemein -------------- */
    
    .cv p {
        font-size: 16px;
        padding-bottom: 30px;
    }
    
    .v_liste {
        padding-top: 0;
        padding-bottom: 20px;
    }
    
    .kapitel h3 {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 38px;
        font-weight: 400;
        color: #fdaa01;
        background-color: #020d1b;
        text-align: center;
        padding: 15px 10px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .v_liste h3 {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 34px;
        font-weight: 400;
        color: #fdaa01;
        background-color: #020d1b;
        text-align: center;
        padding: 15px 10px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    .v_liste ul {
        list-style-image: url(images/raute_li_gold.svg);
        padding-top: 10px;
        padding-left: 18px;
    }
    
    .v_liste ul li {
        color: #daa520;
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
        padding-left: 6px;
        padding-top: 10px;
        padding-bottom: 2px;
    }
    
    .v_liste ul p {
        color: #000;
        padding: 0;
        padding-bottom: 10px;
        padding-left: 7px;
    }
    
    .c_button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }
    
    .c_button button {
        margin: 40px 20px;
        padding: 6px 10px;
        background-color: #020d1b;
        color: #c7c7c7;
        font-size: 14px;
        font-weight: 600;
        border: solid 2px #daa520;
        border-radius: 30px;
        cursor: pointer;
    }
    
    .c_button button:hover {
        background-color: #daa520;
        color: #020d1b;
        border: solid 2px #daa520;
    }
    /* ------------- Media Verein ------------- */
    
    @media screen and (max-width: 767px) {
        .cv .kapitel {
            padding: 0px 20px;
        }
        .pr_logo img {
            width: 70px;
        }
    }
    
    @media screen and (max-width: 479px) {
        .pr_logo img {
            width: 60px;
        }
    }
    
    @media screen and (max-width: 400px) {
        .pz1 {
            font-size: 24px;
            line-height: 32px;
        }
        .pz2 {
            font-size: 18px;
            line-height: 24px;
        }
        .pz3 {
            font-size: 28px;
            font-weight: 400;
            line-height: 40px;
        }
    }
    /* ------------- Section Forschung / Projekte ------------- */
    
    .sf {
        background: #fff;
        padding-bottom: 60px
    }
    
    .cf h2 {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        color: #fdaa01;
        background-color: #020d1b;
        text-align: center;
        padding: 15px 10px;
        margin-top: 60px;
        margin-bottom: 20px;
    }
    
    .forschung {
        border: solid 2px #daa520;
        padding: 20px;
        margin-top: 60px;
        margin-bottom: 70px;
    }
    
    .projekttitel {
        font-family: 'Caviar Dreams';
        font-size: 16px;
        font-weight: 600;
        color: #daa520;
    }
    
    .cf .zukunft {
        margin-top: 60px;
        margin-bottom: 80px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
        border: solid 2px #daa520;
    }
    
    .bild_f {
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 10px;
        float: left;
    }
    
    .bild_f img {
        width: 90px;
        padding-left: 0px;
        padding-right: 10px;
    }
    
    .bild_mf {
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 6px;
        margin-bottom: 4px;
        float: left;
    }
    
    .bild_mf img {
        width: 90px;
        padding-left: 0px;
        padding-right: 10px;
    }
    
    .bild_zf {
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 34px;
        margin-bottom: 10px;
        margin-right: 20px;
        margin-left: 4px;
        float: left;
    }
    
    .bild_zf img {
        width: 90px;
        padding-left: 8px;
        padding-right: 10px;
    }
    
    .cf p {
        padding: 20px 0;
    }
    
    .projekt {
        border: solid 2px #daa520;
        padding: 20px;
        margin-top: 40px;
        margin-bottom: 70px;
    }
    
    .af button,
    .zf button {
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        color: #daa520;
        text-decoration: none;
        background-color: #fff;
        border: none;
        border-bottom: solid 2px #daa520;
        margin-top: 10px;
        margin-bottom: 20px;
        cursor: pointer;
    }
    
    .af button:focus,
    .zf button:focus {
        outline-style: none;
    }
    
    .af p {
        padding: 14px 0;
    }
    
    .ueb_proj {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        margin-bottom: 20px;
    }
    
    .protext a {
        color: #000;
        text-decoration: none;
        border-bottom: 2px solid #daa520;
    }
    
    .protext a:hover {
        color: #835c1a;
    }
    
    ol {
        list-style-type: decimal;
        padding-left: 30px;
    }
    
    ol li {
        padding-left: 4px;
        padding-bottom: 10px;
    }
    
    .fib_img img {
        height: 120px;
    }
    
    .tor_img img {
        height: 90px;
    }
    
    .zero_img img {
        width: 50px;
    }
    
    .kind_img {
        margin-right: 10px;
    }
    
    .kind_img img {
        width: 50px;
    }
    
    .diamond_img img {
        width: 80px;
    }
    
    .timespace_img img {
        height: 100px;
    }
    
    .waage_img img {
        height: 80px;
    }
    
    .projekt h3 {
        font-family: 'Caviar Dreams';
        font-size: 18px;
        padding-left: 20px;
    }
    
    .projekt h4 {
        font-family: 'Caviar Dreams';
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        color: #daa520;
        padding: 0;
    }
    
    .projekt h5 {
        font-family: 'Caviar Dreams';
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        color: #daa520;
        padding-bottom: 20px;
    }
    
    .erw_ueb {
        font-family: 'Caviar Dreams';
        font-weight: 600;
        color: #daa520;
        text-align: center;
        padding-top: 20px;
    }
    
    .eliste {
        width: 100%;
        height: 300px;
        margin: 20px 0;
    }
    
    .look_liste {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #020d1b;
        margin: 20px;
        margin-bottom: 100px;
    }
    
    .lookl {
        width: 100%;
        height: 450px;
    }
    
    .erwbuch {
        margin: 50px 20px;
        background-color: #d8d7dc;
        padding-bottom: 20px;
    }
    
    .buchtitel1 {
        color: #daa520;
        font-family: 'Caviar Dreams';
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        padding-top: 20px;
    }
    
    .buchcover {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .buchcover img {
        width: 40%;
    }
    
    .covertext {
        background-color: #d8d7dc;
        font-family: 'Milonga', serif;
        padding: 20px;
    }
    
    .buchtitel2 {
        color: #daa520;
        font-family: 'Milonga', serif;
    }
    
    .look_book {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 0;
    }
    
    .look {
        width: 90%;
        height: 450px;
    }
    
    @media only screen and (max-width: 630px) {
        .projekt h4 {
            font-family: 'Caviar Dreams';
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            color: #daa520;
            padding: 0;
        }
        .projekt h5 {
            font-family: 'Caviar Dreams';
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            color: #daa520;
            padding-bottom: 20px;
        }
        .erwbuch {
            padding-bottom: 0;
        }
        .buchcover img {
            width: 100%;
            padding: 0 20px;
        }
        .erwbuch {
            margin: 50px 0px;
        }
        .look_liste {
            margin-left: 0;
            margin-right: 0;
        }
        .lookl {
            width: 100%;
            height: 600px;
            border: none;
        }
        .look {
            width: 100%;
            height: 600px;
            border: none;
        }
    }
    
    .summary {
        background-color: #020d1b;
        border: solid 2px #daa520;
        padding: 40px;
        margin: 20px 0;
    }
    
    .sum_ueb {
        font-family: 'Caviar Dreams';
        color: #fdaa01;
        font-size: 18px;
        line-height: 28px;
        font-weight: 600;
        padding-bottom: 20px;
    }
    
    .unten {
        color: #fff;
    }
    /* ------------ Schatzkiste sk ----------------------------------  */
    
    .titel_sk {
        background-color: #b88938;
        background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
        color: #020d1b;
        text-align: center;
        width: 100%;
        padding: 24px 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 80px;
    }
    
    .titel_sk img {
        width: 80px;
    }
    
    .z1 {
        color: #020d1b;
        font-family: 'Caviar Dreams';
        font-size: 28px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: 3px;
        text-transform: uppercase;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .z2 {
        color: #020d1b;
        font-family: 'Caviar Dreams';
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 1px;
        text-align: center;
    }
    
    .stern {
        text-align: center;
        padding-top: 10px;
    }
    
    .stern img {
        height: 20px;
        width: 20px;
    }
    
    .csk .block {
        border: solid 2px #daa520;
        padding: 20px;
        margin-bottom: 60px
    }
    
    .sparte {
        display: flex;
        justify-content: left;
        align-items: center;
        background-color: #020d1b;
        color: #fff;
        padding: 10px 20px;
    }
    
    .sparte h3 {
        font-size: 16px;
        line-height: 30px;
        color: #daa520;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
    }
    
    .bg_img,
    .bg_img_s {
        height: 60px;
        width: 60px;
        border-radius: 50%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        margin-right: 40px;
    }
    
    .bg_img img {
        height: 40px;
    }
    
    .bg_img_s img {
        height: 46px;
        width: 46px;
    }
    
    .block .liste {
        padding: 20px;
        margin-left: 40px;
    }
    
    .liste ul {
        list-style-image: url("images/raute_li.svg");
    }
    
    .liste ul li {
        padding-left: 1em;
        padding-top: 10px;
    }
    
    .liste .klappe {
        display: flex;
        justify-content: first baseline;
    }
    
    .liste .sk2 ul {
        list-style-image: none;
        list-style: none;
        font-style: italic;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .liste .sk2 ul li {
        padding-left: 10px;
    }
    
    .liste ul li label {
        display: inline-block;
        font-size: 16px;
        color: #000;
        border: none;
        text-decoration: underline;
        text-decoration-color: #daa520;
        text-decoration-thickness: 2px;
        text-underline-offset: 6px;
        margin: 0;
        cursor: pointer;
    }
    
    .liste ul li .content label {
        display: inline-block;
        font-size: 14px;
        color: #daa520;
        text-decoration: none;
        border: none;
        border-bottom: solid 2px #daa520;
        margin-top: 10px;
        margin-bottom: 20px;
        cursor: pointer;
    }
    
    .liste ul li a {
        color: #000;
        text-decoration: none;
        border-bottom: 2px solid #daa520;
    }
    
    .spirale ul {
        list-style: disc;
        padding-left: 40px;
        padding-bottom: 20px;
    }
    
    .spirale ul li {
        padding-top: 0;
    }
    
    .spirale_block {
        padding-top: 40px;
    }
    
    .spirale_block2 {
        padding: 20px 0;
    }
    
    .spirale_block2 img {
        height: 400px;
    }
    
    .mitbg {
        padding: 10px;
        background-color: #eaeaea;
        border: solid 1px #daa520;
        margin: 20px 0;
    }
    
    .mitbg2 {
        padding: 10px;
        background-color: #eaeaea;
        border: solid 1px #daa520;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    .mitbg3 {
        display: flex;
        justify-content: center;
        padding: 10px;
        background-color: #eaeaea;
        border: solid 1px #daa520;
        margin: 20px 0;
    }
    
    .mitbg3 img {
        height: 400px;
    }
    
    .csk p {
        padding: 10px 0;
    }
    
    .skueb {
        text-align: center;
        color: #daa520;
        font-size: 18px;
        font-weight: 600;
        padding: 20px 0;
    }
    
    .pdf {
        width: 100%;
        height: 400px;
        margin: 20px 0;
    }
    
    .buch_img {
        display: flex;
        justify-content: space-between;
    }
    
    .buch_img img {
        width: 48%;
    }
    
    .karten_buch {
        margin: 20px 0;
        text-align: center;
    }
    
    .karten_buch img {
        width: 300px;
    }
    
    .m16 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    .reduktion img {
        width: 20px;
        margin: 0 2px;
    }
    
    .reduktion ul {
        list-style-image: none;
        list-style-type: disc;
        padding-left: 20px;
    }
    
    .reduktion ul li {
        padding-left: 0;
        padding-top: 0;
    }
    
    .sterne {
        text-align: center;
    }
    
    .sterne img {
        width: 50px;
    }
    
    .wunschabschluss {
        padding: 20px 0;
    }
    
    .wunschstern {
        text-align: center;
    }
    
    .wunschstern img {
        height: 40px;
    }
    
    .schritte {
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    @media only screen and (max-width: 630px) {
        .bg_img,
        .bg_img_s {
            margin-right: 20px;
        }
        .block .liste {
            padding: 20px 0;
            padding-left: 20px;
            margin-left: 0px;
        }
        .liste ul li {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .liste ul li label {
            display: inline-block;
            font-size: 17px;
            color: #000;
            border: none;
            text-decoration: underline;
            text-decoration-color: #daa520;
            text-decoration-thickness: 2px;
            text-underline-offset: 6px;
            margin: 0;
            cursor: pointer;
        }
        .spirale ul {
            padding-left: 20px;
        }
        .spirale ul li,
        .reduktion ul li {
            padding-top: 0;
            padding-bottom: 0;
        }
        .mitbg3 {
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding: 10px;
            background-color: #eaeaea;
            border: solid 1px #daa520;
            margin: 20px 0;
        }
        .mitbg3 img {
            width: 100%;
        }
        .buch_img {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        .buch_img img {
            width: 100%;
            padding: 10px 0;
        }
        .karten_buch img,
        .m16 img {
            width: 100%;
        }
        .spirale_block2 img {
            width: 100%;
            height: auto;
        }
    }
    /* ------------ Veranstaltungen va ----------------------------------  */
    
    .titel_va {
        background-color: #b88938;
        background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
        color: #020d1b;
        font-family: 'Caviar Dreams';
        font-size: 28px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        padding: 24px 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 80px;
    }
    
    .cva h2 {
        font-family: 'Caviar Dreams';
        text-align: center;
        color: #daa520;
        font-size: 26px;
        font-weight: 600;
        margin-top: 80px;
    }
    
    .cva .va1 {
        border: solid 2px #daa520;
        padding: 0px;
        margin-bottom: 160px;
    }
    
    .cva .boxturnier {
        margin: 0;
    }
    
    .cva .va2 {
        margin-bottom: 80px;
    }
    
    .cva .titel_ws {
        background-color: #020d1b;
        color: #daa520;
    }
    
    .cva .bild_mcc {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 0;
    }
    
    .cva .bild_mcc img {
        max-width: 90%;
    }
    
    .cva .ut1,
    .cva .ut2 {
        font-family: 'Caviar Dreams';
        font-size: 34px;
        font-weight: 500;
        color: #daa520;
        background-color: #020d1b;
        text-align: center;
        padding: 0px 0;
    }
    
    .cva .ut2 {
        font-size: 26px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    
    .anmeldung {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #daa520;
        padding: 20px 0;
    }
    
    .anmeldung img {
        width: 50px;
        padding-right: 20px;
    }
    
    .anmeldung a {
        font-size: 18px;
        font-weight: normal;
        color: #000;
        text-decoration: underline;
    }
    
    .anmeldung a:hover {
        color: #000000b3;
    }
    
    @media only screen and (max-width: 630px) {
        .cva .ut1 {
            font-size: 24px;
        }
        .cva .ut2 {
            font-size: 18px;
            padding-top: 10px;
            padding-bottom: 20px;
        }
        .anmeldung img {
            width: 30px;
            padding-right: 10px;
        }
        .anmeldung a {
            font-size: 16px;
        }
    }
    
    .cva h3 {
        font-family: 'Caviar Dreams';
        font-size: 40px;
        font-weight: 500;
        color: #daa520;
        background-color: #020d1b;
        text-align: center;
        padding: 26px 10px;
        margin-bottom: 0px;
    }
    
    .workshop {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #fff;
        border: solid 2px #daa520;
        padding-bottom: 20px;
        margin-top: 0px;
        margin-bottom: 60px;
    }
    
    .cva .ueb_ws {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        font-weight: 500;
        color: #020d1b;
        background-color: #daa520;
        text-align: center;
        width: 100%;
        padding: 15px 0;
    }
    
    .bild_lb {
        width: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 0;
    }
    
    .bild_lb img {
        width: 200px;
    }
    
    .cva .text_box1 {
        font-family: 'Caviar Dreams';
        font-size: 19px;
        font-weight: 500;
        background-color: #daa520;
        color: #000;
        padding: 10px 20px;
        font-style: italic;
        margin-bottom: 40px;
    }
    
    .cva .text2 {
        padding: 0 20px;
    }
    
    .cva .text_box2 {
        background-color: #020d1b;
        color: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        margin: 40px 20px;
    }
    
    .danke {
        font-family: 'Caviar Dreams';
        font-size: 20px;
        text-align: center;
        padding: 6px 0;
    }
    
    .termin {
        padding-bottom: 20px;
    }
    /* -------- Seite tu Turnier Benefiz-Fussballturnier------  */
    
    .titel_tu {
        background-color: #b88938;
        background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
        color: #020d1b;
        font-family: 'Caviar Dreams';
        font-size: 28px;
        font-weight: 500;
        line-height: 34px;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        padding: 20px 14px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 60px;
    }
    
    .turnier_gesamt {
        border: solid 2px #daa520;
        padding: 40px;
        margin-top: 60px;
        margin-bottom: 70px;
    }
    
    .boxplakat {
        background-image: url(images/rasen_klein.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #008000;
        border: solid 2px #daa520;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 40px;
        color: #fff;
    }
    
    .turnier_nav {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        line-height: 1.4;
        padding: 40px 0;
    }
    
    .turnier_nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .turnier_nav ul li {
        display: inline-block;
    }
    
    .turnier_nav a {
        color: #000;
        margin: 2px 8px;
        border-bottom: solid 2px #fdaa01;
        transition: all 0.225s ease-in-out;
    }
    
    .turnier_nav a:hover {
        color: #fdaa01;
    }
    
    .ctu h2 {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 40px;
        color: #fdaa01;
        background-color: #020d1b;
        text-align: center;
        padding: 15px 10px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    .ctu h3 {
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 40px;
        font-weight: 500;
        color: #fdaa01;
        text-align: left;
        padding: 15px 20px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    .ctu p {
        padding: 20px;
        padding-bottom: 0;
    }
    
    .boxpunkt {
        background-color: #fda90188;
        background: #F9D766;
        background: linear-gradient(135deg, #F9D766, #DD840E);
        background-color: #fda90188;
        background: linear-gradient(135deg, #fda9015b, #fdaa01ff);
        background: linear-gradient(135deg, #fda9015b, rgba(253, 169, 1, 0.815));
        position: relative;
        margin-top: 100px;
        padding: 20px;
    }
    
    .kreis {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #000;
        position: absolute;
        top: -32px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: #fdaa01;
    }
    
    .punkt_ueb1,
    .punkt_ueb2 {
        font-family: 'Asap';
        font-size: 24px;
        line-height: 36px;
        font-weight: 400;
        font-style: italic;
    }
    
    .punkt_ueb1 {
        margin-top: 30px;
    }
    
    .punkt_ueb2 {
        color: #d41e1d;
        margin-bottom: 20px;
        text-align: right;
        margin-right: 6px;
    }
    
    .punkt_text {
        margin-bottom: 20px;
    }
    
    .punkt_text ul {
        padding-left: 20px;
        margin: 20px 0;
    }
    
    .punkt_text ul li {
        padding-bottom: 10px;
    }
    
    .boxwerte {
        background-image: url(images/rasen_klein.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #008000;
        position: relative;
        color: #fff;
        margin-top: 120px;
        padding: 20px;
    }
    
    .phoenix img {
        width: 90px;
        height: 90px;
        position: absolute;
        padding-left: 20px;
        top: -70px;
    }
    
    .ball img {
        height: 50px;
        position: absolute;
        top: 15px;
        right: 15%;
    }
    
    .werte_ueb1 {
        font-family: 'Asap';
        font-family: 'Caviar Dreams';
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        text-align: left;
        padding-top: 30px;
    }
    
    .werte_ueb2 {
        font-family: 'Asap';
        font-family: 'Caviar Dreams';
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        font-style: normal;
        color: #fff;
        text-align: right;
        padding-top: 14px;
    }
    
    .boxwerte ul {
        padding-left: 20px;
        margin: 30px 0;
    }
    
    .boxwerte ul li {
        padding-bottom: 10px;
    }
    
    .boldbig {
        font-family: 'Asap';
        font-family: 'Caviar Dreams';
        font-weight: 600;
        font-size: 18px;
    }
    
    .darum {
        border: solid 2px #daa520;
        margin-top: 70px;
    }
    
    .darum h3 {
        background-color: #020d1b;
        font-family: 'Caviar Dreams';
        font-size: 28px;
        line-height: 40px;
        font-weight: 500;
        color: #fdaa01;
        text-align: left;
        padding: 15px 20px;
        margin: 0;
    }
    
    .darum_text {
        color: #020d1b;
        padding: 30px 20px;
    }
    /* ------------- Media Turnier ------------- */
    
    @media screen and (max-width: 767px) {
        .turnier_gesamt {
            border: none;
            padding: 0;
            margin-top: 60px;
            margin-bottom: 70px;
        }
    }
    
    @media only screen and (min-width: 631px) {
        .boxpunkt {
            padding: 40px 60px;
        }
        .boxwerte {
            padding: 40px 60px;
        }
        .phoenix img {
            top: -90px;
        }
        .ball img {
            top: 10px;
            right: 18%;
        }
        .werte_ueb1 {
            padding-top: 25px;
        }
        .werte_ueb2 {
            padding-top: 15px;
        }
    }
    
    @media only screen and (min-width: 800px) {
        .punkt_ueb2 {
            padding-right: 60px;
        }
    }
    
    @media only screen and (min-width: 1200px) {
        .punkt_ueb2 {
            padding-right: 80px;
        }
    }
    /* -------- Veranstaltungen magic christmas cruise -------  */
    
    .cmcc .titel_mcc {
        background-color: #020d1b;
        color: #daa520;
    }
    
    .cmcc .bild_mcc {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 30px;
    }
    
    .cmcc .bild_mcc img {
        max-width: 90%;
    }
    
    .cmcc .success {
        background-color: #eaeaea;
        color: #020d1b;
        font-size: 14px;
        text-align: center;
        margin: 30px 0;
    }
    
    .cmcc .cferror {
        background-color: #eaeaea;
        color: #d30000;
        font-size: 14px;
        text-align: center;
        margin: 30px 0;
    }
    
    .cmcc h3 {
        font-family: 'Caviar Dreams';
        text-align: center;
        color: #daa520;
        font-size: 28px;
        margin-top: 60px;
        margin-bottom: 40px;
    }
    
    .look_flyer {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 0;
    }
    
    .flyer {
        width: 60%;
        height: 460px;
    }
    
    .mccres {
        border: solid 2px #daa520;
        padding: 20px 40px;
        margin-top: 80px;
        margin-bottom: 80px;
    }
    
    .mccan {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border: solid 2px #daa520;
        padding: 20px 40px;
        margin-top: 80px;
        margin-bottom: 80px;
    }
    
    .mccres h3,
    .mccan h3,
    .mccbu h3 {
        font-family: 'Caviar Dreams';
        text-align: center;
        color: #daa520;
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    
    .mccres h4,
    .mccres h5 {
        text-align: center;
        color: #000;
        font-size: 16px;
        font-weight: normal;
        margin: 0;
    }
    
    .mccres h5 {
        padding-bottom: 0;
    }
    
    .mccan h5,
    .mccbu h5 {
        text-align: left;
        color: #daa520;
        font-size: 18px;
        padding: 20px 0;
    }
    
    .mccan h6 {
        text-align: left;
        color: #000;
        font-style: italic;
        font-size: 16px;
        padding-top: 20px;
    }
    
    .mccan .formular {
        width: 100%;
        border-radius: 4px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, .3);
        padding: 0 40px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    .mccan .contactForm {
        z-index: -1;
        padding-bottom: 20px;
    }
    
    .mccan .inputfield {
        font-size: 16px;
        color: #daa520;
    }
    
    .mccan .contactForm .inputBox {
        position: relative;
        width: 100%;
        margin-top: 10px;
    }
    
    .mccan .contactForm .inputBox input,
    .mccan .contactForm .inputBox textarea {
        width: 100%;
        font-size: 14px;
        margin: 10px 0;
        outline: none;
        resize: none;
    }
    
    .mccan .contactForm .inputBox input {
        width: 100%;
        height: 40px;
        background: #fff;
        border-radius: 4px;
        border: 1px solid silver;
        padding: 0 10px;
    }
    
    .mccan .contactForm .inputBox textarea {
        border: 1px solid silver;
        padding: 10px;
        text-align: left;
        overflow: auto;
    }
    
    .mccan .contactForm .error {
        color: #d30000;
        font-size: 12px;
    }
    
    .mccan .contactForm .inputBox button {
        margin-left: 50%;
        transform: translateX(-50%);
        width: 220px;
        background-color: #daa520;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        border: none;
        border-radius: 30px;
        cursor: pointer;
        padding: 8px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    .mccan .contactForm .inputBox button:hover {
        background-color: #020d1b;
        color: #daa520;
    }
    
    .mccbu {
        border: solid 2px #daa520;
        padding: 20px 40px;
        margin-top: 80px;
        margin-bottom: 80px;
    }
    
    .mccbu .textbu {
        text-align: left;
    }
    
    .mccbu .endetext {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }
    
    .mccbu .bank {
        display: flex;
        justify-content: left;
        align-items: center;
        margin-top: 0;
        margin-bottom: 30px;
    }
    
    .mccbu .bank img {
        width: 140px;
        margin-left: 80px;
    }
    
    @media only screen and (max-width: 630px) {
        .flyer {
            width: 100%;
            height: 300px;
        }
        .mccan h3,
        .mccbu h3 {
            font-size: 24px;
        }
        .mccan {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            border: solid 2px #daa520;
            padding: 20px 20px;
            margin-top: 80px;
            margin-bottom: 80px;
        }
        .mccan .formular {
            padding: 0;
            box-shadow: none;
            margin-bottom: 0;
        }
        .mccbu {
            border: solid 2px #daa520;
            padding: 20px;
            margin-top: 80px;
            margin-bottom: 80px;
        }
        .mccbu .bank {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 0;
            margin-top: 0;
            margin-bottom: 30px;
        }
        .mccbu .bank img {
            width: 140px;
            margin-top: 30px;
            margin-left: 0px;
        }
        .endetext .textbu {
            text-align: left;
            font-size: 16px;
        }
    }
    /* ------------ Zero cz ----------------------------------  */
    
    .sz1,
    .sz2,
    .sz3,
    .sz4,
    .sz5,
    .sz6 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .sz1,
    .sz3,
    .sz5 {
        background-color: #fff;
    }
    
    .sz2 {
        background-color: #020d1b;
    }
    
    .sz4,
    .sz6 {
        background-color: #eaeaea;
    }
    
    .cz1,
    .cz2,
    .cz3,
    .cz4,
    .cz5,
    .cz6 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    
    .introzero {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 80px;
    }
    
    .introzero .logoz {
        text-align: center;
    }
    
    .introzero .logoname {
        text-align: center;
        font-family: 'Libre Bodoni';
        font-weight: 700;
        font-style: italic;
        font-size: 20px;
        line-height: 30px;
        padding-top: 20px;
    }
    
    .schnee {
        padding-bottom: 40px;
    }
    
    .schnee img {
        padding-top: 0;
        margin-top: 0;
    }
    
    .foto_container {
        padding-top: 30px;
        padding-bottom: 42px;
    }
    
    .foto_container img {
        padding: 0;
        margin: 0;
    }
    
    .foto {
        width: 100%;
        object-fit: cover;
    }
    
    .platinum {
        font-family: 'Libre Bodoni';
        font-style: italic;
        font-size: 18px;
    }
    
    .logoimtext {
        position: relative;
        top: 8px;
        padding-left: 2px;
        width: 27px;
        height: 33px;
    }
    
    .logoimNamen {
        position: relative;
        top: 8px;
        padding-left: 2px;
        width: 47px;
        height: 41px;
    }
    
    .cz2,
    .cz3,
    .cz4,
    .cz5 {
        border: solid 2px #daa520;
        padding: 20px 40px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .cz2 h3 {
        font-family: 'Caviar Dreams';
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        text-transform: initial;
        word-spacing: 6px;
        color: #daa520;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    .film {
        margin: 40px 0;
    }
    
    video {
        height: 480px;
        width: auto;
    }
    
    .textcz2 {
        color: #fff;
        padding-bottom: 30px;
    }
    
    .waage {
        max-width: 90%;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .coud {
        font-family: 'Caviar Dreams';
        width: 100%;
        background-color: #020d1b;
        color: #daa520;
        font-size: 24px;
        line-height: 38px;
        font-weight: 600;
        letter-spacing: 2px;
        text-align: center;
        padding: 20px;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    
    .oud {
        font-family: 'Caviar Dreams';
        color: #daa520;
        font-size: 22px;
        font-weight: 600;
    }
    
    .ctext {
        margin-bottom: 20px;
    }
    
    .gold_cd {
        font-family: 'Caviar Dreams';
        font-size: 18px;
        color: #daa520;
        font-weight: 600;
    }
    
    .unisex {
        padding: 20px 0;
    }
    
    .box_erfahrung {
        background-color: #020d1b;
        border: solid 2px #daa520;
        color: #fff;
        margin: 50px 0;
    }
    
    .erfahrung {
        padding: 20px 40px;
    }
    
    .viclink {
        font-family: 'Caviar Dreams';
        color: #daa520;
        font-size: 22px;
        font-weight: 600;
        margin-left: 2px;
    }
    /* ------------ Ende Zero cz ----------------------------------  */
    /* ------------ Kontakt cc ----------------------------------  */
    
    .sc {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f8f8f8;
    }
    
    .sc h2 {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    
    .sc .success {
        background-color: #eaeaea;
        color: #020d1b;
        font-size: 14px;
        text-align: center;
        margin: 30px 20px;
    }
    
    .sc .cferror {
        background-color: #eaeaea;
        color: #d30000;
        font-size: 14px;
        text-align: center;
        margin: 30px 20px;
    }
    
    .cc {
        display: flex;
        justify-content: center;
        color: #000;
        font-size: 16px;
        line-height: 22px;
        border: solid 2px #daa520;
        padding: 40px 10px;
        margin-bottom: 40px;
    }
    
    .cc .left {
        width: 45%;
        padding: 20px;
    }
    
    .cc .right {
        width: 55%;
        padding: 20px;
        background-color: #fff;
        margin-right: 20px;
    }
    
    .cc .one {
        font-family: 'Montaga';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
    }
    
    .cc .bold {
        font-weight: 600;
    }
    
    .cc .abs {
        padding-bottom: 40px;
    }
    
    .cc a {
        text-decoration: none;
        border-bottom: 2px solid #daa520;
        color: #000;
    }
    
    .cc a:hover {
        color: #835c1a;
    }
    
    .cc .social {
        word-spacing: 20px;
        padding-top: 2px;
        padding-bottom: 20px;
    }
    /* ------------ Kontaktformular ----------------------------------  */
    
    .cc .right {
        border-radius: 4px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, .3);
        margin-bottom: 20px;
    }
    
    .cc .contactForm {
        z-index: -1;
        padding-bottom: 20px;
    }
    
    .cc .inputfield {
        font-size: 14px;
        text-transform: uppercase;
        color: #daa520;
    }
    
    .cc .contactForm .inputBox {
        position: relative;
        width: 100%;
        margin-top: 10px;
    }
    
    .cc .contactForm .inputBox2 {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }
    
    .cc .contactForm .inputBox input,
    .cc .contactForm .inputBox textarea {
        width: 100%;
        font-size: 14px;
        margin: 10px 0;
        outline: none;
        resize: none;
    }
    
    .cc .contactForm .inputBox input {
        width: 100%;
        height: 40px;
        background: #fff;
        border-radius: 4px;
        border: 1px solid silver;
        padding: 0 10px;
    }
    
    .cc .contactForm .inputBox textarea {
        border: 1px solid silver;
        padding: 10px;
        text-align: left;
        overflow: auto;
    }
    
    .cc .check {
        padding: 30px 0;
    }
    
    .cc .checktext {
        font-size: 14px;
        color: #000;
        padding-left: 10px;
    }
    
    .cc .checktext a {
        font-size: 14px;
    }
    
    .cc .check input[type="checkbox"]:checked {
        accent-color: #daa520;
    }
    
    .cc .contactForm .error {
        color: #d30000;
        font-size: 12px;
    }
    
    .cc .contactForm .success {
        background-color: #eaeaea;
        color: #020d1b;
        font-size: 14px;
        margin: 30px 0;
    }
    
    .cc .contactForm .cferror {
        background-color: #eaeaea;
        color: #d30000;
        font-size: 14px;
        margin: 30px 0;
    }
    
    .cc .contactForm .inputBox button {
        margin-left: 50%;
        transform: translateX(-50%);
        width: 220px;
        background-color: #daa520;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        border: none;
        border-radius: 30px;
        cursor: pointer;
        padding: 8px;
    }
    
    .cc .contactForm .inputBox button:hover {
        background-color: #020d1b;
        color: #daa520;
    }
    /* ------------ Ende Kontakt / Kontaktformular ---------------  */
    /* ------------ Postkasten ----------------------------------  */
    
    .postkasten {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #b88938;
        background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
        width: 100%;
        margin-top: 0px;
        margin-bottom: 80px;
    }
    
    .postkasten img {
        height: 100px;
    }
    
    .sp .success {
        background-color: #daa520;
        color: #fff;
        font-size: 14px;
        text-align: center;
        margin: 30px 20px;
    }
    
    .sp .cferror {
        background-color: #eaeaea;
        color: #d30000;
        font-size: 14px;
        text-align: center;
        margin: 30px 20px;
    }
    
    .cp {
        border: solid 2px #daa520;
        padding: 20px 40px;
        margin-bottom: 80px;
    }
    
    .cp .contactForm {
        z-index: -1;
        padding-bottom: 20px;
    }
    
    .cp .contactForm .an_von {
        padding-bottom: 20px;
    }
    
    .cp .contactForm .inputBox1 {
        position: relative;
        width: 100%;
        margin: 20px 0;
    }
    
    .cp .inputfield,
    .cp .inputfield1 {
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: 16px;
        background-image: url(images/briefpapier_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 10px 20px;
        border: 2px solid #daa520;
    }
    
    .cp .contactForm .inputBox1 input {
        font-size: 14px;
        margin-top: 0px;
        outline: none;
        resize: none;
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 2px solid #daa520;
        padding: 0 10px;
        background-image: url(images/briefpapier_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .cp .bild {
        width: 80px;
    }
    
    .cp .text1 {
        padding-right: 20px;
    }
    
    .cp .abs_input {
        width: 50%;
    }
    
    .cp .vn_name {
        font-size: 13px;
        line-height: 15px;
        padding-right: 30px;
    }
    
    .cp .inputfield1 img {
        height: 50px;
    }
    
    .cp .inputfield img {
        height: 50px;
        padding-right: 20px;
    }
    
    .cp .contactForm .inputBox {
        position: relative;
        width: 100%;
        margin: 40px 0;
    }
    
    .cp .contactForm .inputBox textarea {
        width: 100%;
        font-size: 14px;
        margin-top: 0px;
        outline: none;
        resize: none;
        border: 2px solid #daa520;
        border-top: none;
        padding: 20px;
        text-align: left;
        overflow: auto;
        background-image: url(images/briefpapier_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .cp .contactForm .error {
        color: #d30000;
        font-size: 12px;
    }
    
    .cp .contactForm .success {
        background-color: #eaeaea;
        color: #020d1b;
        font-size: 14px;
        margin: 30px 0;
    }
    
    .cp .contactForm .cferror {
        background-color: #eaeaea;
        color: #d30000;
        font-size: 14px;
        margin: 30px 0;
    }
    
    .cp .contactForm .abschicken button {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-top: 60px;
        margin-bottom: 20px;
        background-color: #daa520;
        color: #020d1b;
        font-size: 16px;
        font-weight: 600;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        padding: 10px 40px;
    }
    
    .cp .contactForm .abschicken button img {
        height: 60px;
        padding-right: 20px;
    }
    
    .cp .contactForm .abschicken button:hover {
        color: #fff;
    }
    
    .cp .antwort {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
    }
    
    .cp .antwort img {
        height: 40px;
        padding-left: 30px;
    }
    
    @media only screen and (max-width: 630px) {
        .cp {
            padding: 20px 20px;
        }
        .cp .inputfield,
        .cp .inputfield1 {
            display: flex;
            justify-content: left;
            align-items: left;
            flex-direction: column;
            padding: 20px;
        }
        .abs_text {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 20px 0;
        }
        .cp .abs_input {
            width: 100%;
        }
        .cp .vn_name {
            font-size: 13px;
            line-height: 15px;
            padding-right: 0;
        }
        .cp .bild {
            height: 50px;
            width: auto;
        }
        .cp .text1 {
            padding-top: 10px;
            padding-right: 0px;
        }
        .cp .text2 {
            padding-top: 20px;
        }
        .cp .inputfield img {
            height: 50px;
            padding-right: 0px;
        }
        .cp .contactForm .inputBox1 input {
            margin-top: 10px;
            width: 100%;
            padding: 0 10px;
        }
        .cp .antwort img {
            height: 40px;
            padding-left: 10px;
        }
    }
    /* ------------ Ende Postkasten ---------------  */
    /* ------------ Spenden cs ---------------------------------  */
    
    .ss {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
    }
    
    .ss h2 {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    
    .spenden_container {
        border: solid 2px #daa520;
        padding: 20px;
        margin-bottom: 40px;
    }
    
    .spendendank {
        width: 100%;
        text-align: center;
        padding: 20px;
        margin-bottom: 60px;
        background-color: #daa520;
    }
    
    .spendencancel {
        width: 100%;
        text-align: center;
        padding: 20px;
        margin-bottom: 60px;
        background-color: #aeaeae;
    }
    
    .npo {
        padding-bottom: 40px;
    }
    
    .npo .one {
        font-family: 'Montaga';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
    }
    
    .spenden_button {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    
    .cs {
        display: flex;
        justify-content: center;
        padding-bottom: 40px;
        color: #000;
        font-size: 16px;
        line-height: 22px;
    }
    
    .cs .left {
        width: 50%;
        margin-left: 30px;
        padding: 20px;
    }
    
    .cs .right {
        width: 50%;
        padding: 20px;
    }
    
    .cs .abs {
        padding-bottom: 20px;
    }
    
    .cs .onev {
        margin-top: 30px;
    }
    
    .cs .onev2 {
        margin-top: 10px;
    }
    
    .cs .onesmall {
        font-family: 'Montaga';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
    }
    
    .cs .onebig {
        font-family: 'Montaga';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
    }
    
    .cs .qrpay {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    
    .cs .qr {
        margin-top: 40px;
    }
    
    .cs .qr img {
        width: 140px;
    }
    
    .bank {
        margin-top: 30px;
        margin-bottom: 60px;
    }
    
    .cs .one {
        font-size: 17px;
        font-weight: 600;
    }
    
    .cs .bold {
        font-weight: 600;
    }
    
    @media only screen and (max-width: 630px) {
        /* ----------- Handy ---------- */
        .cs .left {
            width: 100%;
            padding: 20px 10px;
            text-align: center;
            margin: 0;
        }
        .cs h3 {
            text-align: center;
        }
        .cs .right {
            width: 100%;
            padding-top: 20px;
            padding-bottom: 50px;
            padding-left: 10px;
            padding-right: 10px;
            margin: 0;
        }
        .cs .qr {
            text-align: center;
        }
    }
    /* ------------ Spenden ---------------  */
    /* ------------ Impressum ci ---------------------------------  */
    
    .si {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f8f8f8;
    }
    
    .si h2 {
        padding-bottom: 50px;
    }
    
    .container_ci {
        border: solid 2px #daa520;
        padding: 20px;
        margin-bottom: 40px;
    }
    
    .ci {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #000;
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 40px;
    }
    
    .sib {
        background: #f8f8f8;
    }
    
    .ci h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        color: #daa520;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    
    .ci .legal {
        padding-bottom: 30px;
        color: #daa520;
        font-weight: 500;
    }
    
    .ci .ci_content {
        width: 100%;
        font-size: 16px;
    }
    
    .ci .verein_name {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    
    .ci .abs {
        padding-bottom: 30px;
    }
    
    .ci .absgr {
        padding-bottom: 30px;
    }
    
    .ci .one {
        font-family: 'Montaga';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
    }
    
    .ci a {
        color: #000;
        text-decoration: none;
        border-bottom: 2px solid #daa520;
    }
    
    .ci a:hover {
        color: #835c1a;
    }
    
    .ci .kontaktf {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    
    .ci .kontaktf a {
        text-decoration: none;
        border-bottom: 2px solid #daa520;
        color: #000;
    }
    
    .ci .kontaktf a:hover {
        color: #daa520;
        border-bottom: 2px solid #daa520;
    }
    
    .cib h4 {
        font-family: 'Open Sans', sans-serif;
        color: #000;
        font-size: 20px;
        font-weight: normal;
        padding-bottom: 10px;
    }
    
    .cib {
        padding-bottom: 40px;
    }
    
    .cib p {
        padding-bottom: 40px;
    }
    
    .cib .seite {
        padding-top: 10px;
        font-weight: 600;
    }
    
    .cib ul li {
        list-style: none;
        padding: 0;
    }
    
    .cib a {
        color: #000;
        text-decoration: none;
    }
    /* ------------ Ende Impressum ------------------------  */
    /* ------------ Datenschutzerklärung ds ---------------  */
    
    .sds h2 {
        padding-bottom: 50px;
    }
    
    .cds {
        border: solid 2px #daa520;
        padding: 20px;
        margin-bottom: 40px;
    }
    
    .cds .kapitel {
        padding-bottom: 40px;
    }
    
    .cds p {
        font-size: 16px;
        padding-bottom: 30px;
    }
    /* ------------ Ende Datenschutzerklärung ---------------  */
    /* ------------ Login ---------------  */
    
    .sl {
        background-color: #f8f8f8;
    }
    
    .sl h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 26px;
        font-weight: normal;
        text-align: center;
        color: #daa520;
        padding-top: 0px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    
    .cl .loginForm {
        z-index: -1;
        margin: auto;
        width: 500px;
        max-width: 90%;
        padding-bottom: 60px;
    }
    
    .cl .loginForm .lerror {
        background-color: #eaeaea;
        color: #d30000;
        font-size: 14px;
        margin: 30px 0;
    }
    
    .cl .loginForm form {
        width: 100%;
        padding: 20px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, .3);
    }
    
    .cl .loginForm form input {
        width: 100%;
        height: 40px;
        background: #fff;
        border-radius: 4px;
        border: 1px solid silver;
        margin: 10px 0 18px 0;
        padding: 0 10px;
        outline: none;
        resize: none;
    }
    
    .cl .loginForm .error {
        color: #d30000;
        font-size: 12px;
    }
    
    .cl .loginForm form button {
        margin-left: 50%;
        transform: translateX(-50%);
        margin-top: 20px;
        margin-bottom: 20px;
        width: 220px;
        padding: 8px;
        border: none;
        outline: none;
        background: #daa520;
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        border-radius: 30px;
        transition: .3s;
    }
    
    .cl .loginForm form button:hover {
        background-color: #020d1b;
        color: #daa520;
    }
    /* ------------ Ende Login ---------------  */
    /* ------------ Footer ---------------  */
    
    footer {
        background-color: #b88938;
        background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
        color: transparent;
        color: #000;
        font-size: 14px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
    footer a {
        color: #000;
    }
    
    footer a:hover {
        color: #835c1a;
    }
    
    footer .mail a {
        color: #000;
        text-decoration: none;
        border-bottom: 2px solid #daa520;
    }
    
    footer .mail a:hover {
        color: #835c1a;
    }
    
    footer .footer_logo img {
        padding-top: 30px;
    }
    
    footer .mail {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        padding-top: 30px;
    }
    
    footer .spende_text {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    footer .spende_button {
        padding-bottom: 30px;
    }
    
    footer .spende_button button {
        padding: 10px 40px;
        background-image: linear-gradient(to bottom right, #fec002ff 20%, #f88101ff 60%, #d41e1dff 100%);
        color: #020d1b;
        font-size: 16px;
        font-family: 'Caviar Dreams';
        font-weight: 600;
        letter-spacing: 1px;
        border: none;
        border-radius: 30px;
        cursor: pointer;
    }
    
    footer .spende_button button:hover {
        background-image: none;
        background-color: #fec002ff;
        color: #020d1b;
    }
    
    footer .bottom {
        font-size: 14px;
        padding-bottom: 20px;
    }
    
    footer .imds {
        padding: 20px 0;
    }
    
    footer .imds_nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    footer .imds_nav ul li {
        display: inline-block;
    }
    /* -------------- Media Mittelgröße  ----------------------- */
    
    @media only screen and (max-width: 1059px) {
        /* ----------- Sections Mittelgröße ---------- */
        .container {
            padding: 60px 60px;
        }
        .foto img {
            width: 96%;
        }
        .c1 {
            padding: 0px 70px 50px 70px;
        }
        .c2 {
            padding: 0px 20px;
        }
        .c2 .diagramm {
            text-align: center;
        }
        .c3 .left {
            width: 60%;
        }
        .c3 .left .entity {
            padding-bottom: 20px;
            color: #daa520;
            text-align: center;
            font-size: 20px;
        }
        .c3 .right {
            width: 40%;
            text-align: center;
        }
        .c3 .right .element {
            width: 60%;
        }
        .c3 .right .element_resort {
            width: 70%;
        }
        .c3 .right img {
            text-align: center;
        }
    }
    /* ---------------------- Handy  ----------------------- */
    
    @media only screen and (max-width: 630px) {
        /* ----------- Sections Handy ---------- */
        .logo_line {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px;
        }
        .container {
            padding: 30px 20px;
            font-size: 16px;
        }
        .foto img {
            width: 96%;
        }
        .c1 {
            padding: 0;
            text-align: left;
        }
        .c1 .left {
            width: 60%;
            padding-top: 100px;
            font-size: 20px;
            line-height: 28px;
        }
        .c1 .right {
            width: 100%;
            margin: 0;
        }
        .c2 .diagramm {
            padding: 0;
            text-align: center;
        }
        .pfeil {
            width: 100%;
            padding: 40px 0;
            text-align: center;
        }
        picture {
            display: block;
            width: 100%;
            padding-top: 20px;
            padding-bottom: 60px;
        }
        .c3,
        .cc,
        .cs {
            flex-direction: column;
            width: 100%;
        }
        .c3 .left {
            width: 100%;
            text-align: left;
        }
        .c3 .left .entity {
            color: #daa520;
            font-size: 20px;
            text-align: center;
        }
        .c3 .right {
            width: 100%;
            text-align: center;
            padding-top: 0px;
            padding-bottom: 60px;
            padding-left: 20px;
            padding-right: 20px;
        }
        .c3 .right .element {
            width: auto;
        }
        .c3 .right .element_resort {
            max-width: 100%;
            width: auto;
        }
        .c3 .right img {
            text-align: center;
        }
        .cz2,
        .cz3,
        .cz4,
        .cz5 {
            border: solid 2px #daa520;
            padding: 20px 20px;
            margin-top: 50px;
            margin-bottom: 50px;
        }
        .sc h2 {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .cc .left {
            width: 100%;
            text-align: left;
            padding-top: 0px;
        }
        .cc .right {
            width: 100%;
            margin-top: 20px;
            padding-top: 20px;
            margin-right: 0;
            margin-bottom: 0;
        }
        .ss h2 {
            padding-top: 20px;
        }
        .npo,
        .bank {
            padding-left: 10px;
        }
        .si h2 {
            padding-top: 20px;
        }
        .cs h2 {
            padding-top: 20px;
        }
        .cs .left {
            width: 100%;
            padding: 20px 0px;
        }
        .cs .right {
            width: 100%;
            padding-top: 20px;
            padding-bottom: 50px;
            padding-left: 0;
            padding-right: 0;
        }
        .sds h2 {
            font-size: 28px;
            padding-top: 20px;
        }
        .sl h2 {
            padding-top: 20px;
        }
        .erfahrung {
            padding: 40px 20px;
        }
        ol {
            list-style-type: decimal;
            padding-left: 20px;
        }
    }
    /* ----------------------kleine Handy  ----------------------- */
    
    @media only screen and (max-width: 370px) {
        .main_nav ul li {
            display: inline-block;
            margin-left: 1px;
            margin-right: 1px;
        }
    }