@charset "UTF-8";
/* CSS Document */


/* Fenster Stenger */



/* bungee-regular - latin-ext_latin */

@font-face {
  font-family: 'Bungee';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/bungee-v6-latin-ext_latin-regular.woff2') format('woff2'),
       url('../fonts/bungee-v6-latin-ext_latin-regular.woff') format('woff'); }



/*
Dunkelblau: #002D5F
Mint dunkel: #008484
Mint hell: #00A7A7
Grau hell: #E7EBED
Grau dunkel/neutral: #747474
*/

/**/
:root {
--thm-clr-ntr: #cbcbcb;

--thm-clr-std-hlm: #002D5F;
--thm-clr-std-hlm: #0e3e83;

--thm-clr-std-bgr: #FFFFFF;

--thm-clr-std-pri: #00A7A7;
--thm-clr-std-pri: #009bdd;

--thm-clr-std-sek: #002D5F;
--thm-clr-std-sek: #0e3e83;

--thm-clr-std-bgr2: #0e3e83;
--thm-clr-std-bgr3: rgba(235, 235, 235, 0.24);
/*--thm-clr-std-bgr4: rgba(205, 205, 205, 0.64);*/
--thm-clr-std-bgr4: rgba(65, 112, 165, 0.64);
--thm-clr-bt-bgr-bes: #5f0d00;
--thm-clr-bt-bgr-bes: #cd1620;
--thm-clr-std-txt: #000000;
--thm-clr-std-thi: #000000;

--thm-clr-std-kon: #dedede;
--thm-clr-std-hls: var(--thm-clr-std-sek);
--thm-clr-std-hls-hell: #3a5890;

--thm-clr-std-ter: #008484;
--thm-clr-std-ter: #009bdd;


--thm-clr-std-txt-bgr: var(--thm-clr-std-bgr2);
--thm-clr-std-btn-bgr: var(--thm-clr-std-sek);
--thm-clr-std-btn-bgr-hov: var(--thm-clr-std-pri);

--thm-clr-ftr-anc: var(--thm-clr-std-pri);
--thm-clr-ftr-anc-hil: var(--thm-clr-std-ter);

--thm-clr-vt1-optgrp1-bgr: #002349;
--thm-clr-vt1-optgrp2-bgr: #007ec0;
--thm-clr-vt1-optgrp3-bgr: #00517f;
--thm-clr-vt1-optgrpX-col: #FFFFFF;

/********************** Komplementärfarbe ************************************/
--thm-kmt-std-btn-bgr: #234568;
--thm-kmt-std-rad-col: #005f33;

/*
--thm-clr-std-btn-bgr: rgba(255,255,255,0.1);
--thm-clr-std-btn: var(--thm-clr-std-sek);
--thm-clr-std-btn-bgr-hov: rgba(255,255,255,1);
--thm-clr-std-btn-hov: var(--thm-clr-std-pri);
--thm-clr-std-btn-brd: var(--thm-clr-std-sek);
--thm-clr-std-btn-bhi: var(--thm-clr-std-pri);
--thm-btn-brd-thk: 3px;
*/

--thm-clr-vt1-bgr: #E7EBED;
--thm-clr-vt1-anc: var(--thm-clr-std-ter);
--thm-clr-vt1-anc-hil: var(--thm-clr-std-pri);

--thm-clr-mmb: #000000;
--thm-clr-mmb: var(--thm-clr-std-ter);


--hover-scale: 1.0;



--thm-clr-vt2-btn-bgr: #ffffff;
--thm-clr-vt2-btn: var(--thm-clr-std-sek);
--thm-clr-vt2-btn-bgr-hov: var(--thm-clr-std-pri);
--thm-clr-vt2-btn-hov: #ffffff;
--thm-clr-vt2-btn-brd: transparent;
--thm-clr-vt2-btn-bhi: #ffffff;

--thm-clr-nv1-anc-bgr-hil: rgba(0,132,132,0.2);

/*
--thm-clr-nv1-anc: #000000;
--thm-clr-nv1-anc-hil: var(--thm-clr-std-sek);
--thm-clr-nv1-anc-bgr-hil: rgba(90,182,135,0.2);
--thm-clr-nv1_1-anc: var(--thm-clr-std-bgr);
--thm-clr-nv1_1-anc-hil: var(--thm-clr-std-sek);
--thm-clr-nv1-bgr-mob: #ffffff;
--thm-clr-nv1_l-anc: #ffffff;
*/
--thm-clr-exb-bgr: var(--thm-clr-std-sek);

--thm-clr-abd-bgr: #152020;
--thm-clr-abd-opc: 0.4;
--thm-clr-shw-opc: 0.8;

--thm-brd-rad-std: 5px;

--thm-fnt-std: "Open Sans", "Arial Narrow", Arial, Helvetica; /*sans-serif*/


/**/
--thm-fnt-std-wrg: 400;
--thm-fnt-std-wbd: 700;
--thm-fnt-hls-wrg: 400;
--thm-fnt-hls-wbd: 700;



--thm-hgt-lgo-dkt: auto;
--thm-wdt-lgo-dkt: 360px;
--thm-mtp-lgo-dkt: 40px;

--thm-hgt-lgo-tbl: auto;
--thm-wdt-lgo-tbl: 240px;
--thm-mtp-lgo-tbl: 10px;
--thm-top-mmb-tbl: 26px;

--thm-hgt-lgo-smp: auto;
--thm-wdt-lgo-smp: 180px;
--thm-mtp-lgo-smp: 10px;
--thm-top-mmb-smp: 18px;

--thm-shw-std-hil: 0 0 0.4em rgba(0,0,0,0.4);
--thm-shw-fData: 0 0 0.3em rgba(0,0,0,0.2);
--thm-shw-exb: 0 0 1em rgba(0,0,0,0.15);

--thm-clr-frm-box:#c2c2c4;

--thm-shw-placeholder: rgba(0,0,0,0.3);

--thm-clr-hlp-txt: whitesmoke;

    --thm-best-info: rgba(207, 206, 206, 0.65);

    --display-logo-brigth: unset;
    --display-logo-dark:none;
}

