/* 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: Arial, Helvetica, sans-serif; */
        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));
    }

    #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: 20pt;
        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;
    }

    #logo_druck {
        display: none;
    }

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

    #bild {
        width: auto;
        height: 170px;
        border-radius: 5px;
    }

    .table-head {
        border-style: solid;
        border-width: thin;
        text-align: left;
        padding-left: 2px;
        font-weight: bold;
    }

    .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;
    }

    #links_erfahrung_ohne {
        padding-left: 133px;
        list-style: none;
    }

    #links_erfahrung {
        padding-left: 147px;
    }

    #spalte1 {
        vertical-align: top;
        width: 200px;
    }

    #spalte2 {
        vertical-align: top;
        width: 430px;
    }

    .table {
        text-align: left;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        line-height: 22px;
    }

    #spalte1_erf {
        vertical-align: top;
        width: 130px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #spalte2_erf {
        vertical-align: top;
        width: 500px;
        padding-top: 0px;
        padding-bottom: 0px;
        /* text-align: left; */
    }

    #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;
    }

    #active {
        background: rgba(209, 9, 235, 0.974);
        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;
    }

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

    .text_oben {
        margin-right: 30px;
        /* width: auto;
        max-width: 700px; */
        font-size: 13pt;
        line-height: 25px;
        padding-top: 7px;
        padding-bottom: 7px;
        /* float: left; */
        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: 20px;
        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;
    }

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

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

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

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

    #kontakt_druck {
        display: none;
    }
}









/* 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 {
        /* display: flex;
        flex-direction: column; */
        margin: 0;
        text-align: left;
        font-weight: 550;
        /* position: relative; */
        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-left: 5px; */
        width: auto;
        display: block;
        max-width: 100%;
    }

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

    #logo_druck {
        display: none;
    }

    #linke_seite {
        /* height: auto;
        width: auto; */
        /* padding-top: 12px; */
        display: flex;
        align-items: flex-start;
    }

    #bild {
        width: auto;
        height: 147px;
        /* height: auto; */
        border-radius: 5px;
        /* float: left; */
        /* clear: both; */
    }

    #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: 100px;
        margin-left: 20px;
        line-height: 100px;
        white-space: nowrap;
        box-sizing: border-box;
        margin-bottom: 3px;
        float: left;
    }

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

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

    .fett {
        font-weight: bolder;
    }

    .table {
        text-align: left;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        line-height: 18px;
    }

    #spalte1_erf {
        vertical-align: top;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
        width: 20%;
    }

    #spalte2_erf {
        vertical-align: top;
        padding-top: 0px;
        padding-bottom: 0px;
        /* text-align: left; */
        width: 80%;
    }

    #menu {
        display: inherit;
        background-image: url("Menü.png");
        width: 63px;
        height: 60px;
        border-style: solid;
        border-color: black;

        border-radius: 5px;
        padding-left: 3px;
        padding-right: 3px;
        box-sizing: border-box;
        margin-top: 3px;
        margin-right: 10px;
    }

    #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%;
    }

    #active {
        background: rgba(209, 9, 235, 0.974);
        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;
    }

    #text_ganz_oben {
        font-size: 13pt;
        font-weight: bold;
    }

    .text_oben {
        margin-right: 30px;
        width: auto;
        font-size: 10pt;
        font-weight: 500;
        line-height: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        /* float: left; */
        /* clear: both; */
        height: 100%;
    }

    #zurück a {
        display: none;
    }

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

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

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

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

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

    #kontakt_druck {
        display: none;
    }
}

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






.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 {
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 0px;
}

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

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

ul.char_erf li:before {
    content: "➔";
    display: table-cell;
}

li {
    display: table;
}

.link {
    padding-left: 5px;
}

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

.absatz {
    margin-bottom: 5px;
}

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




@media print {

    html,
    body {
        /* overflow-x: hidden; */
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    #navi_mobil {
        display: none;
    }

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

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

    .line {
        height: 12px;
    }

    #hintergrund {
        width: auto;
        max-width: 90%;
        display: flex;
    }

    #logo {
        display: none;
    }

    #logo_druck {
        font-size: 20pt;
        font-weight: bold;
        height: 50px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 70px;
        margin-right: 60px;
        margin-bottom: 40px;
        white-space: nowrap;
        float: left;
    }

    #linke_seite {
        height: auto;
        width: auto;
        padding-top: 8px;
    }

    #bild {
        width: auto;
        height: 170px;
        border-radius: 5px;
        margin-right: 20px;
    }

    .table-head {
        border-style: solid;
        border-width: thin;
        text-align: left;
        padding-left: 2px;
        font-weight: bold;
    }

    .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;
    }

    #links_erfahrung_ohne {
        padding-left: 133px;
        list-style: none;
    }

    #links_erfahrung {
        padding-left: 147px;
    }

    #spalte1 {
        vertical-align: top;
        width: 200px;
    }

    #spalte2 {
        vertical-align: top;
        width: 430px;
    }

    .table {
        text-align: left;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        /* line-height: 22px; */
        line-height: 21px;
    }

    #spalte1_erf {
        vertical-align: top;
        width: 130px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #spalte2_erf {
        vertical-align: top;
        width: 500px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #menu {
        display: none;
    }

    /* 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;
    }

    #active {
        background: rgba(209, 9, 235, 0.974);
        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;
    }

    #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 {
        display: none;
    }

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

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

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

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