/* BFSG*/
a.header_logo:focus img {
  outline: 1px solid #151515 !important; /* Farbe und Breite des Umrisses */
  outline-offset: 8px; /* Abstand zwischen dem Umriss und dem Element */
  /* Optionale Rundung der Ecken des Umrisses */
}
a.header_logo img {
  max-height: 70px !important;
}
.navigationclose a i {
  color: #151515;
}
#footer{
    background:#b21212 !important;
    height:300px !important;

}#wrapper {

     min-height: calc(100vh - 300px) !important;

 } .content_header {
    background: transparent !important;
    }
   .story {
       margin: 100px 20px 40px 20px;
       background: rgba(255, 255, 255, 0.7);
       padding: 20px;
     width:calc(100% - 40px);
       font-size:18px;
       line-height:24px;

   } .story h2 {
    font-size: 30px;
    line-height: 36px;
    color: #b21212;

    margin-bottom: 20px;
        }
#servicecontainer {
    position: fixed;
    width: 40px;
    height:40px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    right: 0;
    margin: 0;
    padding: 0;
    top: 30%;
    background:  #b21212;
    text-align: center;
    z-index: 20;
}
#servicecontainer button {
    background:transparent; border:0;
    color:#FFF;
    font-size: 30px;
    line-height:30px;
}

        .buttonclass {
            width: auto;
            padding: 15px;
            font-size: 18px;
            font-family: Bold;
            display: inline-block;
            color: #FFF !important;
            background: #000;
            border: 0px solid #FFF;
            margin: 20px auto;
            cursor: pointer;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        .buttonclass:hover, .buttonclass:focus {
            background: #666;
        }
        #wrapper .section .container_wrapper {
            -webkit-animation-name: fadeInDown;
            -moz-animation-name: fadeInDown;
            -o-animation-name: fadeInDown;
            animation-name: fadeInDown;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
        }
        .content_header {
            background: #FFF;
        }
        .headline {
            margin-top: 100px;
        }
        .headline h1 {
            position: absolute;
            left: 40px;
            color: #FFF;
            z-index: 30;
            bottom: 30px;
            letter-spacing: 2px;
        }
        /* ##################################################################################SETTINGS GLOBAL */
        #wrapper .section:first-of-type .sectionverlay {
            background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%) !important;
            background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%) !important;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%) !important;
        }
        #wrapper .section .container_wrapper img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        /* ##################################################################################ANIMATION GLOBAL */
        .effekt .inner_container h2, .effekt .inner_container h3, .effekte .inner_container, .effekte .serviceicon, .effekte h1 {
            opacity: 0;
        }
        .animationen .inner_container h2, .animationen .inner_container h3, .c_animationen .inner_container, .c_animationen .serviceicon, .c_animationen h1 {
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
        }
        .animationen .inner_container h2:first-of-type, .c_animationen h1 {
            -webkit-animation-name: fadeInLeft;
            -moz-animation-name: fadeInLeft;
            -o-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
        }
        .animationen .inner_container h2:nth-of-type(2) {
            -webkit-animation-name: fadeInRight;
            -moz-animation-name: fadeInRight;
            -o-animation-name: fadeInRight;
            animation-name: fadeInRight;
        }
        .animationen .inner_container h3 {
            -webkit-animation-name: fadeInDown;
            -moz-animation-name: fadeInDown;
            -o-animation-name: fadeInDown;
            animation-name: fadeInDown;
            animation-delay: 1s;
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            -o-animation-delay: 1s;
        }
        .c_animationen .inner_container, .c_animationen .serviceicon {
            -webkit-animation-name: fadeInDown;
            -moz-animation-name: fadeInDown;
            -o-animation-name: fadeInDown;
            animation-name: fadeInDown;
        }
        /* ##################################################################################NAVIGATION CONTENT */
        #suchergebnis ul {
            background: rgba(0, 0, 0, 0.9);
        }
        #suchergebnis ul li a:hover, #suchergebnis ul li:has(a:focus) {
            color: #6aaeaa;
        }
        .subfoot {
            max-width: 800px;
            margin: 0 auto 20px;
        }
        .navigation-display {
            position: fixed;
            right: 20px;
            top: 20px;
            margin: 0;
            width: calc(100% - 40px);
            max-width: 870px;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        }
        .navigation-close i {
            color: #000;
        }
        .menufooter {
            list-style: none;
            margin: 0 auto 20px;

            width: 50%;
            text-align: center;
            text-transform: uppercase;
        }
        .menufooter li {
            height: 25px;
        }
        .menufooter a {
            font-size: 18px !important;
            height: 33px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        /* ##################################################################################REGISTER */
        #register {
            position: fixed;
            height: 100%;
            width: 100%;
            background: rgba(0, 0, 0, 0.5);
            color: #FFF;
            z-index: 80000000;
        }
        #registerinside {
            position: fixed;
            max-width: 560px;
            max-height: 400px;
            padding: 30px;
            top: 50%;
            margin-top: -200px;
            margin-left: -280px;
            left: 50%;
            width: 100%;
            background: #6aaeaa;
            color: #FFF;
            height: 100%;
            z-index: 80000;
        }
        .register_kopf {
            position: relative;
            width: 100%;
            height: auto;
            font-family: headline;
            font-size: 52px;
            color: #FFF;
            line-height: 52px;
        }
        .register_titel.gewinnsp {
            color: #FFF !important;
        }
        .register_info {
            font-size: 16px;
            color: #FFF;
            line-height: 24px;
            padding: 20px 0;
        }
        .register_close {
            cursor: pointer;
            width: 40px;
            height: 40px;
            position: absolute;
            right: 20px;
            top: 20px;
            z-index: 80002;
        }
        .register_close i {
            color: #FFF;
            font-size: 30px;
        }
        .register_content {
            position: relative;
            width: 100%;
            height: auto;
            margin: 20px auto;
        }
        /* ##################################################################################Adventskalender */
        .gewinnmodul {
            position: relative;
            width: calc(100% - 40px);
            max-width: 1400px;
            margin: 40px auto;
            height: auto !important;
            overflow: hidden !important;
        }
        .gewinnmodul h1, .gewinnmodul h3 {
            color: #FFF;
            text-align: center;
        }
        .gewinnmodul h3 {
            color: #FFF;
            width: 100%;
            max-width: 600px;
            margin: 50px auto;
            font-family: Normaltext;
        }
        .preisemodul {
            position: relative;
            height: auto !important;
            overflow: hidden !important;
        }
        .antworten {
            position: relative;
            width: calc(25% - 20px);
            margin: 10px !important;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            background: rgba(255, 255, 255, 0.05);
            float: left;
        }
        .antworten label {
            text-align: center;
            font-size: 20px;
            line-height: 25px;
        }
        .antworten img {
            width: 100%;
            padding: 0;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        .antworten:hover img {
            width: 80%;
            padding: 10%;
        }
        .door {
            position: relative;
            z-index: 2;
            width: calc(50% - 20px);
            cursor: pointer;
            float: left;
            margin: 10px !important;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            background: rgba(255, 255, 255, 0.05);
        }
        .adventskalendermodul {
            position: relative;
            width: 96%;
            max-width: 1400px;
            margin: 40px auto;
            height: auto !important;
            overflow: hidden !important;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
            justify-content: center;
            -webkit-justify-content: center;
        }
        .tuerchen {
            position: relative;
            z-index: 2;
            height: auto;
            width: calc(20% - 20px);
            cursor: pointer;
            float: left;
            margin: 10px !important;
            -moz-transition: 0.2s ease;
            -o-transition: 0.2s ease;
            transition: 0.2s ease;
            background: rgba(255, 255, 255, 0.00);
        }
        .tuerchen:hover, .tuerchen.today:focus {
            background: rgba(255, 255, 255, 0.00);
        }
        .tuerchen img {
            width: 100%;
            padding: 0;
            transition: 0.2s ease;
        }
        .tuerchen.today:hover img, .tuerchen.today:focus img {
            width: 80%;
            padding: 10%;
        }
        .gewinn_titel, .verlosung_titel {
            position: relative;
            height: auto;
            overflow: hidden;
            font-size: 30px;
            line-height: 38px;
            font-family: headline;
            color: #FFF;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 50px;
            padding-right: 50px;
        }
        .verlosung_titel {
            max-width: 60%;
            margin: 50px auto;
            padding-right: 0px;
        }
        .gewinn_close {
            position: absolute;
            top: 40px;
            cursor: pointer;
            right: 40px;
            color: #FFF;
            z-index: 8;
            font-size: 30px;
            -webkit-transition: 0.2s ease;
            -moz-transition: 0.2s ease;
            -o-transition: 0.2s ease;
            transition: 0.2s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .gewinn_close:hover {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }
        .gewinn_artikel {
            position: relative;
            height: auto;
            float: left;
            overflow: hidden;
            padding: 20px 0;
            width: calc(100%);
            margin: 0;
        }
        .gewinn_artikel_bild .imagecontainer {
            position: relative;
            overflow: hidden;
            height: 150px;
            width: 100%;
        }
        .gewinn_artikel_bild .imagecontainer img {
            position: absolute;
            max-height: 75%;
            max-width: 75%;
            width: auto !important;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .gewinn_artikel_bild {
            position: relative;
        }
        .gewinn_artikel_info {
            position: relative;
            padding: 20px 0;
        }
        .gewinn_artikel_info h2, .gewinn_artikel h1 {
            color: #FFF;
            font-size: 30px;
            line-height: 36px;
        }
        .gewinn_text {
            font-size: 15px;
            line-height: 19px;
            color: #FFF;
        }
        .gewinn_artikel_info h3, .verlosung_titel h3 {
            font-size: 11px;
            line-height: 13px;
            font-family: Normaltext !important;
            font-weight: normal !important;
            font-style: italic;
            text-transform: none !important;
        }
        .tuerchen .nottoday, .tuerchen24 .nottoday {
            opacity: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            transform: translate(-50%, -50%);
            color: #FFF;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
            max-width: 80%;
            -webkit-transition: 0.4s ease;
            -moz-transition: 0.4s ease;
            -o-transition: 0.4s ease;
            transition: 0.4s ease;
        }
        .tuerchen:hover > .nottoday, .tuerchen24:hover .nottoday {
            opacity: 1;
        }
        .teilnahmebedingungen {
            position: relative;
            padding: 0px 20px 0px 0px;
            color: #000;
            font-size: 12px;
            line-height: 15px;
            height: 100px;
            overflow-y: scroll;
            margin-bottom: 20px;
        }
        .gewinn_felder {
            background: #871918;
            font-family: Normaltext;
            font-size: 18px;
            color: #FFF !important;
            border: 1px solid #871918;
            padding: 15px 10px;
            width: 100%;
            height: auto;
            margin: 1% 0;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        .putin {
            position: relative;
        }
        .putin i {
            position: absolute;
            right: 15px;
            top: 23px;
            font-size: 22px;
            cursor: pointer;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            color: #FFF;
        }
        .putin i:hover {
            color: #000;
        }
        .gewinn_felder:hover {
            color: #FFF;
            border: 1px solid #FFF;
        }
        .gewinn_felder:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 50px #871918 inset; /* Change the color to your own background color */
            -webkit-text-fill-color: #CCC;
        }
        .gewinn_felderr:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 50px #871918 inset;
            -webkit-text-fill-color: #CCC;
        }
        .gewinn_felder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #CCC;
        }
        .gewinn_felder::-moz-placeholder { /* Firefox 19+ */
            color: #CCC;
        }
        .gewinn_felder:-ms-input-placeholder { /* IE 10+ */
            color: #CCC;
        }
        .gewinn_felder:-moz-placeholder { /* Firefox 18- */
            color: #CCC;
        }
        #teilnahmeformular input[type=checkbox].css-checkbox + label.css-label, #teilnahmeformular input[type=radio].css-checkbox + label.css-label, .ui-timepicker-list li, #teilnahmeformular input[type=checkbox].css-checkbox + label.css-label, #vipinfo input[type=radio].css-checkbox + label.css-label, .ui-timepicker-list li {
            font-size: 18px;
            color: #000;
        }
        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            padding: 15px 10px;
        }
        #teilnahmeformular label.css-label, #vipinfo label.css-label {
            background-image: url(https://cloud.imexx.de/lib/userfiles/307/seemaxx/checkbox_black.png);
        }
        .teilnahme_fehler {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 2%;
            color: #000;
            text-align: center;
            font-size: 24px;
        }
        .teilnahme_button {
            background: transparent;
            color: #871918;
            cursor: pointer;
            font-family: Normaltext;
            font-size: 16px;
            line-height: 50px;
            border: 1px solid #871918;
            padding: 0;
            text-align: center;
            width: 150px;
            height: 50px;
            margin: 40px auto 40px auto;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        .teilnahme_button:hover {
            border-radius: 0;
            color: #FFF;
            background: #871918;
            border: 1px solid #871918;
        }
        /* ##################################################################################SLIDER */
        .textcontent {
            position: absolute;
            top: 50% !important;
            transform: translateY(-50%);
        }
        .textcontent h1 {
            font-size: 140px;
            line-height: 140px;
            margin-bottom: 30px;
            color: #000;
        }
        .textcontent h1 span {
            padding: 5px 10px;
            background: #63b3b0;
        }
        .textcontent h3 {
            font-size: 50px;
            line-height: 50px;
            color: #63b3b0;
        }
        .slide img, .slide video {
            min-width: 100vw !important;
            width: 100vw !important;
            max-width: 100vw !important;
            height: auto;
            margin-bottom: -20px !important;
            padding-bottom: 0 !important;
        }
        #scontainer1825_1 {
            margin-bottom: 0;
        }
        /* ##################################################################################öffnungszeiten */
        .openclass .opentitel {
            font-size: 26px;
            line-height: 32px;
            color: #000;
        }
        .openclass .optentitel div:nth-of-type(2) {
            font-family: Normaltext;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 30px;
        }
        .opentill {
            font-family: Bold;
            font-size: 80px;
            line-height: 90px;
            color: #999;
            letter-spacing: 0.2px;
            margin-bottom: 20px;
        }
        .openbis {
            font-family: headline;
            font-size: 37px;
            line-height: 45px;
        }
        .opentitel {
            font-size: 25px;
            text-transform: uppercase;
            font-family: headline;
            margin-bottom: 5px;
        }
        .opentage {
            font-size: 17px;
            letter-spacing: 0.2px;
        }
        .store-open {
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden;
        }
        .store-open .openday, .store-open .opentime {
            float: left;
            padding-left: 5px;
            text-align: left;
            width: 60%;
        }
        .store-open .openday {
            width: 40%;
            text-align: right;
        }
        .opentime:after {
            content: '';
            width: 100%;
            position: relative;
            height: 2px;
            clear: both !important;
        }
        #newopenclass {
            position: relative;
            width: 300px;
            padding: 10px;
            text-align: center;
            margin: 0 auto 20px auto;
        }
        .home .openclass {
            font-size: 20px;
            line-height: 25px;
        }
        .openclass h2 {
            float: none;
            font-size: 30px;
            line-height: 30px;
            color: #fff;
        }
        .oeffnungszeiten .openclass h2 {
            color: #000;
            text-align: center;
            font-size: 44px;
            line-height: 46px;
            margin-bottom: 30px;
        }
        .oeffnungszeiten .openclass h4 {
            text-align: center;
            font-size: 26px;
            font-family: headline;
            color: #333;
            text-transform: uppercase;
            line-height: 32px;
        }
        .openclass ul {
            list-style: none;
            padding-left: 0 !important;
        }
        .openclass li strong {
            font-family: headline;
        }
        .openclass li {
            text-align: center;
            font-size: 18px;
            line-height: 24px;
            padding: 4px auto !important;
        }
        .openclass h2 i {
            color: #63b3b0;
        }
        .geoffnet {
            color: #63b3b0;
            font-weight: bold;
        }
        /* #################################################################################h1 */
        /* ##################################################################################HOME */
        .overview-icons h2 {
            position: absolute;
            text-align: center;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            color: #FFF !important;
            z-index: 10;
            font-size: 30px;
        }
        .overview-icons .container_content_wrapper {
            margin: 0 auto;
        }
        .overview-icons .inner_container img {
            margin-bottom: 0 !important;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        .overview-icons .inner_container img:hover, .overview-icons .inner_container a:focus img {
            padding: 20px;
        }
        /* ##################################################################################SERVICES */
        .service_container {
            position: relative;
            width: 100%;
            max-width: 900px;
            padding: 0;
            margin: 0 auto 0;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
            justify-content: center;
            -webkit-justify-content: center;
        }
        .serviceicon:before {
            content: " ";
            display: block;
            padding-top: 100%;
        }
        .serviceicon {
            text-align: center;
            float: left;
            width: calc(20% - 10px);
            margin: 5px 5px 5px 0;
            background: transparent;
            height: auto;
            opacity: 0.8;
            overflow: hidden !important;
            transition: 0.5s ease;
            transform: translateZ(0);
        }
        .serviceicon .service-title {
            position: relative;
            font-size: 16px;
            line-height: 21px;
            font-weight: normal !important;
            width: 100%;
            color: #333;
            background: #fff;
            text-align: center;
            transition: 0.5s ease;
            box-shadow: none;
            transform: translateZ(0);
        }
        .serviceicon img {
            position: absolute;
            max-width: 70% !important;
            max-height: 50% !important;
            height: auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        .service-button {
            border: 0px;
        }

        #servicecontainer .service_icon {
            width: 100% !important;
            float: none !important;
            margin: 5px 0 !important;
            padding: 0 !important;
            border:1px solid #000;
            transition: 0.5s ease;
        }
        #servicecontainer .service_icon img {
            overflow: hidden !important;
            cursor: pointer;
            width: auto !important;
            height: 20px !important;
            margin: 5px auto;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        #servicecontainer .service_icon:hover, #servicecontainer .service_icon:focus-within {
            border:1px solid #FFF;
        }
        .service_container .serviceicon:hover img, .service_container .serviceicon:focus-within img {
            padding: 20px;
        }
        .servicedetails {
            clear: both !important;
            position: relative;
            width: 96% !important;
            background: rgba(255, 255, 255, 0.8);
            margin: 120px auto 60px;
            font-size: 18px;
            text-align: left;
            height: auto;
            color: #000;
            overflow: hidden;
            display: none;
            padding: 20px;
        }
        .servicedetails p {
            max-width: 100%;
            margin-top: 20px;
        }
        .servicedetails h2 {
            width: 100% !important;
            height: auto !important;
            position: relative;
            font-size: 40px !important;
            line-height: 50px;
            color: #63b3b0;
        }
        .close-service {
            position: absolute;
            top: 20px;
            right: 20px;
            background: transparent;
            border: 0px;
        }
        .close-service i {
            font-size: 30px !important;
            color: #000 !important;
            line-height: 30px !important;
        }
        .servicedetails h2, .servicedetails i {
            color: #63b3b0;
            font-weight: normal;
            text-transform: uppercase;
        }
        .servicedetails h2 i {
            font-weight: 100 !important;
            float: right;
            cursor: pointer;
            -webkit-transform: rotate(0); /* Chrome and other webkit browsers */
            -moz-transform: rotate(0); /* FF */
            -o-transform: rotate(0); /* Opera */
            -ms-transform: rotate(0); /* IE9 */
            transform: rotate(0);
            transition: all .3s linear;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -o-transition: all .3s linear;
        }
        .servicedetails > ul {
            margin-top: 20px;
        }
        .servicedetails h2:hover i, .servicedetails h2 button:focus i {
            -webkit-transform: rotate(-90deg); /* Chrome and other webkit browsers */
            -moz-transform: rotate(-90deg); /* FF */
            -o-transform: rotate(-9deg); /* Opera */
            -ms-transform: rotate(-90deg); /* IE9 */
            transform: rotate(-90deg);
        }
        /* ##################################################################################SHops */
        .button-group {
            position: relative;
            max-width: 100%;
            width: auto;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
            justify-content: center;
            -webkit-justify-content: center;
            text-align: center;
            padding: 20px 0.5% 20px 0.5%;
            margin: 0 auto 0 auto;
            overflow: hidden;
            background: rgba(255, 255, 255, 1);
        }
        .button-group button {
            position: relative;
            float: left;
            margin: 10px;
            border-bottom: 2px solid transparent;
            text-align: left;
            font-family: Normaltext !important;
            overflow: visible;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 17px;
            line-height: 22px;
            color: #000;
            cursor: pointer;
            border-radius: 0;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            background: transparent;
            -webkit-transition: all 0.6s linear;
            -moz-transition: all 0.6s linear;
            transition: all 0.6s linear;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .button-group button i {
            position: relative;
            font-size: 25px;
            line-height: 25px;
            left: 50%;
            padding: 0;
            margin: 0;
            top: 10%;
            transform: translateX(-50%);
            -webkit-transition: all 0.6s linear;
            -moz-transition: all 0.6s linear;
            transition: all 0.6s linear;
        }
        .button-group button:hover, .button-group button:focus, .is-checked {
            color: #63b3b0 !important;
            border-bottom: 2px solid #63b3b0 !important;
        }
        .angebote .button-group button:hover, .is-checked {
            color: #63b3b0 !important;
            border-bottom: 2px solid #63b3b0 !important;
        }
        .shop_container {
            position: relative;
            width: 96%;
            max-width: 1400px;
            margin: 30px auto 20px auto;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
            justify-content: center;
            -webkit-justify-content: center;
        }
        .shop_icon {
            position: relative;
            width: calc(25% - 20px);
            float: left;
            margin: 0 10px 40px 10px;
            padding: 0;
            overflow: hidden;
            text-align: left;
            cursor: pointer;
            background: #FFF;
            -webkit-box-shadow: 0px 0px 3px 1px #efefef;
            box-shadow: 0px 0px 3px 1px #efefef;
        }
        .shop_icon img {
            margin: 20px;
            width: calc(100% - 40px) !important;
            padding: 0;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .shop_icon:hover img:first-of-type, .shop_icon a:focus img:first-of-type {
            padding: 20px;
        }
        .shop_icon h2 {
            position: absolute;
            color: #fff !important;
            top: 0;
            left: 0;
            z-index: -3;
        }
        .shop_icon_logo {
            position: relative;
            height: 120px;
        }
        .shop_icon_logo img {
            margin: 0;
            filter: grayscale(1) invert(1);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 70%;
            max-height: 50%;
            height: auto;
        }
        .shop_icon.preview {
            background: linear-gradient(-45deg, #EE7752, #E73C7E, #bd8b54, #e7a83a);
            background-size: 400% 400% !important;
            -webkit-animation: Gradient 5s ease infinite !important;
            -moz-animation: Gradient 5s ease infinite !important;
            animation: Gradient 5s ease infinite !important;
        }
        .shoplist {
            font-family: Normaltext;
            font-size: 17px;
            line-height: 30px;
            text-align: left;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
            cursor: pointer;
        }
        .shoplist a:before {
            content: " ";
            display: block;
            padding-top: 40%;
        }
        .shoplist a img {
            position: absolute;
            top: 50%;
            left: 50%;
            max-width: 70%;
            max-height: 50%;
            height: auto;
            /*filter: grayscale(1) invert(1);*/
            transform: translate(-50%, -50%);
        }
        .buchstabe_wahl {
            position: relative;
            float: left;
            list-style: none;
            width: calc(25% - 40px);
            font-family: headline;
            font-size: 30px;
            line-height: 40px;
            margin: 70px 20px 50px !important;
            overflow: visible;
            color: #FFF;
            background: rgba(0, 0, 0, 0.8);
            padding: 5px !important;
        }
        .bs {
            position: absolute;
            top: -45px;
            left: 0;
            background: #FFF;
            color: #000;
            width: 40px;
            height: 40px;
            text-align: center;
            margin-bottom: 30px;
        }
        .buchstabe_wahl:before {
            position: absolute;
            content: '';
            height: 2px;
            width: 50%;
            top: -25px;
            left: 20%;
            background: #333;
        }
        .shop-seite, .panorama-seite {
            position: relative;
            width: calc(100% - 40px);
            height: auto;
            overflow: hidden;
            padding: 0 !important;
            margin: 100px 20px 0;
        }
        .shop-seite img:first-of-type {
            width: 100%;
            height: auto;
            padding: 0 !important;
            margin: 0 0 -5px 0 !important;
        }
        .mieter-logo img {
            position: absolute;
            filter: invert(1) grayscale(1) brightness(0);
            left: 50%;
            max-width: 80%;
            max-height: 80%;
            width: auto;
            height: auto;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        #back-link {
            position: relative;
            float: left;
            margin-right: 20px;
            z-index: 10;
            width: 50px;
            height: 50px;
            background: transparent;
            border: 1px solid #000;
            border-radius: 5px;
            color: #000;
            text-align: center;
            line-height: 50px;
            cursor: pointer;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        #back-link:hover, #back-link:focus {
            border-radius: 20px;
        }
        .shopinfos #back-link {
            float: right;
        }
        .shopinfos {
            position: relative;
            width: calc(100% - 40px);
            max-width: 1200px;
            height: auto;
            overflow: hidden;
            margin: 20px auto;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
        }
        .mieter-logo {
            position: absolute;
            z-index: 3;
            top: 20px;
            right: 20px;
            width: 150px;
            height: 150px;
            background: #FFF;
        }
        .shopinfos-left {
            position: relative;
            width: 100%;
            height: auto;
            margin: 40px 0;
        }
        .shopinfos-right {
            position: relative;
            width: 100%;
            height: auto;
            margin: 40px auto;
            max-width: 450px;
            text-align: center;
        }
        .shopinfos-left h1 {
            text-align: left;
            width: calc(100% - 80px);
            font-size: 44px;
            color: #000;
            line-height: 55px;
        }
        .shopinfos-left h2 {
            color: #666;
            float: none;
            width: 100%;
            text-align: left;
            font-size: 28px;
            line-height: 35px;
        }
        .shopinfos-text {
            max-width: 100%;
            margin: 20px auto;
            width: 100%;
            font-size: 18px;
            color: #333;
            line-height: 24px;
        }
        .etagen-name, .oeffnungszeiten-header {
            position: relative;
            font-size: 30px;
            text-align: center;
            line-height: 40px;
            color: #FFF;
            margin-top: 20px;
            height: auto;
            overflow: hidden;
        }
        .shop-items {
            padding: 10px 40px;
            position: relative;
            width: 100%;
        }
        .shop-itemssort {
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
            justify-content: center;
            -webkit-justify-content: center;
            margin: 20px auto;
        }
        .shop-items .detail_elem_item {
            font-size: 18px;
            line-height: 24px;
            padding: 10px;
            margin: 0 auto;
            text-align: center;
            color: #000;
        }
        .shop-items .detail_elem_item.short {
            float: left;
            border: 1px solid #000;
            margin: 5px;
            border-radius: 3px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .shop-items .detail_elem_item.short:hover, .shop-items .detail_elem_item.short:focus-within {
            border: 1px solid #63b3b0;
            border-radius: 10px;
        }
        .shop-items .detail_elem_item a {
            color: #000;
            font-size: 18px;
            line-height: 24px;
        }
        .shop-items .detail_elem_item i {
            margin-right: 10px;
            color: #000;
        }
        .shop-items .detail_elem_item.short i {
            margin-right: 0px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .shop-items .detail_elem_item.short:hover i, .shop-items .detail_elem_item.short a:focus i {
            color: #63b3b0;
        }
        .shopseite-oeffnungszeiten {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto;
            text-align: center;
            font-size: 16px;
            line-height: 28px;
            color: #333 !important;
        }
        .shopseite-oeffnungszeiten .geoffnet {
            font-size: 18px;
            line-height: 30px;
        }
        .oeffnungszeiten-header i {
            margin-right: 10px;
            color: #000;
        }
        .shopinfos-right .centerbutton {
            position: relative;
            clear: both;
            border-radius: 5px;
            border: 1px solid #000;
            float: none;
            font-size: 18px;
            color: #FFF;
            display: inline-block;
            width: 80%;
            padding: 20px;
            background: #000;
            margin: 50px auto 20px !important;
            webkit-transition: .5s ease;
            -moz-transition: .5s ease;
            -o-transition: .5s ease;
            transition: .5s ease;
            cursor: pointer;
        }
        .shopinfos-right .centerbuttonn i {
            webkit-transition: .5s ease;
            -moz-transition: .5s ease;
            -o-transition: .5s ease;
            transition: .5s ease;
        }
        .shopinfos-right .centerbutton:hover, .shopinfos-right .centerbutton:focus {
            background: #666;
        }
        .shopinfotext {
            width: 600px;
            max-width: 100%;
            margin: 20px auto;
            font-size: 16px;
            line-height: 21px;
        }
        .shopangebot, .angebot_container {
            position: relative;
            max-width: 1200px;
            width: 96%;
            height: auto;
            padding: 0;
            margin: 40px auto 10px auto;
            overflow: hidden;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
        }
        .angebot_container {
            justify-content: center;
            -webkit-justify-content: center;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
        }
        .shopangebot_detail {
            position: relative;
            width: 31.3%;
            margin: 1%;
            padding: 20px;
            float: left;
            background: #efefef;
            overflow: hidden;
            border: 1px solid #797979;
        }
        .shopangebot_detail h2 {
            color: #333;
            font-size: 32px;
            padding: 0;
            margin: 20px auto 0 auto !important;
            line-height: 40px;
            text-transform: uppercase;
        }
        .shopangebot_detail h3 {
            padding: 0;
            color: #000;
            margin: 5px auto !important;
            font-size: 19px !important;
            line-height: 26px !important;
        }
        .angebot_link {
            color: #000;
            padding: 0 10px;
            margin: 20px auto 20px auto !important;
        }
        .shoptext {
            padding: 0;
            font-size: 16px;
            line-height: 21px;
            margin: 20px auto 50px auto !important;
        }
        .shoppy {
            display: flex;
            flex-direction: column;
            width: calc(25% - 20px);
            margin: 20px 20px 20px 0;
            float: left;
            text-align: left;
        }
        .shopoverview {
            position: relative;
            margin: 50px 2% 50px 6%;
            height: auto;
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;
        }
        .shoppy .shopcategory {
            font-size: 24px;
            line-height: 24px;
            width: 80%;
            text-align: left;
            color: #000;
            font-family: Bold;
            margin-bottom: 20px;
        }
        .shoppy a {
            float: none !important;
            clear: left;
            padding: 0;
            margin: 0 0 5px 0;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            cursor: pointer;
            color: #000;
            transition: .5s ease;
        }
        .shoppy a:hover, .shoppy a:focus {
            color: #63b3b0;
        }
        .shopoverview .mieterbez {
            text-align: left;
            float: left;
            width: calc(100% - 30px);
        }
        .shop-trenner {
            clear: left;
            width: 100%;
            height: 8px;
        }
        .shopoverview .mieteret {
            float: left;
            width: 20px;
            margin-right: 10px;
            text-align: center;
            color: #000;
            line-height: 20px;
            height: 20px;
        }
        .shopkategorie {
            position: relative;
            width: 100%;
            padding: 80px 2% 80px 2%;
            margin: 0 auto;
            overflow: hidden;
        }
        /* ##################################################################################ANGEBOTE */
        .angebot_icon {
            position: relative;
            width: calc(33.333% - 22px);
            padding: 20px;
            float: left;
            background: #efefef;
            margin: 20px 10px;
            cursor: pointer;
            overflow: hidden;
            color: #000;
            border: 1px solid #efefef;
            min-height: 800px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            border-radius: 0;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .angebot_icon .imagecontainer {
            position: relative;
            overflow: hidden;
            height: 150px;
            width: 100%;
        }
        .angebot_icon .imagecontainer img {
            position: absolute;
            max-height: 75%;
            max-width: 75%;
            width: auto !important;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            filter: invert(1) grayscale(1) brightness(0);
        }
        .angebot_icon .shoptext {
            color: #000;
        }
        .angebot_icon img, .shopangebot_detail img {
            width: 100% !important;
            background: transparent;
            height: auto;
            overflow: hidden !important;
            margin-bottom: 20px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            border-radius: 0;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .angebot_icon h2 {
            font-size: 30px;
            line-height: 33px;
            margin-bottom: 0;
            padding-right: 20px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .angebot_icon h3 {
            font-size: 18px;
            padding-right: 20px;
            height: 40px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .angebote .angebot_icon h2, .angebote .angebot_icon h3 {
            color: #000;
        }
        .angebot_icon:hover, .angebot_icon:focus-within  {
            border: 1px solid #666;
        }
        .shops .angebot_link a {
            color: #000;
        }
        .angebote .angebot_link a {
            color: #000;
        }
        .angebot_container .angebot_link a, .angebot_container .angebot_link i {
            color: #000;
        }
        /* ##################################################################################DOWNLOADS */
        .media_preview i {
            color: #FFF;
            line-height: 80px;
        }
        .media_preview {
            width: 80px;
            border-radius: 50%;
            height: 80px;
            float: left;
            text-align: center;
            background: #d84d14;
        }
        .media_details {
            position: absolute;
            left: 95px;
            font-size: 16px;
            line-height: 25px;
            width: 100%;
            padding-right: 95px;
            height: 80Px;
            color: #000;
        }
        .mediaarchiv_download {
            width: 100%;
        }
        .igallery {
            position: relative;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto 0 auto !important;
            padding: 0 !important;
            background: #FFF;
            /* Safari */
            justify-content: center;
            -webkit-justify-content: center;
        }
        .igallery img {
            width: calc(33.333%) !important;
            padding: 10px;
            margin: 0;
            transition: 0.5s ease;
        }
        .igallery img:hover, .igallery a:focus img {
            padding: 20px;
        }
        .igallery h3 {
            display: none;
        }
        /* ##################################################################################JOBS */
        .jobcontainer {
            position: relative;
            width: 1200px;
            max-width: 96% !important;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap; /* Safari */
            justify-content: center;
            -webkit-justify-content: center;
            margin: 0 auto 80px;
        }
        .tagged {
            position: absolute;
            bottom: 50px;
            left: 50px;
        }
        .jobwrapper {
            position: relative;
            float: left;
            width: calc(33.33% - 20px);
            margin: 10px 10px 50px 10px;
            background: #efefef;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .jobwrapper:hover, .jobwrapper:focus-within, .jobwrapper:has(.showsub:focus), .jobwrapper:has(a:focus) {
            background: #ccc;
        }
        .jobwrapper .imagecontainer {
            position: relative;
            overflow: hidden;
            background: #000;
            height: 150px;
            width: 100%;
        }
        .jobart {
            position: relative;
            background: #63b3b0;
            padding: 10px;
            float: left;
            color: #FFF;
            text-transform: uppercase;
        }
        .showsub {
            margin-top: 30px;
            text-align: center;
            transition: 0.5s ease;
        }
        .showsub i {
            cursor: pointer;
            font-size: 30px;
            transition: 0.5s ease;
        }
        .showsub:hover i, .showsub:focus i {
            color: #6aaeaa;
        }
        .jobdetail {
            display: none;
        }
        .jobwrapper .imagecontainer img {
            position: absolute;
            max-height: 50%;
            height: auto;
            width: auto !important;
            max-width: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .jobwrapper a {
            text-decoration: none;
        }
        .jobwrapper a h1, .jobwrapper h1 {
            text-align: center;
            margin: 20px auto;
            padding: 15px;
            line-height: 29px;
            font-size: 24px;
            height: 70px;
            overflow: hidden;
            transition: 0.5s ease;
            color: #000;
        }
        .jobwrapper a:hover h1, .jobwrapper a:focus h1 {
            color: #6aaeaa;
        }
        .jobwrapper h1 {
            font-family: Normaltext !important;
        }
        .jobwrapper a h1 {
            font-family: Bold !important;
        }
        .jobwrapper h2 {
            text-align: center;
            text-transform: uppercase !important;
            font-size: 18px;
            line-height: 25px;
            color: #333;
        }
        .jobwrapper h3, .jobwrapper .media_details {
            display: none;
        }
        .job_text h3 {
            text-transform: uppercase !important;
        }
        .job_text {
            padding: 30px;
            max-width: 100%;
            position: relative;
            margin: 20px auto;
        }
        .job_text .mediaarchiv_download {
            background: transparent;
        }
        .job_text .media_preview {
            width: 80px;
            border-radius: 0%;
            height: 80px;
            float: none;
            margin: 0 auto;
            border: 1px solid #FFF;
            text-align: center;
            background: transparent;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .job_text .media_preview i {
            color: #FFF;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .job_text .media_preview:hover {
            border-radius: 20px;
            border: 1px solid #000;
        }
        .job_text .media_preview:hover i {
            color: #000;
        }
        /* ##################################################################################NEWS */
        .eventarchiv, .event_overview {
            clear: both;
            position: relative;
            width: 100%;
            max-width: 1200px;
            margin: 100px auto 20px auto;
            display: flex;
            display: -webkit-flex; /* Safari */
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            /* Safari */
            justify-content: center;
            -webkit-justify-content: center; /* Safari */
        }
        .event_archiv_icon img, .event_teaser img {
            width: 100% !important;
            background: transparent;
            height: auto;
            overflow: hidden !important;
            margin-bottom: 20px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .archiv_text {
            height: 50px !important;
            font-size: 13px !important;
            line-height: 18px !important;
            color: #333 !important;
        }
        .event_archiv_icon {
            background: #FFF;
            padding: 10px;
        }
        .event_archiv_icon:hover img, .event_archiv_icon a:focus img {
            padding: 10px;
            overflow: hidden;
        }
        .event_teaser .imagecontainer {
            position: relative;
            width: 100%;
            height: auto;
            overflow: hidden !important;
        }
        .event_overview h1, .eventarchiv h1 {
            margin: 20px auto 40px auto;
            text-align: center;
            position: relative;
        }
        .event_archiv_icon {
            float: left;
            width: calc(20% - 10px);
            margin: 5px;
            overflow: hidden;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        .news_focus {
            position: relative;
            width: 1000px;
            max-width: 96%;
            margin: 50px auto;
            height: auto;
            overflow: hidden;
        }
        .event_teaser {
            position: relative;
            width: calc(33.33% - 20px);
            float: left;
            padding: 20px;
            border: 1px solid #ccc;
            margin: 20px 10px 40px 10px;
            cursor: pointer;
            background: #FFF;
            overflow: hidden;
            transition: 0.5s ease;
        }
        .event_teaser:hover, .news_focus a:focus > .event_teaser {
            padding: 20px;
            background: #FFF;
        }
        .event_teaser:hover img, .news_focus a:focus > .event_teaser img {
            padding: 20px;
        }
        .archiv_container {
            position: relative;
            max-width: 1000px;
            padding: 0;
            margin: 20px auto;
        }
        .event_teaser h2 {
            position: relative;
            font-size: 30px;
            height: 140px;
            margin: 0 auto 0;
            padding: 0;
            color: #333;
            line-height: 35px;
            text-transform: uppercase;
            background: transparent;
        }
        .event_teaser h3 {
            position: relative;
            margin: 0 auto 20px;
            height: 60px;
            font-size: 20px;
            line-height: 25px;
            color: #63b3b0;
        }
        .meter {
            position: absolute;
            left: 20px;
            right: 20px;
            overflow: hidden;
            height: 5px;
            bottom: 20px;
            z-index: 20;
            background: #CCC;
        }
        .bar_meter {
            position: absolute;
            height: 5px;
            top: 0;
            left: 0;
            background: #63b3b0;
        }
        .event_main img {
            width: 100%;
            height: auto;
            position: relative;
            margin: 100px 0 0;
        }
        .event_maintext {
            width: 100%;
            max-width: 1000px;
            position: relative;
            text-align: left;
            margin: 0 auto 0 auto;
            font-size: 18px;
            line-height: 23px;
        }
        .event_maintext a {
            font-size: 18px;
            color: #63b3b0;
            line-height: 23px;
        }
        .event_maintext h2 {
            color: #63b3b0;
            margin-top: 0;
            padding: 0;
            font-size: 30px;
            line-height: 30px;
            margin-bottom: 30px;
        }
        .event_maintext h1 {
            text-align: left;
            float: left;
            width: auto;
            font-size: 44px;
            line-height: 55px;
            color: #333;
        }
        .event_teaser_detail img {
            width: auto !important;
            max-height: 500px;
            height: auto !important;
        }
        /* ##################################################################################GOOGLE */


        #googleoverlay:focus .overlaywindow, #googleoverlay:hover .overlaywindow {
            color: #6aaeaa;
        }
        .overlaywindow {
            line-height: 20px;
        }

        .anfahrt_details i {
            width: 80px;
            height: 80px;
            font-size: 40px;
            border: 1px solid #000;
            line-height: 80px;
            color: #000;
            border-radius: 50%;
        }
        .anfahrt_details .mytitle {
            margin: 20px auto;
            color: #000;
            font-size: 24px;
            line-height: 28px;
            text-align: center;
            text-transform: none;
            font-family: Bold;
        }
        .anfahrt_details .inner_container {
            min-height: 350px;
        }
        .anfahrt_details button {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
        }
        button:hover {
            cursor: pointer;
        }
        button i {
            font-size: 16px !important;
            width: auto !important;
            height: auto !important;
            border: 0px !important;
            line-height: 16px !important;
        }
        /* ##################################################################################KONTAKT */
        .kontakt_felder, .kontakt_felder_h_ind {
            background: #efefef;
            font-family: Normaltext;
            font-size: 18px;
            color: #151515;
            border: 0px solid #FFF;
            padding: 15px 10px;
            width: 100%;
            height: auto;
            margin: 1% 0;
        }
        .kontakt_felder:hover, .kontakt_felder:focus {
            background: #333;
            color: #FFF;
        }
        .kontakt_felder:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 50px #fff inset; /* Change the color to your own background color */
            -webkit-text-fill-color: #666;
        }
        .kontakt_felder:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 50px #fff inset;
            -webkit-text-fill-color: #666;
        }
        .kontakt_felder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #666;
        }
        .kontakt_felderr::-moz-placeholder { /* Firefox 19+ */
            color: #666;
        }
        .kontakt_felder:-ms-input-placeholder { /* IE 10+ */
            color: #666;
        }
        .kontakt_felder:-moz-placeholder { /* Firefox 18- */
            color: #666;
        }
        .kontakt_button {
            position: relative;
            background: transparent;
            color: #000;
            font-family: Bold;
            font-size: 40px;
            line-height: 100px;
            border: 0px solid #fff;
            padding: 0;
            margin: 40px auto 40px auto !important;
        }
        .kontakt_button:hover, .kontakt_button:focus {
            border-radius: 0;
            color: #63b3b0;
            background: transparent;
        }
        .kontakt_fehler {
            width: 100%;
            border: 0 !important;
            height: auto;
            color: #FFF;
            overflow: hidden;
            padding: 2% 0 2% 0;
            text-align: left;
            font-size: 24px;
        }
        .socialmedia i {
            width: 50px;
            height: 50px;
            cursor: pointer;
            line-height: 50px;
            font-size: 40px !important;
            color: #FFF !important;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        .socialmedia i:hover, .socialmedia a:focus i {
            color: #6aaeaa !important;
        }
        .gm-svpc div img {
            position: relative !important;
        }
        /* ##################################################################################PARTNER*/
        #container1664_1_820 {
            text-align: center;
        }
        #container1664_1_820 ul {
            list-style: none;
            padding-left: 0;
        }
        #container1664_1_820 ul li a {
            text-align: center;
            font-size: 18px;
            line-height: 24px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }
        @media (max-width: 1400px) {
            .effekt .textcontent h2, .effekt .textcontent h3 {
                opacity: 0;
                -webkit-animation-name: fadeIn !important;
                -moz-animation-name: fadeIn !important;
                -o-animation-name: fadeIn !important;
                animation-name: fadeIn !important;
                -webkit-animation-delay: 1s;
                -moz-animation-delay: 1s;
                -o-animation-delay: 1s;
                animation-delay: 1s;
                -webkit-animation-duration: 1s;
                -moz-animation-duration: 1s;
                -o-animation-duration: 1s;
                animation-duration: 1s;
            }
            .shop_icon {
                position: relative;
                width: calc(33.233% - 20px);
            }
            .textcontent h1 {
                font-size: 90px;
                line-height: 90px;
            }
            .textcontent h3 {
                font-size: 30px;
                line-height: 30px;
            }
            .headline h1 {
                padding: 10px 0 !important;
                line-height: 70px;
                font-size: 55px;
            }
            .overview-icons h2 {
                font-size: 20px;
            }
            #container1823 {
                max-width: 96% !important;
            }
            .serviceicon img {
                max-width: 40% !important;
                max-height: 40% !important;
            }
        }
        @media (max-width: 1024px) {
            .sectionbg {
                -webkit-background-size: cover !important;
                -moz-background-size: cover !important;
                -o-background-size: cover !important;
                background-size: cover !important;
                background-attachment: scroll !important;
                background-position: center center !important;
            }
            .shoppy {
                width: calc(33.3333% - 20px);
            }
        }
        @media (max-width: 999px) {
            .overview-icons .container_content_wrapper, #container2235 .container_content_wrapper {
                display: block !important;
            }
            .overview-icons .container_wrapper {
                width: calc(50% - 30px) !important;
                float: left !important;
            }
            .overview-icons .container_wrapper:nth-of-type(1), .overview-icons .container_wrapper:nth-of-type(3) {
                margin: 10px 10px 10px 20px !important;
            }
            .overview-icons .container_wrapper:nth-of-type(2), .overview-icons .container_wrapper:nth-of-type(4) {
                margin: 10px 20px 10px 10px !important;
            }
            .jobwrapper {
                width: 48%;
            }
            .shopangebot_detail {
                width: 48%;
            }
            .angebot_icon {
                width: calc(50% - 20px);
            }
            .buchstabe_wahl {
                width: calc(33.3% - 40px);
            }
            .event_archiv_icon {
                width: 23%;
            }
            #teilnahmeformular, .gewinner {
                float: none;
                padding: 20px;
                width: 100%;
            }
            .gewinnmodul h1 {
                font-size: 30px;
            }
            .event_teaser {
                width: calc(50% - 20px);
            }
            .serviceicon {
                width: calc(33.33% - 10px);
                margin: 5px 5px 5px 0;
            }
            #footer a {
                font-size: 12px !important;
            }
            .textcontent h1 {
                font-size: 60px;
                line-height: 60px;
                margin-bottom: 20px;
            }
            .textcontent h3 {
                font-size: 25px;
                line-height: 25px;
            }
            .headline h1 {
                line-height: 65px;
                font-size: 45px;
            }
        }
        @media (max-width: 894px) {
            .mapplic-sidebar {
                display: none !important;
            }
        }

        @media (max-width: 768px) {
            .gewinn_artikel {
                width: 98%;
            }
            .gewinn_artikel_info h2, .gewinn_titel, .verlosung_titel {
                font-size: 18px !important;
                line-height: 24px !important;
            }

            .shoppy {
                width: calc(50% - 20px);
            }

            .headline h1 {
                line-height: 40px;
                font-size: 25px;
            }
        }
        @media (max-width: 575px) {
            .mieter-logo {
                width: 75px;
                height: 75px;
            }
            .tuerchen {
                width: 150px;
                height: 150px;
            }
            .shop_icon {
                position: relative;
                width: calc(50% - 20px);
            }
            #header_logo img {
                left: 20px;
                max-width: 150px;
                height: auto;
            }
            .navigation-menu {
                right: 20px;
            }
            #suchenbutton {
                right: 70px;
            }
            .shoppy {
                width: calc(100%);
                margin: 0 0 20px;
            }
            .shoppy h3 {
                font-size: 18px;
                line-height: 24px;
            }
            .effekt h2 {
                font-size: 50px;
                line-height: 50px;
            }
            .effekt .inner_container h3 {
                font-size: 25px;
                line-height: 25px;
            }
            .serviceicon {
                width: 31.33%;
            }
            .event_teaser {
                width: calc(100%);
                margin: 10px 0;
            }
            .event_maintext h2 {
                font-size: 20px;
                line-height: 24px;
            }
            .event_maintext h1 {
                font-size: 24px;
                line-height: 28px;
            }
            .gobackbutton {
                margin-right: 10px;
                width: 28px;
                height: 28px;
                line-height: 28px;
            }
            .servicedetails h2, .servicedetails i {
                font-size: 24px !important;
                line-height: 26px !important;
                display: block !important;
                opacity: 1 !important;
            }
            .buchstabe_wahl {
                width: calc(50% - 40px);
            }
            .button-group h2 {
                margin: 5px;
            }
            .jobwrapper {
                width: 98%;
            }
            .angebot_icon {
                width: calc(100%);
                margin: 10px 0;
            }
            .shop_icon {
                position: relative;
                width: calc(100% - 20px);
            }
            .shopangebot_detail {
                width: 98%;
            }
            .shopinfos-left h1 {
                font-size: 24px;
                line-height: 28px;
            }
            .shopinfos-left h2 {
                font-size: 20px;
                line-height: 25px;
            }
            .kontakt_button {
                font-size: 20px;
                line-height: 50px;
            }
            .textcontent h1 {
                font-size: 25px;
                line-height: 30px;
                margin-bottom: 10px;
            }
            .textcontent h1 span {
                padding: 3px 5px;
            }
            .textcontent {
                position: absolute;
                top: auto !important;
                transform: translateY(0);
                bottom: 10px;
            }
            .slick-dots {
                display: none !important;
            }
            .textcontent h3 {
                font-size: 18px;
                line-height: 18px;
            }
            .opentill {
                font-size: 30px;
                line-height: 40px;
            }
            .openbis {
                font-size: 27px;
                line-height: 40px;
            }
            .opentitel {
                font-size: 20px;
            }
            #logo_bild img {
                height: 40px;
                width: auto;
                margin-top: 20px !important;
            }
            .overview-icons img {}
            .overview-icons h2 {
                font-size: 15px;
            }
            .overview-icons .container_wrapper:nth-of-type(1), .overview-icons .container_wrapper:nth-of-type(2), .overview-icons .container_wrapper:nth-of-type(3), .overview-icons .container_wrapper:nth-of-type(4) {
                width: calc(100% - 40px) !important;
                margin: 10px 20px !important;
                float: none;
            }
            .event_archiv_icon {
                width: calc(33.333% - 10px);
            }
            .headline h1 {
                line-height: 25px;
                font-size: 20px;
            }
            .oeffnungszeiten .openclass h2 {
                font-size: 30px;
                line-height: 34px;
                margin-bottom: 20px;
            }
            .oeffnungszeiten .openclass h4 {
                font-size: 20px;
                line-height: 26px;
            }
            .navigation-display {
                padding-top: 50px;
            }
            .navigation-display .navigation-close {
                font-size: 30px;
            }
        }
    }