/* die hr für die Tarifboxen */
    hr {
        margin-top: 5px;
        margin-bottom: -15px;
    }
    /* Box mit grauen Rahmen (nutzbar für Accordions) */
    
    .boxtarStart {
        border: 5px solid #f0f0f0;
        border-radius: 18px;
    }
    /* tar... Ist der Platz wo der Content hin kommt */
    
    /* Klasse für das kleinere Accordion */
    .tarStart {
        position: relative;
        text-align: left;
        font-size: 20px;
        padding: 15px 20px;
        border: none;
        outline: none;
        cursor: pointer;
        width: auto;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all;
        -o-transition: .3s ease-in-out all;
    }
    
    /* Klasse für die geöffnete Variante vom kleineren Accordion */
    .tarStartOffen {
        position: relative;
        text-align: left;
        font-size: 20px;
        padding: 15px 20px;
        border: none;
        outline: none;
        cursor: pointer;
        width: auto;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all;
        -o-transition: .3s ease-in-out all;
    }

    .tarStartOffen h2{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .taralles.is-open {background-color: white;}

    /* hover Effekt für das kleinere Accordion*/
    .is-open,
    .tarStart:hover,
    .tarStartOffen:hover {
        background: #f0f0f0;
        -webkit-transition: .1s ease-in-out all;
        transition: .1s ease-in-out all;
        -o-transition: .1s ease-in-out all;
    }
    
    .taralles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: .0s ease-in-out;
        transition: .0s ease-in-out;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    /* .taralles .ul-content1 {
        margin-left: 8px;
    } */

    .taralles p {
        padding:20px;
    }
    .taralles h3 {
        margin-top: 20px;
        margin-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }
    
    .tartermineundzeiten {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: space-between;
    }


    /* --------------------------------------------------------------------------- Terminbox ------------------------------------------------------------------------*/

    .terminbox{width:auto;min-width:46%;background-color:#f0f0f0;border-radius:10px;box-shadow: 0px 0px 3px 3px #E0E0E0;padding: 10px 10px 25px 10px;margin: 13px;}
    .terminbox h3 {line-height:35px;border-radius:10px;margin-top:0;font-size:22px;text-indent:3px;color:#232f3f}
    .terminbox a {text-decoration:none;color:#232f3e;}
    .terminbox div {height:auto;color:black;font-size:12pt;min-height:60px;line-height:23px;margin-left:20px;margin-bottom:30px;text-align: left;}
    .terminboxh3asek:before{float:right;content:url(../images/as-ekicon.png);}
    .terminboxh3asldt:before{float:right;content:url(../images/as-ldticon.png);}
    .terminboxh3assprachmagie:before{float:right;content:url(../images/as-sprachmagieicon.png);}
    .terminboxh3spezial:before{float:right;content:url(../images/spezialicon.png);}
    .terminboxh3practitioner:before{float:right;content:url(../images/siegel-practitioner-300icon.png);}
    .terminboxh3coach:before{float:right;content:url(../images/siegel-coach-300icon.png);}
    .terminboxh3trainer:before{float:right;content:url(../images/siegel-trainer-300icon.png);}
    .terminboxh3master:before{float:right;content:url(../images/siegel-master-300icon.png);}
    .terminboxh3asbl:before{float:right;content:url(../images/as-bl.png);}
    .terminboxh3asgel:before{float:right;content:url(../images/as-guel.png);}
    .terminboxh3aszfw:before{float:right;content:url(../images/as-zfw.png);}
    .terminboxh3asein:before{float:right;content:url(../images/as-sprachmagieicon.png);}
    .terminboxh3asueb:before{float:right;content:url(../images/uebungsgruppeicon.png);}
    .terminboxh3sum:before{float:right;content:url(../images/bildsumicon.png);}
    .terminboxh3erlwe:before{float:right;content:url(../images/erlebnis-weicon.png);}
    .terminboxh3gluewo:before{float:right;content:url(../images/glueckswocheicon.png);}
    .terminboxh3masterclass:before{float:right;content:url(../images/master-classicon.png);}
    .terminboxh3weekcoach:before{float:right;content:url(../images/week-coachicon.png);}
    .terminboxh3weekoriginal:before{float:right;content:url(../images/week-originalicon.png);}
    .terminboxh3weekreloaded:before{float:right;content:url(../images/week-reloadedicon.png);}
    .terminboxh3weektrainer:before{float:right;content:url(../images/week-trainericon.png);}
    .terminboxh3coachmodular:before{float: right;content:url(../images/coach-modular.png);color:#232f3f;margin-top:8px;}
    .terminboxh3coachlnlpt:before{float: right;content:url(../images/coach-lnlpt-logo.png);color:#232f3f;margin-top:8px;}

    .ctapricebutton {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
    border: none;
    outline: none;
    background: #F28E00;
    text-decoration: none;
    padding: 10px;
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 20px;
    border-radius: 25px;
    color: #232f3f;
    box-shadow: 0px 0px 4px 0px #555;
    }
    .ctapricebutton:after {
        content: '\00bb';
        opacity: 0;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        margin-left: 5px;
    }
    a:hover.ctapricebutton:after {
        opacity: 1;
        right: 0;
    }
    a:hover.ctapricebutton {
        padding-right: 15px;
        box-shadow: 0 0 5px 1px #555 inset;
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        background-color: #CC7800;
    }
    @media only screen and (max-width: 600px) {
        .terminbox h3:before{display:none;}
        .terminbox{width:auto}
        .ctapricebutton {font-size:16px;}
    }


    /*-------------------------------------  Tarifbox  ----------------------------------------------*/

    /* Das Div ist zuständig für Tarifboxen, es enthält die ganze tarifbox*/
    .pricingdiv {
        position: relative;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 16px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-family: 'Open Sans', Arial, sans-serif;
        padding: 20px;
    }
    .pricingdiv p{
        padding:0;
    }
    /* Empfehlungs Tag in ROT*/
    .empfehlungstag {
        z-index: 10;
        position: relative;
        height: 40px;
        top: 20px;
        color: white;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
        box-shadow: -5px 5px 10px #000;
        margin-left: 100px;
        width: 170px;
        margin-top: -40px;
        background-color: red;
    }

    .triangle {
        height: 100px;
        width: 100px;
        position: absolute;
        margin: 70px;
    }
    
    .triangle:after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        /* Safari and Chrome */
        background: rgb(2, 0, 36);
        background: -webkit-gradient(linear, left top, right top, from(rgba(2, 0, 36, 1)), color-stop(100%, rgba(121, 9, 9, 1)), to(rgba(255, 0, 0, 1)));
        background: -webkit-linear-gradient(left, rgba(2, 0, 36, 1) 0%, rgba(121, 9, 9, 1) 100%, rgba(255, 0, 0, 1) 100%);
        background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(121, 9, 9, 1) 100%, rgba(255, 0, 0, 1) 100%);
        content: "";
        height: 56px;
        left: 132px;
        bottom: 122px;
        position: absolute;
        width: 56px;
    }/* Ende von Empfehlungs TAG in ROT*/
    
    .geldeinsparen {
        font-size: 16px;
        color: white;
        font-weight: 500;
        text-align: center;
        margin-bottom: -5px;
        margin-top: 0px;
    }
    
    .aktuellerpreis {
        font-size: 20px;
        color: white;
        line-height: 20px;
    }
    
    .ihrevorteile {
        padding: -10px -10px -10px- 10px;
        margin: 0px 0px -19px;
        font-weight: bold;
        font-size: 30px;
        cursor: pointer;
    }
    
    .taraccordion {
        margin-bottom: 0;
        font-weight: bold;
        float: left;
        font-size: 100%;
        cursor: pointer;
        border-bottom: 1px solid lightgray;
        background: white;
        -webkit-transition: 2.5s ease-in-out;
        transition: 2.5s ease-in-out;
    }
    
    .taraccordion__content {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: .7s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    
    .taraccordion:hover {
        cursor: pointer;
    }
    
    .is-open {
        max-height: 100%;
        -webkit-transition: 0.1s ease-in-out;
        -webkit-transition: 0.1s ease-in-out;
        transition: 0.1s ease-in-out;
    }
    
    .tarcrossRotate {
        height: 23px;
        color: #000;
        float: right;
        margin-left: 5px;
        margin-top: -2px;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        outline: 0;
    }
    
    .tarcrossRotate.taractive {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .tarinfoicon {
        height: 20px;
        margin: 2px 3px;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }
    
    .tarulhaken {
        text-indent: 0px;
        list-style: none;
        list-style-position: none;
        margin-left: 0px;
        padding-left: 0px;
        background: white;
    }
    
    .tarlihaken {
        text-indent: 0px;
        letter-spacing: 0px;
        line-height: 20px;
    }
    
    .tarlihaken:before {
        content: "✔ ";
        margin-left: -17px;
        color: #00589C;
        font-size: 16px;
    }
    
    .tarpara {
        margin: 10px 10px 0px 10px;
        font-size: 20px;
    }
    
    p.tarlihaken {
        margin: 10px 25px 0px;
        padding: 0 0 2px;
        text-align: left;
    }
    
    .pricingdiv ul.theplan {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        color: black;
        width: 250px;
        /* width of each table */
        margin-right: 50px;
        /* spacing between tables */
        margin-bottom: 1em;
        border: 10px solid #6D6D6D;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        box-shadow: 0 0 10px gray;
    }
    
    .pricingdiv ul.theplan:hover {
        /* when mouse hover over pricing table */
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        -webkit-transition: all .5s;
        transition: all .5s;
        z-index: 1;
        border: 10px solid #ddd;
    }
    
    .pricingdiv li.tarlihaken {
        background: white;
        padding: 10px 25px;
        border-bottom: 1px solid lightgray;
        margin-left: 0px;
        text-align: left;
        margin-bottom: 0;
    }
    
    .pricingdiv ul.theplan li.tartitle {
        font-weight: bold;
        font-size: 23px;
        text-align: center;
        line-height: 50px;
        padding: 15px 10px;
        background-color: #232f3e;
        color: white;
        box-shadow: 0 -10px 5px rgba(0, 0, 0, .1) inset;
        z-index: 3;
        margin-bottom: 0px;
        width: auto;
    }
    
    .pricingdiv ul.theplan:last-of-type {
        /* remove right margin in very last table */
        margin-right: 0;
    }
    /*very last LI within each pricing UL */
    
    .pricingdiv ul.theplan li:last-of-type {
        text-align: center;
        margin-bottom: 0;
        padding: 20px;
        /*align last LI (price botton li) to the very bottom of UL */
    }
    
    .boxtarStart .pricebutton {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        border-radius: 10px;
        width: auto;
        text-shadow: 1px 1px 0 black;
        cursor: pointer;
        border: none;
        outline: none;
        background: #F28E00;
        text-decoration: none;
        padding: 8px;
        padding-left: 18px;
        padding-right: 0px;
        font-size: 20px;
        font-weight: 100;
        margin-top: 10px;
        color: white;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    .preisbutton {
        margin-left: 85%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 10;
        border-radius: 10px;
        background: white;
        color: #f28e00;
        border: 2px solid #f28e00;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        padding: 4px;
        padding-left: 24px;
        padding-right: 24px;
        font-size: 20px;
        font-weight: 100;
        margin-top: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    .pricebutton:hover {
        background-color: #CC7800;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    
    .boxtarStart .pricebutton:after {
        content: '\00bb';
        opacity: 0;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        margin-left: 5px;
    }
    
    a:hover.pricebutton:after {
        opacity: 1;
        right: 0;
    }
    
    .boxtarStart a:hover.pricebutton {
        padding-right: 15px;
        box-shadow: 0 0 5px 1px #555 inset;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
    /*---------------------------------------- Ende von Tarif Box -----------------------------------------*/
    
    .mehrinformationenpreis {
        float: right;
        font-size: 20px;
        outline: none;
    }
    
    /* --------------------------- testimonials ------------------------------*/
    .testiconflex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    
    .testicontainer {
        margin: 20px 5px 0 5px;
        border-radius: 20px;
        border:5px solid #f0f0f0;
        flex:1;
    }

    .testiflex {
        display:block;
        margin:10px;
        margin-bottom:-2px;
        padding-bottom:10px
    }

    .testicontent {
        display:flex;
        text-align:left;
    }
    
    .testinote {
        color: #f28e00;
        font-size:50px;
        line-height:50px;
        margin-left:6px;
    }
    
    .testirezension {
        color:black;
        font-size: 16px;
        line-height:19px;
    }
    
    .testibild {
        width:80px;
    }
    
    .testiname {
        color:black;
        text-align:left;
        margin-bottom:0px;
        font-size:16px;
        line-height:40px;
    }
    /* das eine ist orangefarbig und das andere durchsichtig/grau-weiß*/
    .testibewertung {
        width: 55px;
        margin-left:12px;
        filter: drop-shadow(0px 0px 1px #aaa);
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4woeChcdzWCWGAAAARVJREFUKM+NkD9LA0EQxV/uIsYQC1shrWIvIhZa2lkIYiFYaGmt30Gw1i8QsNNCsBEFcyIIGiSIYBGwkYsoRtlc9vayO88iTS6Jf14zzLzfwJsBBsg8HqziP1LXO2PSbiV6D96fsHmrzpCke72a7PX6t21zDQDo5ZZ7ray+353zC8UFinNwJs6OFjcBIJMf39ZPJc/zsz7gwannACRHmKhj/iKJXi6YNPNg8gUAEBufUCQNiVBM4xwAqMN0Jmc+77phF39Ufj5Q7FSntjs93cTAl+nyxjRJim1F7r0yL0kzJoU62Jrtg11YPpR2VFWlQg4A9D6GxZpbWw+OUmB0upix4eW6qd8Mdc+par5rPCyps5UMAHwDfczE1mjy0TAAAAAASUVORK5CYII=') 0 0 repeat-x;
    }
    
    .testibewertung1 {
        height: 15px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4woeChglYvoySQAAASlJREFUKM+NUD1Lw2AQfu7eNLFKkUIHB8GlFVzFobiI4lTo4rcWRHByLuri6h9RBOkgCAWxVIUWURARXJ1FF+kQYxKSvOeiNbYFveV4Prjn7oAe5Z9NL+I/Zd/upfWR8t3mBndqXYT5Vs8RItN8qeb+NEOiEgCI6p/rlAy3Vswr/3lGwCHI8IyPp00AoNDeds8LzNpR0AGivuEmySEsMB9A9FJ7BAGQWJiyLkjrIoPgU0kvC/Fp2/jVhQBRyUte9WcRBi7Fd4qOU/cc2ePfWKvUg1r5wR0Hylg7XgBAj/b8hlufn+DwPSnMjraGpoSUx6Ez4F6t5bvMZqtZFjYfnex+Ri28NrxseVCI7hKt651f4U5ji8KTkXW/OpmI80ElraJKpmDf7BIAfALH/W5Z8yToTgAAAABJRU5ErkJggg==') 0 0 repeat-x;
    }
    

/*-------------------------------------------------------------- Alle Klassen die etwas mit dem Header mit Bild und Onsitenavigation Buttons zu tun haben ---------------------------------------------------------*/
/* 
————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
| Bereich für überarbeitet Klasen Stand 2021                                                                                                                           |
|                                                                                                                                                                      |
————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
*/
    /* Ersatz für   standortheadpic -> da name nicht gut und nicht effizient */
    

    .standorthead {
        margin-top: -62px;
    }
    
    #standortheadbild {
        overflow: hidden;
        width: auto;
        text-align: center;
        position: relative;
    }
    
    .standueberschrift {
        margin-top: 0px;
        border: 0px solid black;
        -webkit-transform: translate(0%, -125%);
        transform: translate(0%, -125%);
        line-height: 40px;
        font-size: 50px;
        font-weight: 400;
        color: white;
        outline: black;
        margin-top: -85px;
    }



    
    .standortheadpic {
        -webkit-filter: blur(4px) brightness(0.65);
        filter: blur(4px) brightness(0.65);
        height: 300px;
        width: 100%;
        opacity: .95;
        background-image: url('../images/standortheadpic.JPG');
        background-repeat: no-repeat;
        background-position: 50% 15%;
        -webkit-transform: scale(1.35);
        transform: scale(1.35);
        margin-top: 40px;
    }
    
    .coachingheadpic {
        background-image:url(../images/coaching-ausbildung-einblick.jpg);
        background-position: 50% 21%;
        background-size: cover;
        background-attachment: scroll;
        -webkit-filter: blur(4px) brightness(0.65);
        filter: blur(4px) brightness(0.65);
        height: 300px;
        width: 100%;
        opacity: .95;
        margin-top: 40px;
        background-repeat: no-repeat;
        transform: scale(1.2);
    }
    
    /*die klasse wird bei nlp standorten benutzt und der Background wird inline per "background-image:url(https://www.landsiedel-seminare.de/graphiken/beispiel.jpg)" eingefügt */
    .nlpstandortheadpic {
        height: 610px;
        background-position: 50% 23%;
        filter: brightness(0.55);
        background-size: cover;
        background-attachment: scroll;
        width: 100%;
        opacity: .95;
        margin-top: 40px;
        background-repeat: no-repeat;
    }
    .nlpstandueberschrift{
    border: 0px solid black;
    -webkit-transform: translate(0%, -260%);
    transform: translate(0%, -260%);
    line-height: 40px;
    font-size: 50px;
    font-weight: 400;
    color: white;
    outline: black;
    margin-top: -85px;
    padding:10px;
    }
    
    /* Der CTA button für Abendseminare im header */
    .standueberschrift .pricebutton {
        -webkit-filter: blur(0px) brightness(1.0);
        filter: blur(0px) brightness(1.0);
        cursor: pointer;
        border: none;
        outline: none;
        background: #F28E00;
        text-decoration: none;
        padding: 15px;
        padding-left: 20px;
        font-size: 20px;
        font-weight: 100;
        margin-top: 0px;
        border-radius: 25px;
        color: white;
        box-shadow: 0px 0px 10px 0px #555;
        width: 500px;
    }
    .nlpstandueberschrift .pricebutton {
        -webkit-filter: blur(0px) brightness(1.0);
        filter: blur(0px) brightness(1.0);
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
        border: none;
        outline: none;
        background: #F28E00;
        text-decoration: none;
        padding: 15px;
        padding-left: 20px;
        font-size: 20px;
        font-weight: 100;
        margin-top: 0px;
        border-radius: 25px;
        color: white;
        box-shadow: 0px 0px 10px 0px #555;
        width: 500px;
    }
    .nlpstandueberschrift a:hover.pricebutton {
        padding-right: 15px;
    }

    .nlposWrapper{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -230px;
        height: 80px;
        margin-top: -75px;
    }
    
    .standueberschrifthandy {
        margin-top: 15px;
    }
    
    .pricebutton:hover {
        background-color: #CC7800;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    
    a:hover.pricebutton:after {
        opacity: 1;
        right: 0;
    }
    
    a:hover.pricebutton {
        padding-right: 25px;
        box-shadow: 0 0 5px 1px #555 inset;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    /* blaue haken*/
    .vorulcheck {
        list-style: none;
        list-style-position: outside;
        padding-left: 64px;
    }
    
    .vorlicheck {
        line-height: 30px;
        text-align: left;
        list-style: none;
        font-size: 20px;
        margin-top: 10px;
    }
    
    .vorlicheck:before {
        background: url(../images/bluehaken.png) no-repeat;
        background-size: 30px 30px;
        background-position: 0px 0px;
        ;
        display: block;
        margin-left: -40px;
        margin-bottom: -30px;
        width: 30px;
        height: 30px;
        content: "";
    }
    
    .zertiaussenbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 15px;
    }
    
    .zertimg {
        margin: 20px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    
    .zertimg:hover {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
    }
    
    .zertibox p {
        font-size: 20px;
        color: black;
        text-align: left;
        line-height: 29px;
    }
    
    .zertibox h2 {
        font-size: 27px;
        margin-top: 23px;
        margin-bottom: 20px;
    }
    
    .zertiboxpic {
        display: inline-block;
        width: 280px;
    }
    
    .horinhaverbox {
        padding: 1px 40px;
    }
    
    .horinhaverboxcontent {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -95px;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    
    .horinhavercontent {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
    .horinhaver,
    .horinhaverNLPM {
        margin-right: 10px;
        margin-left: 10px;
        font-size: 16px;
        border: 0px solid #fff;
        padding: 20px 20px;
        background-color: #f0f0f0;
        color: #000;
        border-radius: 10px;
        width: 140px;
        text-align: center;
        box-shadow: 0px 0px 8px 0px #000;
    }
    
    .horinhaver:hover,
    .horinhaverNLPM:hover {
        background-color: #232f3f;
        color: white;
    }
    
    .horinhaverbox a {
        text-decoration: none;
    }
    
    .horinhaverhandy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .horinh1{
        display:none;
    }
    
    .trainerbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        border-radius: 20px;
    }
    
    .trainerboxlinksbild {
        height: auto;
        width: 200px;
    }
    
    .trainerboxlinkscontent {
        height: auto;
        width: auto;
    }
    
    .trainerboxbild {
        height: auto;
        width: 150px;
        margin: 25px;
        margin-bottom: 0px;
        border-radius: 15px 15px 0px 0px;
    }
    
    .trainerboxbildname {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #f0f0f0;
        width: 150px;
        margin-left: 25px;
        text-align: center;
        border-radius: 0px 0px 15px 15px;
        margin-bottom: 25px;
        line-height: 21px;
    }
    
    .right-responsive.center .trainerboxlinksbild .trainerboxbildname{
        margin-left:70px;
    }
    .right-responsive.center .trainerboxlinksbild .trainerboxbild{
        margin-left:70px;
    } 
    .right-responsive.center{
        margin-top:0!important;
        padding-left:0!important;
    }

    .trainerboxcontent h3 {
        margin-top: 22px;
        margin-left: 24px;
    }
    
    .trainerboxrechts {
        width: 100%;
        display: block;
    }
    
    .trainerboxrechts .pricebutton {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
        border: none;
        outline: none;
        background: #F28E00;
        text-decoration: none;
        margin-left: 10px;
        margin-bottom: 20px;
        padding: 8px 0px 8px 8px;
        font-size: 20px;
        font-weight: 100;
        border-radius: 10px;
        color: white;
        box-shadow: 0px 0px 10px 0px #555;
        text-align: center;
    }
    
    .trainerboxcontent .ul-content1 {
        margin-left: -15px;
    }

    /*--------------------------------------------------- Großes Accordion mit h2, h3, h4, und h5, überschriften möglich --------------------------------------*/
    
    .inhalte {
        border-radius: 18px;
        border: 5px solid #f0f0f0
    }
    
    .inhalte p {
        margin: 24px;
    }
    
    .inhalte h2, .inhalte h3, .inhalte h4, .inhalte h5 {
        margin: 24px;
    }

    .inhaccordion {
        overflow: hidden;
        max-height: 0px;
    }
    
    .inhaccordion .ul-content-haken {
        margin-right: 18px;
        margin-left: -22px;
    }
    
    .inhaccordion .ul-content1 {
        margin-left: -15px;
    }
    
    .inhaccordion .responsive-video {
        margin: 20px;
    }
    
    .inhcrossRotate {
        height: 24px;
        float: right;
        cursor: pointer;
        margin-top: 1px;
        -webkit-transition: 0.1s ease-in-out;
        transition: 0.1s ease-in-out;
    }
    
    .inhalteueber {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }
    
    .inhalteueber:hover {
        background: #f0f0f0
    }
    
    .inhalte .is-open {
        background: #f0f0f0 !important
    }
    
    .inhactive {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }


    /*-----------------------------------------Klassen für Information zum Veranstaltungsort ---------------------------------------*/
    .informationseminarort {
        padding: 20px;
    }
    
    .infosemiliste {
        list-style: none;
    }
    
    .infosemiliste li {
        color: #111;
        font-size: 1.5em;
        font-weight: 400;
        text-align: left;
        line-height: 45px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    
    .infosemiliste>li.infosemilocationpin {
        background-image: url(../images/locationpin.png);
        background-repeat: no-repeat;
        padding-left: 50px;
        line-height: 20px;
        background-size: 40px 50px;
        margin-bottom: 10px;
        margin-left: -40px;
    }
    
    .infosemiliste>li.infosemiphone {
        background-image: url(../images/phonelogo.png);
        background-repeat: no-repeat;
        padding-left: 50px;
        line-height: 35px;
        background-size: 35px 35px;
        margin-bottom: 10px;
        margin-left: -40px;
    }
    
    .infosemiliste>li.infosemimail {
        background-image: url(../images/maillogo.png);
        background-repeat: no-repeat;
        padding-left: 50px;
        line-height: 35px;
        background-size: 36px 35px;
        margin-bottom: 10px;
        margin-left: -40px;
    }
    
    .infosemiliste>li.infosemiinfo {
        background-image: url(../images/_info_icon.png);
        background-repeat: no-repeat;
        padding-left: 50px;
        line-height: 25px;
        background-size: 40px 40px;
        margin-left: -40px;
    }
    
    .infosemiinfo .button {
        padding: 7px;
        margin-top: 0px;
        font-size: 20px;
        border-radius: 0px 15px 15px 0;
        height: 29px;
        width: 132px;
    }
    
    .infosemibutton {
        display: inline-block;
        background-image: url(../images/pdflogoklein.png);
        background-repeat: no-repeat;
        padding-left: 49px;
        background-size: 40px 40px;
        background-position: 5px 2px;
        width: 146px;
        height: 45px;
        border-radius: 15px;
        background-color: #232f3e;
        -webkit-transition: 0.3s ease all;
        transition: 0.3s ease all;
        margin-top: 10px;
    }
    
    .infosemibutton:hover {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        -webkit-transition: 0.3s ease all;
        transition: 0.3s ease all;
    }
    /* ---------------------------------- Ende von Information zu Veranstaltungsort -----------------------------*/
    
    /* Klasse für das shaken des Tipp-Tags in den Practitioner seiten */
    .shake-horizontal {
        -webkit-animation: shake-horizontal 8.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
        animation: shake-horizontal 8.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
        margin: -8px 0px -7px 13px;
    }

    /*------------------------------------------------------------------ Media Queries und Key-Frames -----------------------------------------------------------------------------*/
    
    @media only screen and (max-width: 959px) {
        .boxpic {
            margin-left: auto;
            margin-right: auto;
            width: 502px;
            background-repeat: no-repeat;
        }
        .testicontainer {
            margin-left: auto;
            margin-right: auto;
            width: 500px;
        }
        .testiconflex {
            display: block;
        }
        .shake-horizontal {
            margin: -10px 0px 2px 10px;
        }
    }
    
    @media only screen and (max-width: 800px) {

        .pricingdiv ul.theplan li:last-of-type {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .pricingdiv ul.theplan {
            border-radius: 0;
            width: 100%;
            margin-right: 0;
        }
        .pricingdiv ul.theplan:hover {
            -webkit-transform: none;
            transform: none;
            box-shadow: none;
        }
        .pricingdiv a.pricebutton {
            display: block;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding: 10px 0px 10px 0px;
        }
        a:hover.pricebutton:after {
            content: ' '
        }
        .boxtarStart a:hover.pricebutton {
            padding-right: 0px;
        }
        .empfehlungstag {
            z-index: 10;
            position: relative;
            height: 40px;
            top: 20px;
            color: white;
            font-weight: bold;
            text-align: center;
            line-height: 40px;
            box-shadow: -5px 5px 10px #000;
            margin-left: auto;
            width: 170px;
            margin-top: -40px;
            background-color: red;
        }
        .triangle {
            height: 100px;
            width: 100px;
            position: relative;
            margin: -50px;
        }
        .triangle:after {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            /* Safari and Chrome */
            background: rgb(2, 0, 36);
            background: -webkit-gradient(linear, left top, right top, from(rgba(2, 0, 36, 1)), color-stop(100%, rgba(121, 9, 9, 1)), to(rgba(255, 0, 0, 1)));
            background: -webkit-linear-gradient(left, rgba(2, 0, 36, 1) 0%, rgba(121, 9, 9, 1) 100%, rgba(255, 0, 0, 1) 100%);
            background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(121, 9, 9, 1) 100%, rgba(255, 0, 0, 1) 100%);
            content: "";
            height: 56px;
            left: 272px;
            bottom: 2px;
            position: relative;
            width: 56px;
        }
        .tartermineundzeiten {
            display: block;
        }
        .zertiaussenbox {
            display: block;
        }
        .trainerbox {
            display: block;
        }
        .horinhaverhandy {
            margin-top: -20px;
            margin-bottom: 30px;
        }
        .standueberschrift {
            margin-bottom: 0px;
            line-height: 26px;
            font-size: 27px;
            transform: translate(0%, -165%);
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            display: block;
        }
        .horinhaverbox {
            padding: 0;
        }
        .horinhavercontent {
            display: block;
        }
        .horinhaver,
        .horinhaverNLPM {
            margin-right: 6px;
            margin-left: 6px;
            padding: 10px 0px;
            width: 154px;
        }
        .standueberschrifthandy {
            margin-left: 0;
            margin-top: 51px;
        }
        .standueberschrift .pricebutton {
            -webkit-filter: blur(0px) brightness(1.0);
            filter: blur(0px) brightness(1.0);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            cursor: pointer;
            border: none;
            outline: none;
            background: #F28E00;
            text-decoration: none;
            padding: 15px;
            padding-left: 20px;
            font-size: 18px;
            font-weight: 100;
            margin-top: 0px;
            border-radius: 25px;
            color: white;
            box-shadow: 0px 0px 10px 0px #555;
            width: 500px;
        }
        .greybox li {
            font-size: 17px;
        }
        .greybox h2 {
            font-size: 30px;
        }
        .testiconflex {
            display: block;
        }
        .nlposWrapper{
            top:-260px;
        }

        .standorthead{
            margin-bottom: -54px;
        }

        .nlpstandueberschrift{
            height: 135px;
        }

        .standueberschrift .standueberschrifthandy{
            margin-top:15px;
        }

    }
    
    @media only screen and (max-width: 680px) {
        .boxpic {
            width: auto;
            margin-right: 0px;
            margin-left: 0px;
            background-repeat: no-repeat;
        }
        .testicontainer {
            margin-left: auto;
            margin-right: auto;
            width: 97%;
        }
        .zertimg {
            margin: 0px
        }
    }
    @media only screen and (min-width:800px) and (max-width: 840px) {
        .standueberschrift {
            -webkit-transform: translate(0%, -100%);
            -ms-transform: translate(0%, -100%);
            transform: translate(0%, -100%);
        }
    }
    
    @media only screen and (min-width:450px) and (max-width: 800px) {
        .standueberschrift {
            -webkit-transform: translate(0%, -165%);
            -ms-transform: translate(0%, -165%);
            transform: translate(0%, -165%);
        }
    }
    
    @media only screen and (max-width: 476px) {
        .tartermine {
            width: 76%;
        }
        .preisbutton {
            margin-left: 60%;
        }
        .nlposWrapper {
            top: -160px;
            margin-top: -145px;
        }
        .nlpstandueberschrift {
            transform: translate(0%, -190%);
            font-size: 50px;
        }
        .nlpstandortheadpic{
        background-attachment: scroll;
        height: 500px;
        }
        .testicontent {
            display:block;
        }

        .standorthead{
            margin-bottom: -30px;
        }

        .nlpstandueberschrift {
            height: 179px;
        }
    }
    @media only screen and (max-width: 330px){
        .nlpstandortheadpic {
            height: 460px;
        }
        .nlpstandueberschrift {
            transform: translate(0%, -180%);
            font-size: 47px;
        }
    }

   
/* ----------------------------------- KEY FRAMES ----------------------------------*/
    @-webkit-keyframes shake-horizontal {
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }
        0%,
        20%,
        40%,
        60%,
        80%,
        100% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
    }
    
    @keyframes shake-horizontal {
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }
        0%,
        20%,
        40%,
        60%,
        80%,
        100% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
    }