@media screen {
::-moz-selection {
    background-color:#c0254d;
    color:#fff;
}
::selection {
    background-color:#c0254d;
    color:#fff;
}
* {
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    border:0 none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 none;
}
html {
    font-size:16px;
    position: relative;
    height: 100%;
}
body {
    background-color:#fff;
    font:1rem Poppins,sans-serif;
    color:#363636;
    min-height:100%;
    display:block;
    width:100%;
    height:100%;
    font-family:'Poppins',sans-serif;
}

/* * IE Warnung * */
.chromeframe {
    background-color:#c0254d;
    padding:10px 20px;
    color: #fff;
}
.chromeframe  a {
    text-align:center;
    font-weight:bold;
    color:#fff;
}
.chromeframe a:hover {
    text-decoration:underline;
    color:#fff;
}

/* * Text * */
h1 {
    font-size:2rem;
    font-weight:300
}
h2 {
    font-size:2.7rem;
    line-height:3.5rem;
    font-weight:200
}
h4 {
    margin-bottom:2rem;
    font-size:1.66rem;
    color:#c0254d;
    text-transform:uppercase;
    letter-spacing:1px;
}
h1,
h2,
h3,
h4,
h5,
.caption {
    font-family:'Poppins',sans-serif;
}
p,
.content-text li,
.contact_form label,
td {
    font-size:1.2rem;
    line-height:1.9rem;
    font-weight:200;
    /*
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    */
}
p strong {
    text-transform:uppercase;
    font-weight:500
}
.center {
    text-align: center !important;
}

/* * Margins * */
.mg-bt-1 {
    margin-bottom:1rem;
}
.mg-bt-2 {
    margin-bottom:2rem;
}
.mg-bt-3 {
    margin-bottom:3rem;
}
.mg-tp-1 {
    margin-top:1rem;
}
.mg-tp-2 {
    margin-top:2rem;
}
.mg-tp-3 {
    margin-top:3rem;
}

/* * Paddings * */
.pd-bt-1 {
    padding-bottom:1rem;
    padding-bottom:1rem !important
}
.pd-bt-3 {
    padding-bottom:3rem;
}

/* ***** Wrapper ***** */
wrapper {
}

/* *****   Header   ***** */
#header {
    width:100%;
    height:auto;
    position:fixed;
    display:block;
    margin:0 auto;
    padding:0;
    background-color:#fff;
    z-index:10
}
.down #header {
    width: 100%;
    height: auto;
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transition: transform .25s .1s ease;
    -moz-transition: transform .25s .1s ease;
    -o-transition: transform .25s .1s ease;
    transition: transform .25s .1s ease;
}
#header .inside {
    max-width:1320px;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px;
}
.down #header .inside {
    height: 50px;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    transition: All 0.5s ease-in-out;
}

/* * Logo * */
.logo {
    width:280px;
    height:100px;
    float:left;
    background-color:#fff;
}
.down .logo {
    width:300px;
    height:63px;
    float: left;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    transition: All 0.5s ease-in-out;
}
.logo img {
    width:250px;
    height:auto;
    margin:25px 20px 20px 0;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
}
.down .logo img {
    width:210px;
    height:auto;
    margin-top:7px;
    margin-bottom:7px;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    transition: All 0.5s ease-in-out;
}

/* * Header container * */
.top_container {
    display: flex;
    padding-inline: 15px;
    justify-content: space-between;
}
.top_container .navbar {
    width: 95%;
}

/* * Main Nav * */
.navbar {
    height:auto;
    max-width:1100px;
    margin-right:auto;
    margin-left:auto;
}
.navbar a,
.navbar strong {
    display:block;
    padding:13px 0;
    font:1rem 'Poppins',sans-serif;;
    text-decoration:none;
    color:#333;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight: 300;
}
.navbar a:hover,
.navbar strong {
    color:#c0254d;
    text-decoration:none;
}
.navbar strong {
    font-weight: 300;
}

/* Main Nav Level 1 */
.navbar ul {
    margin:18px auto 0;
    padding-left:30px;
    display:flex;
    justify-content:space-between;
    align-items: flex-start;
    flex-direction:row;
}
.navbar ul::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.navbar li {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    width: min-content;
}
.navbar ul li a,
.navbar ul li strong {
    padding-bottom:20px;
}