:root {
    --cnvs-contrast-bg:#212529;
    --cnvs-contrast-bg-offset:#343a40;
    --cnvs-contrast-0:#000;
    --cnvs-contrast-100:var(--cnvs-contrast-bg);
    --cnvs-contrast-200:var( --cnvs-contrast-bg-offset );
    --cnvs-contrast-300:#495057;
    --cnvs-contrast-400:#6c757d;
    --cnvs-contrast-500:#adb5bd;
    --cnvs-contrast-600:#ced4da;
    --cnvs-contrast-700:#dee2e6;
    --cnvs-contrast-800:#e9ecef;
    --cnvs-contrast-900:#f8f9fa;
    --cnvs-contrast-1000:#fff;
    --bs-link-color:var(--cnvs-contrast-900);
    --cnvs-invert-contrast-0:#fff;
    --cnvs-invert-contrast-100:#f8f9fa;
    --cnvs-invert-contrast-200:#e9ecef;
    --cnvs-invert-contrast-300:#dee2e6;
    --cnvs-invert-contrast-400:#ced4da;
    --cnvs-invert-contrast-500:#adb5bd;
    --cnvs-invert-contrast-600:#6c757d;
    --cnvs-invert-contrast-700:#495057;
    --cnvs-invert-contrast-800:#343a40;
    --cnvs-invert-contrast-900:#212529;
    --cnvs-invert-contrast-1000:#000;
    --cnvs-contrast-rgb:255,255,255;
    --cnvs-invert-contrast-rgb:0,0,0;
    --cnvs-heading-color:var(--cnvs-contrast-900);
    --cnvs-topbar-bg:var(--cnvs-contrast-bg-offset);
    --cnvs-header-bg:var(--cnvs-contrast-bg);
    --cnvs-header-sticky-bg:var(--cnvs-contrast-bg);
    --cnvs-side-header-bg:var(--cnvs-contrast-bg);
    --cnvs-header-floating-bg:var(--cnvs-contrast-bg);
    --cnvs-primary-menu-submenu-bg:var(--cnvs-contrast-bg);
    --cnvs-section-bg:var(--cnvs-contrast-bg-offset);
    --cnvs-footer-bg:var(--cnvs-contrast-bg-offset);
    color:var(--cnvs-contrast-800)
}


/*
	--thm-clr-ntr: #747474;
	--thm-clr-err: #AA0000;

	--thm-clr-std-bgr: #FFFFFF;
	--thm-clr-std-bgr2: #124781;
	--thm-clr-std-pri: #F75601;
	--thm-clr-std-sek: #670431;
	--thm-clr-std-txt: #000000;
	--thm-clr-std-hls: #000000;
	--thm-clr-std-hls-hell: #464646;
*/
.dark {
    --thm-clr-std-txt: var(--cnvs-contrast-900);
    --thm-clr-std-sek: var(--cnvs-contrast-800);
    --thm-clr-std-thi: #262888;

    --thm-clr-hdr-bgr: var(--cnvs-contrast-bg);
    --thm-clr-std-hlm: #f8f9fa;
    --thm-clr-ftr-bgr: var(--cnvs-contrast-bg);

    --thm-clr-vt0-bgr: var(--cnvs-contrast-200);
    --thm-clr-vt1-bgr: var(--cnvs-contrast-300);

    --thm-clr-frm-box: var(--cnvs-contrast-400);
    --thm-shw-std: 0 0 0.6em rgba(0,0,0,0.4);
/*    --thm-con-log-bgr: */

    --thm-clr-std-dsh-hell: var( --cnvs-invert-contrast-300 );
    --thm-clr-std-bgr: var(--thm-clr-frm-box);
    --thm-clr-std-ter: var(--thm-clr-std-pri);
    --thm-clr-nv1-small: var(--cnvs-contrast-900);

    --thm-clr-nv1-bgr: var(--thm-clr-std-bgr);
    --thm-clr-nv1-anc: var(--cnvs-contrast-500);
    --thm-clr-nv1-anc-hil: var(--thm-clr-std-pri);
    --thm-clr-nv1-anc-bgr-hil: rgba(247,86,1,0.2);
    --thm-clr-nv1_1-anc: var(--thm-clr-nv1-anc);
    --thm-clr-nv1_1-anc-hil: var(--thm-clr-nv1-anc-hil);
    --thm-clr-nv1-trn: rgba(0,0,0,0.2);
    --thm-clr-nv1_l-anc: var(--thm-clr-ntr);
    --thm-clr-nv1_l-anc-hil: var(--thm-clr-std-pri);
    --thm-clr-nv1-bgr-mob: var(--thm-clr-hdr-bgr);

    --thm-shw-placeholder: rgba(0,0,0,0.4);
    --thm-clr-vt1-btn: #F5F5F5FF;
    --thm-clr-std-hls-hell: var( --cnvs-invert-contrast-900 );

    --thm-shw-fData: 0 0 0.3em rgba(221, 221, 221, 0.5);
    --thm-best-info: rgba(235, 235, 235, 0.65);

    --display-logo-brigth: none;
    --display-logo-dark: block;
}


/******************************************* START CSS CONFIG ******************************************************/

/*** zum testen mit setzen von @media( max-resolution: 90dpi ) */
/*
body {
    scale: 1 1;
}
*/

body {
    min-width: 380px;
}

body {
    background-color: var(--thm-clr-ftr-bgr);
}


.dark .gardientBody {
    background-image:linear-gradient(to bottom left, yellow, red)
}

#logoB {
    display: var(--display-logo-brigth) !important;
}

#logoD {
    display: var(--display-logo-dark) !important;
}


h1,h3,#hl_main,
button, [type="button"], 
[type="reset"], 
[type="submit"], 
p.mehr a, 
p.mehr a:link, 
p.mehr a:visited, 
a p.mehr, 
ul.links a, 
ul.links a:link, 
ul.links a:visited{
font-family: "Bungee", Arial, Helvetica, sans-serif;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
/*color: var(--thm-clr-std-sek);*/
}

#slideshow .slidebox .text h3,
#content .auflistungblock ul.ab_gruppenliste h3,
div.expandlist > ul > li > h3{
font-family: var(--thm-fnt-std);
font-weight: var(--thm-fnt-hls-wrg);
}

#content .auflistungblock ul.ab_gruppenliste h3{
text-transform: none;
}

h2,
#content > section.variant1 h2{
color: #000000;
font-weight: var(--thm-fnt-hls-wbd);
}

span.datum{
opacity: 1 !important;
color: #000000 !important;
}

a,
a:link,
a:visited{
color: var(--thm-clr-std-ter);
}

a:hover{
color: var(--thm-clr-std-pri);
}

#nav1 ul.navlist ul li.aktiv > a, 
#nav1 ul.navlist ul li.aktiv > a:link, 
#nav1 ul.navlist ul li.aktiv > a:visited, 
.no-touch #nav1 ul.navlist ul li.aktiv > a:hover {
color: var(--thm-clr-std-ter);
}

.no-touch #site_footer ul#nav_social li a:hover,
#site_footer ul#nav_social li a:focus {
background-color: var(--thm-clr-std-ter) !important;
}


