html {
    /* padding: 0; */
    /* margin: 0px; */
    /* border: 0; */
}

body {
    font-size: 14pt;
    font-family: 'Gudea',sans-serif;
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    color: #000000;
    letter-spacing: 0px;
    line-height: 1.4em;
    font-weight: normal;
    text-align: center;
    font-style: normal;
    text-align: left;
}

p {
    margin: 0em 0 1em 0
}

.img_rund {
    text-align: center;
    max-width: 10em;
    margin: auto;
    overflow: auto;
    background: white;
    border: 0px red dashed;
    xposition: absolute;
    width: 50%;
    padding: 1em
}

.liste {
    border: 0px red dashed;
    max-width: 23em;
    margin: auto;
    text-align: left;
    background-color: #faf6f6;
    padding: 0.1em 1em;
    margin-top: 1em;
    border-radius: 1em
}

.fixed_background {
    /* weitere parameter in z_css_all/kukao_all.css */
    /* background-image: url(../images/gross/logo/herz.jpg); */
}

.html5_video {
    width: 100%;
    border: 0px orange solid;
}

/* -----------------------------------*/
.html5_audio_outer {
    border: 2px #aaa solid;
    border-radius: 8px;
    margin-bottom: 1em;
    margin-top: 1em;
    float: left;
    overflow: auto;
    text-align: left;
    font-family: arial, sans-serif;
    font-size: 10pt;
    color: black;
    background-color: #bbb;
    width: 100%;
    max-width: 28em;
}

.html5_audio_controls {
    background-color: #999;
    overflow: auto;
}

.html5_audio {
    margin: 1%;
    margin-top: 0.5em;
    margin-bottom: 0;
    width: 98%;
}

.html5_audio_headline {
    background-color: #999;
    padding: 0.25em;
    padding-left: 0.5em;
    overflow: auto;
    border-bottom: 0px #999 solid;
    font-weight: bold;
    color: white;
    line-height: 1.6em;
}

.html5_audio_text_play {
    background-color: rgb(255,240,144);
    color: black;
    padding: 0.25em;
    padding-left: 0.5em;
    overflow: auto;
    cursor: pointer;
    border-bottom: 1px #999 solid;
    line-height: 1.4em;
}

.html5_audio_text_pause {
    background-color: rgb(240,240,240);
    color: black;
    padding: 0.25em;
    padding-left: 0.5em;
    overflow: auto;
    cursor: pointer;
    border-bottom: 1px #999 solid;
    line-height: 1.4em;
}

.html5_audio_text_stop {
    background-color: #fff;
    color: black;
    padding: 0.25em;
    padding-left: 0.5em;
    overflow: auto;
    cursor: pointer;
    border-bottom: 1px #999 solid;
    line-height: 1.4em;
}

.progress_outer {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: rgb(240,255,0);
}

progress {
    color: rgb(0,255,16);
    xfont-size: .6em;
    xline-height: 1.0em;
    xtext-indent: .5em;
    width: 100%;
    height: 0.1em;
    border: 1px solid #0063a6;
    background: #fff;
}

/* -----------------------------------*/
.youtube-player {
    overflow: auto;
    display: block;
    width: 100%;
    height: 500px;
    border: 0px pink solid;
}

h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 2em;
    font-weight: normal;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    /* background: #328c8d; */
    /* background: #929292; */
    /* background: #e79b23; */
    /* padding: 0em 0.3em; */
    /* padding: 0em 0.5em 0 0; */
    /* border-bottom: 2px #ec9823 solid; */
    /* color: #ec9823; */
    line-height: 1.3em;
    /* text-shadow: 0 0 2px gray; */
    /* display: inline-block; */
    word-wrap: break-word;
}

h3 .trenner {
    display: inline-block;
    border: 3px orange solid;
}

h4 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1.2em;
    font-weight: normal;
    color: #9e9e9e;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    /* border-bottom: 2px #ec9823 solid; */
    color: #ec9823;
    line-height: 1.3em;
    word-wrap: break-word;
    display: inline-block;
}

.trenner:before {
    /* content: "\00AD"; */
    content: "";
}

b {
    /* color: #6d3d3b; */
}

i {
}

i::before {
    content: "\00bb";
    margin-right: 0.3em;
}

i::after {
    content: "\00ab";
    margin-left: 0.3em;
}

.userstyle1 {
    color: #a97685;
    /* font-size: 1.6em; */
}