/* Wachstum */
.navbar ul.level_1 li.submenu.sites:nth-child(3) a.submenu,
.navbar ul.level_1 li.submenu.sites:nth-child(3) strong {
    padding-bottom:45px;
}

/* Main Nav Level 2 */
.navbar ul li:hover > ul {
    visibility: visible;
    display:block;
    z-index:1000;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.navbar ul li ul {
    margin-top:0;
    display: inline;
    padding: 0;
    position: absolute;
    visibility: hidden;
    top:100px;
}
.navbar ul li ul li {
    width:auto;
    margin-left:-50px;
    padding-right:25px;
    padding-left:50px;
    float: none;
    background-color:rgba(247,245,245,.85);
}
.navbar ul li ul li a,
.navbar ul li ul li strong {
    padding-top:8px;
    padding-bottom:8px;
}
.navbar ul li ul li a.first {
    padding-top:25px;
}
.navbar ul li ul li a.last {
    padding-bottom:25px;
}
.navbar ul li ul li a:before {
    left:-32px;
    position:absolute;
    padding-top:2px;
    content: url(../../files/img/logo/QUADRAT_NAVI_GRAU.svg);
}
.navbar ul li ul li a:hover:before {
    content: url(../../files/img/logo/QUADRAT_NAVI_ROT.svg);
}

/* Down Main Nav Level 1 */
.down .navbar ul {
    margin-top:6px;
    margin-bottom:0;
    /*-webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    transition: All 0.5s ease-in-out;*/
}
.down .navbar a,
.down .navbar strong {
    padding-top:6px;
    padding-bottom:11px;
    font-size:.83rem;
}
.down .navbar li:nth-child(2) {
    padding-right:15px;
}

/* Down Main Nav Level 2 */
.down .navbar ul li ul {
    top:57px;
}
.down .navbar ul li ul li {
    background-color:rgba(247,245,245,.95);
}
.down .navbar ul li ul li a.first {
    padding-top:15px;
}
.down .navbar ul li ul li a.last {
    padding-bottom:15px;
}
.down .navbar ul li ul li a:before {
    left:-32px;
    position:absolute;
    padding-top:1px;
    content: url(../../files/img/logo/QUADRAT_NAVI_GRAU.svg);
}
.navbar ul li ul li a:hover:before {
    content: url(../../files/img/logo/QUADRAT_NAVI_ROT.svg);
}

/* *  Sprachwechsler * */
.mod_changelanguage ul {
    width: auto;
    padding: 0;
    margin: 18px 0 0;
    display:flex;
    justify-content:flex-end;
}
.mod_changelanguage li {
    list-style-type: none;
    display: flex;
    align-items:center;
    padding-block: 13px;
    padding-inline-start: 2px;
    padding-inline-end: 6px;
    font: 1rem 'Poppins',sans-serif;
    text-decoration: none;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
}
.mod_changelanguage li.active strong,
.mod_changelanguage li a:hover {
    color: #c0254d;
    font-weight: 300;
}
.mod_changelanguage li a {
    font: 1rem 'Poppins',sans-serif;
    text-decoration: none;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
}
.mod_changelanguage li:not(:last-child):after {
    content: '·';
    margin-inline-start: 7px;
}
.down .mod_changelanguage ul {
    margin-top:6px;
}
.down .mod_changelanguage li {
    padding-block: 4px;
}
.down .mod_changelanguage li.active strong,
.down .mod_changelanguage li a {
    font-size: .83rem;
}

/* *****   Container   ***** */
#container {
    width:100%;
    height:auto;
    min-width:320px;
    overflow:hidden;
    margin:0 auto;
    padding:100px 0 0;
}

/* ***   Main  *** */
#main {
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    padding:0;
    z-index:1
}
#main .inside {
    z-index:1
}
.mod_article {
    margin-right:auto;
    margin-left:auto;
}
.content-text {
    max-width:100%;
    margin-right:auto;
    margin-left:auto;
}
.ce_image {
    position: relative;
}
.content-text ul {
    margin-bottom:12px;
    padding-left:20px;
}
.content-text ul li {
    padding-left:18px;
    list-style-type:disc;
}
.content-text ul li ul {
    position:relative;
    padding-left:5px;
}
.content-text ul li ul li {
    background: url("../../files/img/logo/Feil-klein-grau.svg") no-repeat 5px 5px transparent;
    list-style-type: none;
    margin: 0;
    padding:0px 0px 0px 40px;
}
.content-text ol {
    margin-bottom:12px;
    padding-left:20px;
    list-style-type:decimal;
}
.content-text ol li {
    padding-left:18px;
    list-style-type:decimal;
}
.content-text a,
p.back a,
p.more a {
    position: relative;
    text-decoration: none;
    display: inline-block;
    color: #c0254d;
    padding: 0 1px;
    font-weight:300;
    -webkit-transition: color ease 0.25s;
    -moz-transition: color ease 0.25s;
    -o-transition: color ease 0.25s;
    transition: color ease 0.25s;
}
p.back a {
    margin-top:2.5rem;
}