#nav1 ul.navlist li.aktiv > a, 
#nav1 ul.navlist li.aktiv > a:link, 
#nav1 ul.navlist li.aktiv > a:visited{
    color: var(--thm-clr-nv1_1-anc);
}

#menubutton{
    border: 0;
}

#menubutton::before{
opacity: 0.8;
}

.displayNoneImportant {
    display: none !important;
}


#extrabox.open #extrabox_inner {
background-color: var(--thm-clr-std-ter);
/*box-shadow: 0 0 2em rgba(255,255,255,1), 0 0 0.4em rgba(255,255,255,1);*/

box-shadow: 0 0 2em rgba(255,255,255,0.2);
}

#site_footer ul.navlist {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}

#site_footer .inner > #footer_text {
white-space: nowrap;
}


.stoererblock p.mehr>a{
color: var(--thm-clr-std-sek);
background-color: #ffffff;
}

.stoererblock p.mehr>a:hover{
color: #ffffff;
background-color: var(--thm-clr-std-pri);
}


.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}


#content ul.kachelnliste > li .bild {
overflow: hidden;	
}
/*
#content ul.kachelnliste > li .bild::after {
content:"";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;

box-shadow: 0 0 2em rgba(0,0,0,0.2) inset;
}
*/
.no-touch #content ul.kachelnliste > li .bild  > img {
transform: scale(1.0);
transition: transform 1500ms;
}

.no-touch #content ul.kachelnliste > li:hover .bild  > img {
transform: scale(var(--hover-scale));
}


#content ul.klickkachelnliste > li .bild {
overflow: hidden;
}

.no-touch #content ul.klickkachelnliste > li .bild > img {
transform: scale(1.0);
transition: transform 1500ms;
}

.no-touch #content ul.klickkachelnliste > li:hover .bild > img {
transform: scale(var(--hover-scale));
}



div.abschnitt .bild, div.abschnitt .vid_yt {
overflow: hidden;
}

div.abschnitt .bild img {
transform: scale(1.0);
transition: transform 1500ms;

}

.no-touch div.abschnitt .bild:hover img {
transform: scale(var(--hover-scale));
}



div.pseudocols > ul > li .bild{
overflow: hidden;
}

div.pseudocols > ul > li .bild img {
transform: scale(1.0);
transition: transform 1500ms;
}

.no-touch div.pseudocols > ul > li .bild:hover img {
transform: scale(var(--hover-scale));
}


.auflistungblock ul.ab_gruppe > li h4 {
text-transform: none;
}

div.expandlist > ul > li > h3 {
text-transform: none;
}




#content ul li::marker{
color: var(--thm-clr-std-ter);
}

#content>section.variant1 .textblock ul li::marker{
color: var(--thm-clr-std-ter);
}




#content ul.kachelnliste>li .text>*{
flex-grow: 0;
}

#content ul.kachelnliste>li .text>p.mehr{
flex-grow: 100;

display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}




/******/

#nav1 .navlng{
/*display: none !important;*/
}



/******/


/*
.bild>img,
.bild>a>img,
.galerieliste>li>a>img{
filter: sepia(0.9) hue-rotate(130deg) saturate(0.7) brightness(0.9);
}
.logoblock img{
filter: none;
}
*/

.navheadline {
    position: absolute;
    width: 99%;
    font-size: 240%;
    text-align: right;
    top: 44px;
    font-weight: 900;
    color: var(--thm-clr-std-hlm);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}



::placeholder {
    color: var( --thm-shw-placeholder ) !important;
}




div.boxAbschnitt {
    margin-bottom: 2.38095238095238%;
    margin-bottom: 3em;
    overflow: visible;
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    max-width: 33%;
    position: relative;
    float: left;
    min-height: 455px;
}

.button_box {
    width: 100%;
}

.button_box button {
    float: left;
    margin-left:  0 !important;
    width: 100%;
    margin-top: 0.8em !important;
}

.button_box a {
    float: right;
}

.kontaktInfo {
    max-width: 440px;
    min-width: 440px;
    background-color: var(--thm-clr-vt1-btn-bgr);
    padding: 5px 5px;
    /*border: 3px solid #ffffff;*/
    border: 1px solid var(--cnvs-contrast-500);
    border-radius: 0 6px 6px 6px;
    box-shadow: var(--thm-shw-std);
}

#sidebarInfo {
    z-index: 1000!important;
}

#sidebarInfo h3.kInfo {
    text-align: center;
    margin-bottom: 0.2em;
    height: 34px;
    top: 5px;
    position: relative;
    color: #ffffff;
}

#kontakt_bild{
    clear: both;
    max-width: 97.5%;
    height: auto;
    margin-bottom: 8px;
    top: 2px;
    position: relative;
}

.kontaktInfo .telefonhoerer {
}

.kontaktInfo .zeile {
    top: -1px;
    position: relative;
    font-size: larger;
    font-weight: bold;
    color: var(--cnvs-contrast-600);
   /* left: 8px; */
}

.divEinruecken, .divEinruecken2 {
    left: 3px;
    position: relative;
    margin-bottom: 0.1%;
}

.kontaktInfo .zeile2 {
    top: 0;
    position: relative;
    float: right;
    margin-right: 30px;
    font-size: larger;
    font-weight: bold;
}


#loginScreen .divEinruecken, #loginScreen .divEinruecken2 {
    color: var( --thm-clr-std-txt ) !important;
}

.divEinruecken2 {
    margin-bottom: 2%;
}

#loginScreen .kontaktInfo .zeile2 {
    color: var(--thm-clr-std-txt);
}

#sidebarInfo .divEinruecken {
    color: var( --thm-clr-std-kon ) !important;
}

#sidebarInfo .kontaktInfo .zeile2 {
    color: var(--cnvs-contrast-600);
}


.kontaktInfo .zeile3 {
    top: 0;
    /*margin-left: 10px;*/
    font-size: larger;
    font-weight: bold;
    color: var(--cnvs-contrast-600);
}

.kontaktInfo span.iflat {
    width: 17px;
    display: inline-block;
    top: 3px;
    position: relative;
    left: 3px;
}

a.kontaktView {
    color: var( --thm-clr-std-kon ) !important;
    padding: 1px 7px;
    border-radius: 6px;
    background-repeat: no-repeat;
}

