/* Smartphone hoch ohne Bubbles, weil diese verschoben sind */
/* @media only screen and (max-width:600px) and (orientation: portrait) {} */


/* N  o  t  e  b  o  o  k*/
@media only screen and (min-device-width:951px) {

    html,
    body {
        overflow-x: hidden;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        height: 100%;
        background: linear-gradient(to left, rgb(9, 61, 235, 0.5), rgba(255, 255, 255, 1));
    }

    #body {
        /* display: flex; */
        flex-direction: column;
        margin: 0;
        text-align: left;
        font-size: 15pt;
        line-height: 27px;
        font-weight: 550;
    }

    #kopfleiste {
        background: linear-gradient(to right, rgb(9, 61, 235, 0.7), rgba(255, 255, 255, 1));
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        width: 100%;
        padding-top: 5px;
        padding-left: 100px;
        padding-bottom: 5px;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .leerzeile {
        clear: both;
        height: 0px;
    }

    .line {
        height: 12px;
    }

    #hintergrund {
        padding-left: 100px;
        padding-top: 20px;
        width: auto;
        max-width: 60%;
        display: flex;
    }

    #logo {
        font-size: 30pt;
        font-weight: bold;
        color: white;
        height: 70px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 70px;
        margin-right: 60px;
        white-space: nowrap;
        float: left;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    #linke_seite {
        height: auto;
        width: auto;
        /* padding-top: 12px; */
    }

    .rechts {
        text-align: right;
    }

    .links {
        text-align: left;
        margin-top: 0px;
        margin-left: 20px;
        /* Mobil lassen sich die Auflistungspunkte NICHT einzur�cken!?! */
        margin-bottom: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        display: list-item;
    }

    .fett {
        font-weight: bold;
    }

    #menu {
        display: none;
    }

    #navi_mobil {
        display: inherit;
    }

    /* damit die ganze Fl�che als Link funktioniert, muss das "a" nach der Div-Bezeichung kommen*/
    .navi a {
        background: rgb(9, 61, 235, 0.7);
        font-size: 12pt;
        font-weight: bold;
        color: white;
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        height: 70px;
        line-height: 70px;
        white-space: nowrap;
        float: left;
        box-sizing: border-box;
        display: block;
        margin-top: 3px;
        margin-bottom: 3px;
        margin-right: 10px;
    }

    .navi a:link {
        text-decoration: none;
        color: white;
        /* wegen Farbproblem*/
    }

    .navi a:hover {
        background-color: #FF4500;
    }

    #text_ganz_oben {
        font-size: 17pt;
        line-height: 30px;
    }

    .text_oben {
        margin-right: 30px;
        font-size: 13pt;
        line-height: 25px;
        padding-bottom: 7px;
        height: 100%;
    }

    #zurück_mobil a {
        display: none;
    }

    #zurück a {
        font-size: 15pt;
        font-weight: bold;
        color: white;
        background: rgba(46, 235, 8, 0.879);
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        height: 70px;
        line-height: 70px;
        white-space: nowrap;
        float: left;
        box-sizing: border-box;
        display: block;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    #zurück a:link {
        text-decoration: none;
        color: white;
    }

    #zurück a:visited {
        text-decoration: none;
        color: white;
    }

    #kontakt a {
        font-size: 20pt;
        font-weight: bold;
        color: white;
        background: rgba(46, 235, 8, 0.879);
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 7px;
        margin-right: 20px;
        height: 100px;
        float: left;
        line-height: 100px;
        white-space: nowrap;
        box-sizing: border-box;
        margin-bottom: 7px;
    }

    #kontakt a:link {
        text-decoration: none;
        color: white;
    }

    #kontakt a:visited {
        text-decoration: none;
        color: white;
    }

    #datenschutz a {
        font-size: 13pt;
        font-weight: bold;
        color: white;
        background: rgba(9, 61, 235, 0.7);
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 7px;
        margin-right: 20px;
        height: 50px;
        float: left;
        line-height: 50px;
        white-space: nowrap;
        box-sizing: border-box;
        margin-bottom: 7px;
    }

    #datenschutz a:link {
        text-decoration: none;
        color: white;
    }

    #datenschutz a:visited {
        text-decoration: none;
        color: white;
    }

    .image_adresse {
        width: 400px;
        height: auto;
        border-radius: 5px;
    }

    #image_symbolprojekt {
        width: 700px;
        height: auto;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .absatz_groß {
        margin-bottom: 10px;
    }

    .absatz_klein {
        font-size: 12pt;
        line-height: 15px;
    }

    .links_rechts {
        width: auto;
        display: flex;
    }

    .links1 {
        display: block;
        width: 400px;
        margin-right: 10px;
    }

    .links2 {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .rechts1a {
        padding-top: 10px;
        display: block;
    }

    .rechts1b {
        display: none;
    }

    ul.char {
        list-style-type: none;
        margin-top: 5px;
        margin-bottom: 0px;
        padding-left: 0px;
    }
}









