:root {
    --alcoblue: #0e2038;
    --alcopink: #ca2f7a;
}


@font-face {
    font-family: 'Yantramanav';
    src: url('/Yantramanav-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, html {
    margin:0;
    font-family: 'Yantramanav', Arial;
    font-size: 1em;
    max-width: 100%;
    overflow-x: clip;
    line-height: 1.19em;
}
h1 {
    font-size: 3em;
    font-family: Yantramanavbold;
}
h2 {
    font-size: 3em;
    font-family: Yantramanavbold;
    line-height: 1.1em;
}
.sitecontent h1 {
    margin-top:0px;
    padding-top:50px;
}
@font-face {
    font-family: 'Yantramanavbold';
    src: url('/Yantramanav-Black.ttf') format('truetype');
    font-stretch: ultra-condensed;
    font-weight: bold;
}
.fontbold {
    font-family: Yantramanavbold;
    font-weight: bold;
    font-size: larger;
    font-stretch: ultra-condensed;
}
.hometitle {
    text-align: center;
}

.fonttest {
    font-family: Yantramanavbold;
    font-stretch: ultra-condensed;
}
.topbar {
    width: 100%;
    background-color: var(--alcoblue);
    display: inline-block;
    top: 0;
    height: 178px;
}
.stickytop {
    position: sticky !important;
    top: 0;
}
.navfavspan {
    position: relative;
    left:50%;
    top: 20px;
}
.navfavlink {
    transform: translateX(-50%);
    display: inline-block;
    padding-top: 10px;
}
.navfavicon {
    width: 14em;
}
.mmenuinfo {
    display:none;
}
.topnav {
    overflow: hidden;
    background-color: var(--alcoblue);
    color: white;
    float: right;
    z-index: 101;
    width:100%;
}
.menupipe {
    display: none;
}
.topnav a {
    float: left;
    color: white;
    text-align: center;
    padding: 15px 5px;
    text-decoration: none;
    font-size: 1em;
    display: none;
    opacity: 0;
}
.favcomp {
    background: var(--alcoblue);
    height:13px;
    display: inline-block;
    color:white;
    position:absolute;
    padding: 5px;
    z-index:11;
    text-decoration: none;
    font-weight: normal;
    font-size: 0.9em;
    bottom: 20px;
    transform: translateX(57%);
}
.rightcorner {
    display: none;
}
.topnav .navicon {
    float: right;
    display: block;
}

.navdropdown {
    float: left;
    overflow: hidden;
    height:56px;
    padding-left: 10px;
    padding-right: 10px;
}

.navdropdown .navdropbtn {
    font-size: 1em;
    border: none;
    outline: none;
    color: white;
    padding: 15px 5px 20px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    text-align: center;
    display: none;
    opacity: 0;
}
.active {
    .navdropbtn {
        color:white;
    }
    color: var(--alcopink) !important;
}
.navdropcontent {
    display: none;
    position: absolute;
    background-color: var(--alcoblue);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    opacity: 0;
}

.navdropcontent a {
    float: none;
    padding: 15px 5px;
    text-decoration: none;
    display: block;
    text-align: left;
    opacity: 1;
    padding-left:30px;
}

.topnav a:hover, .navdropdown:hover .navdropbtn {
    color: var(--alcopink);
}

.navdropcontent a:hover {
    color: var(--alcopink);
}

.divnavicon {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    font-family: inherit;
    padding-right:10px;
}
.brnavarrow {
    display: none;
}

.homepop {
    position: absolute;
    background: var(--alcoblue);
    max-width:100%;
    padding: 15px;
}
.popclose {
    color: var(--alcopink);
    position: absolute;
    top: 50px;
    font-size: 6em;
    text-align: center;
    right: 50px;
    cursor:pointer;
}


.homepictext {
    left: 0px;
    color: rgb(32, 62, 91);
    font-size: 3vw;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 3.5vw;
    opacity:0;
}
.homepictext:before {
    transform-origin: top left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    background-color: rgba(249, 249, 249, 0.8);
    z-index: -1;
    position: absolute;
    display: block;
    width: 100%;
    content: " ";
    left: 0;
    height: 3.5vw;
}

.historyblock {
    display: block;
    grid-template-columns: 50% 50%;
    grid-gap: 0em 0em;
    grid-auto-flow: row dense;
}

.history {
}
.historyleft {
    position:relative;
    left:0;
    border-right: solid 15px #c92e79;
    min-height:500px;
    margin-right:22px;
    min-height:unset;
}
.historyleft h3 {
    text-align: right;
}
.historyright {
    position:relative;
    left:0;
     border-right: solid 15px #c92e79;
     min-height:500px;
     margin-right:22px;
     min-height:unset;
}
.histnrright {
    margin-left: unset;
    background: var(--alcopink);
    display: block;
    height: 40px;
    width: 57px;
    border-radius: 50%;
    padding-top: 21px;
    position: absolute;
    text-align: center !important;
    left: unset;
    right: -35px;
}
.histnrleft {
    background: var(--alcopink);
    display: block;
    height: 40px;
    width: 57px;
    border-radius: 50%;
    padding-top: 21px;
    right: -35px;
    position: absolute;
    text-align: center !important;
}
.histarrowdown {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #c92e79;
    width:0px;
    position:absolute;
    left:unset;
    transform:translateX(-64%);
    right:0px;
}

.historycontent {
    padding: 20px;
    background: var(--alcoblue);
    color: white;
    margin-left: 39px;
    margin-right: 39px;
    border-radius: 23px;
}
.historyleftarrow {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 20px solid var(--alcoblue);
    width: 0px;
    position: relative;
    top: 62px;
    content: "";
    left: calc(100% - 40px);
}
.historyrightarrow {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 20px solid var(--alcoblue);
    width:0px;
    position:relative;
    top:62px;
    content: "";
    left: calc(100% - 40px);
}

.historybubbleimg {
    max-width: 100%;
    padding-top: 10px;
    object-fit: cover;
    text-align:center;
}
.historybubbleimg img {
    width:100%;
    object-fit:cover;
}
.paraplace {
    position: relative;
    z-index: 1;
    height:800px;
}
.footer30jub {
    width:150px;
    position:absolute;
    left:-15px;
    top:-85px;
}
.jubhead {
    position: absolute;
    top: 100px;
    right: 0px;
    width: 90px;
}
.searchfilterfr {
    margin-right:auto;
    margin-left:auto;
    width:460px;
}
.searchfilterfl {
    margin-right:auto;
    margin-left:auto;
    width:460px;
}
.calbg {
    text-align: center;
    width: 222px;
    background-color: white;
    padding: 5px;
    height: auto;
    margin:auto;
}

.mbmain#mb {
    grid-row: 1 / 2;
    grid-column: 1 / 8;
    width: 100vw;
    height: 575px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transform-style: preserve-3d;
    perspective: 600px;
    --items: 5;
    --middle: 3;
    --position: 1;
}