span.iTelefone,
span.iKontakt {
    background-image: url("/portalDG/img-dsg/phone-call-bw.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 12px;
}
span.iTelefone {
    background-image: url("/portalDG/img-dsg/phone-call-bw.svg");
}

span.iKontakt {
    background-image: url("/portalDG/img-dsg/envelope_wb.svg");
}

a.kontaktView:hover {
    background-color: var(--thm-clr-std-pri) !important;
}

.requestpwd {
    margin-left: 0;
    float: right;
    color: antiquewhite;
    background: none;
}

#content > section.variant1 [type="request"] {
    color: #ffffff;
    color: var(--thm-clr-vt1-btn);
    text-transform: uppercase;
    text-decoration: none;
    background: #F75601;
    background-color: rgb(247, 86, 1);
    background-color: var(--thm-clr-vt1-btn-bgr);
    border-color: var(--thm-clr-vt1-btn-brd);
    background: none;
    padding: 5px;
    margin-top: 3px;
    font-size: small;
}

#content > section.variant1 [type="request"]:hover {
    color: var(--thm-clr-std-hls);
    /*color: #00A7A7FF;*/
    transition: 0.2s;
    /*background-color: #00A7A7FF;*/
    border: var(--thm-btn-brd-thk) solid var(--thm-clr-std-btn-brd);
    border-radius: 3px;
    border-radius: var(--thm-brd-rad-std);
    box-sizing: border-box;
}

.boxAbschnitt .kontaktStartpage2 {
    border-radius: 6px;
    box-shadow: none;
    border: none;
    max-width: 100%;
    min-width: 100%;
    background-color: var(--thm-clr-frm-box);
}