.userstyle5 {
    color: #aaa;
    font-style: italic;
    font-size: 0.7em;
    margin-top: 1em;
}

/* Absender im Head */
.userstyle2 {
    font-size: 0.7em;
}

/* Absender im Head */
.userstyle3 {
    font-size: 1.0em;
    color: #60302a;
}

/* Absender im Head */
.userstyle4 {
    font-size: 1.0em;
    color: red;
}

.logo {
    margin: auto;
    margin-left: 0%;
    margin-top: 0em;
    float: left;
    width: 100%;
    border: 0px blue solid;
}

.logo-mini {
    display: none;
    margin: auto;
    margin-left: 0%;
    margin-top: 0em;
    float: left;
    width: 100%;
    border: 0px blue solid;
}

.website-top-adresse {
    margin-top: 35px;
    margin-right: 0;
    text-align: right;
    font-size: 0.9em;
    float: right;
    display: inline;
    border: 0px orange dotted;
    line-height: 1.30em;
}

a:link {
    text-decoration: none;
    color: rgb(236, 152, 35);
}

a:visited {
    text-decoration: none;
    color: rgb(236, 152, 35);
}

a:hover {
    color: rgb(50, 140, 141);
    text-decoration: none;
}

a:active {
    color: rgb(153,0,0);
    text-decoration: none;
}

a:focus {
    color: rgb(153,0,0);
    text-decoration: none;
}

.nivo1 {
    width: 35%;
    margin: 0;
    margin: auto;
    margin-left: 1em;
    margin-bottom: 12px;
    float: right;
    padding: 1.0em;
    padding-bottom: 1em;
    border: 0em rgb(232,232,232) solid;
    box-shadow: 0px 0px 10px #777;
    -moz-box-shadow: 0px 0px 10px #777;
    -webkit-box-shadow: 0px 0px 10px #777;
    background-color: rgb(232,232,232);
    border: 0px rgb(192,192,192) solid;
    -moz-border-radius: 15px;
    /* Firefox */
    -webkit-border-radius: 15px;
    /* Safari, Chrome */
    -khtml-border-radius: 15px;
    /* Konqueror */
    border-radius: 15px;
    /* CSS3 */
}

/*-------------------------------------*/
.formular_table_hintergrund {
    text-align: left;
    width: 550px;
    overflow: auto;
}

.formular_table_hintergrund .jsubmit {
    float: left;
    margin-left: 0px;
}

.formular_table_hintergrund_inner {
}

.formular_zeile_hilfe_text {
    font-size: 0.9em;
    color: #808080;
    margin-top: 12px;
    margin-bottom: 6px;
    width: 320px;
    text-align: left;
}

.formular_zelle_titel_hintergrund {
    clear: both;
    margin: 0px;
    text-align: right;
    width: 120px;
    float: left;
    margin-right: 6px;
}

.formular_zelle_hintergrund {
    float: left;
    margin-top: 0em;
}

.clear_block_formular_zeile {
    margin: 0px;
    padding: 0px;
    clear: both;
    width: 520px;
    line-height: 0px;
}

.hinweis_felder_unbedingt_ausfuellen {
    font-size: 0.8em;
    text-align: left;
    margin-left: 230px;
}

.table_main {
    width: 100%;
}

.table_main_td_head_left {
}

.table_main_td_head {
    /* margin-left: 3%; */
    /* margin-right: 3%; */
    position: relative;
    padding: 1em 0% 1em 0%;
    margin-top: 0em;
    /* padding-bottom: 0%; */
    width: 100%;
    float: left;
    /* margin-bottom: 0px; */
    /* margin-top: 0%; */
    /* margin-bottom: 0em; */
    /* margin: 0; */
    height: auto;
    border: 0px #FFEB3B solid;
    box-sizing: border-box;
    overflow: visible;
    background: #328c8d;
    text-align: center;
}

.head_transparent_placeholder {
    opacity: 0.5;
    /* width: 100%; */
    /* float: left; */
    border: 3px red solid;
    /* display: block; */
    position: absolute;
    /* left: 0%; */
    /* top: 0em; */
    overflow: auto;
}

.table_main_td_middle {
    float: left;
    overflow: auto;
    border: 0px blue dotted;
    background: #dbd7d6;
    margin-top: 0em;
    margin-bottom: 0em;
    width: 100%;
    min-height: 35em;
}