.fzlicons {
    text-align: center;
    padding-left: 10px;
}
.fzlicons span {
    float: left;
    padding-right: 33px;
    height: 100%;
    max-width: 22%;
    padding-bottom:10px;
}
.fzlstatus {
    max-width: unset;
}
.hparent {
    display: grid;
    grid-gap: 5em;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr));
    padding: 10px;
}
.modalimg {
    width:90vw;
}
.nichthetzen {
    position: absolute;
    left: calc(50% + 240px);
}
.cookiebanner {
    position: fixed;
    bottom: 0;
    margin-left: 20px;
    background: var(--alcopink);
    color: white;
    z-index: 200;
/*     height: 50vh; */
    padding: 20px;
    padding-bottom: 50px;
    width:340px;
}
@media screen and (max-width:1024px) {
    .history {
        margin-top: unset !important;
    }
}

@media screen and (min-width: 1024px) {
    .homepictext {
        padding-left:50px;
        padding-right:50px;
    }
    .jubhead {
        width:115px;
    }
    .nichthetzen {
        position: absolute;
        left: calc(50% + 240px);
    }
    .cookiebanner {
        margin-left: 75vw;
}
    .modalimg {
        width: unset;
        height: 85vh;
    }
    .hparent {
        padding-left: 100px;
        padding-right: 100px;
    }
    .fzlicons {
        position: relative;
        left: calc(50% + 30px);
        height: 50px;
    }
    .fzlstatus {
        max-width: 22%;
        float:left;
    }
    .fzlicons span {
        padding-right: 20px;
        padding-bottom:unset;
    }
    .searchfilterfr {
        margin-right:auto;
        margin-left:50px;
        width:460px;
    }
    .mbmain#mb {
        height: 850px;
    }

    .searchfilterfl {
        margin-right:50px;
        margin-left:auto;
        width:460px;
    }
    .calbg {
        margin-left:auto;
        margin-right: unset;
    }
    .historyblock {
        display: grid;
    }
    .histarrowdown {
        left:calc(50% - 38px) !important;
    }
    .jubhead {
        width: 150px;
        right: 85px;
    }
    .historyrightarrow {
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-right: 20px solid var(--alcoblue);
        border-left: none;
        width:0px;
        position:relative;
        content: "";
        top: 60px;
        left: 20px;
    }
    .historyleft {
        margin-right: unset;
        min-height: 500px;
    }
    .historyright {
        position:relative;
        right:0;
        margin-left:-15px;
        border-left: solid 15px #c92e79;
        border-right: none;
        left:unset;
        margin-right: unset;
        min-height:500px;
    }
    .histnrright {
        right:unset;
        margin-left:-75px;
        left:38px;
    }
    .histarrowdown {
        position:relative;
        left:100%;
        right:unset;
    }
    .divnavicon {
        display: none;
    }
    .menupipe {
        float: left;
        color: white;
        text-align: center;
        padding: 15px 5px;
        text-decoration: none;
        font-size: 1em;
        transition: all 0.5s ease;
        display: block;
    }
    .topnav a, .navdropdown .navdropbtn, .brnavarrow {
        display: block;
        transition-duration: 0.5s;
        opacity: 1;
    }
    .topnav a.navicon {
        display: none;
    }
    .topnav a {
        padding: 15px 5px 0px;
        color: white;
        padding-left: 10px;
        padding-right: 10px;
    }
    .navdropbtn {
        position: unset !important;
        top: 5%;
    }
    .navdropcontent a {
        color: white;
    }
    .navdropcontent a:hover {
    }
    .navdropdown .navdropbtn {
        padding: 15px 5px 4px;
    }
    .menudiv {
    }
    .menudivtopright {
        right: 20%;
        left: 50%;
        transform: translateX(137%);
        position: absolute;
        top: 50px;
        width: max-content;
    }
    .menudivlowercenter {
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        top: 120px;
        width: max-content;
        z-index: 100;
    }
    .topnav {
        height: unset;
    }
    #navcheckbox:checked ~ * .navdropcontent {position: relative; opacity: 1;}
    #verkaufcheckbox:checked ~ * .verkaufnavdropcontent {display: block; opacity:1}
    #mietecheckbox:checked ~ * .mietenavdropcontent {display: block; opacity:1;}
    #servicecheckbox:checked ~ * .servicenavdropcontent {display: block; opacity:1;}
    #shopcheckbox:checked ~ * .shopnavdropcontent {display: block; opacity:1;}
    #aktuellescheckbox:checked ~ * .aktuellesnavdropcontent {display: block; opacity:1;}
    #ueberunscheckbox:checked ~ * .ueberunsnavdropcontent {display: block; opacity:1;}
    .topnav a {
        height:41px;
    }
    .favcomp {
        right: calc(25% + 12px);
        bottom: unset;
        transform: unset;
    }
    .rightcorner {
        width: 23px;
        background: var(--alcoblue);
        display: block;
        height: 23px;
        position: absolute;
        right: 25%;
        z-index: 10;
        transform-origin: top left;
        transform: skew(-30deg, 0deg);
    }
    .homepop {
        max-width:35%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .paraplace {
        height:216px;
    }
    .footerpad {
        padding-top: 20px;
    }
    .footer30jub {
        left:1%;
    }
}



