@media only screen and (max-width: 768px) {
    @import "https://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css";
    /** @import "style.css"; **/
    /*** General - Start ***/

    /*.content-full {margin-right: 40px;} */
    /* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Open+Sans:400,700'); */
    /* open-sans-regular - latin */
    @font-face {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 400;
        src: url("/js/fonts/open-sans-v18-latin-regular.eot");
        /* IE9 Compat Modes */
        src:
            local(""),
            url("/js/fonts/open-sans-v18-latin-regular.eot?#iefix")
                format("embedded-opentype"),
            url("/js/fonts/open-sans-v18-latin-regular.woff2") format("woff2"),
            url("/js/fonts/open-sans-v18-latin-regular.woff") format("woff"),
            url("/js/fonts/open-sans-v18-latin-regular.ttf") format("truetype"),
            url("/js/fonts/open-sans-v18-latin-regular.svg#OpenSans")
                format("svg");
        /* Legacy iOS */
    }
    /* open-sans-700 - latin */
    @font-face {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 700;
        src: url("/js/fonts/open-sans-v18-latin-700.eot");
        /* IE9 Compat Modes */
        src:
            local(""),
            url("/js/fonts/open-sans-v18-latin-700.eot?#iefix")
                format("embedded-opentype"),
            url("/js/fonts/open-sans-v18-latin-700.woff2") format("woff2"),
            url("/js/fonts/open-sans-v18-latin-700.woff") format("woff"),
            url("/js/fonts/open-sans-v18-latin-700.ttf") format("truetype"),
            url("/js/fonts/open-sans-v18-latin-700.svg#OpenSans") format("svg");
        /* Legacy iOS */
    }
    /* roboto-condensed-regular - latin */
    @font-face {
        font-family: "Roboto Condensed";
        font-style: normal;
        font-weight: 400;
        src: url("/js/fonts/roboto-condensed-v19-latin-regular.eot");
        /* IE9 Compat Modes */
        src:
            local(""),
            url("/js/fonts/roboto-condensed-v19-latin-regular.eot?#iefix")
                format("embedded-opentype"),
            url("/js/fonts/roboto-condensed-v19-latin-regular.woff2")
                format("woff2"),
            url("/js/fonts/roboto-condensed-v19-latin-regular.woff")
                format("woff"),
            url("/js/fonts/roboto-condensed-v19-latin-regular.ttf")
                format("truetype"),
            url("/js/fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed")
                format("svg");
        /* Legacy iOS */
    }
    /* roboto-condensed-700 - latin */
    @font-face {
        font-family: "Roboto Condensed";
        font-style: normal;
        font-weight: 700;
        src: url("/js/fonts/roboto-condensed-v19-latin-700.eot");
        /* IE9 Compat Modes */
        src:
            local(""),
            url("/js/fonts/roboto-condensed-v19-latin-700.eot?#iefix")
                format("embedded-opentype"),
            url("/js/fonts/roboto-condensed-v19-latin-700.woff2")
                format("woff2"),
            url("/js/fonts/roboto-condensed-v19-latin-700.woff") format("woff"),
            url("/js/fonts/roboto-condensed-v19-latin-700.ttf")
                format("truetype"),
            url("/js/fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed")
                format("svg");
        /* Legacy iOS */
    }

    p,
    div,
    span,
    a,
    td,
    th,
    input {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
    }
    a {
        color: darkred;
        text-decoration: none;
    }
    h1 {
        margin-bottom: inherit;
    }
    /*** {border:1px solid red;}/**/

    .rubrik-farbe-1 {
        background-color: #9a3131;
        color: #fff;
    } /* Rostrot */
    .rubrik-farbe-default,
    .rubrik-farbe-2 {
        background-color: #b19300;
        color: #fff;
    } /* Golden */
    .rubrik-farbe-3 {
        background-color: #594a37;
        color: #fff;
    } /* Andrazit */

    .rubrik-farbe-1-slider-menu {
        background-color: #eee;
        color: #9a3131;
    } /* Rostrot */
    .rubrik-farbe-default-slider-menu,
    .rubrik-farbe-2-slider-menu {
        background-color: #eee;
        color: #b19300;
    } /* Golden */
    .rubrik-farbe-3-slider-menu {
        background-color: #eee;
        color: #594a37;
    } /* Andrazit */

    .highlight {
        background-color: yellow !important;
    }

    .clean-link {
        text-decoration: none;
        cursor: pointer;
    }
    .klicklink {
        text-decoration: none;
        cursor: pointer;
        color: #000;
    }
    .hidden {
        display: none;
    }
    .clear {
        clear: both;
    }
    .tooltip {
        font-size: 24px;
        font-weight: bold;
        z-index: 1000;
        color: #fff !important;
        background-color: #b19300 !important;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fixtip {
        text-align: center;
    }
    .kachel {
        cursor: pointer;
    }
    .pretext {
        color: #333;
        margin-top: -6px;
        margin-bottom: 20px;
    }

    .frame-fixed {
        width: 90%;
        height: auto;
        border: 2px solid #333;
        border-top: none;
        text-align: center;
        margin: auto;
        position: relative;
    }
    .frame-dynamic {
        width: 90%;
        min-height: auto;
        border: 2px solid #333;
        border-top: none;
        text-align: center;
        margin: auto;
        position: relative;
    }

    #complete {
        margin: auto;
        position: relative;
        min-height: 850px;
    }
    #outercontent {
        width: 100%;
    }
    #content {
    }
    #info {
    }
    #vita {
    }
    /*.content-liste {width: 1156px; position: absolute; top: 390px; left: 20px;}*/

    /*
.rubrik-header {width: 1156px;}
.rubrik-header-zweidrittel {width: 680px;}
.rubrik-header-eindrittel {width: 450px;}
*/

    /*** General - Ende ***/

    /*** Kopf - Start ***/

    .startseite-kopf {
        position: relative;
        height: 157px;
        width: 100%;
    }
    .unterseiten-kopf-rubriken {
        position: relative;
        height: 100px;
        width: 100%;
    }
    .unterseiten-kopf-kurse {
        position: relative;
        height: 100px;
        width: 100%;
    }

    .startseite-logo-ga,
    .unterseiten-logo-ga {
        position: absolute;
        cursor: pointer;
    }
    .startseite-logo-ga {
        left: 300px;
        top: 8px;
    }
    .unterseiten-logo-ga {
        left: 20px;
        top: 25px;
    }

    .kopf .hotline-nr {
        font-size: 20px;
        color: #b19300;
        text-transform: uppercase;
        position: absolute;
        top: 5px;
        right: 18px;
    }
    .kopf .hotline-zeiten {
        font-size: 14px;
        color: #b19300;
        position: absolute;
        top: 30px;
        right: 20px;
    }
    .kopf .suchfeld {
        font-size: 14px;
        color: #b19300;
        position: absolute;
        top: 54px;
        right: 20px;
    }
    .kopf .klickpfad {
        font-size: 10px;
        color: #000;
        position: absolute;
        top: 5px;
        left: 200px;
        max-width: 720px;
    } /* nicht mit hotline kollidieren */
    .kopf input {
        font-size: 14px;
    }
    .kopf .suchfeldErwSuche {
        padding-left: 2px;
        padding-right: 2px;
        display: block;
        position: absolute;
        top: 49px;
        left: 936px;
        width: 320px;
        height: 590px;
        border-color: rgb(177, 147, 0);
        border-width: 3px;
        border-style: solid;
        border-radius: 5px;
        background-color: rgb(255, 255, 255);
        z-index: 200;
        background-color: #ffffff;
        overflow: hidden;
    }
    .kopf .genusscardLogin {
        padding-left: 2px;
        padding-right: 2px;
        display: block;
        position: absolute;
        top: 85px;
        left: 525px;
        width: 620px;
        height: 490px;
        border-color: rgb(177, 147, 0);
        border-width: 3px;
        border-style: solid;
        border-radius: 5px;
        background-color: rgb(255, 255, 255);
        z-index: 200;
        background-color: #ffffff;
        overflow: hidden;
    }
    .gclogin-line-abstand {
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        left: 0;
        right: 0;
        height: 6px;
        background-color: #b19300;
    }
    .gclogin-titel {
        width: 250px;
        font-weight: bold;
    }
    .searchInlineBox {
        float: left;
        display: inline;
        padding: 5px;
    }
    .searchBlockBox {
        display: table;
        padding: 2px;
        background-color: #ffffff;
    }
    fieldset {
        font-size: 14px;
        color: #b19300;
        margin-top: 10px;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 0px;
        border: 1px solid;
        border-color: rgb(177, 147, 0);
        border-radius: 3px;
    }
    .inputSearch {
        width: 240px;
        height: 14px;
    }
    .layer-text {
        font-size: 14px;
        color: #b19300;
        margin-top: 10px;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .startseite-gutschein,
    .unterseiten-rubriken-gutschein,
    .unterseiten-kurse-gutschein {
        position: absolute;
        cursor: pointer;
    }
    .startseite-gutschein {
        top: 5px;
        left: -2px;
    }
    .unterseiten-rubriken-gutschein {
        top: 228px;
        left: -4px;
    }
    .unterseiten-kurse-gutschein {
        top: 148px;
        right: -4px;
    }

    .firmen .startseiten-menu {
        width: 100%;
        margin-top: 20px; /* padding-top: 180px; background-image: url('/image/2016/start/menue-start-consumer.png'); background-size: 100% auto; background-position: top; clear: both; background-repeat: no-repeat */
    }
    .consumer .startseiten-menu {
        width: 100%; /* padding-top: 180px; background-image: url('/image/2016/start/menue-start-consumer.png'); background-size: 100% auto; background-position: top; clear: both; background-repeat: no-repeat */
    }
    .info .startseiten-menu {
        width: 100%; /* padding-top: 180px;  background-image: url('/image/2016/start/menue-start-infos-lc.png'); background-size: 100% auto; background-position: top; clear: both; background-repeat: no-repeat */
    }

    .startseiten-menu .all {
        position: relative;
        margin-left: 8px;
        margin-right: 8px;
        left: 0;
        right: 0;
    }
    .info .startseiten-menu .all {
        position: relative;
        margin-left: 8px;
        margin-right: 8px;
        left: 0;
        right: 0;
    }
    .startseiten-menu .breit {
        position: relative;
        margin-left: 8px;
        margin-right: 8px;
        left: 0;
        right: 0;
    }
    .startseiten-menu .top {
        padding: 12px;
        border-bottom: 1px solid #fff;
        margin-left: 0px;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .startseiten-menu .subs {
        display: none;
    }
    .startseiten-menu .v-space {
        margin-top: -1px;
        display: block;
    }
    .startseiten-menu .group {
        display: block;
        padding: 12px;
        padding-left: 30px;
        margin-top: 0px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        border-top: 1px solid #e9ddbc;
    } /* item without link */
    .startseiten-menu .item {
        display: block;
        padding: 12px;
        padding-left: 30px;
        color: #e9ddbc;
        font-size: 15px;
        text-transform: uppercase;
        border-top: 1px solid #e9ddbc;
    }
    .unterseiten-menu {
        position: relative;
        float: right;
        height: 38px;
        width: 100%;
        margin-right: 20px;
        font-weight: bold;
        text-transform: uppercase;
    } /* etwas breiter wie noetig */
    /*.unterseiten-menu {border:2px solid green; background-color:gray;}*/
    .unterseiten-menu .tops {
        font-size: 11px;
        float: right;
    }
    .unterseiten-menu .tops .normal {
    }
    .unterseiten-menu .tops .aktiv {
        text-transform: uppercase;
    }
    .unterseiten-menu .tops .all {
        position: relative;
        float: left;
        padding-bottom: 35px;
        margin-left: 3px;
        z-index: 190;
    }
    .unterseiten-menu .tops .liste-1-spaltig {
        width: 975px;
    }
    .unterseiten-menu .tops .liste-2-spaltig {
        width: 485px;
    }
    .unterseiten-menu .tops .liste-3-spaltig {
        width: 320px;
    }
    .unterseiten-menu .tops .liste-4-spaltig {
        width: 240px;
    }
    .unterseiten-menu .tops .liste-5-spaltig {
        width: 190px;
    }
    .unterseiten-menu .tops .liste-6-spaltig {
        width: 155px;
    }
    .unterseiten-menu .tops .liste-7-spaltig {
        width: 130px;
    }
    .unterseiten-menu .tops .liste-8-spaltig {
        width: 110px;
    }
    .unterseiten-menu .tops .breit {
        width: 186px;
    }
    .unterseiten-menu .tops .liste-9-spaltig {
        width: 106px;
    } /* dieses */
    .unterseiten-menu .tops .liste-10-spaltig {
        width: 80px;
    }
    .unterseiten-menu .tops .liste-11-spaltig {
        width: 70px;
    }
    .unterseiten-menu .tops .liste-12-spaltig {
        width: 65px;
    }
    .unterseiten-menu .tops .liste-13-spaltig {
        width: 60px;
    }
    .unterseiten-menu .tops .liste-14-spaltig {
        width: 55px;
    }
    .unterseiten-menu .tops .liste-15-spaltig {
        width: 50px;
    }
    .unterseiten-menu .tops .top {
        position: relative;
        height: 24px;
        top: 0;
        bottom: 0;
        padding: 2px;
        padding-top: 12px;
    }
    .unterseiten-menu .tops .subs {
        display: none;
    }
    .unterseiten-menu .tops .v-space {
        margin-top: 0px;
        display: block;
    }
    .unterseiten-menu .tops .subs .group {
        display: block;
        padding: 12px;
        margin-top: 0px;
        font-weight: bold;
        border-top: 1px solid #e9ddbc;
    } /* item without link */
    .unterseiten-menu .tops .subs .item {
        display: block;
        padding: 12px;
        color: #e9ddbc;
        font-weight: normal;
        margin-top: 0px;
        border-top: 1px solid #e9ddbc;
    }

    .startseiten-menu-firmen-bild {
        display: none;
    }
    .startseiten-menu-consumer-bild {
        display: none;
    }
    .startseiten-menu-info-bild {
        display: none;
    }

    .startseite-news-ticker {
        display: none;
    }

    .unterseiten-menu-bild,
    .unterseiten-menu-bild-nur-schiene {
        width: 996px;
        position: relative;
        float: right;
        margin-right: 3px;
    }
    .unterseiten-menu-bild {
        height: 211px;
    }
    .unterseiten-menu-bild-nur-schiene {
        height: 27px;
    }
    /*.unterseiten-menu-bild,.unterseiten-menu-bild-nur-schiene {border:2px solid blue;}*/

    /*** Kopf - Ende ***/

    /*** Footer - Start ***/

    .footer {
        position: relative;
        margin-top: 20px;
        margin-left: 8px;
        margin-right: 8px;
        left: 0;
        right: 0;
    }
    .footer .line {
        height: 10px;
    }
    .footer .menu {
        text-align: center;
        height: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .footer .menu .a-hidden {
        display: none;
        margin: 0;
        padding: 0;
        height: 0;
        width: 0;
    }
    .footer .menu img {
        margin-left: 5px;
        cursor: pointer;
    }
    .footer .menu span {
        font-size: 14px;
        color: #b19300;
        margin-left: 10px;
        vertical-align: 6px;
        text-decoration: none;
    }
    .footer .menu span a {
        font-size: 14px;
        color: #b19300;
        vertical-align: -1px;
        text-decoration: none;
    }

    /*** Footer - Ende ***/

    /*** Anfrage - Start ***/

    .anfrage {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 25px;
    }
    .anfrage td {
        display: block;
    }
    .anfrage .header {
        height: auto;
        margin-top: 25px;
    }
    .anfrage .header .titel {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }
    .anfrage .box {
        padding: 10px;
        border: 2px solid #b19300;
        text-align: left;
        vertical-align: top;
    }
    .anfrage .box .titel {
        font-size: 20px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .anfrage .box .text {
        font-size: 16px;
        font-weight: normal;
        color: #000;
        text-transform: none;
    }
    .anfrage .box .small {
        font-size: 12px !important;
    }
    .anfrage .box .kursiv {
        font-style: italic;
    }
    .anfrage .box .galerie {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        max-width: 660px;
        overflow: hidden;
    }
    .anfrage .box .galerie .bild {
        display: inline;
    }
    .anfrage .links-oben {
        width: 94%;
        background-color: #e9ddbc;
    }
    .anfrage .links-oben img {
        width: 98%;
    }
    .anfrage .rechts-oben {
        width: 94%;
        background-color: #f4eedd;
        border-top: 0 !important;
    }
    .anfrage .links-unten {
        width: 94%;
        background-color: #f4eedd;
        border-top: 0 !important;
    }
    .anfrage .rechts-unten {
        width: 94%;
        background-color: #e9ddbc;
        border-top: 0 !important;
        min-height: 160px;
    }
    .anfrage .rechts-unten .text {
        clear: both !important;
        margin-top: 10px !important;
    }
    .anfrage #bilder_gallery div {
        width: 50% !important;
    }
    .anfrage #bilder_gallery_links div {
        width: 45% !important;
    }

    .anfrage .links-oben .bild {
        margin-left: -10px;
        margin-top: -10px;
        margin-right: 0px;
        margin-bottom: 12px;
        overflow: hidden;
        height: auto;
        width: 106%;
    }
    .anfrage .links-oben .bild img {
        min-width: 100%;
    }

    .anfrage .formular {
        text-align: left;
    }
    .anfrage .formular .container-text {
        width: auto;
    }
    .anfrage .formular .container-titel {
        width: auto;
        font-weight: bold;
    }
    .anfrage .formular .anmeldung-input-kurz {
        width: 100% !important;
        margin: 5px;
        margin-left: 0px;
    } /* input text */
    .anfrage .formular .anmeldung-input-lang {
        width: 100% !important;
        margin: 5px;
    } /* input text */
    .anfrage .formular .anmeldung-input-business {
        width: 100% !important;
        margin: 5px;
    } /* input button */
    .formular-button {
        font-size: 14px;
        color: #fff;
        width: 100% !important;
        background-color: #b19300;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
        border: 1px solid #f4eedd;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
    }

    /*** Anfrage - Ende ***/

    /*** Genussmagazin - Start ***/

    .magazin {
        width: 100%;
        position: relative;
        left: 20px;
    }

    .magazin .header {
        height: auto;
        margin-top: 25px;
    }
    .magazin .titel {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }
    .magazin .termine {
        position: relative;
        float: left;
    }
    .info .spalte-1 {
        height: auto !important;
    }
    .info .spalte-2 {
        height: auto !important;
    }

    .magazin a {
    }
    .magazin .container-text {
        text-align: left;
    }
    .magazin .container-titel {
        text-align: left;
        font-weight: bold;
    }
    .magazin .anmeldung-input-kurz {
        border: 2px solid #b19300;
    } /* input button */

    /*** Genussmagazin - Ende ***/

    /*** Kurs - Start ***/

    .kurs {
        width: auto;
        margin: 0;
        padding: 10px;
        left: 0;
    }
    .kurs table {
        max-width: 99% !important;
    }
    .kurs table td {
        height: auto !important;
        width: auto !important;
    }

    /* Kurs Buchen (+ Genusscard) */

    .kurs .page-teaser {
        text-align: left;
        margin-left: 0px;
        margin-right: 0px;
        color: #fff;
        background-color: #b19300;
        padding: 5px;
    } /* Buchung Steps (span, but last is div) */
    .kurs .page-teaser span {
    }
    .kurs .page-teaser div {
        display: inline;
    }
    .kurs a {
    }
    .kurs .anmeldung-table {
        text-align: left;
        margin-left: 3px;
        margin-right: 10px;
        width: 100% !important;
        clear: both;
    }
    .kurs .anmeldung-table tr {
        min-height: 160px !important;
    }
    .kurs .container-text {
        width: auto;
        clear: both !important;
    }
    .kurs .container-titel {
        width: auto;
        font-weight: bold;
    }
    /* input radio + checkbox */
    .kurs .anmeldung-input-kurz {
        width: 94%;
        font-size: 16px;
        margin: 5px;
        margin-bottom: 10px;
        margin-left: 0px;
    } /* input text + button */
    .kurs select.anmeldung-input-kurz {
        width: 94%;
        font-size: 16px !important;
        margin: 5px;
        margin-bottom: 10px;
        margin-left: 0px;
    } /* input text + button */
    .kurs .anmeldung-input-lang {
        width: 94% !important;
        font-size: 16px;
        margin: 5px;
        margin-bottom: 10px;
        margin-left: 0px;
    } /* input text + button */
    .kurs .anmeldung-line-abstand {
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        left: 0;
        right: 0;
        height: 6px;
        background-color: #b19300;
    }
    .kurs .headline {
        font-weight: bold;
    }
    .kurs td.text {
    }
    .kurs .text-facts {
        padding-left: 3px;
    }
    .kurs .anmeldung-small {
    }
    .kurs .buchen,
    .warteliste {
        width: 140px;
        margin-top: 5px;
    }
    /* Kurs Liste + Info + Termine */

    .kurs .bereich-11 {
        width: 100%;
        min-height: 580px;
    }

    .kurs .header {
        min-height: 26px;
        margin-top: 25px;
    }
    .kurs .header .titel {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }
    .kurs .titel {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }
    .kurs .titel-facts {
        font-size: 18px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
        padding: 4px;
        border-top: 1px solid #b19300;
        border-bottom: 1px solid #b19300;
        margin-bottom: 10px;
        width: 98%;
        color: #b19300;
    }

    .kurs .info {
        min-height: 600px;
        width: 100%;
    }
    .kurs .info .anmeldung-table {
        text-align: left;
        margin-left: 3px;
        margin-right: 10px;
        width: 100% !important;
        clear: both;
    }
    .kurs .info td {
        display: block;
    }
    /**.kurs .info {margin: -1px; border: 1px solid red;}/**/
    .kurs .info .titel {
        font-size: 18px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }
    .kurs .info .spalte-1 {
        padding: 20px;
        text-align: left;
        float: left;
    }
    .kurs .info .spalte-2,
    .kurs .info .spalte-3 {
        padding: 20px;
        text-align: left;
        float: left;
    }
    .kurs .info .spalte-1 {
        background-color: #f4eedd;
    }
    .kurs .info .spalte-2 {
        background-color: #e9ddbc;
    }
    .kurs .info .spalte-3 {
        background-color: #f4eedd;
    }
    .kurs .info .fullsize {
        width: auto !important;
        height: inherit;
        padding-left: 8px;
        padding-bottom: 20px;
        padding-right: 8px;
        border: 2px solid #b19300;
        background-color: #f4eedd;
    }
    .gc_login {
        color: #b19300;
        width: 500px;
        border: 2px solid #b19300;
        border-radius: 5px;
        background-color: #ffffff;
        z-index: 200;
    }
    .error-text {
        color: #c22;
    }
    .kurs .info .spalte-2 div:nth-child(1) .titel {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 10px solid;
    }

    .kurs .info .spalte-1 .bild {
        height: 150px;
        float: left;
        margin-right: 10px;
    }
    .kurs .info .titel {
        color: #b19300;
    }
    .kurs .info .text {
    }
    .kurs .info .block {
        text-align: left;
        text-justify: inter-word;
    }

    .kurs .termine {
        width: 100%;
        margin-top: 20px;
    }
    .kurs .termine .hidden {
        display: none;
    }
    /**.kurs .termine {margin: -1px; border: 1px solid red;}/**/
    /**.kurs .termine div {margin: -1px; border: 1px solid blue;}/**/
    .kurs .termine #ort {
        background-color: #e9ddbc;
        border: 2px solid #b19300;
        text-align: left;
        padding: 5px;
        margin-bottom: -2px;
    }
    .kurs .termine .titel {
        font-size: 18px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }
    .kurs .termine .body th {
        text-transform: uppercase;
    }
    .kurs .termine .body,
    .kurs .termine .body th,
    .kurs .termine .body td {
        border: 1px solid #b19300;
    }
    .kurs .termine .zeile img.buchen {
        margin-left: 1px;
        margin-right: 1px;
        cursor: pointer;
    }
    .kurs .termine .zeile img.warteliste {
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 2px;
        cursor: pointer;
    }
    .kurs .termine .zeile {
        text-align: left;
    }
    .kurs .termine .zeile th {
        vertical-align: bottom;
    }
    .kurs .termine .zeile:nth-child(odd) {
        background-color: #f4eedd;
    }
    .kurs .termine .zeile:nth-child(even) {
        background-color: #e9ddbc;
    }
    .kurs .termine .zeile {
        clear: both;
        min-height: 50px;
    }
    .kurs .termine .spalte-1,
    .kurs .termine .spalte-2,
    .kurs .termine .spalte-3,
    .kurs .termine .spalte-4,
    .kurs .termine .spalte-5 {
        padding: 5px;
    }
    .kurs .termine .spalte-1 {
        width: 140px;
    }
    .kurs .termine .spalte-2 {
        width: 140px;
    }
    .kurs .termine .spalte-3 {
        width: 535px;
    }
    .kurs .termine .spalte-4 {
        width: 180px;
    }
    .kurs .termine .spalte-5 {
        width: 110px;
    }
    .kurs .termine #info {
        background-color: #e9ddbc;
        border: 2px solid #b19300;
        text-align: left;
        padding: 5px;
        margin-top: 5px;
    }
    .kurs .termine #info img.warteliste {
        vertical-align: -2px;
        cursor: pointer;
    }

    .kurs .liste-1-zeilig {
        min-height: 229px;
    }
    .kurs .liste-2-zeilig {
        min-height: 279px;
    }
    .kurs .liste-3-zeilig {
        min-height: 379px;
    }
    .kurs .liste-4-zeilig {
        min-height: 479px;
    }
    .kurs .liste-5-zeilig {
        min-height: 579px;
    }
    .kurs .liste-6-zeilig {
        min-height: 640px;
    }
    .kurs .liste-7-zeilig {
        min-height: 730px;
    }
    .kurs .liste-8-zeilig {
        min-height: 830px;
    }
    .kurs .liste-9-zeilig {
        min-height: 880px;
    }
    .kurs .liste-10-zeilig {
        min-height: 975px;
    }
    .kurs .liste-11-zeilig {
        min-height: 1070px;
    }
    .kurs .liste-12-zeilig {
        min-height: 1160px;
    }
    .kurs .liste-13-zeilig {
        min-height: 1250px;
    }
    .kurs .liste-14-zeilig {
        min-height: 1340px;
    }
    .kurs .liste-15-zeilig {
        min-height: 1435px;
    }

    .kurs .liste-1-zeilig .kachel {
        height: 110px;
        cursor: pointer;
    }
    .kurs .liste-2-zeilig .kachel {
        height: 110px;
        cursor: pointer;
    }
    .kurs .liste-3-zeilig .kachel {
        height: 110px;
        cursor: pointer;
    }
    .kurs .liste-4-zeilig .kachel {
        height: 110px;
        cursor: pointer;
    }
    .kurs .liste-5-zeilig .kachel {
        height: 110px;
        cursor: pointer;
    }
    .kurs .kachel {
        height: 110px;
        cursor: pointer;
    }

    .kurs .bereich-11 .liste-1-spaltig .kachel {
        width: 100%;
        cursor: pointer;
    }
    .kurs .bereich-11 .liste-2-spaltig .kachel {
        width: 100%;
        cursor: pointer;
    }
    .kurs .bereich-11 .liste-3-spaltig .kachel {
        width: 100%;
        margin-bottom: 8px;
        cursor: pointer;
    }
    .kurs .bereich-11 .liste-4-spaltig .kachel {
        width: 100%;
        cursor: pointer;
    }

    .kurs .kachel {
        border: 1px solid #b19300;
        position: relative;
        float: left;
        cursor: pointer;
    }
    .kurs .leer {
        display: none;
        cursor: default !important;
    }

    .kurs .hell {
        background-color: #f4eedd;
        color: #636362;
    }
    .kurs .dunkel {
        background-color: #e9ddbc;
        color: #b19300;
    }

    .kurs .zeile-1 {
        margin-top: 0;
    }
    .kurs .zeile-2 {
        margin-top: -1px;
    }
    .kurs .zeile-3 {
        margin-top: -1px;
    }
    .kurs .zeile-4 {
        margin-top: -1px;
    }
    .kurs .zeile-5 {
        margin-top: -1px;
    }
    .kurs .zeile-6 {
        margin-top: -1px;
    }
    .kurs .zeile-7 {
        margin-top: -1px;
    }
    .kurs .zeile-8 {
        margin-top: -1px;
    }
    .kurs .zeile-9 {
        margin-top: -1px;
    }
    .kurs .zeile-10 {
        margin-top: -1px;
    }
    .kurs .zeile-11 {
        margin-top: -1px;
    }
    .kurs .zeile-12 {
        margin-top: -1px;
    }
    .kurs .zeile-13 {
        margin-top: -1px;
    }
    .kurs .zeile-14 {
        margin-top: -1px;
    }
    .kurs .zeile-15 {
        margin-top: -1px;
    }

    .kurs .bereich-11 .spalte-1 {
        margin-left: 0;
    }
    .kurs .bereich-11 .spalte-2 {
        margin-left: -1px;
    }
    .kurs .bereich-11 .spalte-3 {
        margin-left: -1px;
    }
    .kurs .bereich-11 .spalte-4 {
        margin-left: -1px;
    }

    .kurs .kachel .bild {
        float: left;
        margin-right: 8px;
    }
    .kurs .kachel .bild .img-92 {
        width: 92px;
        height: 92px;
    }
    .kurs .kachel .bild .img-182 {
        width: 110px;
        height: 110px;
    }
    .kurs .kachel .bild .img- {
        width: 110px;
        height: 110px;
    }

    .kurs .kachel .text-kochname,
    .text-kochname-prio {
        text-transform: uppercase;
        color: #b19300;
        font-weight: bold;
        text-align: left;
        padding-top: 3px;
    }
    .kurs .kachel .text-kursname,
    .text-kursname-prio {
        text-transform: uppercase;
        color: #636362;
        font-weight: bold;
        text-align: left;
        padding-top: 3px;
    }
    .kurs .kachel .text-termininfo {
        text-transform: none;
        color: #636362;
        font-weight: normal;
        text-align: left;
        padding-top: 3px;
    }

    .kurs .bereich-11 .liste-1-spaltig .kachel .text-kochname {
        font-size: 18px;
    }
    .kurs .bereich-11 .liste-1-spaltig .kachel .text-kursname {
        font-size: 18px;
    }
    .kurs .bereich-11 .liste-1-spaltig .kachel .text-termininfo {
        font-size: 18px;
    }

    .kurs .bereich-11 .liste-2-spaltig .kachel .text-kochname {
        font-size: 18px;
    }
    .kurs .bereich-11 .liste-2-spaltig .kachel .text-kursname {
        font-size: 18px;
    }
    .kurs .bereich-11 .liste-2-spaltig .kachel .text-termininfo {
        font-size: 18px;
    }

    .kurs .bereich-11 .liste-3-spaltig .kachel .text-kochname {
        font-size: 14px;
        color: #636362;
    }
    .kurs .bereich-11 .liste-3-spaltig .kachel .text-kochname-prio {
        font-size: 18px;
    }
    .kurs .bereich-11 .liste-3-spaltig .kachel .text-kursname {
        font-size: 14px;
    }
    .kurs .bereich-11 .liste-3-spaltig .kachel .text-kursname-prio {
        font-size: 16px;
        color: #b19300;
    }
    .kurs .bereich-11 .liste-3-spaltig .kachel .text-termininfo {
        font-size: 14px;
    }

    .kurs .bereich-11 .liste-4-spaltig .kachel .text-kochname {
        font-size: 14px;
    }
    .kurs .bereich-11 .liste-4-spaltig .kachel .text-kursname {
        font-size: 14px;
    }
    .kurs .bereich-11 .liste-4-spaltig .kachel .text-termininfo {
        font-size: 14px;
    }

    /*** Kurs - Ende ***/

    /*** Team - Start ***/

    .team {
        width: 90%;
        position: relative;
        left: 20px;
    }
    .team .header {
        height: auto;
        margin-top: 25px;
    }
    .team .titel {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }
    .team .fullsize {
        width: auto !important;
        padding-left: 8px;
        padding-right: 8px;
        border: 2px solid #b19300;
        background-color: #f4eedd;
    }
    .team .leer {
        display: none;
        cursor: default !important;
    }

    .team .info {
        width: 100%;
        margin-bottom: 20px;
    }
    /**.team .info {margin: -1px; border: 1px solid red;}/**/
    .team .info .titel {
        font-size: 18px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }

    .team .info .fullsize {
        width: 100%;
        border: 2px solid #b19300;
        padding: 10px;
    }

    .team .info .titel {
        color: #b19300;
    }
    .team .info .text {
    }
    .team .info .block {
        text-align: left;
        text-justify: inter-word;
    }

    .team .liste-1-zeilig {
        min-height: 229px;
    }
    .team .liste-2-zeilig {
        min-height: 279px;
    }
    .team .liste-3-zeilig {
        min-height: 379px;
    }
    .team .liste-4-zeilig {
        min-height: 479px;
    }
    .team .liste-5-zeilig {
        min-height: 579px;
    }
    .team .liste-6-zeilig {
        min-height: 640px;
    }
    .team .liste-7-zeilig {
        min-height: 730px;
    }
    .team .liste-8-zeilig {
        min-height: 830px;
    }
    .team .liste-9-zeilig {
        min-height: 880px;
    }
    .team .liste-10-zeilig {
        min-height: 975px;
    }
    .team .liste-11-zeilig {
        min-height: 1070px;
    }
    .team .liste-12-zeilig {
        min-height: 1160px;
    }
    .team .liste-13-zeilig {
        min-height: 1250px;
    }
    .team .liste-14-zeilig {
        min-height: 1340px;
    }
    .team .liste-15-zeilig {
        min-height: 1435px;
    }

    .team .liste-1-zeilig .kachel {
        height: 240px;
        cursor: default;
    }
    .team .liste-2-zeilig .kachel {
        height: 240px;
        cursor: default;
    }
    .team .liste-3-zeilig .kachel {
        height: 240px;
        cursor: default;
    }
    .team .liste-4-zeilig .kachel {
        height: 240px;
        cursor: default;
    }
    .team .liste-5-zeilig .kachel {
        height: 240px;
        cursor: default;
    }
    .team .kachel {
        height: 240px;
        cursor: pointer;
    }

    .team .bereich-11 .liste-1-spaltig .kachel {
        width: 100%;
        cursor: default;
    }
    .team .bereich-11 .liste-2-spaltig .kachel {
        width: 100%;
        cursor: default;
    }
    .team .bereich-11 .liste-3-spaltig .kachel {
        width: 100%;
        cursor: default;
    }
    .team .bereich-11 .liste-4-spaltig .kachel {
        width: 100%;
        cursor: default;
    }

    .team .kachel {
        border: 1px solid #b19300;
        position: relative;
        float: left;
        cursor: default;
    }
    .team .leer {
        cursor: default !important;
    }

    .team .hell {
        background-color: #f4eedd;
        color: #636362;
    }
    .team .dunkel {
        background-color: #e9ddbc;
        color: #b19300;
    }

    .team .zeile-1 {
        margin-top: 0;
    }
    .team .zeile-2 {
        margin-top: -1px;
    }
    .team .zeile-3 {
        margin-top: -1px;
    }
    .team .zeile-4 {
        margin-top: -1px;
    }
    .team .zeile-5 {
        margin-top: -1px;
    }
    .team .zeile-6 {
        margin-top: -1px;
    }
    .team .zeile-7 {
        margin-top: -1px;
    }
    .team .zeile-8 {
        margin-top: -1px;
    }
    .team .zeile-9 {
        margin-top: -1px;
    }
    .team .zeile-10 {
        margin-top: -1px;
    }
    .team .zeile-11 {
        margin-top: -1px;
    }
    .team .zeile-12 {
        margin-top: -1px;
    }
    .team .zeile-13 {
        margin-top: -1px;
    }
    .team .zeile-14 {
        margin-top: -1px;
    }
    .team .zeile-15 {
        margin-top: -1px;
    }

    .team .bereich-11 .spalte-1 {
        margin-left: 0;
    }
    .team .bereich-11 .spalte-2 {
        margin-left: -1px;
    }
    .team .bereich-11 .spalte-3 {
        margin-left: -1px;
    }
    .team .bereich-11 .spalte-4 {
        margin-left: -1px;
    }

    .team .kachel .bild {
        float: left;
        margin-right: 8px;
    }
    .team .kachel .bild .img-q240 {
        max-width: 160px;
        max-height: 240px;
    }
    .team .kachel .bild .img-q160 {
        max-width: 240px;
        max-height: 160px;
    }

    .team .kachel .text-name {
        text-transform: uppercase;
        color: #b19300;
        font-weight: bold;
        text-align: left;
        padding-top: 3px;
    }
    .team .kachel .text-position {
        text-transform: uppercase;
        color: #636362;
        font-weight: bold;
        text-align: left;
        padding-top: 3px;
    }
    .team .kachel .text-telefon {
        text-transform: none;
        color: #636362;
        font-weight: normal;
        text-align: left;
        padding-top: 3px;
    }
    .team .kachel .text-email {
        text-transform: none;
        color: #636362;
        font-weight: normal;
        text-align: left;
        padding-top: 3px;
    }
    .team .kachel .text-email a {
        font-size: 13px;
    }
    .team .kachel .text-info {
        text-transform: none;
        color: #636362;
        font-weight: normal;
        text-align: left;
        padding-top: 3px;
        font-style: italic;
    }

    .team .bereich-11 .liste-2-spaltig .kachel .text-name {
        font-size: 20px;
    }
    .team .bereich-11 .liste-2-spaltig .kachel .text-position {
        font-size: 16px;
    }
    .team .bereich-11 .liste-2-spaltig .kachel .text-telefon {
        font-size: 18px;
    }
    .team .bereich-11 .liste-2-spaltig .kachel .text-email {
        font-size: 18px;
    }
    .team .bereich-11 .liste-2-spaltig .kachel .text-info {
        font-size: 14px;
    }

    /*** Team - Ende ***/

    /*** Picto - Start ***/

    .picto {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 25px;
    }

    .picto .bereich-11 {
        width: 100%;
        height: 330px;
    }
    .picto .bereich-23 {
        width: 100%;
        height: auto;
        float: left;
    }
    .picto .bereich-13 {
        width: 100%;
        height: auto;
        float: right;
    }

    .picto .titel {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #b19300;
        text-transform: uppercase;
    }

    .picto .liste-1-zeilig {
        height: 229px;
    }
    .picto .liste-2-zeilig {
        height: 279px;
    }
    .picto .liste-3-zeilig {
        height: 279px;
    }

    .picto .liste-1-zeilig .kachel {
        height: 225px;
    }
    .picto .liste-2-zeilig .kachel {
        height: 135px;
    }
    .picto .liste-3-zeilig .kachel {
        height: 135px;
    }

    .picto .bereich-11 .liste-1-spaltig .kachel {
        width: 100%;
    }
    .picto .bereich-11 .liste-2-spaltig .kachel {
        width: 100%;
    }
    .picto .bereich-11 .liste-3-spaltig .kachel {
        width: 100%;
    }

    .picto .bereich-23 .liste-1-spaltig .kachel {
        width: 100%;
    }
    .picto .bereich-23 .liste-2-spaltig .kachel {
        width: 100%;
    }
    .picto .bereich-23 .liste-3-spaltig .kachel {
        width: 100%;
    }

    .picto .bereich-13 .liste-1-spaltig .kachel {
        width: 100%;
    }
    .picto .bereich-13 .liste-2-spaltig .kachel {
        width: 100%;
    }

    .picto .kachel {
        border: 1px solid #b19300;
        position: relative;
        float: left;
    }

    .picto .hell {
        background-color: #f4eedd;
        color: #636362;
    }
    .picto .dunkel {
        background-color: #e9ddbc;
        color: #b19300;
    }

    .picto .zeile-1 {
        margin-top: -1px;
    }
    .picto .zeile-2 {
        margin-top: -1px;
    }
    .picto .zeile-3 {
        margin-top: -1px;
    }
    .picto .zeile-1 .tooltip {
        text-align: center;
    }
    .picto .zeile-2 .tooltip {
        text-align: center;
    }
    .picto .zeile-3 .tooltip {
        text-align: center;
    }

    .picto .spalte-1 {
        margin-left: 0px;
    }
    .picto .spalte-2 {
        margin-left: 0px;
    }
    .picto .spalte-3 {
        margin-left: 0px;
    }

    .picto .liste-1-zeilig .kachel .bild {
        position: absolute;
        left: 1px;
        right: 1px;
        bottom: 40px;
        height: 130px;
    }
    .picto .liste-2-zeilig .kachel .bild {
        position: absolute;
        left: 1px;
        right: 1px;
        bottom: 40px;
        height: 80px;
    }
    .picto .liste-3-zeilig .kachel .bild {
        position: absolute;
        left: 1px;
        right: 1px;
        bottom: 40px;
        height: 80px;
    }

    .picto .kachel .bild {
        text-align: center;
    }
    .picto .kachel .bild .img {
        max-width: 320px;
        max-height: 75px;
    }

    .picto .liste-1-zeilig .kachel .text {
        position: absolute;
        left: 1px;
        right: 1px;
        top: 160px;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
    }
    .picto .liste-2-zeilig .kachel .text {
        position: absolute;
        left: 1px;
        right: 1px;
        top: 100px;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
    }
    .picto .liste-3-zeilig .kachel .text {
        position: absolute;
        left: 1px;
        right: 1px;
        top: 40px;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
    }

    .picto .leer {
        cursor: default !important;
        display: none;
    }
    /*** Picto - Ende ***/

    /*Start Kurs style*/
    /*.container-kurs{width: 100%;height:500px; background-color: #f4eedd;}*/
    .container-kurs {
        width: 100%;
        min-height: 500px;
        background-color: #f4eedd;
    }
    /*End kurs style*/

    /*Start Kurs buchung style*/
    .table-striped tr:nth-child(odd) td {
        background-color: #f4eedd;
    }

    .table-striped tr:nth-child(even) td {
        background-color: #e9ddbc;
    }

    .table-striped tr.highlight td {
        background-color: #f2f5a9;
    }

    .table-striped tr:first-child td {
        background-color: #f4eedd;
    }
    /*End Kurs buchung style*/
}