:root {
    interpolate-size: allow-keywords;
}

@media screen {
.fade-in-text,
.fade-in-text2 {
    animation: fadeIn 3s;
      -webkit-animation: fadeIn 3s;
      -moz-animation: fadeIn 3s;
      -o-animation: fadeIn 3s;
      -ms-animation: fadeIn 3s;
}
@keyframes fadeIn {
    0% { opacity: 0; }
      100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
    0% { opacity: 0; }
      100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
      100% { opacity: 1; }
}
@-o-keyframes fadeIn {
    0% { opacity: 0; }
      100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
    0% { opacity: 0; }
      100% { opacity: 1; }
}
::-moz-selection {
    background-color:#3b3b2f;
    color:#fff;
}
::selection {
    background-color:#3b3b2f;
    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%;
    scroll-behavior: smooth;
}
body {
    background-color:#1d1d1b;
    font-size:1rem;
    color:#ffffff;
    min-height:100%;
    display:block;
    width:100%;
    height:100%;
    font-family:'Lato',sans-serif;
}

/* * Text * */
h1 {
    font-size:3rem;
}
h4 {
    margin-bottom:2rem;
    font-size:1.66rem;
    color:#$dkred;
    text-transform:uppercase;
    letter-spacing:1px;
}
h1,
h2,
h3,
h4,
h5,
.caption {
    font-family:Poppins,sans-serif;
    font-family:'Poppins',sans-serif;
}
.content-text h2 {
    font-size:2rem;
    line-height:3.5rem;
    font-weight:400;
}
.grid-item2 h2 {
    max-width:60%;
    font-size:3rem;
    line-height:3.5rem;
    font-weight:400;
    margin-top: 12px;
}
p,
.content-text li,
.contact_form label,
td {
    font-size:1.5rem;
    line-height:2.1rem;
    letter-spacing:1px;
    font-weight:300;
    /*
    -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-2 {
    padding-bottom:2rem;
    padding-bottom:2rem !important
}
.pd-bt-3 {
    padding-bottom:3rem;
    padding-bottom:3rem !important
}
.pd-top-0 {
    padding-top:0;
    padding-top:0rem !important
}

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

/* *****   Header   ***** */
#header {
    width:100%;
    height:auto;
    position:fixed;
    display:block;
    margin:0 auto;
    padding:0;
    background-color:#1d1d1b;
    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:1.5rem;
    padding-left:1.5rem;
    display:flex;
    height: 220px;
}
.down #header .inside {
    height: 90px;
    -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:220px;
    height:220px;
    float:left;
}
.down .logo {
    width:90px;
    height:90px;
    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:150px;
    height:auto;
    margin:40px 20px 0 0;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
}
.down .logo img {
    width:70px;
    height:auto;
    margin-top:10px;
    margin-bottom:10px;
    -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;
}

/* * Main Nav * */
.navbar {
    height:auto;
    max-width:900px;
    margin-right:auto;
    margin-left:auto;
}
.down .navbar {
    max-width:700px;
    -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;
}