/* S  m  a  r  t  p  h  o  n  e****************************************************************************************/
@media only screen and (max-width:950px) {

    html,
    body {
        overflow-x: hidden;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: black;
        height: 100%;
        /* background: linear-gradient(to left, rgb(9, 61, 235), rgba(255, 255, 255, 1)); */
        background: rgb(9, 61, 235, 0.1);
        -webkit-text-size-adjust: none;
    }

    #body {
        margin: 0;
        text-align: left;
        font-weight: 550;
        width: 100%;
    }

    #kopfleiste {
        background: linear-gradient(to right, rgb(9, 61, 235, 0.7), rgba(9, 61, 235, 0.3));
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        width: auto;
        padding-top: 5px;
        padding-left: 10px;
        top: 0;
        z-index: 1;
    }

    .leerzeile {
        clear: both;
        height: 0px;
    }

    .line {
        height: 12px;
    }

    #hintergrund {
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        width: auto;
        display: block;
    }

    #logo {
        font-size: 25pt;
        font-weight: bold;
        color: white;
        height: 40px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 40px;
        margin-right: 30px;
        white-space: nowrap;
        float: left;
    }

    #linke_seite {
        height: auto;
        width: auto;
        display: flex;
    }

    #kontakt a {
        font-size: 17pt;
        font-weight: bold;
        margin: 0;
        color: white;
        background: rgba(46, 235, 8, 0.879);
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        height: 50px;
        float: none;
        display: flex;
        line-height: 50px;
        white-space: nowrap;
        box-sizing: border-box;
        margin-bottom: 3px;
    }

    #kontakt a:link {
        text-decoration: none;
        color: white;
    }

    #kontakt a:visited {
        text-decoration: none;
        color: white;
    }

    #datenschutz a {
        font-size: 12pt;
        font-weight: bold;
        color: white;
        background: rgba(9, 61, 235, 0.7);
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 0px;
        margin-left: 5px;
        margin-right: 20px;
        height: 50px;
        float: none;
        display: flex;
        line-height: 50px;
        white-space: nowrap;
        box-sizing: border-box;
        margin-bottom: 7px;
    }

    #datenschutz a:link {
        text-decoration: none;
        color: white;
    }

    #datenschutz a:visited {
        text-decoration: none;
        color: white;
    }

    .fett {
        font-weight: bolder;
    }

    #navi_mobil {
        display: none;
    }

    .navi a {
        /* background: rgb(9, 61, 235, 0.7); */
        background-color: transparent;
        font-size: 12pt;
        font-weight: bold;
        color: white;
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: auto;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        margin-top: 3px;
        margin-bottom: 3px;
        margin-right: 10px;
        clear: left;
    }

    .navi a:link {
        text-decoration: none;
        color: white;
        /* wegen Farbproblem*/
    }

    .navi a:hover {
        background-color: transparent;
    }

    div a {
        /* damit die ganze Fl�che als Link funktioniert*/
        display: block;
        height: 100%;
    }

    #text_ganz_oben {
        font-size: 13pt;
        line-height: 25px;
        font-weight: bold;
        width: 100%;
    }

    .text_oben {
        margin-right: 0px;
        width: auto;
        font-size: 10pt;
        font-weight: 500;
        line-height: 20px;
        padding-bottom: 7px;
        height: 100%;
    }

    #zurück a {
        font-size: 15pt;
        font-weight: bold;
        color: white;
        background: rgba(46, 235, 8, 0.879);
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        height: 40px;
        line-height: 40px;
        white-space: nowrap;
        float: left;
        box-sizing: border-box;
        /* display: block; */
        /* margin-top: 3px;
        margin-bottom: 3px; */
    }

    /* #zurück a {
        display: inherit;
        width: 90px;
        border-radius: 5px;
        padding-left: 9px;
        margin-top: 3px;
        font-size: 15pt;
        font-weight: bold;
        color: white;
        background: rgba(46, 235, 8, 0.879);
        border-radius: 5px;
        height: 60px;
        line-height: 60px;
        white-space: nowrap;
        box-sizing: border-box;
        display: block;
    } */

    #zurück a:link {
        text-decoration: none;
        color: white;
    }

    #zurück a:visited {
        text-decoration: none;
        color: white;
    }

    .image_adresse {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .absatz_groß {
        margin-bottom: 8px;
    }

    .absatz_klein {
        font-size: 10pt;
        line-height: 15px;
    }

    .links_rechts {
        width: auto;
        display: block;
    }

    .links1 {
        display: block;
        width: 100%;
        margin-right: 0px;
    }

    .links2 {
        display: block;
        width: 100%;
        margin-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .rechts1a {
        display: none;
    }

    .rechts1b {
        display: block;
    }

    ul.char {
        list-style-type: none;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 0px;
    }
}

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






.groß_fett {
    font-size: 15pt;
    font-weight: bold;
    line-height: 25px;
    font-family: Arial, Helvetica, sans-serif;
}

.groß {
    font-size: 16pt;
    line-height: 28px;
}

.unterstr {
    font-weight: bold;
    font-style: italic;
}

ul.char li:before {
    content: '✓';
    display: table-cell;
}

li {
    display: table;
}

.link {
    padding-left: 5px;
}

@media print {
    #seitenbereich_formular {
        display: none;
    }
}