.content-text a:hover,
p.back a:hover,
p.more a:hover {
    color:#c0254d;
}

.mod_article .content-text a::after,
p.back a::after {
    content: '';
    position: absolute;
    left: -1px;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #ee364e;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.mod_article .content-text a:hover::after,
p.back a:hover::after,
p.more a:hover::after {
    width: calc(100% + 2px);
}
figure {
    height:auto;
    margin-bottom:0;
    padding-bottom:0px !important
}

/* Revo-Slider */
.ce_revolutionslider {
    width:100%;
    height:auto;
}
.tp-bannertimer {
    display:none
}

/* Header-Bild */
.head_pic {
    position:relative;
}
.head_pic figure {
    margin-bottom:-7px;
}
.head_pic img {
    width:100%;
    height:auto;
}
.head_pic .middle {
    padding-right:15px;
    padding-left:15px;
    width: 100%;
    max-width: 1320px;
    top: 0;
    margin-right: auto;
    margin-left: auto;
}
.head_pic .ce_headline {
    max-width:750px;
    bottom: 25%;
    position: absolute;
    padding-left: 0px;
    max-width:950px!important;
}
h1.ce_headline {
    font-size:3.5rem;
    line-height:4.2rem;
    color:#fff;
    text-shadow: 0px 0px 70px  #999;
    z-index:1000;
}

/* Alle Artikel */
.mod_article.text {
    max-width:1290px;
    margin-right:auto;
    margin-left:auto;
    padding-right:0;
    padding-left:0;
}
.top {
    padding:2rem 2rem 2rem 3rem;
}
.top h1 {
    max-width:66%;
    margin:0 0 0 10rem;
    font-size:1.9rem;
    line-height:2.5rem;
}
.mod_article .content-text.vita a {
    color:#fff;
}
.mod_article .content-text.vita {
    position:relative;
}
.mod_article .content-text.vita a.vita_link {
    right:30%;
    top:50%;
    position:absolute;
    padding-top:2px;
    content: url(../../files/img/logo/plus-mt.svg);
}
.top img {
    width:80px;
    height:auto;
}

/* *  Grids   * */
.grid-sites-1 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0px;
    grid-template-areas:
    "area1 area1 area2 area2"
    "area3 area3 area3 area3"
}
.grid-sites-2 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0px;
    grid-template-areas:
    "area2 area2 area1 area1 "
    "area3 area3 area3 area3"
}
.grid-home {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0px;
}

/* Grid Bild */
.grid-item1 {
    background-color:#f4f4f4;
    grid-area: area1;
}
.grid-item1 figure {
    width:100%;
    height:100%;
    display: flex;
    align-items: center; 
    justify-content: center;
}
.grid-item1 figure img {
    width:100%;
    height:auto;
    margin-bottom:-7px;
}