/* Main Nav Level 1 */
.navbar ul {
    margin:72px 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 {
    margin-right:2rem;
    margin-left:2rem;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    width: min-content;
    position: relative;
}
.navbar ul li a,
.navbar ul li strong {
}
.navbar a,
.navbar strong {
    display:block;
    padding:13px 0 25px;
    text-align:center;
    font-size:1.2rem;
    text-decoration:none;
    color:#ffffff;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight: 400;
}
.navbar a:hover,
.navbar strong {
    color:#ffffff;
    text-decoration:none;
}
.navbar a:before,
.navbar strong:before {
    background-color:#b6a452;
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0px;
    bottom: 0px;
    content: '';
    opacity: 1;
    transition: all 0.1s;
}
.navbar a:before {
    height: 0%;
}
.navbar a:hover:before {
    height: 20%;
}
.down .navbar ul {
    margin-top:32px;
    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;
}

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

/* ***   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 li {
    padding-left:18px;
    list-style-type:circle;
}
.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: #b6a452;
    padding: 0 1px;
    font-weight:400;
    -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:#b6a452;
}
.mod_article .content-text a::after,
p.back a::after {
    content: '';
    position: absolute;
    left: -1px;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #b6a452;
    -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);
}
.image_container {
    height:auto;
    margin-bottom:0;
    padding-bottom:0px !important
}

/* * Ken Burns * */
.image-wrap {
    width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
}
.image-wrap img {
    width: 100%;
    animation-iteration-count: infinite;
          animation: move 34s ease-in-out ;
          -ms-animation: move 34s ease-in-out;
          -webkit-animation: move 34s ease-in-out;
          -0-animation: move 34s ease-in-out;
          -moz-animation: move 34s ease-in-out;
}
@-webkit-keyframes move {
    0% {
            -webkit-transform-origin:  left center;
            -moz-transform-origin: left center;
            -ms-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
            transform: scale(1.05);
            -ms-transform: scale(1.05);
            /* IE 9 */
            
            -webkit-transform: scale(1.05);
            /* Safari and Chrome */
            
            -o-transform: scale(1.05);
            /* Opera */
            
            -moz-transform: scale(1.05);
            /* Firefox */
          }
          50% {
            transform: scale(1.1);
            -ms-transform: scale(1.15);
            /* IE 9 */
            
            -webkit-transform: scale(1.15);
            /* Safari and Chrome */
            
            -o-transform: scale(1.15);
            /* Opera */
            
            -moz-transform: scale(1.15);
            /* Firefox */
          }
          
            100% {
            transform: scale(1.05);
            -ms-transform: scale(1.05);
            /* IE 9 */
            
            -webkit-transform: scale(1.05);
            /* Safari and Chrome */
            
            -o-transform: scale(1.05);
            /* Opera */
            
            -moz-transform: scale(1.05);
            /* Firefox */
          }
}

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

/* Header-Bild */
.head_pic {
    border-bottom:50px solid #b6a452;
    position:relative;
}
.head_pic .image_container {
    margin-bottom:-7px;
}
.head_pic img {
    width:100%;
    height:auto;
}
.head_pic figure{
    font-size:0;
}    

.head_pic .content-text {
    max-width:750px;
    bottom: 25%;
    position: absolute;
    padding-left: 0px;
    max-width:950px!important;
}
.head_pic h1 {
    padding-left:3rem;
    font-size:5rem;
    line-height:5.2rem;
    color:#fff;
    z-index:1000;
    font-weight:600;
}

/* 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 1.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-sites-3 {
    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"
    "area5 area5 area5 area5"
}
.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;
    overflow:hidden;
}
.grid-item1 figure img {
    width:100%;
    height:auto;
    margin-bottom:-7px;
}

/* Grid Headlines */
.grid-item2 {
    padding-right:1.5rem;
    padding-bottom:0;
    padding-left:2.5rem;
    grid-area: area2;
    width:100%;
}
.grid-item2 h3 {
    font-weight:200
}
.grid-item2 {
    display: flex;
    align-items: center;
    justify-content: left;
}

/* Grid Text */
.grid-item3 {
    width:100%;
    padding:1.8rem .5rem 0 1.5rem;
    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.4rem;
}
.grid-item4 em {
    color:#$ltred;
}

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

/* Grid Button */
.grid-item5 {
    width:100%;
    padding:1.8rem .5rem 0 1.5rem;
    grid-area: area5;
}

/* Grid Borders */
.brdr-tp-dkgry {
    border-top:60px solid #1d1d1b;
}
.brdr-tp-wht {
    border-top:60px solid #fff;
}
.brdr-tp-ulgry {
    border-top:60px solid #$ulgry;
}
.brdr-tp-mdgry {
    border-top:60px solid #3b3b2f;
}

/* Grid Backgrounds */
.mdgry {
    background-color:#3b3b2f;
}
.dkgry {
    background-color:#1d1d1b;
    color: #fff!important;
}
.ulgry {
    background-color:#$ulgry;
    color: #fff!important;
}
.mdgry {
    background-color:#3b3b2f;
    color: #fff!important;
}
.white {
    background-color:#fff;
}

/* * Anfrage * */
.button {
    margin-bottom:5rem;
    margin-left:1.5rem;
    width: 350px;
    height: 37px;
    background-color: #6c6018;
    border-radius: 20px;
    border: 2px solid #6c6018;
    -webkit-transition: All 0.1s ease;
    transition: All 0.1s ease;
    display: block;
    padding: 5px 5px 4px;
    font-size: 1.2rem;
    text-align:center;
    text-decoration: none;
    color: #000;
}
.button:hover {
    background-color:#3b3b2f;
}
.button a {
    text-decoration:none;
    color:#fff;
    padding: 8px 45px 8px;
}

/* *****   Footer    ***** */
#footer {
    width:100%;
    max-width:100%;
    background-color:#3b3b2f;
}
#footer .inside {
    margin:0 auto;
    padding:1.5rem;
    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:110px;
    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:8px;
    margin-right:0;
}
.footer_nav.first ul {
    margin-left:60px;
}
.footer_nav li {
    height:40px;
    max-width:180px;
    transition: all 0.1s linear 0s;
}
.footer_nav a,
.footer_nav strong {
    width:auto;
    display:block;
    padding:15px 30px 5px 0;
    font-size:1rem;
    line-height:1rem;
    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: 400;
    font-family:'Poppins',sans-serif;
}
.footer_nav a:hover,
.footer_nav li.active,
.footer_nav strong {
    color:#b6a452;
    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:#$ltred;
}
.footer_text .content-text {
    padding-left:2rem;
    border-left:10px solid #3b3b2f;
}
.footer_text.bord .content-text {
    padding-left:2rem;
    border-left:10px solid #b6a452;
}
.footer_text.bord .content-text p {
    margin-bottom:0;
}