.h3_zentriert {
    width: auto;
    display: table;
    margin: 0 auto;
}


    #loginFE #KF_Anmeldenamen {
        margin-top: 7px;
    }

    .fBez {
        border-radius: 3px;
        /*    font-size: 0.73em; */
        margin-right: 0.4em;
        display: inline-flex;
        background-color: #efefef;
        background-color: var(--thm-clr-std-txt-bgr);
        color: white;
        font-weight: bold;
        padding: 0 0.4em;
        text-transform: capitalize;
        line-height: 1.8em;
    }

    .fData {
        font-size: inherit;
        display: inline-flex;
        background-color: rgba(235, 235, 235, 0.24);
        line-height: 1.8em;
        padding: 0 0.4em;
        border-radius: 3px;
        box-shadow: var(--thm-shw-fData);
        /*    outline: 1px solid #0a1060;
            outline-color: rgb(10, 16, 96);
            outline-style: solid;
            outline-width: 1px;
            outline-offset: 3px; */
        margin-left: 4px;
        margin-top: 6px;
        margin-right: 1em;
    }


    #content ul.bereiche {
        list-style: none;
        list-style-position: outside;
        list-style-type: square;
        margin-top: 0.6em;
        margin-bottom: 0.6em;
        overflow: hidden;
        list-style: none;
        margin-top: -25px;
        padding-top: 25px;
    }

    #content ul.bereiche > li
    {
        margin: 0 1.08695652173913% 3em 1.08695652173913%;
        float: left;
        display: inline;
        position: relative;

        width: 20.434782608695652%;
        margin: 0 1.449275362318841% 15px 1.449275362318841%;
    }
    /*
    #content ul.bereiche > li.bereich_zwei {
        width: 44.434782608695652%;
    }
    */

    ul.bereiche > li > a {
        display: block;
        color: #000000;
        text-decoration: none;
        font-weight: 400;
        overflow: hidden;
        position: relative;
        border-radius: 6px;
        background: #ffffff;
        box-shadow: 0 0 10px rgba(0,61,110,0.15);
    }

    ul.bereiche > li .text
    {
        margin: 0;
        margin-bottom: 1.5em;
        float: left;
        width: 100% !important;
    }

    .no-touch ul.bereiche > li > a:hover {
        box-shadow: 0 0 10px rgba(0,61,110,0.6);
        background-color: var(--thm-clr-std-pri);
    }

    .no-touch ul.bereiche > li > a:hover h3 {
        color: var(--thm-clr-vt1-btn);;
        background-color: var(--thm-clr-std-pri);
    }

    div.abschnitt .bereiche .text  {
        margin-left: 0;
    }

    div.kdT section.kdTLine div span.cButton, th div span.cButton,  div span.cButton {
        background-color: var(--thm-clr-std-btn-bgr);
        border-radius: var( --thm-brd-rad-std );
    }

    div.kdT section.kdTLine div span.cButton:hover, th div span.cButton:hover,  div span.cButton:hover {
        transition: 0.2s;
        background-color: var( --thm-clr-std-btn-bgr-hov );
    }


    ul.bereiche li a div h3 {
        margin-top: 4px;
    }

    ul.bereiche li a div.bild {
        max-height: 223px;
    }


    .button_table_top {
        position: absolute;
        top: 37px;
        right: 31px;
    }


    div.showWait, div.abdecker2, div.showInfoWin, div.showBestellTank {
        position: fixed;
        top: 0;

        color: var(--thm-clr-hlp-txt);

        left: 0;
        width: 100%;
        bottom: 100%;

        z-index: 45;
        background: rgba(0,0,0,1);
        background: var(--thm-clr-abd-bgr);
        display: block;
        opacity: 0;
        /*
        transition: opacity 0.5s;
        */
        transition: opacity 0.3s, bottom 0s 0.3s;
    }

    div.showWait, div.showBestellTank {
        display: unset;
        max-height: 1px;
        left: -20000px;
        width: 0;
    }

    div.showInfoWin {
        width: auto;
        height: 60px;
        z-index: 10000;
        max-width: 500px;
        padding: 8px;
        border-radius: var( --thm-brd-rad-std );
    }

    div.shwActive {
        width: 100%;
        left: unset;
        opacity: 0.5;
        opacity: var(--thm-clr-shw-opc);
        transition: bottom 0s, opacity 0.3s;
        bottom: 0;
        display: block;
        max-height: unset;
    }

    #KF_anfrage optgroup {
        background-color: var( --cnvs-invert-contrast-400 );
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
        align-content: center;
    }


    #KF_anfrage optgroup option {
        color: var( --thm-clr-std-dsh-hell );
        font-size: 1.1em;
    }

    #KF_anfrage optgroup.optgroup1 option,
    #KF_anfrage optgroup.optgroup2 option,
    #KF_anfrage optgroup.optgroup3 option {
        color: var(--thm-clr-vt1-optgrpX-col);
    }

    #KF_anfrage optgroup.optgroup1 option {
        background-color: var( --thm-clr-vt1-optgrp1-bgr );
    }

    #KF_anfrage optgroup.optgroup2 option {
        background-color: var(--thm-clr-vt1-optgrp2-bgr);
    }

    #KF_anfrage optgroup.optgroup3 option {
        background-color: var(--thm-clr-vt1-optgrp3-bgr);
    }

    #exitPortal .img1,
    #exitPortal .img2 {
        height: 26px;
        display: block;
    }

    #exitPortal:hover .img1 {
        display: none;
    }

    #exitPortal .img2 {
        display: none;
    }

    #exitPortal:hover .img2 {
        display: block;
    }


    /* The switch - the box around the slider */
    .switchDIA, .sliderDIA {
        min-width: unset;
    }

    label.switchDIA,label.sliderDIA {
        background-color: unset;
        margin-right: 5px;
    }

    .switchDIA {
        position: relative;
        display: inline-block;
        width: 44px  !important;
        height: 25px  !important;
        clear: unset;
        margin-left: 5px;
        top: 4px;
        margin-bottom: unset;
    }

    /* Hide default HTML checkbox */
    .switchDIA input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* The slider */
    .sliderDIA {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .sliderDIA:before {
        position: absolute;
        content: "";
        height: 81%;
        width: 50%;
        left: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        top: 10%;
    }

    input:checked + .sliderDIA {
        background-color: #caca6e;
        background-color: var(--thm-clr-std-pri);
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
    }

    input:focus + .sliderDIA {
        /* box-shadow: 0 0 1px #caca6e; */
    }

    input:checked + .sliderDIA:before {
        -webkit-transform: translateX( 67% );
        -ms-transform: translateX( 67% );
        transform: translateX( 67% );
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1) inset;
    }

    /* Rounded sliders */
    .sliderDIA.round {
        border-radius: 34px;
    }

    .sliderDIA.round:before {
        border-radius: 50%;
    }


    /*div.verData thead tr th {
        border-right: 1px solid white;
    }

    div.verData thead tr th:last-child {
        border-right: none;
    }
    */

    .displayNone {
        display: none;
    }

    /*************************************** START TOOLTIP *****************************************************************************/

    .tooltip {
        /*position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
         */
    }

    .tooltip .tooltiptext {
        visibility: hidden;
        width: auto;
        background-color: var(--thm-clr-std-hls-hell);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        /*    left: 50%;
            margin-left: -60px;
         */
        opacity: 0;
        transition: opacity 0.3s;

        visibility: visible;
        opacity: 1;
    }

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: var(--thm-clr-std-hls-hell) transparent transparent transparent;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        width: auto;
    }


    #sectionID_bestellung .bestellungInfo,
    #sectionID_bestellung .bestellungEingabe {
        /*overflow: hidden; */
        position: relative;
    }

    #sectionID_bestellung .bestellungInfo,
    #sectionID_bestellung .bestObjektBestaetigen,
    #sectionID_bestellung .bestObjektBerechnen {
        color: var( --thm-clr-std-thi );
    }

    #sectionID_bestellung .bestellungInfo {
        width: 30%;
        float: right;
        font-size: 0.8em;
    }


    #sectionID_bestellung .bestellungEingabe {
        width: 68%;
        float: left;
    }


    #sectionID_bestellung h3 {
        text-align: center;
        font-size: x-large;
        font-weight: 900;
    }

    .secondContent {
        min-height: 435px;
        margin: 0 auto;
        margin-top: 0px;
        width: 56%;
        margin-top: 200px;
    }

    .buttonCentriert {
        /*    max-width: 375px;
            margin: 0 auto;
            min-width: 370px; */
    }

    div.buttonCentriert button:first-child  {
        float: right;
    }

    div.buttonCentriert button:nth-child(2) {
        float: left;
    }

    .bestObjekt,
    .bestEingabe,
    .bestObjektBerechnen,
    .bestObjektBestaetigen {
        max-width: 95%;
        min-width: 350px;
        padding: 4px;
        box-shadow: var(--thm-shw-fData);
        border-radius: 3px;
        margin-bottom: .9em;
    }

    .bestObjektBestaetigen {
        max-width: 100%;
    }

    .bestObjektBerechnen {
        max-width: 95%;
        font-size: 0.9em;
    }

    .bestObjektBBlock {
        width: 70%;
        float: right;
    }

    #bruttoGesamt, #BBGesamt {
        /*font-size: 1.1em;*/
        text-align: center;
        font-weight: bolder;
        background-color: var(--thm-clr-bt-bgr-bes);
        color: white;
    }


    .bestEingabe {
        min-width: 500px;
    }



    .bestObjekt h4,
    .bestEingabe h4,
    .bestObjektBerechnen h4 {
        background-color: var(--thm-clr-std-txt-bgr);
        color: white;
        padding: 2px 10px;
        border-radius: var( --thm-brd-rad-std );
        text-align: center;
        width: 97.4%;
        margin-left: -4px;
        margin-top: -4px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        box-shadow: var(--thm-shw-fData);
    }

    .bestEingabe h4 {
        width: 99%;
    }


    .bestObjekt ul,
    .bestEingabe ul,
    .bestObjektBerechnen ul,
    .bestObjektBestaetigen ul {
        list-style: none !important;
        margin-bottom: 0.578947368421053em !important;
        font-weight: 600;
        font-size: 1em;
    }

    .bestObjekt ul li,
    .bestEingabe ul li,
    .bestObjektBerechnen ul li,
    .bestObjektBestaetigen ul li {
        margin-left: 0 !important;
        padding-left: 7px;
        margin-bottom: 0.35em !important;
        display: flex;
    }

    .bestEingabe ul li.paddingLeftNull {
        padding-left: 0;
    }

    .bestObjekt ul li span,
    .bestEingabe ul li span,
    .bestObjektBerechnen ul li span,
    .bestObjektBestaetigen ul li span {
        display: inline-block;
        padding: 2px 2px;
        padding-left: 10px;

        border-radius: 3px;
        /*font-size: 1em;*/
        margin-right: 0.4em;
        display: block;
        /*font-weight: 600; */
        padding: 0 0.4em;
        /*text-transform: capitalize;*/
        line-height: 1.8em;
    }

    .bestObjekt ul li span:first-child,
    .bestEingabe ul li span.ersteSpalte,
    .bestObjektBerechnen ul li span:first-child,
    .bestObjektBestaetigen ul li span:first-child {
        background-color: var(--thm-clr-std-txt-bgr);
        color: white;
        width: 42%;
    }

    .bestEingabe ul li span.ersteSpalte {
        width: 38%;
    }

    .bestObjektBerechnen ul li span:first-child {
        width: 60%;
    }

    .bestObjektBestaetigen ul li span:first-child {
        width: 32%;
    }

    .bestObjekt ul li span:nth-child(2),
    .bestObjekt ul li span:nth-child(3) {
        background-color: var(--thm-clr-std-bgr3);
        box-shadow: var(--thm-shw-fData);
    }


    .bestObjekt ul li span:nth-child(2),
    .bestObjekt ul li span:nth-child(3),
    .bestObjektBerechnen ul li span:nth-child(2),
    .bestObjektBerechnen ul li span:nth-child(3),
    .bestObjektBerechnen ul li span:nth-child(4),
    .bestObjektBestaetigen ul li span:nth-child(2),
    .bestObjektBestaetigen ul li span:nth-child(2){
        background-color: #f0ffff61;
        background-color: #F0D3BC;
        background-color: var( --thm-best-info );
    }

    .bestObjektBerechnen ul li span.letzteZeile {
        height: 2.5em;
        padding-top: 0.6em;
    }

    .bestObjektBerechnen ul li span.noBGR {
        background-color: unset;
    }

    .bestObjekt ul li span:nth-child(2) {
        width: 36%;
    }

    .bestObjektBerechnen ul li span:nth-child(2) {
        width: 12%;
    }

    .bestObjekt ul li span:nth-child(2),
    .bestObjektBerechnen ul li span:nth-child(2) {
        text-align: center;
    }

    .bestObjekt ul li span:nth-child(3),
    .bestEingabe ul li span:nth-child(3){
        width: 13%;
        /*padding-right: 15%;*/
        text-align: left;
    }

    .bestEingabe ul li span.best_input:nth-child(2),
    .bestEingabe ul li span.best_input:nth-child(3){
        width: 28.1%;
        padding-right: 0;
    }



    .bestObjektBerechnen ul li span:nth-child(2),
    .bestObjektBerechnen ul li span:nth-child(3),
    .bestObjektBerechnen ul li span:nth-child(4){
        width: 18%;
        text-align: right;
    }

    .bestObjektBerechnen ul li span:nth-child(3) {
        width: 14%;
    }


    .bestObjektBestaetigen ul li span:nth-child(2) {
        width: 63%;
        font-weight: bold;
        overflow: hidden;
    }


    .bestEingabe ul li span.plusCSSMargin:nth-child(3) {
        margin-right: 0;
        width: 28.2%;
        padding-right: 0;
    }

    .bestEingabe ul li span.euro {
        background-color: #f0ffff61;
        background-color: #F0D3BC;
    }

    .bestEingabe ul li span.euro {
        text-align: right;
        padding-top: 13px;
    }

    .bestEingabe ul li span.euro:after {
        content: "€";
        margin-left: 4px;
    }


    .bestObjekt ul li span.bestFeldLeer,
    .bestEingabe ul li span.bestFeldLeer,
    .bestObjektBerechnen ul li span.bestFeldLeer {
        background-color: unset
    }

    .bestObjekt ul li span.bestHeadline,
    .bestEingabe ul li span.bestHeadline,
    .bestObjektBerechnen ul li span.bestHeadline {
        text-align: center !important;
        /*    padding-top: 10px; */
        background-color: var( --thm-clr-std-bgr4 ) !important;
        color: whitesmoke;
        font-weight: bold;
    }

    .bestObjekt ul li span.best_reset,
    .bestObjektBerechnen ul li span.best_reset {
        background-color: unset !important;
        box-shadow: unset !important;
    }


    .bestEingabe ul li span.bestFullSize {
        width: 57.5%;
        /*    padding-right: 26.4%; */
    }


    #best_Bestellmenge {
        background-color: #F0D3BC;
        background-color: var( --thm-best-info );
        color: var( --thm-clr-std-thi );
        padding-top: 5px;
        font-weight: bolder;
        font-size: 1.4em;
        width: 57%;
        margin-left: 5px;
        text-align: center;
        padding-right: 0;
    }


    #content > section.variant1 button.k_formBestButton {
        background-color: var( --thm-clr-vt1-btn-bgr-hov );
        width: 100%;
        height: 2.3em;
        font-size: 1.6em;
        padding: 0;
    }

    #content > section.variant1 button.k_formBestButton:hover {
        background-color: var( --thm-clr-vt1-btn-bgr );
    }

    #content > section.variant1 button.BestButtonKostenpflichtig {
        background-color: var( --thm-clr-vt1-btn-bgr-hov );
    }

    #content > section.variant1 button.BestButtonKostenpflichtig:hover {
        background-color: var( --thm-clr-vt1-btn-bgr );
    }

    #terminHinweis {
        top: 0.7em;
        display: none;
        position: relative;
        background-color: var(--thm-clr-std-txt-bgr);
        color: white;
        max-width: 100%;
        padding: 0.3em 0.3em;
        text-align: center;
        border-radius: 3px;
    }

    #terminHinweis.terminHinweis {
        display: block !important;
    }


    ul.bestUL li {
        height: 55px;
        height: 49px;
    }

    ul.bestUL li span.ersteSpalte {
        padding-top:    13px;
        padding-top:    9px;
        padding-bottom: 13px;
        padding-left: 12px;
    }

    .k_formBest input,
    .k_formBest select,
    .k_formBest textarea {
        position: absolute;
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-family: inherit;
        font-size: 1em;
        line-height: 1.578947368421053em;
        line-height: var(--thm-fnt-bse-lht);
        padding: 11px 10px 11px 10px;
        background: #FFFFFF;
        border: 2px solid #FFFFFF;
        color: #000000;
        border-radius: 3px;
        border-radius: var(--thm-brd-rad-std);
        margin: 0;
        max-width: 54.4%;
        font-weight: 600;
        box-shadow: var(--thm-shw-fData);
    }

    .k_formBest input.bestFuellgradMarker {
        background-color: rgb(240, 211, 188);
        background-color: var( --thm-best-info );
    }

    .hideFixmengeEingabe {
        display: none !important;
    }

    .k_formBest input[type="radio"] {
        width: 11%;
        position: relative;
        height: 20px;
        float: left;
        margin-top: 5.5%;
    }

    .k_formBest span input[type="radio"]:first-child {
        margin-left: 37%;
    }

    .k_formBest span input[type="text"] {
        max-width: 100%;
        position: relative;
    }

    .k_formBest span input[type="text"].hasDatepicker {
        text-align: center;
    }

    .k_formBest .zentriert label label.bestLabel01,
    .k_formBest .zentriert label input.bestLabel02 {
        font-size: 0.9em;
    }

    .k_formBest .zentriert label label.bestLabel01 {
        margin-left: 0;
        padding-top: 1.2%;
        position: absolute;
    }

    .k_formBest .zentriert label input.bestLabel02,
    .k_formBest .zentriert label input.bestLabel03 {
        width: 100%;
        margin-top: 3px;
    }

    .k_formBest label.error,
    .k_formBest .zentriert label.error {
        position: absolute;
        /*top: 0em;
        right: 2px;
        margin: 5px 3px 0 0;
        margin-right: 3px;
        margin-bottom: 0px;
        margin-right: var(--thm-brd-rad-std);

         */
        font-size: 0.689473684210526em;
        line-height: 1em;
        font-weight: 400;
        font-weight: var(--thm-fnt-std-wrg);
        color: #AA0000;
        color: var(--thm-clr-err);
        text-align: right;
        margin-left: 0;

        padding: 5px;
        background-color: #f4d4d4;
        margin-left: -6px;
        margin-top: -5px;
        border-radius: 3px;
    }