/* Grid Headlines */
.grid-item2 {
    padding-right:2.8rem;
    padding-bottom:0;
    padding-left:3.5rem;
    grid-area: area2;
}
.grid-item2 h3 {
    font-weight:200
}
.grid-item2.first-red {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Grid Text */
.grid-item3 {
    width:100%;
    padding:1.8rem 3.5rem 0;
    grid-area: area3;
}
.grid-sites-1.last .grid-item3,
.grid-sites-2.last .grid-item3 {
    padding-bottom:60px;
}

/* Grid Team */
.grid-item4 {
    width:100%;
    padding-bottom:2rem;
}
.grid-item4 p {
    max-width:70%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    line-height:1.75rem;
}
.grid-item4 em {
    color:#ee364e;
}

/* Grid Team Bild */
.grid-item4 figure {
    width:72%;
    height:auto;
    margin:1rem auto;
}
.grid-item4 figure img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

/* Grid Borders */
.brdr-tp-dkgry {
    border-top:60px solid #353535;
}
.brdr-tp-wht {
    border-top:60px solid #fff;
}
.brdr-tp-ulgry {
    border-top:60px solid #212121;
}
.brdr-tp-mdgry {
    border-top:60px solid #ebebeb;
}

/* Grid Backgrounds */
.mdgry {
    background-color:#ebebeb;
}
.dkgry {
    background-color:#353535;
    color: #fff!important;
}
.ulgry {
    background-color:#212121;
    color: #fff!important;
}
.ltred {
    background-color:#ee364e;
    color: #fff!important;
}
.white {
    background-color:#fff;
}
.last_art {
    padding-bottom:2rem;
}

/* News */
.news .grid-item2 h3 {
    margin-top:2em;
    margin-bottom:2em;
}
.news .layout_latest .content-text p {
    margin-bottom:0;
}
.news .content-text,
.news .mod_newslist,
.mod_newsreader {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
}
.news .content-text {
    position:relative;
}
.news .mod_newslist .content-text {
    padding-right: 3.5rem;
    padding-left: 0;
}
.news h2 {
    padding-left:4.5rem;
    font-size:1.9em;
    line-height:2.8rem;
    color:#999;
    font-weight: 400;
}
.news h2 strong {
    color:#ee364e;
    font-weight: 400;
}
.news h2:before {
    left:3.5rem;
    position:absolute;
    padding-top:2px;
    content: url(../../files/img/logo/Kl-Quadrat.svg);
}
.news h3 a {
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    font-size: 1.2rem;
    line-height: 1.9rem;
}
.news h3 {
    margin-top:.5em;
}
.news hr {
    width:40px;
    margin-top:15px;
    background-color:#999;
    border-top:6px solid #999;
}
.news p.more a,
.mod_newsreader p.back a,
p.back a,
p.more a {
    padding-left:25px;
    color:#363636;
    font-weight: 200;
}
.news p.more a:hover,
.mod_newsreader p.back a:hover {
    color:#363636;
    font-weight: 200;
}
.news p.more a:before,
.mod_newsreader p.back a:before,
p.back a:before,
p.more a:before {
    left:0;
    position:absolute;
    padding-top:2px;
    content: url(../../files/img/logo/Feil-klein.svg);
}

/* *****   Footer    ***** */
#footer {
    width:100%;
    max-width:100%;
    background-color:#333;
}
#footer .inside {
    margin:0 auto;
    padding:30px 15px;
    height:auto;
    min-width:300px;
    max-width:1320px;
}
#footer .inside:after {
    content:"";
    display:table;
    clear:both;
}

/* *   Footer Logo  * */
#footer .footer_logo {
    width:auto;
    float:left;
    margin-right:60px;
}
#footer a.hyperlink_img img {
    width:210px;
    height:auto;
    margin:18px 0 0;
}

/* * Footer-Nav * */
.footer_nav {
    width:auto;
    height:auto;
    max-width:400px;
    float:left;
    margin:0;
}
.footer_nav ul {
    width:auto;
    min-width:220px;
    margin-top:4px;
    margin-right:0;
}
.footer_nav.first {
    border-left:1px solid #fff;
}
.footer_nav.first ul {
    margin-left:60px;
}
.footer_nav li {
    height:60px;
    max-width:180px;
    transition: all 0.1s linear 0s;
}
.footer_nav a,
.footer_nav strong {
    width:auto;
    display:block;
    padding:23px 30px 5px 0;
    font:1rem/1rem 'Poppins',sans-serif;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-weight: 300;
}
.footer_nav a:hover,
.footer_nav li.active,
.footer_nav strong {
    color:#ee364e;
    text-decoration:none;
}
.footer_nav li:last-child a {
    margin-right:0;
    padding-right:0;
}
#footer .mobil {
    display:none
}

/* *  Footer Text  * */
.footer_text {
    margin-top:4px;
    padding-top:19px;
    padding-bottom:15px;
    font:.8rem 'Poppins',sans-serif;
    color:#d6d6d6;
}
.footer_text p,
.footer_text a {
    font:1rem 'Poppins',sans-serif;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-weight: 300;
}
.footer_text a {
    text-transform:none;
}
.footer_text a:hover {
    color:#ee364e;
}

/* ***    NONE   *** */
.head_pic .mobil {
    display:none
}

}


  /* *****  END SCREEN  ***** */
  
  