/* ***   Objektbetreuung   *** */
body.service {
    background-color:#ffffff;
    color:#333;
    font-family: 'Poppins',sans-serif;
}
.service .pd-bt-2 {
    padding-bottom:1.7rem;
    padding-bottom:1.7rem !important
}
.service #header {
    display:block;
    background-color:#009ca7;
}
.service h1 {
    padding-left:.8rem;
}
.service .head_pic h1 {
    padding-left: 4rem;
    font-size:5.5rem;
    line-height:6rem;
}
.service .top {
    padding:2rem 2rem .2rem 1.5rem;
}
.service p {
    display:block;
    color:#333;
    font-size: 1.3rem;
    line-height: 2rem;
    letter-spacing: 1px;
    font-weight: 300;
}
.service .content-text ul li {
    font-size: 1.3rem;
}
.service .content-text li {
    color:#333;
    font-size: 1.3rem;
    line-height: 2.1rem;
    letter-spacing: 1px;
    font-weight: 300;
    list-style-type: disc;
}

/* Objektbetreuung */
.service .navbar {
    height:auto;
    max-width:980px;
    margin-right:auto;
    margin-left:auto;
}
.down.service .navbar {
    max-width:850px;
    -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;
}
.service .head_pic {
    border-bottom:20px solid #b6a452;
}
.service .mdgry {
    background-color:#009ca7;
    color: #fff!important;
}
.service .dkgry {
    background-color:#edf7fb;
    color: #fff!important;
}
.top-space {
    scroll-margin-block-start: 90px;
}
.service .brdr-tp-wht {
    border-top:40px solid #fff;
}
.service .grid-item3 {
    padding:1.8rem 1.5rem 2rem 2.5rem;
}
.service #footer {
    background-color:#009ca7;
}
.service .footer_text p,
.service .footer_text a {
    font-size:1rem;
    color:#fff;
    font-weight: 400;
}
.service ::-moz-selection {
    background-color:#009ca7;
    color:#fff;
}
.service ::selection {
    background-color:#009ca7;
    color:#fff;
}

