html {
    -webkit-text-size-adjust: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--dark-gray);
}

body {
    margin: 8px 10px;
    position: relative;
}

#responsive {
    max-width: var(--width-mobil);
    /*
    Um mobil responsiv zu machen, braucht es hier und da noch etwas Arbeit. Testen mit:
    max-width: var(--width-tablet);
    */
    position: relative;
    margin: 0 auto;
}

/* Tablet */
@media screen and (min-width: 681px) and (max-width: 1020px) {
    #responsive {
        max-width: none;
        width: var(--width-tablet);
    }

    body {
        margin: 0 20px;
    }
}

/* Desktop */
@media screen and (min-width: 1021px) {
    #responsive {
        max-width: none;
        width: 980px;
    }

    body {
        margin: 0 20px;
    }
}

/* Mobil/Table/Desktop */
.nonmobil {
    display: block
}

.mobil {
    display: none
}

.nodesk {
    display: none
}

.nodesktop {
    display: none
}

.tablet {
    display: none
}

.notablet {
    display: block
}

/* Überschriften */
h1 {
    font-size: 16px;
    color: #eb690b;
    line-height: 22px;
    padding-top: 0px;
    padding-bottom: 11px;
    margin: 0px
}

h2 {
    font-size: 14px;
    color: #eb690b;
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 11px;
    margin: 0
}

h3 {
    font-size: 14px;
    color: #eb690b;
    line-height: 18px;
    padding-bottom: 12px;
    margin: 0
}

h4 {
    font-size: 14px;
    color: #eb690b;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 5px;
    margin: 0
}

h5 {
    font-size: 12px;
    color: #eb690b;
    line-height: 18px;
    padding: 0;
    margin: 0
}

h6 {
    font-size: 12px;
    color: #eb690b;
    line-height: 18px;
    padding-bottom: 5px;
    margin: 0
}

h1.startseite {
    font-size: 16px;
    color: #eb690b;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0
}

h2.h2gross {
    font-size: 16px;
    color: #eb690b;
    line-height: 22px;
    padding-top: 0px;
    padding-bottom: 11px;
    margin: 0px
}

/* Links */
a.lnk {
    text-decoration: none;
    color: #eb690b;
    cursor: pointer;
}

a.lnk:hover {
    text-decoration: underline;
    color: #eb690b
}

a.lnk-fett {
    color: #eb690b;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none
}

a.lnk-fett:hover {
    color: #eb690b;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline
}

a.lnk-extern {
    text-decoration: none;
    color: #666;
    cursor: pointer;
}

a.lnk-extern:hover {
    text-decoration: underline;
    color: #666
}

a.lnk-text {
    text-decoration: underline;
    color: #666;
    cursor: pointer;
}

a.lnk-text:hover {
    text-decoration: underline;
    color: #666
}

a.lnk-textfett {
    text-decoration: underline;
    color: #666;
    cursor: pointer;
    font-weight: bold
}

a.lnk-textfett:hover {
    text-decoration: underline;
    color: #666;
    font-weight: bold
}

a.lnk-blau {
    text-decoration: none;
    color: #009ee0;
    cursor: pointer;
}

a.lnk-blau:hover {
    text-decoration: underline;
    color: #009ee0
}

.wieh1 {
    font-size: 16px;
    color: #eb690b;
    line-height: 22px;
    padding-top: 20px;
    padding-bottom: 5px;
    margin: 0;
    font-weight: bold
}

.wieh2 {
    font-size: 14px;
    color: #eb690b;
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0;
    font-weight: bold
}

.wieh3 {
    font-size: 14px;
    color: #eb690b;
    line-height: 18px;
    padding-top: 0;
    padding-bottom: 12px;
    margin: 0;
    font-weight: bold
}

.wieh5 {
    font-size: 14px;
    color: #eb690b;
    line-height: 18px;
    padding-top: 0;
    padding-bottom: 12px;
    margin: 0;
    font-weight: bold
}

.hblack {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0;
    font-weight: bold
}

.hblue {
    font-size: 14px;
    color: #009ee0;
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0;
    font-weight: bold
}

/* Abstand */
.abstand40-30-30 {
    height: 40px
}

@media only screen and (max-width: 1020px) {
    .abstand40-30-30 {
        height: 30px
    }
}

/* CF */
.cf:before, .cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fett-orange {color:#eb6909; font-weight: bold}
a.fett-orange {color:#eb6909; font-weight: bold; text-decoration: none;}
a.fett-orange:hover {color:#eb6909; font-weight: bold; text-decoration: underline;}

.fett-blau {color:#009ee0; font-weight: bold}
a.fett-blau {color:#009ee0; font-weight: bold; text-decoration: none;}
a.fett-blau:hover {color:#009ee0; font-weight: bold; text-decoration: underline;}

.fett {font-weight: bold}
a.fett {text-decoration: none; cursor: pointer;}
a.fett:hover {text-decoration: underline;}

.orange {color:#eb6909;}
a.orange {color:#eb6909 !important ; text-decoration:none; }
a.orange:hover {color:#eb6909 !important ; text-decoration:underline; }

.blau {color:#009ee0 !important; text-decoration:none}
a.blau {color:#009ee0 !important ; text-decoration:none; }
a.blau:hover {color:#009ee0 !important ; text-decoration:underline; }