.table_main_td_left {
    margin: 4em 0% 1em 5%;
    float: left;
    width: 15%;
    min-height: 600px;
    text-align: left;
    display: block;
    /* border-left: 3px #a97685 dashed; */
}

.table_main_td_main {
    margin: auto;
    margin-top: 0em;
    width: 1000px;
    max-width: 100%;
    /* margin-left: 20%; */
    border: 0px #ffffff dotted;
    padding: 0em;
    float: none;
    overflow: auto;
    background-color: rgb(219, 215, 214);
    min-height: 23em;
    /* margin: auto; */
    position: relative;
    padding: 3em 3em 4em;
    /* background-image: url('../images/gross/logo/bauch.png'); */
    /* background-size: 32%; */
    /* background-size: cover; */
    /* background-position: 50% 50%; */
    /* background-repeat: no-repeat; */
    /* background-blend-mode: hue; */
}

.xtable_main_td_main::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* opacity: 10%; */
    background-image: url('../images/gross/logo/bauch.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: 100%;
    filter: saturate(0.0);
}

.table_main_td_right {
    display: none;
    float: right;
    margin-top: 0%;
    padding: 0;
    padding-left: 2%;
    margin: 0;
    margin-right: 3%;
    width: 24%;
    border: 0px #ccc dotted;
    font-size: 1em;
    overflow: hidden;
    /*box-shadow: 0px 0px 6px #ccc;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
*/
    border: 0px orange solid;
}

.table_main_td_foot {
    clear: both;
    text-align: center;
    font-size: 0.8em;
    border: 0px #3500ff dotted;
    /* background-color: #f98b2f; */
    background: rgb(50, 140, 141);
    color: white;
    margin-top: 0em;
    line-height: 1.4em;
    display: block;
    overflow: auto;
    float: left;
    width: 100%;
}

.table_main_td_foot_inner {
    margin: auto;
    border-top: 0px #9b0000 dotted;
}

.table_main_td_foot_right {
}

.table_main_td_foot a:link {
    color: white;
}

.table_main_td_foot a:visited {
    color: white;
}

.table_main_td_foot a:hover {
    color: #FFC107;
}

.table_main_td_foot a:active {
    color: #000;
}

/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
.main0 {
    width: auto;
    /* text-align: left; */
    /* background: #ec9823; */
    /* folgender wert direkt aus logo */
    background: #E79B23;
    min-height: 100%;
    overflow: auto;
    margin-top: 0em;
}

.main1 {
    width: 100%;
    /* max-width: 1400px; */
    margin: auto;
    margin-top: 2em;
    /* margin-bottom: 2em; */
    padding: 0;
    /* min-height: 63em; */
    /* max-height: 71vw; */
    border: 0px #a0a0a0 solid;
    background-color: rgba(255, 255, 255, 0);
    /*
    box-shadow: 0px 0px 32px #949494;
    -moz-box-shadow: 0px 0px 32px #949494;
    -webkit-box-shadow: 0px 0px 32px #949494;
    */
    overflow: auto;
    /* border-radius: 2em; */
}

/*--------------------*/
.kontaktformular_user_zeile {
    clear: both;
    float: left;
    border: 0px blue dotted;
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 2px;
    line-height: 1.3em;
    overflow: auto;
}

.kontaktformular_user_headline {
    display: block;
    width: 95%;
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 12px;
}