/* ***    NONE   *** */
.head_pic .mobil {
    display:none
}
@media only screen and (max-width: 1080px) {
    /* *****  Header  ***** */
    #header,.down #header{z-index:1000;background:#1d1d1b;height:90px;position:fixed;}
    .down #header{height:80px;}
    #header .inside, .down #header .inside{padding-right: 1.5rem; padding-left: 1.5rem;}
    #header .navbar{display:none;}
    /*  Logo */
    .content-hyperlink.logo {width: auto;height: auto;}
    .content-hyperlink a img {width:70px;height:auto;margin-top:10px;}
    .down .logo {width:auto;height:80px;}
    .down .logo img { width:60px;height:auto;margin-top:10px;margin-bottom:10px;}
    /*  Menü-Trigger   */
    .mobile_menu_trigger {height:50px;right: 12px;top:17px;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: #b6a452;    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: #3b3b2f; 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:#b6a452;display:block;font-weight: regular;padding:15px 0 5px 0px;margin:0 0 0 0;width:100%;font-size:1.2rem;border-bottom:1px solid #b6a452;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{padding-left:0;color:#ffffff;border-bottom:1px solid #ffffff;}
    .mobile_menu .inner li.active {padding:0;}
    .mobile_menu .inner li strong {border-bottom:1px solid #b6a452;}
    .mobile_menu .inner li a:hover {color:#ffffff;border-bottom:1px solid #ffffff;}
    /* *****  Container  ***** */
    #container{padding:68px 0 0px 0;}
    .down #container {  padding-top: 68px;}
    /*  Content  */
    h2 {    font-size: 2rem;    line-height: 2.3rem;}
    p,.content-text li{font-size:1.2rem;line-height:1.7rem;}
    /*  Headerbild */
    .head_pic  { border-bottom: 25px solid #b6a452;}
    .head_pic .content-text {    max-width: 95%;    bottom: 12%;    position: absolute;    padding-left: 10px;}
    .head_pic h1   {font-size:3rem;    line-height:3.4rem;   }
    /* Grid */
    .top-space {    scroll-margin-block-start: 60px;}
    .grid-item2 h3{margin:0.5rem 0;line-height: 2rem;}
    .grid-item3{padding-right: 1.5rem; padding-left: 1.5rem;padding-bottom:1rem;}
    /* ** Footer ** */
    #footer{}
    #footer .inside { padding: 1.5rem}
    #footer .desktop{display: none !important;}
    #footer .mobil{display:block}
    .footer_text {width: auto;margin:0 50px 0 0;padding-top: 0px;float:left;margin-top: 0;}
    .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: 1.7rem;   margin-right: 0rem;}
    .footer_nav a, .footer_nav strong { width: auto; display: block;  padding: 10px 0px 5px 0;}
    .footer_text .content-text { padding-left: 0;border-left: 5px solid #3b3b2f;}
    #footer .footer_nav.mobil{display:none}
    /* **  Service  ** */
    .service #header, .service.down #header {    background-color: #009ca7;  }
    .service .mobile_menu .inner {background-color: #e4f0f4;}
    .service .mobile_menu .inner li.active strong {    color: #b6a452;    border-bottom: 1px solid #b6a452;}
    .service .footer_text .content-text { border-left: 5px solid #009ca7;}
    .service .hamburg.checked .line:nth-child(1){transform: unset;}
    .service .hamburg.checked .line:nth-child(2){opacity:1;}
    .service .hamburg.checked .line:nth-child(3){transform: unset;}
    .service h1 {  padding-left: 0rem;}
    .service p, .service .content-text ul li{font-size:1.2rem}
    .service .head_pic h1 {  padding-left: 2rem;  font-size: 3.4rem;  line-height: 3.8rem;}
}

/* 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} 
    .head_pic .content-text {padding-left:0}
    .head_pic h1 {  padding-left: 1.5rem;font-size:2.5rem;}
    /* --- Container --- */
    .top {    padding: 1.5rem;}
    .top img {    width: 60px;}
    .top h1 {    max-width: 100%;    margin: 0 rem;    font-size:2.5rem;    line-height:2.5rem;;}
    .content-text h2 {   font-size:1.9rem; line-height: 2.5rem;}
    h1.span {display:none;}
    /*  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-sites-3 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:
        "area1 area1 area1 area1"
        "area2 area2 area2 area2"
        "area3 area3 area3 area3"
        "area5 area5 area5 area5"
    }
    .service .grid-item3 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
       }
    .service .brdr-tp-wht {
      border-top: 20px solid #fff;
    }
    .service .brdr-tp-dkgry {
      border-top: 20px solid #edf7fb;
    }
    .grid-item2{padding: 0 0.5rem 1rem 1.5rem;}
    .grid-item2 h2 { max-width: 97%;line-height: 2.5rem;margin-top: 1.5rem}
    .brdr-tp-dkgry,.brdr-tp-wht,.brdr-tp-ulgry,.brdr-tp-mdgry{ border-top:20px ;}
    /* --- Footer --- */
    .footer_nav {display: none !important;}
    .footer_text {  margin: 0 0 0 0;}
}

/* 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-sites-3 {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-areas:
            "area1 area1 area1 area1"
            "area2 area2 area2 area2"
            "area3 area3 area3 area3"
            "area5 area5 area5 area5"
        }
    .service .grid-item3 {
        padding:1.8rem 1.5rem 0 1.5rem;
       }
    .grid-item2{padding: 0 0 0 1.5rem;justify-content:left}
    .grid-item2 h2{margin-top: 1.5rem}
    .grid-item2 h2 { max-width: 90%;}
    .footer_nav {display: none !important;}
}
@media only screen and (min-width: 1px) and (max-width:470px) {
    h1.ce_headline   {font-size:1.55rem;    line-height:1.9rem; margin-left:1.5rem;}
    .head_pic .middle{padding-top: 28px;}
    .grid-home { grid-template-columns: 1fr;}
    .grid-item2 {   justify-content: left;}
    .service .head_pic h1 {  padding-left: 1.5rem;  font-size: 2.4rem;  line-height: 3rem;}
}


/* ***** BOLLWERK SPORT ***** */
.sport .navbar ul{gap: 30px;}


}