#navcheckbox:checked ~ * {
    .navdropcontent {width:100%;}
    .verkaufnavdropcontent {position:unset;}
    .mietenavdropcontent {position:unset;}
    .servicenavdropcontent {position:unset;}
    .shopnavdropcontent {position:unset;}
    .aktuellesnavdropcontent {position:unset;}
    .ueberunsnavdropcontent {position:unset;}    #verkaufcheckbox:checked  ~ * .verkaufnavdropcontent {display: block; opacity:1;}
    #mietecheckbox:checked ~ * .mietenavdropcontent {display: block; opacity:1;}
    #servicecheckbox:checked ~ * .servicenavdropcontent {display: block; opacity:1;}
    #shopcheckbox:checked ~ * .shopnavdropcontent {display: block; opacity:1;}
    #aktuellescheckbox:checked ~ * .aktuellesnavdropcontent {display: block; opacity:1;}
    #ueberunscheckbox:checked ~ * .ueberunsnavdropcontent {display: block; opacity:1;}
    .mmenuinfo {
        display:block;
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 100%;
    }
    .topnav a {
        display: block;
        text-align: left;
        opacity: 1;
        width: 100%;
        padding-left: 15px;
    }
    .navdropdown {
        display: block;
        text-align: left;
        opacity: 1;
        width: 100%;
        height:auto;
    }
    .navdropbtn {
        display: block;
        text-align: left;
        opacity: 1;
        width: 100%;
        line-height: 20px;
        position: unset;
    }
    .topnav {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
    }
    .divnavicon {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .navsubactive {display: none;}
}

#verkaufcheckbox {display: none;}

#mietecheckbox {display: none;}

#servicecheckbox {display: none;}

#shopcheckbox {display: none;}

#aktuellescheckbox {display: none;}

#ueberunscheckbox {display: none;}


.navdropbtn {
    display: block;
    right: 10%;
  position: absolute;
  top: 30%;
}

#navcheckbox {display: none;}

