h2 { color: #5d295c;margin: 0.5em 0 0.8em 0;font-size: 1.4em;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;text-align:center;display:block; }
body header #mega-menu-intern li { color:#000 !important; }
.background-violett > .eight.columns { width:55%;margin:2em 22.5%;text-align:center; }
.background-violett .ten.columns { width:75%;margin:2em 12.5%;text-align:center; }
.button.primary.violett { background-color: #5d285c;color: white !important;border: 2px solid #5d285c; }
.button.primary.violett:hover { background-color: #8d698d;border: 2px solid #8d698d; }
.button.primary.violett2 {
    background-color: #e0d4de;color: #5d285c !important;border: 1px solid #5d285c;
    background-image: url(/graphik/dictionary/fatade/play.svg);background-repeat: no-repeat;
    background-size: 17px 35px;background-position: 10px;
    margin-bottom: 1em;padding: 0.8em 1em 0.8em 3em; }
.button.primary.violett3 {
    background-color: #e0d4de;color: #5d285c !important;border: 1px solid #5d285c;
    background-image: url(/graphik/dictionary/fatade/file.svg);background-repeat: no-repeat;
    background-size: 17px 35px;background-position-x: 10px;
    margin-bottom: 1em;padding: 0.8em 1em 0.8em 3em; }
.button.primary.violett2:hover, .button.primary.violett3:hover { background-color: #bea9be;border: 1px solid #5d285c; }

.ten.columns > .eight.columns { padding:0 30px;margin-bottom:3em; }
.ten.columns > .eight.columns p { min-height: 100px; }
.ten.columns > .eight.columns h3 { color:#5d295c;margin: 0.5em 0;font-size: 1.3em;letter-spacing: 2px;text-transform: none;text-align: center; }
.container .five.columns { width: 27%;margin: 0 3.165%;text-align:center; }
.containerboxes { width: 90%;max-width: 1700px;margin: 6em 5%;float:left;padding: 0;text-align:center; }
.containerboxes .five.columns { max-width:420px;margin-bottom:2em; }
.containerboxes p { padding: 0 6%;min-height: 120px;margin:0; }

.konzept { color: #5d295c;font-family: 'Arboria-Book';background:#c4c6d4; }
.konzept .button.primary { background:#5d285c;color:#c4c6d4;font-family:'Arboria-Book';border: 1px solid #5d285c;width:88%;margin: 0 6% 6%; }
.konzept .button.primary:hover { background:#8d698d;border: 1px solid #8d698d; }
.konzept h4 { color:#5d295c;margin: 0.5em 0;font-weight: 500;letter-spacing: 1px;font-size: 1.1em; }
.konzept h3 { color:#5d295c;margin: 0.5em 0 0.8em 0;font-size: 1.3em;letter-spacing: 2px;text-transform: none;min-height:47px;padding: 0 6%;text-align: center; }

.paket { color: #0f443b;font-family: 'Arboria-Book';background:#c8ede7; }
.paket .button.primary { background:#49c3ae;color:#0f443b;font-family:'Arboria-Book';border: 1px solid #49c3ae;width:88%;margin: 0 6% 6%; }
.paket .button.primary:hover { background:#92dbce;border: 1px solid #92dbce; }
.paket h4 { color:#0f443b;margin: 0.5em 0;font-weight: 500;letter-spacing: 1px;font-size: 1.1em; }
.paket h3 { color:#0f443b;margin: 0.5em 0 0.8em 0;font-size: 1.3em;letter-spacing: 2px;text-transform: none;min-height:47px;padding: 0 6%;text-align: center; }

.praxis { color: #0f5017;font-family: 'Arboria-Book';background:#d3ead6; }
.praxis .button.primary { background:#6dba76;color:#0f5017;font-family:'Arboria-Book';border: 1px solid #6dba76;width:88%;margin: 0 6% 6%; }
.praxis .button.primary:hover { background:#a7d6ad;border: 1px solid #a7d6ad; }
.praxis h4 { color:#0f5017;margin: 0.5em 0;font-weight: 500;letter-spacing: 1px;font-size: 1.1em; }
.praxis h3 { color:#0f5017;margin: 0.5em 0 0.8em 0;font-size: 1.3em;letter-spacing: 2px;text-transform: none;min-height:47px;padding: 0 6%;text-align: center; }

.cursor { cursor: pointer; }
footer p { margin: 0 0 1em 0; }
footer a { cursor: pointer; }
.innersocial { display: inline-block;margin: 0 auto;padding: 10px; }
.innersocial img { position:relative;float:left;height: 40px;margin: 0; }

/* --------------------- Popup ----------------------*/
body { font-family: 'Arboria-Book',sans-serif;color: #2f5271;margin:0;background-color: #fff; }
#fatpopup { padding:4%; }
#fatpopup h1 { font-size:1.5em;font-weight:400; }
#fatpopup h2 { letter-spacing: 0;font-size:1.2em;margin-bottom: 0.4em;font-style: italic;color: #2f5271; }
#fatpopup p { margin: 0 0 1.5em 0 !important;font-size: 1.1em;font-weight: 100;margin-bottom: 0.4em;line-height: 135%; }
#fatpopup .eight.columns { width: 46%;margin: 0 2%;float: left; }
#fatpopup .eight.columns.picture { display: flex;justify-content: center;margin-top: calc(100% - 93%); }
#fatpopup .eight.columns.picture img { max-height:600px;max-width: 580px; }

@media only screen and (max-width: 1000px) {
    #fatpopup .eight.columns { width: 96%; }
    #fatpopup .eight.columns.picture { margin-top:0;margin-bottom:2em; }
}

@media only screen and (max-width: 5000px) and (min-width: 1501px){
    .ten.columns > .eight.columns p { min-height:50px; }
}

@media only screen and (max-width: 1500px) and (min-width: 1251px){
    .ten.columns > .eight.columns p { min-height: 50px; }
}

@media only screen and (max-width: 1250px) and (min-width: 1001px) {
    .ten.columns > .eight.columns p { min-height: 60px; }
}

@media only screen and (max-width: 1000px) and (min-width: 901px) {
    .ten.columns > .eight.columns p { min-height: 60px; }
    .ten.columns > .eight.columns h3 { min-height: 45px; }
}

@media only screen and (max-width: 900px) and (min-width: 801px) {
    .ten.columns > .eight.columns p { min-height: 60px; }
    .ten.columns > .eight.columns h3 { min-height: 41px; }
}

@media only screen and (max-width: 800px) and (min-width: 768px) {
    .ten.columns > .eight.columns p { min-height: 70px; }
    .ten.columns > .eight.columns h3 { min-height: 41px; }
}

@media only screen and (max-width: 767px) {
    .ten.columns > .eight.columns p { min-height: auto; }
}