.k_formBest label.error[for='KF_bestKontaktEmail'] {
        margin-top: -56px;
    }

    .bestFullSize label {
        position: absolute;
        margin-left: -36%;
    }

    label.input_option {
        position: relative;
        float: left;
        margin-top: 3.5%;
        margin-left: 10px;
        margin-right: 20px;
    }


    .k_formBest input.shortInput {
        width: 19%;
    }


    span.nichtAktiv,
    input.nichtAktiv {
        background-color: gray !important;
    }

    input.nichtAktiv {
        pointer-events: none;
    }

    .k_formBest textarea {
        resize: none;
        /*width: 102%;*/
        height: 2.9em;
        float: left;
        border: none;
        /*box-shadow: var(--thm-shw-fData);*/
        font-size: 1.1em;
        /*padding-top: 2%;*/
        overflow: hidden;
    }

    .feldausserhalbView {
        position: fixed;
        left:       -2000px;
    }

    .bestEingabe ul li span.optionSpezial {
        position: relative;
        width: 46%;
        float: left;
    }

    div.bestObjektBestaetigen2 ul li span:nth-child(2) {
        text-align: center
    }

    #StartDatumSpan label,
    #EndDatumSpan label {
        margin-top: -54px !important;
    }

    /*************************************** ENDE TOOLTIP *****************************************************************************/

    /*********************************************************************************************************************
       Erweiterungen Datatables
     *********************************************************************************************************************/
    table.dataTable tbody tr th:last-child {
        min-width: 100px;
    }

    th div span.cButton, div span.cButton {
        margin-top: 0;
        margin-left: 0;
        font-size: 0.65em;
    }

    th div span.cButton img, div span.cButton img {
        height: 22px;
        padding-top: 7px;
    }

    .button-padding img {
        padding-left: 7px;
    }

    .imgIflat {
        height: 20px;
        top: 2px;
        position: relative;
    }



    /*******************************************************************************************************************
    *******************************************************************************************************************
    *******************************************************************************************************************/

    @media (max-width: 1550px) {
        .bestObjektBBlock {
            width: 80%;
        }
    }


    @media (max-width: 1500px) {
        .k_formBest .zentriert label label.bestLabel01,
        .k_formBest .zentriert label label.bestLabel02 {
            font-size: 0.8em;
        }
    }


    @media (max-width: 1320px) {
        .bestObjekt ul, .bestEingabe ul
        .bestObjektBerechnen ul, .bestEingabe ul {
            font-weight: 400;
            font-size: 0.93em;
        }
    }

    @media (max-width: 1450px) {

        #content ul.bereiche > li {
            width: 22.75%;
        }

        #sectionID_bestellung .bestellungInfo,
        #sectionID_bestellung .bestellungEingabe,
        .bestEingabe {
            width: 100%;
            max-width: 100%;
        }

        #sectionID_bestellung .bestellungEingabe {
            max-width: 99.4%;
            float: left;
        }

        .bestObjekt {
            max-width: 100%;
            width: 48%;
            float: left;
        }

        .bestObjekt:nth-child(2) {
            margin-left: 20px;
        }

        .bestObjektBerechnen {
            width: 100%;
            /*float: left;*/
            max-width: 100%;
        }

        .bestEingabe h4 {
            width: 99%;
        }

        .bestObjekt h4,
        .bestObjektBerechnen h4 {
            width: 98%;
        }

        .bestEingabe ul li span.bestFullSize,
        #best_Bestellmenge {
            width: 58%;
        }

        .bestEingabe ul li span:nth-child(2) {
            /*        margin-right: 13px; */
        }

        .bestEingabe ul li span.bestFullSize02 {
            width: 58.2%;
            margin-right: 0;
            padding-right: 0;
        }

        .secondContent {
            width: 80%;
        }

        /*
            .bestEingabe ul li span:first-child,
            .bestEingabe ul li span:nth-child(2),
            .bestEingabe ul li span:nth-child(3) {
                width: 30.3%;
            }
        */
        /*    .bestEingabe ul li span.bestFullSize {
                width: 33.3%;
                padding-right: 32.4%;
            }
        */
        .bestObjekt ul, .bestEingabe ul, .bestObjektBerechnen ul {
            font-weight: 600;
            font-size: 1em;
        }

        .k_formBest input, .k_formBest select, .k_formBest textarea {
            max-width: 58%;
        }

        .bestEingabe ul li span.best_input:nth-child(2), .bestEingabe ul li span.best_input:nth-child(3) {
            width: 28.6%;
        }

    }

    @media (max-width: 1180px) {
        div.boxAbschnitt {
            width: 99%;
            max-width: unset;
            min-height: unset;
        }

        div.abschnitt .loginBox, div.boxAbschnitt:first-child {

        }

        div.abschnitt .text:last-child {
            /*width: 80%;
            max-width: 620px;*/
        }

        .k_formBest .zentriert label label.bestLabel01, .k_formBest .zentriert label label.bestLabel02 {
            font-size: 1em;
        }

    }

    @media (max-width: 1099px) {

        .button_box {
            margin-top: -24px;
        }

        #nav1 ul.navlist > li.aktiv > a,
        #nav1 ul.navlist > li.aktiv > a:link,
        #nav1 ul.navlist > li.aktiv > a:visited,
        .no-touch #nav1 ul.navlist > li.aktiv > a:hover {
            color: var(--thm-clr-std-ter);
        }

        .no-touch #nav1 ul.navlist li:not(.aktiv) a:hover,
        #nav1 ul.navlist li:not(.aktiv) a:focus {
            color: var( --thm-clr-nv1-small ) !important;
        }

        .navheadline {
            width: 92%;
        }

        #content ul.bereiche > li {
            width: 30.4%;
        }

        .bestellungEingabe {
            margin-top: 20px;
        }

        .bestObjekt ul, .bestEingabe ul,
        .bestObjektBerechnen ul {
            font-weight: 400;
            font-size: 0.93em;
        }

        .bestObjekt ul li span:hover,
        .bestObjektBerechnen ul li span:hover {
            background: var(--thm-clr-std-ter);
            color: whitesmoke;
            font-weight: bold;
        }

        .bestObjekt ul li span:first-child,
        .bestObjektBerechnen ul li span:first-child {
            width: 69%;
        }
        /*
                .bestEingabe ul li span:nth-child(2),
                .bestEingabe ul li span:nth-child(3) {
                    width: 28%;
                }
        */
        .bestObjekt ul li span:nth-child(2),
        .bestObjektBerechnen ul li span:nth-child(2) {
            width: 16%;
        }

        .bestObjekt ul li span:nth-child(3),
        .bestObjektBerechnen ul li span:nth-child(3) {
            width: 16%;
        }


        .bestObjekt h4,
        .bestObjektBerechnen h4 {
            width: 98.7%;
        }

        .bestObjekt,
        .bestObjekt:nth-child(2),
        .bestObjektBerechnen ,
        .bestObjektBerechnen:nth-child(2) {
            max-width: 100%;
            float: left;
            width: 100%;
        }

        .bestObjekt:nth-child(2) {
            margin-left: 0;
        }

        .buttonCentriert {
            width: 60%;
        }

        #sectionID_bestellung .bestellungInfo {
            margin-right: 6px;
            width: 99%;
        }

        --thm-clr-std-ter: var(--cnvs-contrast-500);
    }

    @media (max-width: 900px) {
        .showKdInfo {
            font-size: 85%;
        }

        .sidebarValInfo {
            right: -351px;
        }

        .sidebarGross {
            right: 348px;
        }

        .sidebarGrossInfo {
            right: -4px;
        }

        .kontaktInfo {
            max-width: 340px;
            min-width: 340px;
        }

        .bestObjektBBlock {
            width: 100%;
            float: left;
        }

        .bestEingabe {
            font-size: 0.8em;
        }

        ul.bestUL li {
            height: 45px;
        }

        .k_formBest input, .k_formBest select, .k_formBest textarea {
            line-height: 1.578947368421053em;
            line-height: var(--thm-fnt-bse-lht);
            padding: 10px 7px 10px 7px;
            margin-top: 2px;
        }

        .secondContent {
            width: 95%;
        }

    }

    @media (max-width: 800px) {
        .navheadline {
            width: 90%;
            font-size: 180%;
        }

        #content ul.bereiche > li {
            width: 46%;
        }
    }

    @media (min-width: 701px) {

        #slideshow .slidebox .text h3 {
            font-size: 1.6em;
            line-height: 1.25em;
        }

    }

    @media (max-width: 700px) {

        #slideshow .slidebox .text h3 {
            font-size: 1.3em;
            line-height: 1.25em;
        }

        .sidebarVal {
            max-width: 39px;
        }

        .sidebarValInfo {
            right: -291px;
        }

        .sidebarGross {
            right: 280px;
        }

        .sidebarGrossInfo {
            right: -4px;
        }

        .kontaktInfo {
            max-width: 280px;
            min-width: 280px;
            font-size: 84%;
        }

        .bestObjekt ul li span:first-child,
        .bestObjektBerechnen ul li span:first-child {
            width: 51%;
        }

        .bestObjekt ul li span:nth-child(2), .bestObjektBerechnen ul li span:nth-child(2),
        .bestObjekt ul li span:nth-child(3), .bestObjektBerechnen ul li span:nth-child(3) {
            width: 20%;
        }

    }


    @media ( max-width: 640px) {

        .k_formBest input, .k_formBest select, .k_formBest textarea {
            position: relative;
        }

        .k_formBest input, .k_formBest select, .k_formBest textarea {
            max-width: unset;
        }

        .bestEingabe ul li span:nth-child(2), .bestEingabe ul li span:nth-child(3) {
            top: 3px;
            width: 98%;
        }

        .bestEingabe ul li span.ratioField {
            width: 42%;
        }


        .k_formBest input, .k_formBest select, .k_formBest textarea {
            margin-top: 4px;
        }

        .bestEingabe {
            min-width: 80%;
        }

        .bestEingabe ul li {
            display: block;
        }

        .k_formBest .zentriert label input.bestLabel02 {
            margin-left: 0;
        }

        ul.bestUL li span:first-child {
            padding-top: 11px;
            padding-bottom: 11px;
            padding-left: 12px;
        }

        ul.bestUL li {
            height: 108px;
        }

        .bestEingabe ul li span.ersteSpalte {
            width: 95.8%;
        }

        .bestObjekt, .bestObjekt:nth-child(2), .bestObjektBerechnen, .bestObjektBerechnen:nth-child(2) {
            max-width: 98%;
            float: left;
            width: 98%;
        }

        .bestEingabe ul li span.best_input:nth-child(2),
        .bestEingabe ul li span.best_input:nth-child(3) {
            width: 45.6%;
            position: relative;
            float: left;
            top: 4px;
        }

        .bestEingabe ul li span.best_input:nth-child(3) {
            float: right;
        }


        .bestEingabe ul li span.plusCSSMargin:nth-child(2), .bestEingabe ul li span.plusCSSMargin:nth-child(3) {
            width: 97%;
            position: relative;
            float: left;
            top: 4px;
            height: 47px;
            margin-left: unset;
        }

        .k_formBest .zentriert label label.bestLabel01 {
            position: relative;
            float: left;
            margin-bottom: 0;
            line-height: 41px;
            margin-right: 12px;
        }

        .k_formBest input.shortInput {
            width: 43%;
            float: right;
        }

        #best_Bestellmenge {
            font-size: 1.8em;
            width: 98%;
            margin-left: 0;
            margin-top: 3px;
            padding-bottom: 0px;
            padding-top: 0;
        }

        .k_formBest span input[type="radio"]:first-child {
            margin-left: 31%;
        }

        .bestEingabe ul li span.bestFullSize02 {
            width: 99%;
        }

        .bestEingabe {
            width: 99%;
            max-width: 99%;
        }

        .bestEingabe {
            font-size: 1.3em;
        }

        .ZusatzClass {
            font-size: 1.2em !important;
            line-height: 48px  !important;
        }
    }

    @media (max-width: 620px) {
        .navheadline {
            width: 90%;
            font-size: 150%;
        }
    }

    @media (max-width: 520px) {
        .navheadline {
            width: 80%;
            font-size: 120%;
        }
        #content ul.bereiche > li {
            width: 91%;
        }
    }

    @media (max-width: 500px) {
        #breadcrumbs > .inner, #content > section > .inner, #site_footer > .inner, #slideshow .slidebox > .sb_inner, .bildstreifen_position, #hinweis > .inner {
            padding-left: 0;
            padding-right: 0;
        }
    }

    @media (max-width: 400px) {

        #slideshow .slidebox .text h3 {
            font-size: 1.1em;
            line-height: 1.25em;
        }

        .bestEingabe {
            width: 97%;
            max-width: 97%;
            min-width: 300px;
        }
    }
}
/*
@media (max-resolution: 2dppx) {
    body {
        scale:  0.88;
    }
}
*/