.navarrow {
    border: solid var(--alcoblue);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    white-space: pre;
}
.navdown {
    white-space: pre;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.headimg {
    width:100%;
    height: calc(100vw * 0.24);
    
}
.headimgsmall {
    width:100%;
    height: calc(50vw * 0.24);

}
.centercontent {
    text-align: center;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hidden {
    display:none !important;
}

.button {
    margin: 2px;
    text-decoration: none;
    color: white;
    font-size: large;
    background-color: var(--alcopink);
    padding: 10px 20px 9px 20px;
    display:inline-block;
}
.button:hover {
    background-color: var(--alcoblue);
    color: white;
    cursor:pointer;
}
.bred {
    background-color: red;
    color: white;
}
.bgreen {
    background-color: green;
    color: white;
}

.linkscale {
    transition: transform .2s;
}
.linkscale:hover {
    transform: scale(1.1);
    transition-duration: 1s;
}
.linkshad:hover {
    box-shadow: 5px 5px 5px #203e5b;
    cursor:pointer;
}

.arrow-up.icon {
    color: #000;
    position: absolute;
    margin-left: 10px;
    margin-top: 3px;
    width: 1px;
    height: 16px;
    background-color: currentColor;
}

.arrow-up.icon:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 1px;
    width: 10px;
    height: 10px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.arrow-down.icon {
    color: #000;
    position: absolute;
    margin-left: 10px;
    margin-top: 2px;
    width: 1px;
    height: 16px;
    background-color: currentColor;
}

.arrow-down.icon:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.popmod {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 11; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.popmod-content {
    background-color: rgba(0,0,0,0.4);
    padding: 1px 10px 10px;
    border: 1px solid #888;
    border-radius: 8px;
    max-width:80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.close {
    color: var(--alcoblue);
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: var(--alcopink);
    text-decoration: none;
    cursor: pointer;
}

.bgimage {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;
}
.sitecontent {
    z-index: 10;
    position: relative;
    background: white;
    color: var(--alcoblue);
    min-height: calc(100vh - 529px);
}
.fzeuromodal {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    z-index: 11;
}
.fzeuromodcontent {
    background-color: rgba(249, 247, 247, 0.90);
    margin: 15% auto;
    padding: 10px 10px 10px;
    border: 1px solid #888;
    border-radius: 8px;
    width: max-content;
}
.contactmodal {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(14, 32, 56, 0.8);
    z-index: 11;
}
.contactmodcontent {
    background-color: white;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 10px 10px 10px;
    border: 1px solid #888;
    border-radius: 8px;
    width: max-content;
}
.cformfield {
    width:92%;
    line-height:20px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid black;
    font-size: 16px;
    background: lightgrey;
}
.needed {
    border: 2px solid pink;
}

.hbanner img{
    width: 100%;
}
.hbox {
}
.picmodal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.picmodalwin {
    background-color: white;
    border: 1px solid #888;
}
.picmanpic {
    width: 100px;
    height: 120px;
    text-align: center;
    float: left;
    padding: 3px;
    font-size: 9px;
}

.pov {
    width:100%;
    border-bottom:1px solid black;
}
.pov > div {
    display: inline-block;
    vertical-align: top;
    margin:0.5%;
}
.pov20 {
    width: 20px;
}
.pov40 {
    width: 40px;
}
.pov100 {
    width: 100px;
}
.pov150 {
    width: 150px;
}
.pov200 {
    width: 200px;
}
.pov300 {
    width: 300px;
}
.disabled.icon {
    color: red;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    width: 21px;
    height: 21px;
}

.disabled.icon:before {
    content: '';
    position: absolute;
    top: 10px;
    width: 21px;
    height: 1px;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.disabled.icon:after {
    content: '';
    position: absolute;
    top: 10px;
    width: 21px;
    height: 1px;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.enabled.icon {
    color: green;
    position: absolute;
    margin-left: 3px;
    margin-top: 4px;
    width: 14px;
    height: 8px;
    border-bottom: solid 1px currentColor;
    border-left: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tox .tox-editor-header {
    z-index: 0 !important;
}

.team {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
    justify-content: center;
    gap:100px;
}
.team img{
    width: 100%;
    max-width: 300px;
    margin-bottom: -31px;
}
.team div {
    text-align: center;
    box-sizing: border-box;
    flex-grow: 0;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    color: var(--alcoblue);
    border-radius: 50%;
}
.ueberunstileblue h3 {
    background: var(--alcoblue);
    color: white;
    font-size: 1.5em;
    line-height: 2em;
    text-align: center;
    padding-right: 0px;
    margin:auto;
    margin-top: 10px;
}
.ueberunstilepink h3 {
    background: var(--alcopink);
    color: white;
    font-size: 2em;
    line-height: 2em;
    margin-bottom: 10px;
}
.justcontent {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slidecontainer {
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
}
.historyslidesp30 {
    display: none;
    width:30%;
    padding: 5px;
}
.historyslidesp45 {
    display: none;
    width:45%;
    padding: 5px;
}
.historyslidesp90 {
    display: none;
    width:90%;
    padding: 5px;
}
.slidenavprev {
    position: absolute;
    left: 0;
    display: block;
    z-index:1;
    width:45px;
}
.slidenavnext {
    position: absolute;
    right: 0;
    display: block;
    z-index:1;
    width:45px;
}
.slidenavplay {
    position: absolute;
    top: 0;
    display: block;
    z-index:1;
}
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

.slidermodal {
    position: fixed;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.slidermodcontent {
    background-color: rgba(249, 247, 247, 0.90);
    padding: 10px 10px 10px;
    border: 1px solid #888;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width:90%
}
.mediencontainer {
    width: 100%;
    text-align: center;
}
.yt {
    display:inline-block;
    margin:10px 10px auto;
}
.yti {
    width:560px;
    max-width:100%;
    height:315px;
}
.fltac {
    display: inline-block;
    text-align: center;
}

.footer {
    grid-gap: 1rem;
    color: white;
    position: fixed;
    bottom: 0;
    z-index: 5;
    width:100%;
    line-height:1.5em;
    background: var(--alcoblue);
    text-align: center;
}
.footergrid {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
    display: grid;
    grid-gap: 25px;
    background: var(--alcoblue);
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
    text-decoration: none;
    color: white;
}

.cr {
    clear: both;
    padding-top: 5px;
    background: var(--alcoblue);
}
.sharebutton {
    float:left;
    text-align: center;
    padding-right: 15px;
    padding-top: 5px;
    cursor:pointer;
}
.sharebutton img {
    width: 33px;
    margin-top: -7px;
}
.sharemod {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.sharemod-content {
    background-color: rgb(255 255 255 / 87%);
    margin: 15% auto; /* 15% from the top and centered */
    padding: 1px 10px 10px;
    border: 1px solid #888;
    border-radius: 8px;
    max-width:500px;
}
.fzlarge {
    color: var(--alcoblue);
}
.fzlarge h1 {
    text-align: center;
    line-height: 50px;
}
.tinyfz {
    padding: 5px;
    color: --var(alcoblue);
    width: 388px;
}

.tfztitle {
    background-color: var(--alcoblue);
    color: white;
    padding:20px;
    margin-left: 11px;
    margin-right: 11px;
    margin-bottom: 15px;
    height:3em;
}
.tfzl {
    text-align: center;
    box-sizing: border-box;
    flex-grow: 0;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    color: var(--alcoblue);
    padding-bottom: 50px;
}
.tfzl h2 {
    font-family: Yantramanavbold;
    display: block;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.tinyfz:hover {
    transform: scale(1.1);
    transition-duration: 1s;
}
.tinyfz h2 {
    text-align:center;
    font-family: Yantramanavbold;
}
.verktinyoverview {
    float: left;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
}
.picad {
    padding: 5px;
    height: auto;
    position: relative;
    left: 0;
    top: 0;
}
.picadbig {
    padding: 5px;
    position: relative;
    left: 0;
    top: -25px;
    overflow: hidden;
}
.tyovpicnav{
    position: absolute;
    text-align: center;
    top: 80%;
    width: 100%;
    z-index: 1;
    margin-left:-6px;
}
.tyovpicnavbig{
    position: absolute;
    text-align: center;
    top: 93%;
    z-index: 1;
    padding-left:15px;
    padding-right:15px;
    display: none;
}
.tyovpicnavarrowsl{
    position: absolute;
    z-index: 1;
    bottom:30%;
    left:0;
}
.tyovpicnavarrowsr{
    position: absolute;
    z-index: 1;
    bottom: 30%;
    right:0;
}
.tinypic{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.tinypicbig{
}
.mapdiv {
    width: 100%;
    text-align: center;
    height: 400px;
    border: 0px solid #000000;
    background: darkgrey;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: xx-large;
    line-height: 55px;
}
.cvdiv {
    width: 100%;
    text-align: center;
    height: 600px;
    border: 0px solid #000000;
    background: darkgrey;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: xx-large;
}
.mselfzb {
    background-color: white;
}
.cmselfza {
    background-color: green;
    color: white;
    border-radius: 7px;
    padding: 10px;
    margin: 2px;
}
.cmselfzb {
    background-color: orange;
    border-radius: 7px;
    padding: 10px;
    margin: 2px;
}
.cmselfzc {
    background-color: yellow;
    border-radius: 7px;
    padding: 10px;
    margin: 2px;
}
.cmselfzd {
    background-color: red;
    color: white;
    border-radius: 7px;
    padding: 10px;
    margin: 2px;
}
.cmselfze {
    background-color: blue;
    color: white;
    border-radius: 7px;
    padding: 10px;
    margin: 2px;
}
.mselfz {
    background-color: lightgrey;;
    border-radius: 7px;
    padding: 10px;
    margin: 2px;
}
.fzfilter {
    max-width:100%;
    padding: 10px;
    color: white;
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fzcon {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
    justify-content: center;
}

.fzampel {
    line-height: 22px;
    text-align: center;
    padding: 9px;
    z-index: 1;
    position: relative;
    float: right;
    border-radius: 31px;
    font-size: 29px;
    right: 0;
    bottom: 121px;
    font-weight: bold;
}


.noUi-connect {
    background: var(--alcopink) !important;
}

.getriebea {
    background: var(--alcopink);
    border-radius: 7px;
    padding: 12px;
    color: white;
    display: inline-block;
    margin: 2px;
    box-shadow: none !important;
    cursor:pointer;
}
.getriebed {
    background: lightgrey;
    border-radius: 7px;
    padding: 12px;
    display: inline-block;
    margin: 2px;
    color: var(--alcoblue);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    box-shadow: rgb(38, 57, 77) 0px 7px 9px -10px;
    cursor:pointer;
}
.ltpic {
    float: left;
    margin: 10px;
    max-width: 125px;
    max-height: 90px;
}
.actshadow {
    box-shadow: 12px 12px 12px var(--alcoblue);
}
.mailsucc {
    text-align: center;
    font-size: 20;
}
.fzbigampel {
    width: 100%;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 30px;
}
.cal {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(7, 30px);
    width:100%;
}
.cald {
    background-color: var(--alcopink);
    font-size: 16px;
    color: white;
    padding: 5px;
}
.callg {
    background-color: #2471b1;
    color:white;
    padding-top: 5px;
}
.callgrey {
    background-color: lightgrey;
    color: var(--alcoblue);
    padding-top: 5px;
}
.callblue {
    background-color: var(--alcoblue);
    color: white;
    padding-top: 5px;
}

.searchfilterf {
    padding: 5px;
}

.mfzh {
    text-align: center;
}

.pinkbar {
    width:100px;
    height: 4px;
    background-color: var(--alcopink);
    display:block;
    margin: 13px 0px 13px 0;
    overflow:hidden;
}
.pinkbar:after {
	content:'';
	transform:translateX(100%);
	width:100px;
	height:4px;
	position: relative;
	z-index:1;
	animation: pinkshine 10s infinite;
    display:block;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
}
.pinkcenterbar {
    width:100px !important;
    height: 4px;
    background-color: var(--alcopink);
    display:block;
    margin: 13px auto 13px;
    overflow:hidden;
}
.pinkcenterbar:after {
	content:'';
	transform:translateX(100%);
	width:100px;
	height:4px;
	position: relative;
	z-index:1;
	animation: pinkshine 10s infinite;
    display:block;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
}

@keyframes pinkshine {
	0% {transform:translateX(-100%);}
	80% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}

input[type="radio"]:checked {
    accent-color: var(--alcopink);
}

/* tinymce */
.tox-promotion {
   display: none;
}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


.usersmod {
    display: none;
    position: fixed;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
.usersmod-content {
    background-color: white;
    padding: 1px 10px 10px;
    border: 1px solid #888;
    border-radius: 8px;
    max-width:80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.fzadet {
    border-top: solid 2px var(--alcoblue);
    list-style: none;
    padding-top: 20px;
}
.fzadetsub {
    border-top: solid 2px var(--alcoblue);
    list-style: none;
    padding-top: 15px;
}
.fzadet summary::marker {
}
.fzadetsum {
    list-style: none;
    text-align: left;
}
.fzadetsumsub {
    list-style: none;
    text-align: left;
}
.fzadetsum::after {
    content: '';
    width: 0;
    height: 0;
    border: solid black;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(135deg);
    float: right;
    top: -55px;
    position:relative;
    height:10px;
    width:10px;
}
.fzadetsumsub::after {
    content: '';
    width: 0;
    height: 0;
    border: solid black;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(135deg);
    float: right;
    top: -35px;
    position:relative;
    height:7px;
    width:7px;
}

.fzadet[open] .fzadetsum::after {
    transform: rotate(45deg);
}
.fzadetsub[open] .fzadetsumsub::after {
    transform: rotate(45deg);
}

[data-inviewport="bglogofadeinleft"] {
    background-position: 0px 0px;
}

[data-inviewport="bglogofadeinleft"].is-inViewport {
    background-position: 0px 0px;
    animation-duration: 20s;
    animation-fill-mode: both;
    animation-name: bglogofadeInLeft;
}
@keyframes bglogofadeInLeft {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

[data-inviewport="fadein"] {
    opacity: 0;
}
[data-inviewport="fadein"].is-inViewport {
    animation-duration: 5s;
    animation-fill-mode: both;
    animation-name: fadeIn;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

[data-inviewport="fadeup"] {
     opacity: 0;
}

[data-inviewport="fadeup"].is-inViewport {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: fadeUp;
}
@keyframes fadeUp {
    0% {
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}


[data-inviewport="flyup"].is-inViewport {
    animation-duration: 5s;
    animation-fill-mode: both;
    animation-name: FlyUp;
}
@keyframes FlyUp {
    0% {
        transform: translateY(200%);
    }
    100% {
        transform: translateY(0%);
    }
}

[data-inviewport="bannerleft"].is-inViewport {
}
@keyframes bannerLeft {
    0% {
        transform: translate(0%);
    }
    50% {
        transform: translate(200%);
    }
    60% {
        transform: translate(200%);
    }
    100% {
        transform: translate(0%);
    }
}

[data-inviewport="leftin0"].is-inViewport {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: leftIn;
}
[data-inviewport="leftin1"].is-inViewport {
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-name: leftIn1;
}
[data-inviewport="leftin2"].is-inViewport {
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-name: leftIn1;
}
@keyframes leftIn {
    0% {
        transform: translate(-100%);
        opacity: 1;
    }
    100% {
        transform: translate(0%);
        opacity: 1;
    }
}
@keyframes leftIn1 {
    0% {
        transform: translate(-100%);
        opacity: 1;
    }
    20% {
        transform: translate(-100%);
        opacity: 1;
    }
    100% {
        transform: translate(0%);
        opacity: 1;
    }
}
@keyframes leftIn2 {
    0% {
        transform: translate(-100%);
        opacity: 1;
    }
    70% {
        transform: translate(-100%);
        opacity: 1;
    }
    100% {
        transform: translate(0%);
        opacity: 1;
    }
}

.group  {
}
.card {
    margin: 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
@for $i from 2 to (6 + 1) {
    .group > img:nth-child(#{$i}) {animation-delay: calc(#{(1 - $i)/6}*var(--d))}
}
@keyframes r {
    #{100/(6 + (6 - 2)*.2)}% {transform: translate(-100%)}
    #{100/(6 + (6 - 2)*.2) + .01}% {transform: translate((6 - 1 + (6 - 2)*.2v)*100%)}
}

.bannercontainerA {
  position: relative;
  height: 233px;
  margin-bottom: 30px;
  display: flex;
  width: fit-content;
  gap: 20px;
  animation: bannermove 20s linear infinite;
}

@keyframes bannermove {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(50%);
  }
}
.bannercontainerB {
    overflow: hidden;
    display: flex;
    height: 300px;
    background-image: url("/images/Alco_Footer_Palmen.png");
    z-index: 10;
    position: relative;
    background-color: white;
    > * {
      flex: 0 0 100%;
    }
    &:hover .group {
      animation-play-state: paused;
    }
}

@keyframes scrolling {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(100%);
    }
  }

.fzallinclusivemodal {
    text-align: left;
    padding: 20px;
    border: solid 2px var(--alcoblue);
    cursor:pointer;
}
.fzallinclusivemodal ul {
    text-align: left;
    list-style: none;
}
.fzallinclusivemodal li {
    text-align: left;
}
.fzhinweiseiconclosed {
    height: 30px !important;
}
.fzhinweiseicon {
    height: 80px;
    float:right;
}
.fzallinclusivemodal li:before {
    display: inline-block;
    content: "-";
    margin-left: -1em;
    padding-left: 10px;
    font-size: medium;
    padding-right: 5px;
}
.fzallinclusivemodalcontent {
    text-align: left;
}
.fzmieticons {
    display: inline-block;
}
.ueberunstile {
     width:300px;
    height: 300px;
    text-align: center;
    margin-bottom: 90px;
}
.ueberunstile span {
    color: var(--alcoblue);
    background: white;
    display: inline-block;
    padding-top: 10px;
}

.ueberunstileblue {
    color: white;
}
.ueberunstilepink {
    background-color: var(--alcopink);
    color: white;
}

.favcomp img {
    height:100%;
    float: left;
}
.favcomp span {
    float:left;
    padding-right: 15px;
    color: white;
    line-height: 13px;
}


.fzlicons img {
    max-height: 75%;
    max-width:100%;
}
.fzliconsdiffright {
    text-align: center;
    height: 50px;
    padding-left: 10px;
    padding-top:2px;
    padding-bottom:2px;
}
.fzliconsdiffright span {
    float: left;
    padding-right: 20px;
    height: 100%;
    max-width: 20%;
}
.fzliconsdiffright img {
    height: 75%;
}
.fzliconsdiffleft {
    text-align: center;
    height: 50px;
    margin-right: -13px;
    padding-top:2px;
    padding-bottom:2px;
}
.diffleft h2, .diffleft h3 {
    text-align: right;
    padding-right: 50px;
}
.diffright h2 {
    padding-left: 50px;
}

.diffright .fzadet .fzadetsum::after {
    float:left;
}
.diffright .fzadetsub .fzadetsumsub::after {
    float:left;
}
.fzliconsdiffleft span {
    float: right;
    padding-right: 20px;
    height: 100%;
    max-width: 20%;
}
.fzliconsdiffleft img {
    height: 75%;
}
.statusupdatediv {
    position: fixed;
    right: 0;
    top: calc(100vh - 25%);
    height: 100px;
    animation: slidestatus 0.5s forwards;
}
.statusupdate {
    background: var(--alcopink);
    color: white;
    height: 100%;
    display: inline-block;
    z-index: 15;
    position: absolute;
    right: 62px;
    width: 300px;
    line-height: 100px;
    text-align: center;
}
.statusupdateright {
    transform-origin: top left;
    transform: skew(-30deg, 0deg);
    background: var(--alcopink);
    width: 65px;
    display: inline-block;
    content: "";
    height: 100px;
    z-index: 10;
    position: absolute;
    right: 0px;
}
@keyframes slidestatus {
    100% { left: 0; }
}
/*.cookiebanner:before {
    transform-origin: bottom right;
    transform: skew(-30deg, 0deg);
}*/

.cookiediv {
    position: fixed;
/*     z-index: 1; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(14, 32, 56, 0.8);
    z-index: 199;
}
.phoneiconblock {
    position: fixed;
    top: 20%;
    left: 0;
}
.phoneiconblock table {
    display: none;
    background: var(--alcopink);
    color: white;
    float:left;
}
.phoneicon {
    width: 30px;
    background: var(--alcopink);
    float:left;
}
.phoneicon img {
    width:100%;
}
.mailiconblock {
    position: fixed;
    top: 40%;
    left: 0;
}
.mailiconblock table {
    display: none;
    background: var(--alcopink);
    color: white;
    float:left;
}
.mailicon {
    width: 30px;
    background: var(--alcopink);
    float:left;
}
.mailicon img {
    width:100%;
}
.calfromto {
    border: solid 2px var(--alcopink);
    padding-top: 4px;
    cursor:pointer;
}
.calfromto:hover {
    background: var(--alcopink);
}
.calfromtoactive {
    background: var(--alcopink);
}
.mkattext {
    text-align:center;
    display: block;
    margin-top: -30px;
}
.mietmitarbeiter {
    height:240px;
    background-image: url("/images/mitarbeiter/alex.webp");
    background-size: cover;
    background-position: center center;
}
.mietmitarbeiter:hover {
    height:240px;
    background-image: url("/images/mitarbeiter/alex1.webp");
}
.mkat {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    text-align: center;
    place-items: center;
    padding: 20px;
}
.mkatcd {
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background: lightgrey;
}
.mkatca {
    background: var(--alcopink);
    color: white;
    border-radius: 10px;
}
.mkatcd:hover {
    transform: translateY(-2px);
}
.kontakttiles {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    text-align: center;
    place-items: center;
    padding: 20px;
    padding-top: 0px;
    margin-top: -15px;
}
.sitecontentpad {
    padding: 10px;
}
.efzfilter {
    text-align:center;
    clear:both;
}
.efzfilterblock {
    text-align: center;
    display: inline-block;
}
.noUi-tooltip {
    display: none !important;
}
.hbox {
    margin:auto;
}
.dropdown {
}
.dropcont {
    margin-left: 4px;
    margin-right: 10px;
    padding: 5px;
    background: lightgrey;
    color: var(--alcoblue);
    position: absolute;
    border: solid 1px var(--alcoblue);
    padding: 10px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  box-shadow: rgb(38, 57, 77) 0px 7px 9px -10px;
  border-radius: 7px;
}
.dropval {
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: inherit;
    width: 150px;
    display: inline-block;
}
.dropcont span {
    width:100%;
    display: inline-block;
    background: lightgrey;
    color: var(--alcoblue);
    padding-left: 5px;
}
.dropcont span:hover {
    background: white;
    color: var(--alcoblue);
}
.dropcontactive {
    background: var(--alcopink) !important;
    color: white !important;
}
.dropdown input {
    accent-color: var(--alcopink);
}
.selectbtn {
    height: 40px;
    width: 70px;
    text-align: center;
    border-radius: 7px;
    display: inline-block;
    margin: 2px;
    border: none;
}
.diffshow {
    background: var(--alcopink);
    color: white;
    padding:6px;
    line-height:35px;
}
.diffleft {
    text-align:right;
    border-right: solid 1px var(--alcoblue);
    padding-right:20px;
}
.diffright {
    text-align:left;
    border-left: solid 1px var(--alcoblue);
    padding-left:20px;
    .fzadetsumsub h3 {
        padding-left: 50px;
        text-align:left;
    }
}
.diffdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.compdrp {
    height: 40px;
    text-align: center;
    border-radius: 7px;
    display: inline-block;
    margin: 2px;
    border: none;
}

.mb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
    justify-content: center;
}
.mbdiv {
    text-align: center;
    padding: 20px;
    background-color: #fff;
    position: absolute;
    width: 400px;
    max-width: 80%;
    height: auto;
    background-color: white;
    --r: calc(var(--position) - var(--offset));
    --abs: max(calc(var(--r) * -1), var(--r));
    transition: all 0.25s linear;
    transform: rotateY(calc(-3deg * var(--r)))
    translateX(calc(-400px * var(--r)));
    z-index: calc((var(--position) - var(--abs)));
    box-shadow: rgba(0, 0, 0, 0.6) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.mbdiv:nth-of-type(1) {
    --offset: 1;
}
.mbdiv:nth-of-type(2) {
    --offset: 2;
}
.mbdiv:nth-of-type(3) {
    --offset: 3;
}
.mbdiv:nth-of-type(4) {
    --offset: 4;
}
.mbdiv:nth-of-type(5) {
    --offset: 5;
}
.mblink:hover {
    transform: scale(1.1);
    transition-duration: 1s;
}
.mbtext {
    height:90px;
    line-height:24px;
    background:var(--alcoblue);
    color:white;
    padding: 30px;
    margin-top: -5px;
    text-align: center;
}

.mbradio:nth-of-type(1) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.mbradio:nth-of-type(1):checked ~ .mbmain#mb {
    --position: 1;
}

.mbradio:nth-of-type(2) {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}
.mbradio:nth-of-type(2):checked ~ .mbmain#mb {
    --position: 2;
}

.mbradio:nth-of-type(3) {
    grid-column: 4 /5;
    grid-row: 2 / 3;
}
.mbradio:nth-of-type(3):checked ~ .mbmain#mb {
    --position: 3;
}

.mbradio:nth-of-type(4) {
    grid-column: 5 / 6;
    grid-row: 2 / 3;
}
.mbradio:nth-of-type(4):checked ~ .mbmain#mb {
    --position: 4;
}

.mbradio:nth-of-type(5) {
    grid-column: 6 / 7;
    grid-row: 2 / 3;
}
.mbradio:nth-of-type(5):checked ~ .mbmain#mb {
    --position: 5;
}

.histtext {
    margin-right: 30px;
    padding-bottom: 15px;
    padding-top: 5px;
    margin-left:10px;
}

.pinklink {
    color: var(--alcopink);
    text-decoration: none;
}
.mietkpic1 {
    width:calc(50% - 230px);
    position:absolute;
    padding-left: 20px;
}
.mietkpic2 {
    width:calc(50% - 230px);
    position:absolute;
    right:20px;
    padding-right: 20px;
}