@media only screen and (max-width: 1080px) {
    /* *****  Header  ***** */
    #header,.down #header{z-index:1000;background:#fff;height:68px;position:fixed;background:#fff;}
    #header .inside, .down #header .inside{padding-right: 1.5rem; padding-left: 1.5rem;height:68px;}
    #header .navbar{display:none;}
    /*  Logo */
    .content-hyperlink.logo {width: auto;height: 68px;}
    .content-hyperlink a img {width:210px;height:auto;margin-top:10px;margin-bottom:10px;}
    .down .logo {width:auto;height:68px;}
    .down .logo img { width:210px;height:auto;margin-top:10px;margin-bottom:10px;}
    /*  Menü-Trigger   */
    .mobile_menu_trigger {height:50px;right: 12px;top:12px;width: 55px;position:absolute;cursor:pointer;z-index: 200;}
    /*  Hamburger  */
    .hamburg {display: block;width: 50px; height: 50px; position: relative;margin-left: auto;margin-right: auto;border-radius: 4px;  transition: border-radius 0.25s; cursor:pointer;}
    .line {  position: absolute;    left:10px;   height: 4px; width: 30px;    background: #c0254d;    border-radius: 2px;   display: block;    transition: 0.25s;    transform-origin: center; }
    .line:nth-child(1) { top: 13px; }
    .line:nth-child(2) { top: 24px; }
    .line:nth-child(3) { top: 35px; }
    .hamburg.checked .line:nth-child(1){   transform: translateY(11px) rotate(-45deg);}
    .hamburg.checked .line:nth-child(2){   opacity:0;}
    .hamburg.checked .line:nth-child(3){   transform: translateY(-11px) rotate(45deg);}
    /*  MMenü   */
    .mobile_menu{z-index:200!important;height: 100%!important; width: 100%!important;background-color: transparent;padding-top:0px;}
    .mobile_menu .inner {background-color: #fff; overflow: auto;width: 100%!important;border-top:75px solid #fff}
    .mobile_menu .inner ul {margin:15px 20px 0 20px;}
    .mobile_menu .inner li {display:block;width:100%; margin:0;}
    .mobile_menu .inner li a,.mobile_menu .inner li strong {text-decoration:none;text-transform:uppercase;color:#c0254d;display:block;font-weight: regular;padding:15px 0 0px 0px;margin:0 0 0 0;width:100%;font-size:1.2rem;border-bottom:1px solid #c0254d;text-align:right; font-family: 'Poppins',sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}
    .mobile_menu .inner li a,.mobile_menu .inner li strong{margin-bottom:10px;}
    .mobile_menu .inner li.active strong{color:#ee364e;padding-left:0; font-size: 1.2rem;}
    .mobile_menu .inner li.active {padding:0;}
    .mobile_menu .inner li strong {border-bottom:1px solid #ee364e;}
     /*   Sprachwechsler  */
    .mod_changelanguage{display:none}
    .mobile_menu .mod_changelanguage{display:block!important;;}
    .mobile_menu .mod_changelanguage ul {border-bottom: 1px solid #c0254d;margin: 0px 20px 0 20px;padding:0;display: flex;align-items:center;gap: 1em;justify-content: flex-end; }
    .mobile_menu .mod_changelanguage li {width: fit-content;display: flex; padding:0; }
    .mobile_menu .mod_changelanguage li a,
    .mobile_menu .mod_changelanguage li strong{    text-align: right; border: none;    margin:0;   padding: 15px 0 0px 0px; }
    .mobile_menu .mod_changelanguage li:not(:last-child)::after{    padding: 15px 0 0px 0px;;    margin-inline-start: 1em;}
    /* *****  Container  ***** */
    #container{padding:68px 0 0px 0;}
    /*  Content  */
    h2 {    font-size: 2rem;    line-height: 2.3rem;}
    p,.content-text li{font-size:1.2rem;line-height:1.7rem;}
    /*  Headerbild */
    /*
    .head_pic {width:100%;height: auto;}
    .head_pic .ce_revolutionslider,
    .head_pic .ce_revolutionslider .rs-container,
    .head_pic .ce_revolutionslider .rs-container .fullwidthbanner-container{width:auto;height: 400px !important;}
    */
    .head_pic .ce_headline {    max-width: 95%;    bottom: 12%;    position: absolute;    padding-left: 10px;}
    h1.ce_headline   {font-size:3rem;    line-height:3.4rem;   }
    /* Grid */
    .grid-item2{background-color:#fff;padding-right: 1.5rem; padding-left: 1.5rem;padding-bottom:1rem;}
    .grid-item2 h3{margin:0.5rem 0;line-height: 2rem;}
    .grid-item3{padding-right: 1.5rem; padding-left: 1.5rem;padding-bottom:1rem;}
    /*  Backgrounds */
    .ltred { background-color: #ee364e;  color: #fff !important;}
    .dkgry { background-color: #353535; color: #fff !important;}
    .mdgry {    background-color:#ebebeb;}
    .ulgry {    background-color:#212121;    color: #fff!important;}
    .white {    background-color:#fff;}
    /* News */
    .news .top,.grid-item2.first-red, .news .grid-item6, .news .mod_newslist, .mod_newsreader {padding-right: 1.5rem;padding-left: 1.5rem;}
    .news h2 { padding-left: 4.5rem;}
    .news h2::before { left: 1.5rem;}
    .news .mod_newslist h3 { line-height: 1.5rem;}
    .news p.more a, .mod_newsreader p.back a{ padding-top: 0.5rem;}
    .mod_newsreader h1{ line-height: 2.5rem;}
    /* ** Footer ** */
    #footer{}
    #footer .inside { padding: 1.5rem}
    #footer .desktop{display:none}
    #footer .mobil{display:block}
    .footer_text { width: auto;margin:0 60px 0 0;padding-top: 0px;float:left;margin-top: 1rem;}
    .footer_text img{margin-bottom:19px}
    .footer_nav {width: auto;height: auto;float: none;margin: 0;float:left;}
    #footer .footer_nav.desktop {display:block}
    .footer_nav ul {width: 33%;    margin-top: 1rem;    margin-right: 0rem;}
    .footer_nav a, .footer_nav strong { width: auto; display: block;  padding: 10px 0px 5px 0;}
    #footer .footer_nav.mobil{display:none}
    #stoerer,
    #stoerer20 {display:none}
    .top_container .mod_changelanguage {display:none}
}

/* Mobil */
@media only screen and (min-width: 1px) and (max-width:660px) {
    /* --- Header --- */
    .ce_revolutionslider{display:none}
    .head_pic .ce_image.mobil{position:relative;display:block}
    .head_pic .middle {   position:absolute; bottom: 0%;padding-top:20px;    display: flex;    align-items: center;    justify-content: center;}
    .head_pic .ce_headline {position:relative} 
    h1.ce_headline   {font-size:2.7rem;    line-height:2.9rem; margin-left:5px;}
    /* --- Container --- */
    .top {    padding: 1.5rem;}
    .top img {    width: 60px;}
    .top h1 {    max-width: 100%;    margin: 0 0 0 5.5rem;    font-size:1.9rem;    line-height:2.3rem;;}
    /*  Grid  */
    .grid-sites-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:
        "area1 area1 area1 area1"
        "area2 area2 area2 area2"
        "area3 area3 area3 area3"
    }
    .grid-sites-2 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:
        "area1 area1 area1 area1"
        "area2 area2 area2 area2"
        "area3 area3 area3 area3"
    }
    /*
    .grid-item2 h3{margin-top:1rem;}
    .grid-item2 h2, .grid-item2 h3{
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    */
    .grid-item2.first-red {padding-top:10px;}
    .brdr-tp-dkgry,.brdr-tp-wht,.brdr-tp-ulgry,.brdr-tp-mdgry{ border-top:20px ;}
    /* --- Footer --- */
    .footer_nav {display: none !important;}
}

/* Tablet */
@media only screen and (min-width: 661px) and (max-width:990px) {
    h1.ce_headline   {font-size:2.3rem;    line-height:2.9rem;   }
    .grid-sites-1 {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-areas:
            "area1 area1 area1 area1"
            "area2 area2 area2 area2"
            "area3 area3 area3 area3"
        }
    .grid-sites-2 {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-areas:
            "area1 area1 area1 area1"
            "area2 area2 area2 area2"
            "area3 area3 area3 area3"
        }
    .grid-item2{width:100%}
    .footer_nav {display: none !important;}
}
@media only screen and (min-width: 1px) and (max-width:670px) {
    h1.ce_headline   {font-size:1.55rem;    line-height:1.9rem; margin-left:5px;}
    .head_pic .middle{padding-top: 28px;}
    .top h1{font-size: 1.55rem;    line-height: 2.1rem;}
    .grid-home { grid-template-columns: 1fr;}
}