.kontaktformular_user_text {
    display: block;
    width: 95%;
    text-align: left;
    margin: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.kontaktformular_user_titel {
    display: inline;
    float: left;
    width: 23%;
    text-align: left;
    padding: 0px;
    vertical-align: middle;
    margin-right: 1em;
    padding-top: 1px;
    border: 0px red dotted;
    line-height: 1.3em;
}

.kontaktformular_user_input {
    display: inline;
    text-align: left;
    padding: 0px;
    float: left;
    width: 70%;
    border: 0px red dotted;
}

.kontaktformular_user_form {
    /* float: left; */
    overflow: auto;
    background-color: rgba(247, 247, 247, 0);
    border: 0px #a9a9a9 dotted;
    width: 100%;
    padding: 0em;
    max-width: 42em;
    margin-top: 0em;
    border-radius: 0em;
    box-sizing: border-box;
    font-size: 13pt;
    line-height: 1.4em;
    margin: auto;
}

.kontaktformular_user_form_inner {
    margin: 0em;
}

.kontaktformular_user_form .submit {
    clear: left;
    text-align: right;
    display: inline;
    float: right;
    font-size: 1.0em;
    background-color: rgb(50, 140, 141);
    padding: 0.5em;
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    border: 0;
    margin-bottom: 1em;
    cursor: pointer;
}

.kontaktformular_user_form .jinput {
    width: 100%;
    padding: 0.3em;
    box-sizing: border-box;
    background: #eaeaea;
}

.kontaktformular_user_zeile_auswertung {
    clear: both;
    float: left;
    border-bottom: 1px #d0d0d0 dotted;
    width: auto;
    text-align: left;
    margin-bottom: 2px;
}

.kontaktformular_user_titel_auswertung {
    display: block;
    float: left;
    width: auto;
    text-align: right;
    padding: 0px;
    vertical-align: middle;
    margin: 0;
    padding-top: 3px;
}

.kontaktformular_user_input_auswertung {
    display: inline;
    text-align: left;
    padding: 3px;
    float: right;
    width: 250px;
}

.kontaktformular_user_error {
    color: rgb(255,0,0);
    padding: 2px;
    margin-top: 1em;
    font-size: 0.8em;
    line-height: 1em;
    text-align: left;
    padding: 3px;
    border-bottom: 0px rgb(255,0,0) solid;
}

.kontaktformular_user_unbedingt_ausfuellen {
    margin-left: 0;
    font-size: 0.7em;
    /* color: #888; */
    text-align: right;
    width: 94%;
}

/*---------------------------------------------------*/
.zum_seitenanfang {
}

.website_top_text {
    /* position: absolute; */
    color: #ffffff;
    padding: 0em 5% 0 5%;
    /* line-height: 1.4em; */
    line-height: 0;
    box-sizing: border-box;
    font-size: 13pt;
    /* right: 3%; */
    /* top: 50%; */
    width: 1000px;
    max-width: 100%;
    /* bottom: 2%; */
    text-align: left;
    display: block;
    overflow: visible;
    z-index: 114;
    /* font-family: 'asap', sans-serif; */
    margin: auto;
    margin-top: -3em;
}

.website_top_text2 {
    border: 0px #FF9800 dashed;
    padding: 0;
    margin: auto;
    line-height: 1.3em;
    width: 88%;
    display: block;
    box-sizing: border-box;
    text-align: right;
}

.website_top_bild {
    position: absolute;
    position: relative;
    width: 22%;
    margin: 0;
    box-sizing: border-box;
    display: block;
    overflow: auto;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 1%;
    left: 4%;
    /* top: 6%; */
    padding: 0%;
}

.website_top_bild_tablet {
    width: 49%;
    margin: auto;
    box-sizing: border-box;
    border: 0px #FF9800 dashed;
    display: none;
    overflow: hidden;
    margin-top: 1em;
    margin-bottom: 1em;
}

.website_top_bild_smart {
    width: 64%;
    margin: auto;
    box-sizing: border-box;
    border: 0px #FF9800 dashed;
    display: none;
    overflow: hidden;
    margin-top: 1em;
    margin-bottom: 1em;
}

.img_rund img {
    border-radius: 50%;
}

.text_baustein_bottom {
}

.text_baustein_bottom_inner {
    overflow: auto;
    text-align: center;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 2em;
    width: 1000px;
    max-width: 100%;
}

.img_oval {
    border: 0px #7694dc dashed;
    /* width: 70%; */
    overflow: auto;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
}

.img_oval div {
    padding: 0px;
    overflow: hidden;
    margin: 1em auto;
    box-sizing: border-box;
    /* border-radius: 50%; */
    position: relative;
    width: 13%;
    float: none;
    /* box-shadow: 0 0 1em #b9b9b9; */
}

.dsgvo {
    font-family: inherit;
    font-size: 13pt;
}

.dsgvo h4, .dsgvo h3, .dsgvo h2 {
    font-size: inherit;
    color: inherit;
}

.scroll_to_seitenanfang {
    background-color: hsla(0, 0%, 100%, 0.64);
    display: inline-block;
    width: auto;
    margin: auto;
    line-height: 1.4em;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 0.1em 1em;
    border: 1px gray solid;
    cursor: pointer;
    border-radius: 1em;
    color: #7d7d7d;
    font-style: normal;
}

.text_baustein_bottom_last_info {
    background-color: rgba(0, 0, 0, 0);
    border: 0px orange dashed;
    overflow: auto;
    margin: 0;
}

.text_baustein_bottom_last_info_inner {
    overflow: auto;
    text-align: center;
    font-size: 9pt;
    font-family: arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0 1em;
}

.text_baustein_bottom_last_info_inner p {
    margin: 0;
}

.text_baustein_bottom_last_info_inner,.text_baustein_bottom_last_info_inner a:link, .text_baustein_bottom_last_info_inner a:visited, .text_baustein_bottom_last_info_inner a:hover {
    color: #246869;
}

/* -----------------------------------------------------*/
.main1 table {
    width: 100%;
    border: 0px #c3c3c3 solid;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: rgb(179, 179, 179);
    width: 100%;
}

.main1 th, .main1 td {
    padding: 0.5em 0;
    vertical-align: top;
    background-color: rgb(219, 215, 214);
    border: 0;
    width: auto;
    margin: 0;
    font-weight: normal;
}

.main1 th:nth-child(odd),.main1 td:nth-child(odd) {
    font-weight: bold;
    padding-right: 1em;
}

.tabelle_standard table {
    width: 100%;
    border: 0px #b1b1b1 solid;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #d2d2d2;
    width: 100%;
}

.tabelle_standard th {
    padding: 0.3em;
    vertical-align: top;
    background-color: #f9f9f9;
    border: 0;
    width: auto;
    margin: 0;
}

.tabelle_standard td {
    padding: 0.3em;
    vertical-align: top;
    background-color: #ffffff;
    border: 0;
    width: auto;
    margin: 0;
}

/*----Tablet und Smartphone----------------------------------*/
@media screen and (max-width: 1400px) {
    .website_top_text {
        margin-top:0em;
    }
}

/*----Tablet und Smartphone----------------------------------*/
@media screen and (max-width: 1000px) {
    body {
        /* font-size:13pt; */
    }

    .main1 {
        margin: 0;
    }

    .website_top_bild {
        display: none;
    }

    .website_top_bild_tablet {
        display: block;
    }

    .website_top_bild_smart {
        display: none;
    }

    .website_top_text {
        display: none;
    }

    .main0 {
    }

    .main1 {
        margin: 0;
        border: 0px green dotted;
        box-shadow: 0px 0px 0px #aaa;
        -moz-box-shadow: 0px 0px 0px #aaa;
        -webkit-box-shadow: 0px 0px 0px #aaa;
    }

    .website_top_text {
        margin-top: 5em;
    }

    .table_main_td_menue_free_over_head {
        display: none;
    }

    .table_main_td_left {
        display: none;
    }

    .website-top-adresse {
        display: none;
    }

    .table_main_td_head {
        padding: 0 1em;
    }

    .table_main_td_main {
        /* margin: auto; */
        display: block;
        clear: both;
        float: none;
        margin-top: 0%;
        /* width: 94%; */
        padding: 2em 4%;
    }

    .website-top-adresse {
        display: none;
    }

    .table_main_td_right {
        display: none;
    }
}

/*----Tablet und Smartphone----------------------------------*/
@media screen and (max-width: 1000px) {
    .kontaktformular_user_titel {
        display:block;
        float: left;
        width: 100%;
        text-align: left;
        padding: 0px;
        vertical-align: middle;
        margin-right: 0em;
        margin-top: 1em;
        padding-top: 1px;
        border: 0px red dotted;
        line-height: 1.3em;
    }

    .kontaktformular_user_input {
        display: inline;
        text-align: left;
        padding: 0px;
        float: left;
        width: 100%;
        border: 0px red dotted;
    }
}

/*----Tablet und Smartphone----------------------------------*/
@media screen and (max-width: 600px) {
    .website_top_bild {
        display: none;
    }

    .website_top_bild_tablet {
        display: none;
    }

    .website_top_bild_smart {
        display: block;
    }

    .website_top_text {
    }

    .main1 table {
        width: 100%;
        border: 0px #c3c3c3 solid;
        border-collapse: separate;
        border-spacing: 1px;
        background-color: rgb(179, 179, 179);
        width: 100%;
    }

    .main1 th, .main1 td {
        padding: 0.5em 0;
        vertical-align: top;
        background-color: rgb(219, 215, 214);
        border: 0;
        width: auto;
        margin: 0;
        font-weight: normal;
        display: block;
    }

    .main1 th:nth-child(odd),.main1 td:nth-child(odd) {
        font-weight: bold;
    }
}