/* * {
  outline: 1px solid red !important;
} */


:root{

--main: #C76726 ;
--header: #FFFDEC ;
--yellow: #F1BB3A ;
--headline: #1E3821 ;
--text: #242424 ;
--green: #2F5933 ;
--footer: #1E3821 ;
--white: #ffffff ;
--background: #EDEBE6 ;
--backgroundzwei: #CEC4AC ;
--copyright: #707070 ;

}

body,html,*{font-size:19px;line-height:1.5;font-family:'Bebas Neue';font-weight:300;}
html{scroll-behavior: smooth;overflow-x: hidden;}

p{font-family: 'avenir-lt-pro';font-weight: 400;font-style: normal;font-size: 100%;}
em{font-family: 'avenir-lt-pro';font-weight: 400;font-style: normal;font-size: 100%;}
a{color:var(--text);text-decoration:none;font-size:100%;transition:all .3s ease; font-family: 'avenir-lt-pro';}
a:hover{text-decoration:none;color:var(--main);transition:all .3s ease;}
a:focus{text-decoration:none;}

li{list-style:none; position:relative;color: var(--text);padding: 0 0 10px 50px;}
li:before{content: '';background: url('media/icons/listitems.svg');display: block;width: 30px;height: 30px;background-repeat: no-repeat;position: absolute;left: 0; background-size: contain;}

ul{padding:0;margin:0;}

img{max-width:100%;height:auto;}

h1{font-size:325%;font-weight:500;text-transform:uppercase;display:block;width:max-content;position:relative;color:#021D3A;margin:0;line-height:1;}
/* h1:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/headline_dot.jpg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-5px;right:-25px;} */
h2{font-size:200%;font-weight:500;display:block;color:#021D3A;text-transform:uppercase;margin:0;line-height:1;}

.headline{font-size:200%;font-weight:500;display:block;color: var(--headline);text-transform:uppercase;margin:0;line-height:1;}
.subline{font-size:115%;font-weight:500;display:block;color: var(--main);text-transform:uppercase;}

.btn{position:relative;padding:15px 25px 15px 25px;font-size:100%;font-weight:400;background: var(--main);color:#fff;transition:all .3s ease;text-transform:uppercase;line-height:1;text-align:center;}
.btn:hover{background:#fff;transition:all .3s ease;color:#021D3A;}
.btn:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:25px;}
.btn:hover:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_darkblue.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:25px;}

strong{font-family: 'avenir-lt-pro', sans-serif;font-weight: 700;font-size: 100%;}

.container{max-width:1500px;}
.container.wide{max-width:1800px;}

/*------------------------------------Header-------------------------------------------------*/

#page-header {position: fixed;top: 0;right: 0;left: 0;padding: 50px 0;background-color: var(--header);width: 100%;z-index: 999;}

#page-header .button a{border: solid 20px var(--yellow);width: 120px;height: 120px;background-color: var(--yellow);border-radius: 80px;text-align: center;color: var(--white);font-size: 130%;position: fixed;bottom: 30px;right: 30px;z-index: 9;}
#page-header .button a:hover{color: var(--white);border-color: var(--main);background-color: var(--main);}

#page-header.bottom .left .logo img{max-width:75%;margin:0 auto;display:block;}
#page-header.bottom .middle{padding:15px 0;}
#page-header.bottom .right{padding:15px 0;}

#page-header .menu-item{font-size: 120%;margin: 0 30px;}
#page-header .menu-item:last-child{margin-right: 0;}
#page-header .menu-item a{color: var(--main);}
#page-header .menu-item a:hover{color: var(--yellow);}
#page-header .menu{display: flex;float: right;}
#page-header .current_page_item::before{content:'';width:10px;height:10px;display:block;background:var(--main);background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:43px;left:50%;border-radius: 20px;transform: translate(-50%, -50%);}
#page-header li::before{display: none;}
#page-header li{padding: 0;}

#page-header .logo img{position: absolute;top: -20px;width: 180px;height: 180px;z-index: 999;}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

    #page-header #toppermenu .burgerbutton{display:none;width:40px;height:30px;position:absolute;top:25px;right:35px;cursor:pointer;}
    #page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background: var(--main);border-radius:20px;transition:all .3s ease;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:22px;background-color: var(--main);}
    #page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;background-color: var(--dark);}
    #page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;background-color: var(--main);}

/*------------------------------------Footer-------------------------------------------------*/

#page-footer{background: var(--footer);padding:0 0 15px;}

#page-footer .logo img{width: 250px;position: relative;top: 30px;}
#page-footer .row a{width: max-content;display: block;}

#page-footer .firmenname{color: var(--white);font-size: 200%;position: relative;top: 30%;}
#page-footer .kontakt{color: var(--white);font-size: 200%;position: relative;top: 30%;}
#page-footer .adresse{font-family: 'avenir-lt-pro';color: var(--white);position: relative;top: 37%;left: 30px;}
#page-footer .adresse::before{content: '';background: url('media/icons/standort.svg');width: 20px;height: 20px;display: inline-block;background-repeat: no-repeat;position: absolute;left: -30px;}
#page-footer .adressezwei{font-family: 'avenir-lt-pro';color: var(--white);position: relative;top: 35%;left: 3%;}
#page-footer .tel{font-family: 'avenir-lt-pro';color: var(--white);position: relative;top: 37%;}
#page-footer .tel::before{content: '';background: url('media/icons/anruf.svg');display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;padding-right: 35px;}
#page-footer .mail{font-family: 'avenir-lt-pro';color: var(--white);position: relative;top: 37%;}
#page-footer .mail::before{content: '';background: url('media/icons/mail.svg');display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;padding-right: 35px;position: relative;top: 8px;}

#page-footer .spendenlink{width: max-content;position: relative;bottom: 33px;color: var(--white);left: 2%;font-size: 120%;display: inline-block;}
#page-footer .spendenlink:hover{color: var(--main);}
#page-footer .kirakuno img{position: relative;top: 20px;}

#page-footer span{display: block;}

#page-footer .copyright{display: flex;flex-wrap: wrap;width:100%;margin-top:100px;}
#page-footer .copyright span{display:block;text-align:left;color: var(--backgroundzwei);font-size:100%;font-family: 'avenir-lt-pro';}
#page-footer .footer-info{right: -30px;position: relative;text-align: right;}
#page-footer .footer-info a{color: var(--backgroundzwei);display: inline-block;position: relative;font-family: 'avenir-lt-pro';padding: 0 10px;}
#page-footer .footer-info a:hover{text-decoration: underline;}
#page-footer .footer-info a::after{content:'|';position:absolute;top:-2px;right:-5px;}
#page-footer .footer-info a:last-child::after{display: none;}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.inhaltsbloecke{background-color: var(--background);margin-top: 130px;}

.flx_textblock.nurtext .headline{width: 100%;font-weight: 500;font-size: 300%;color: var(--main);padding: 10px 0 20px; text-align: center;}

.flx_textblock.textlinks{height: 85vh;}
.flx_textblock.textlinks .text{background-color: var(--header);width: 35%;border-radius: 20px;position: absolute;top: 50%;left: 10%;padding: 30px 20px;}
.flx_textblock.textlinks .owl-carousel.owl-loaded{display: inline-block;}
.flx_textblock.textlinks .owl-carousel.owl-loaded img{height: 85vh;object-fit: cover;}
.flx_textblock.textlinks .subline{width: max-content;font-weight: 500;padding-bottom: 10px;}
.flx_textblock.textlinks .headline{width: 100%;font-weight: 500;padding-bottom: 10px;font-size: 300%;}
.flx_textblock.textlinks p{width: 90%;}

.flx_textblock.textlinks .owl-prev{content:'';width:50px;height:50px;display:inline;background-image:url('media/icons/headerpfeilprev.svg')!important;background-repeat: no-repeat!important;position: absolute;top: 40%;left: 5%;}
.flx_textblock.textlinks .owl-next{content:'';width:50px;height:50px;display:inline;background-image:url('media/icons/headerpfeilnext.svg')!important;background-repeat: no-repeat!important;position: absolute;top: 40%;right: 5%;}

/* ---------------------------- */

.flx_textblock.textzwei{background-color: var(--background);padding: 100px 0 0;}
.flx_textblock.textzwei .headline{width: 100%;text-align: center;color: var(--main);font-weight: 500;padding-bottom: 50px;font-size: 300%;}
.flx_textblock.textzwei .container{max-width: 81.5%;}

.flx_textblock.textzwei .col-lg-6{position: relative;top: -120px;}
.flx_textblock.textzwei .col-lg-6 .bild img{width: 100%;}
.flx_textblock.textzwei .col-lg-6.textlinks .bild::after{content: '';background-image: url('media/kira.svg');background-repeat: no-repeat;width: 36%;height: 61%;display: block;position: absolute;top: 25%;right: 5%;background-size: 100%;border-radius: 20px;}
.flx_textblock.textzwei .col-lg-6.textlinks h2{font-weight: 500;color: var(--main);position: relative;top: 72%;padding-left: 20px;width: max-content;font-size: 150%;}
.flx_textblock.textzwei .col-lg-6.textlinks h3{color: var(--text);position: relative;top: 73%;width: 45%;font-size: 200%;padding-left: 20px;}

.flx_textblock.textzwei .col-lg-6.textrechts .bild::after{content: '';background-image: url('media/kuno.svg');background-repeat: no-repeat;width: 43%;height: 62%;display: block;position: absolute;top: 25%;right: -5%;background-size: 100%;border-radius: 20px;}
.flx_textblock.textzwei .col-lg-6.textrechts h2{font-weight: 500;color: var(--main);position: relative;top: 72%;padding-left: 20px;width: max-content;font-size: 150%;}
.flx_textblock.textzwei .col-lg-6.textrechts h3{color: var(--text);position: relative;top: 73%;width: 45%;font-size: 200%;padding-left: 20px;}

.flx_textblock.textzwei .button{padding-left: 20px;position: relative;top: 75%;}
.flx_textblock.textzwei .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 150%;display: block;width: 45%;position: relative;padding-left: 10px;}
.flx_textblock.textzwei .button a:hover{background-color: var(--main);border-color: var(--main);}
.flx_textblock.textzwei .button a::after{content: '';background: url('media/icons/pfeilweiss.webp');background-repeat: no-repeat;height: 30px;width: 30px;}

/* ---------------------------- */

.flx_textblock.mithintergrund{content: '';background-image: url('media/greenbgeins.svg');background-color: var(--background);background-repeat: no-repeat;width: 100%;height: 100vh;}
.flx_textblock.mithintergrund .bild img{position: relative;top: 34%;height: 600px;width: 450px;object-fit: cover;border-radius: 20px;}
.flx_textblock.mithintergrund .text{background-color: var(--footer);border-radius: 20px;padding: 55px 40px;position: relative;top: 200px;left: 100px;}
.flx_textblock.mithintergrund .text::before{content: '';background: url('media/icons/text-akzent.svg');background-repeat: no-repeat;width: 90px;height: 90px;display: block;position: absolute;top: -15%;left: -7%;}
.flx_textblock.mithintergrund .subline{width: max-content;font-weight: 500;font-size: 120%;color: var(--yellow);}
.flx_textblock.mithintergrund .headline{width: max-content;color: var(--white);font-weight: 500;padding: 10px 0 20px;font-size: 300%;}
.flx_textblock.mithintergrund p{width: 90%;color: var(--white);}
.flx_textblock.mithintergrund .button{width: max-content;}
.flx_textblock.mithintergrund .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 110%;display: block;width: 110%;padding-left: 10px;margin-top: 30px;}
.flx_textblock.mithintergrund .button a:hover{background-color: var(--main);border-color: var(--main);}

/* ---------------------------- */

.flx_textblock.mitbildrechts{background-color: var(--background);background-image: url('media/kontinent.svg');background-repeat: no-repeat;background-position: center;height: 100vh;}
.flx_textblock.mitbildrechts .text{position: relative;top: 170px;}
.flx_textblock.mitbildrechts .subline{width: max-content;font-weight: 500;color: var(--footer);}
.flx_textblock.mitbildrechts .headline{width: max-content;color: var(--main);font-weight: 500;font-size: 250%;padding: 10px 0 20px;}
.flx_textblock.mitbildrechts p{width: 85%;color: var(--text);}
.flx_textblock.mitbildrechts .button{width: max-content;}
.flx_textblock.mitbildrechts .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 110%;display: block;width: 110%;padding-left: 10px;margin-top: 30px;}
.flx_textblock.mitbildrechts .button a:hover{background-color: var(--main);border-color: var(--main);}
.flx_textblock.mitbildrechts .bild{display: block;width: max-content;height: auto;position: relative;left: 100%;bottom: 50%;}
.flx_textblock.mitbildrechts a.spendenlink{position: relative;bottom: 227px;right: 390px;font-size: 165%;color: var(--white);}
.flx_textblock.mitbildrechts a.spendenlink:hover{color: var(--yellow);}

/* ---------------------------- */

.flx_textblock.bilderslider .row{width: 100%;}
.flx_textblock.bilderslider .container{display: flex;flex-wrap: wrap;}
.flx_textblock.bilderslider{background-color: var(--background);padding-bottom: 200px;}
.flx_textblock.bilderslider .subline{width: max-content;color: var(--footer);font-weight: 500;}
.flx_textblock.bilderslider .headline{width: max-content;font-weight: 500;color: var(--main);padding: 10px 0 20px;font-size: 300%;}
.flx_textblock.bilderslider p{width: 100%;color: var(--text);margin: 0;}
.flx_textblock.bilderslider .owl-carousel.owl-loaded{position: relative;padding: 0;left: 22.8%;}
.flx_textblock.bilderslider .text{position: relative;top: 10%;padding-left: 15px;}
.flx_textblock.bilderslider .owl-carousel .owl-item img{width: 400px;height: 400px;object-fit: cover;border-radius: 20px;}

.flx_textblock.bilderslider .owl-prev{content:'';width:50px;height:50px;display:inline;background-image:url('media/icons/pfeilprev.svg')!important;background-repeat: no-repeat!important;margin-top: 20px;margin-right: 20px;}
.flx_textblock.bilderslider .owl-next{content:'';width:50px;height:50px;display:inline;background-image:url('media/icons/pfeilnext.svg')!important;background-repeat: no-repeat!important;margin-top: 20px;}

/* ---------------------------- */

.flx_textblock.mitbildlinks{content: '';background-image: url('media/greenbgzwei.svg');background-color: var(--background);background-repeat: no-repeat;width: 100%;height: 90vh;}
.flx_textblock.mitbildlinks .bild img{position: relative;top: -20%;border-radius: 20px;height: 600px;width: 450px;object-fit: cover;}
.flx_textblock.mitbildlinks .bild{position: relative;top: -30%;}
.flx_textblock.mitbildlinks .bild::after{content: '';background: url('media/icons/bild-akzent.svg');background-repeat: no-repeat;width: 90px;height: 90px;display: block;position: absolute;top: -27%;left: 95%;}
.flx_textblock.mitbildlinks .text{padding: 55px 40px;position: relative;top: 70px;left: 100px;}
.flx_textblock.mitbildlinks .subline{width: max-content;font-weight: 500;font-size: 120%;color: var(--yellow);}
.flx_textblock.mitbildlinks .headline{width: max-content;color: var(--white);font-weight: 500;padding: 10px 0 20px;font-size: 300%;}
.flx_textblock.mitbildlinks p{width: 90%;color: var(--white);}
.flx_textblock.mitbildlinks .button{width: max-content;}
.flx_textblock.mitbildlinks .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 150%;display: block;width: 110%;padding-left: 10px;margin-top: 30px;}
.flx_textblock.mitbildlinks .button a:hover{background-color: var(--main);border-color: var(--main);}

/* ---------------------------- */

.flx_aktuelles{background-color: var(--background);position: relative;top: -50px;padding-bottom: 100px;}
.flx_aktuelles .subline{font-weight: 500;color: var(--footer);width: max-content;}
.flx_aktuelles .headline{width: max-content;font-weight: 500;font-size: 300%;color: var(--main);padding: 10px 0 20px;}
.flx_aktuelles p{width: 110%;color: var(--text);padding-bottom: 50px;}
.flx_aktuelles .inhalt h3{width: 100%;font-size: 200%;padding: 40px 0 0;color: var(--main);}
.flx_aktuelles .inhalt p{width: 90%;color: var(--text);padding-bottom: 0;}
.flx_aktuelles .pseudoelement{width: max-content;}
.flx_aktuelles a.mehrlesen{color: var(--main);}
.flx_aktuelles a.mehrlesen::before{content:'';width: 50px;height: 2px;background-color: var(--main);display: inline-block;margin: 0 10px 6px 0;}
.flx_aktuelles .mehrlesen:hover{color: var(--text);}
.flx_aktuelles .button{width: max-content;margin-top: 20px;}
.flx_aktuelles .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 150%;display: block;width: 110%;padding-left: 10px;height: 50px;}
.flx_aktuelles .button a:hover{background-color: var(--main);border-color: var(--main);}
.flx_aktuelles .bild img{width: 100%;height: auto;border-radius: 20px;}
.flx_aktuelles .vorschaubild img{width: 500px;height: 250px;object-fit: cover;border-radius: 20px;}

/* ---------------------------- */

.flx_iconblock.vier{background-color: var(--background);padding-bottom: 100px;}
.flx_iconblock.vier .headline{width: 100%;text-align: center;color: var(--main);padding-bottom: 50px;font-size: 300%;font-weight: 500;}
.flx_iconblock.vier .item img{border-radius: 20px;}
.flx_iconblock.vier .button{width: max-content;margin-top: 30px;position: relative;}
.flx_iconblock.vier .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 150%;display: block;width: 150%;padding-left: 10px;height: 55px;padding-top: 5px;}
.flx_iconblock.vier .button a:hover{background-color: var(--main);border-color: var(--main);}
.flx_iconblock.vier .button a::after{content: '';background: url('media/icons/instagramicon.svg');background-repeat: no-repeat;width: 46px;height: 46px;display: inline-block;position: absolute;left: 100%;top: 8%;}

/* ---------------------------- */

/* --------------Impressum und co.-------------- */

.flx_textblock.nurtext{padding: 50px 0;}
.flx_textblock.nurtext .editor{width: 200%;}
.flx_textblock.nurtext .editor p{width: 100%;}

/* ---------------------------- */

/* --------------Unterseite HopeClub-------------- */

.flx_headerblock.miticons{height: 120vh;}
.flx_headerblock.miticons .gradient{background: #000000;background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 100%);position: absolute;width: 100%;height: 85vh;}
.flx_headerblock.miticons picture img{width: 100%;height: 85vh;object-fit: cover;}
.flx_headerblock.miticons .container.upper{position: relative; bottom: 700px;}
.flx_headerblock.miticons .content{width: 50%;}
.flx_headerblock.miticons .subline{width: max-content;color: var(--yellow);font-weight: 500;}
.flx_headerblock.miticons .headline{width: 100%;color: var(--white);font-weight: 500;padding: 10px 0 20px;font-size: 300%;}
.flx_headerblock.miticons p{color: var(--white);}
.flx_headerblock.miticons .button{width: max-content;}
.flx_headerblock.miticons .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 130%;display: block;width: 110%;padding-left: 10px;margin-top: 30px;}
.flx_headerblock.miticons .button a:hover{color: var(--main);}
.flx_headerblock.miticons .container.lower{position: relative;bottom: 645px;background-color: var(--green);border-radius: 20px;padding: 50px 100px;}
.flx_headerblock.miticons .container.lower .headline{font-size: 220%;padding: 20px 0 30px;width: 80%;}
.flx_headerblock.miticons .container.lower p{width: 80%;font-size: 100%;}
.flx_headerblock.miticons .container.lower a{color: var(--white);}
/* ---------------------------- */

.flx_textblock.mitbefore{padding: 0 0 100px;}
.flx_textblock.mitbefore img{border-radius: 20px;width: 500px;height: 450px;object-fit: cover;}
.flx_textblock.mitbefore .col-lg-4.bild{position: relative;}
.flx_textblock.mitbefore .col-lg-4.bild::before{content: '';background: url('media/kuno.svg');display: block;width: 190px;height: 280px;background-repeat: no-repeat;position: absolute;left: -11%;top: 55%;}
.flx_textblock.mitbefore .subline{width: max-content;color: var(--footer);padding-top: 90px;}
.flx_textblock.mitbefore .headline{width: 100%;font-size: 300%;color: var(--main);padding: 10px 0 20px;}
.flx_textblock.mitbefore p{width: 100%;color: var(--text);}

/* ---------------------------- */

.flx_textblock.mitafter{padding: 100px 0 100px;background-color: var(--backgroundzwei);}
.flx_textblock.mitafter img{border-radius: 20px;width: 500px;height: 450px;object-fit: cover;}
.flx_textblock.mitafter .col-lg-4.bild{position: relative;}
.flx_textblock.mitafter .col-lg-4.bild::after{content: '';background: url('media/kira.svg');display: block;width: 190px;height: 280px;background-repeat: no-repeat;position: absolute;right: -15%;top: 50%;}
.flx_textblock.mitafter .subline{width: max-content;color: var(--footer);padding-top: 90px;}
.flx_textblock.mitafter .headline{width: 100%;font-size: 300%;color: var(--main);padding: 10px 0 20px;}
.flx_textblock.mitafter p{width: 100%;color: var(--text);}

/* ---------------------------- */

.flx_textblock.aufunterseite{padding: 100px 0;}
.flx_textblock.aufunterseite img{border-radius: 20px;width: 500px;object-fit: contain;}
.flx_textblock.aufunterseite .subline{width: max-content;color: var(--footer);padding-top: 90px;}
.flx_textblock.aufunterseite .headline{width: 100%;font-size: 300%;color: var(--main);padding: 10px 0 20px;}
.flx_textblock.aufunterseite p{width: 100%;color: var(--text);}

/* ---------------------------- */

.flx_textblock.mitlistitems{padding: 150px 0 100px;background-color: var(--green);}
.flx_textblock.mitlistitems img{border-radius: 20px;}
.flx_textblock.mitlistitems .col-lg-4.bild{position: relative;}
.flx_textblock.mitlistitems .col-lg-4.bild::before{content: '';background: url('media/icons/bildbefore-akzent.svg');display: block;width: 70px;height: 70px;background-repeat: no-repeat;position: absolute;left: -8%;top: -9%;}
.flx_textblock.mitlistitems .subline{color: var(--yellow);padding-top: 40px;width: max-content;}
.flx_textblock.mitlistitems .headline{width: 100%;color: var(--white);font-size: 300%;padding: 10px 0 20px;}
.flx_textblock.mitlistitems p{width: 100%;color: var(--white);padding-bottom: 10px;}
.flx_textblock.mitlistitems .button{width: max-content;margin-top: 20px;}
.flx_textblock.mitlistitems .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 130%;display: block;width: 110%;padding-left: 10px;height: 50px;}
.flx_textblock.mitlistitems .button a:hover{color: var(--main);}

/* ---------------------------- */

.flx_iconblock.mittext{content: ''; background-image: url('media/kontinentzwei.svg');background-repeat: no-repeat;background-position-x: right 50px;margin: 100px 0 50px;height: 85vh;}
.flx_iconblock.mittext .subline{text-align: center;color: var(--yellow);}
.flx_iconblock.mittext .headline{text-align: center;padding: 10px 0 80px;color: var(--footer);font-size: 300%;}
.flx_iconblock.mittext img{width: 200px;height: 200px;border-radius: 100px;margin-bottom: 40px;object-fit: cover;}
.flx_iconblock.mittext .col-lg-4{position: relative;}
.flx_iconblock.mittext .col-lg-4::after{content: '';background: url('media/icons/bildafter-akzent.svg');background-repeat: no-repeat;width: 100px;height: 100px;display: block;position: absolute;top: 0;right: 220px;}
.flx_iconblock.mittext .col-lg-4 p{width: 100%;color: var(--footer);}
.flx_iconblock.mittext .col-lg-4 .subline{text-align: left;}


.hopeclub .flx_textblock.mitbildlinks{background-size: 150%;}
.hopeclub .flx_textblock.mitlistitems img{width: 450px;height: 600px;object-fit: cover;}
.hopeclub .flx_textblock.aufunterseite img{width: 450px;height: 600px;object-fit: cover;}
.hopeclub .flx_textblock.mitlistitems li{color: var(--white);}
.hopeclub .flx_textblock.mitbildlinks li{color: var(--white);}

/* ---------------------------- */

/* --------------Unterseite Kira & Kuno-------------- */

.flx_headerblock.mitbild{height: 90vh;}
.flx_headerblock.mitbild .gradient{background: #000000;background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 100%);position: absolute;width: 100%;height: 85vh;}
.flx_headerblock.mitbild picture img{width: 100%;height: 85vh;object-fit: cover;}
.flx_headerblock.mitbild .container{position: relative; bottom: 63%;}
.flx_headerblock.mitbild .content{width: 100%;}
.flx_headerblock.mitbild .subline{width: 50%;color: var(--yellow);font-weight: 500;}
.flx_headerblock.mitbild .headline{width: 70%;color: var(--white);font-weight: 500;padding: 10px 0 20px;font-size: 300%;}
.flx_headerblock.mitbild p{color: var(--white);width: 60%;}
.flx_headerblock.mitbild .button{width: max-content;}
.flx_headerblock.mitbild .button a{border: solid 5px var(--yellow);background-color: var(--yellow);color: var(--white);border-radius: 10px;font-size: 130%;display: block;width: 110%;padding-left: 10px;margin-top: 30px;}
.flx_headerblock.mitbild .button a:hover{color: var(--main);}

.kira-kuno .flx_textblock.mitbildrechts .bild{width: 500px;}
.kira-kuno .flx_textblock.mitafter img{width: 450px;height: 600px; object-fit: cover;}
.kira-kuno .flx_textblock.mitafter .col-lg-4.bild::after{display: none;}
.kira-kuno .flx_textblock.aufunterseite img{width: 450px;height: 600px;object-fit: cover;}
.kira-kuno .flx_textblock.mitbefore .col-lg-4.bild::before{display: none;}

/* ---------------------------- */

/* --------------Unterseite HopeNews-------------- */

.flx_aktuelles.alleposts{top: 0;padding-top: 50px;}
.flx_aktuelles.alleposts .bild{float: left;}
.flx_aktuelles.alleposts .text h3{color: var(--main);width: 95%;}
.flx_aktuelles.alleposts .text p{width: 95%;padding-bottom: 0;}
.flx_aktuelles.alleposts .headline{padding-bottom: 50px;}
.flx_aktuelles.alleposts .post-wrapper.post-image-right{padding: 50px 0;background-color: var(--backgroundzwei);}
.flx_aktuelles.alleposts .post-image-left{padding: 50px 0;}


.hopenews .flx_aktuelles .bild img{width: 450px;height: 250px;object-fit: cover;}

/* ---------------------------- */

/* -------------Singlepages für Blogeinträge--------------- */

.flx_singlepages{margin-top: 130px;background-color: var(--background);}
.flx_singlepages .container{padding: 50px 15px;}
.flx_singlepages img{width: 450px;object-fit: cover;border-radius: 20px;height: 600px;}
.flx_singlepages .text h3{color: var(--main);font-size: 200%;width: 100%;}

.flx_textblock p{font-weight: 300!important;}
.flx_textblock .text strong{font-weight: 400; font-size: 105%;}
.flx_textblock .text li{font-family: 'avenir-lt-pro';}
.flx_textblock .text li strong{font-family: 'avenir-lt-pro'; font-weight: 300; font-size: 100%;}

/* ---------------------------- */

/* --------------Responsive für 4K-------------- */

@media (min-width: 1920px) and (min-height: 1080px) {

    .flx_textblock.mithintergrund .text{left: 5%;width: 60%;top: 350px;}
    .flx_textblock.mithintergrund{background-size: contain;height: 80vh;}
    .flx_textblock.mithintergrund .bild img{top: 57%;}
    .flx_textblock.mithintergrund .text{top: 300px;}

    .flx_textblock.textzwei .col-lg-6.textrechts{width: 50%;}
    .flx_textblock.textzwei .col-lg-6.textlinks{width: 50%;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{height: 63%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{height: 65%;}

    .flx_textblock.mitbildrechts{height: 70vh;}

    .flx_textblock.bilderslider .col-lg-7{left: 44.55%!important;}

    .flx_textblock.mitbildlinks{background-size: contain;height: 80vh;}

    /* -------------Unterseite HopeClub--------------- */

    .flx_headerblock.miticons{height: 110vh;}
    .flx_headerblock.miticons .container.upper{bottom: 820px;}
    .flx_headerblock.miticons .container.lower{bottom: 745px;}
   
    .flx_iconblock.mittext{height: 70vh;}

    .startseite .flx_textblock.mithintergrund .bild img{top: 50%;}

}

/* -------------Responsive--------------- */

@media (max-width: 1750px) {

    .flx_textblock.textzwei .col-lg-6.textlinks h3{width: 55%;}
    .flx_textblock.textzwei .button a{width: 50%;}
    .flx_textblock.mitbildrechts{background-size: 600px;}

    .hopeclub .flx_textblock.mitbildlinks{height: 100vh;margin-top: 200px;background-size: 180%;}
    .hopeclub .flx_iconblock.mittext{height: 95vh;}
    .hopeclub .flx_textblock.mitafter .col-lg-4.bild::after{right: -10%}
    .hopeclub .flx_textblock.mitbefore .col-lg-4.bild::before{left: -5%;}
    .hopeclub .flx_textblock.mitlistitems .col-lg-4.bild::before{left: -6%;}

    .kira-kuno .flx_textblock.mitbildrechts a.spendenlink{display: none;}
    .kira-kuno .flx_textblock.mitbildrechts .text{top: unset;}

    .startseite .flx_textblock.textlinks .text{width: 45%;}
}

@media (max-width: 1550px) {

    .flx_textblock.textzwei .col-lg-6.textlinks h3{width: 60%;}
    .flx_textblock.textzwei .button a{width: 56%;bottom: 15px;}
    .flx_textblock.mitbildrechts .bild{width: 75%;}
    .flx_textblock.mitbildrechts a.spendenlink{bottom: 500px;right: -215px;}
    .flx_textblock.bilderslider .owl-nav{width: 20%;}
    .flx_textblock.bilderslider .owl-dots{width: 0;}
    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 10.5%;}
    .flx_textblock.textlinks .text{width: 45%;top: 40%;}
    .flx_textblock.mitafter .col-lg-4.bild::after{right: 0;}
    .flx_textblock.mitbefore .col-lg-4.bild::before{left: 0;}
    .flx_headerblock.miticons .container.upper{bottom: 670px;}
    #page-footer .spendenlink{bottom: 30px;font-size: 120%;}

    .hopeclub .flx_textblock.mitbefore .col-lg-4.bild::before{left: 1%;}
    .hopeclub .flx_textblock.mitafter .col-lg-4.bild::after{right: -5%;}
    .hopeclub .flx_textblock.mitbildlinks{background-size: 190%;}

}

@media (max-width: 1399px) {

    p{font-size: 90%;}
    .container{padding: 0 15px;}

    .flx_textblock.textlinks .text{top: 40%;width: 45%;}
    .flx_textblock.textlinks .headline{font-size: 200%;}
    .flx_textblock.textlinks .subline{font-size: 110%;}

    .flx_textblock.textzwei .col-lg-6.textlinks{width: 75%;margin: 10px auto;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{font-size: 130%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{font-size: 150%;}
    .flx_textblock.textzwei .col-lg-6.textrechts{width: 75%;margin: 10px auto;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{font-size: 130%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{font-size: 150%;}
    .flx_textblock.textzwei .button a{font-size: 120%;width: 35%;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{height: 100%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{height: 100%;}

    .flx_textblock.mithintergrund{height: 100vh;}
    .flx_textblock.mithintergrund .headline{font-size: 200%;}
    .flx_textblock.mithintergrund .subline{font-size: 110%;}
    .flx_textblock.mithintergrund .text{width: 55%;}
    .flx_textblock.mithintergrund .text::before{top: -16%;left: -9%;}
    .flx_textblock.mithintergrund .bild img{top: 49%;left: 6%;}

    .flx_textblock.mitbildrechts{height: 85vh;background-size: 600px;}
    .flx_textblock.mitbildrechts .headline{font-size: 200%;}
    .flx_textblock.mitbildrechts .subline{font-size: 110%;}
    .flx_textblock.mitbildrechts .bild{width: 79%;}
    .flx_textblock.mitbildrechts img{max-width: 90%;}
    .flx_textblock.mitbildrechts a.spendenlink{bottom: 385px;right: -170px;font-size: 125%;width: max-content;display: block;}

    .flx_textblock.bilderslider .text{padding-left: 15px;}
    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 10.8%;}
    .flx_textblock.bilderslider .headline{font-size: 200%;}
    .flx_textblock.bilderslider .subline{font-size: 110%;}

    .flx_textblock.mitbildlinks .bild img{top: 20%;}
    .flx_textblock.mitbildlinks .bild::after{top: 13%;}
    .flx_textblock.mitbildlinks .headline{font-size: 200%;}
    .flx_textblock.mitbildlinks .subline{font-size: 110%;}
    .flx_textblock.mitbildlinks .button a{font-size: 130%;}

    .flx_aktuelles .headline{font-size: 200%;}
    .flx_aktuelles .subline{font-size: 110%;}
    .flx_aktuelles .inhalt .headline{font-size: 170%;}
    .flx_aktuelles .button a{font-size: 130%;height: 45px;}

    .flx_iconblock.vier .headline{font-size: 200%;}
    .flx_iconblock.vier .button a{font-size: 130%;}

    #page-footer .firmenname{font-size: 170%;left: 0;}
    #page-footer .kontakt{font-size: 170%;}
    #page-footer .adresse{font-size: 90%;}
    #page-footer .adressezwei{font-size: 90%;left: 4%;}
    #page-footer .tel{font-size: 90%;}
    #page-footer .mail{font-size: 90%;}
    #page-footer .kirakuno img{max-width: 90%;}
    #page-footer .spendenlink{bottom: 23px;font-size: 90%;}
    #page-footer .copyright span{font-size: 80%;}
    #page-footer .footer-info{font-size: 80%;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 150vh;}
    .flx_headerblock.miticons .container.upper{padding-top: 100px;}
    .flx_headerblock.miticons .subline{font-size: 110%;position: relative;left: 0px;}
    .flx_headerblock.miticons .headline{font-size: 200%;position: relative;left: 0px;}
    .flx_headerblock.miticons p{position: relative;left: 0px;width: 200%;}
    .flx_headerblock.miticons .button a{position: relative;left: 0px;}
    .flx_headerblock.miticons .container.lower .headline{font-size: 200%;left: 0;}
    .flx_headerblock.miticons .container.lower p{left: 0;}


    .flx_textblock.mitbefore img{position: relative;left: 0px;}
    .flx_textblock.mitbefore .col-lg-4.bild::before{left: 0;z-index: 2;}
    .flx_textblock.mitbefore .headline{font-size: 200%;}
    .flx_textblock.mitbefore .subline{font-size: 110%;}

    .flx_textblock.mitafter .subline{font-size: 110%;position: relative;left: 0px;}
    .flx_textblock.mitafter .headline{font-size: 200%;position: relative;left: 0px;}
    .flx_textblock.mitafter p{position: relative;left: 0px;}
    .flx_textblock.mitafter img{position: relative;right: 40px;}
    .flx_textblock.mitafter .col-lg-4.bild::after{right: 0;z-index: 2;}

    .flx_textblock.aufunterseite img{position: relative;left: 0px;}
    .flx_textblock.aufunterseite .subline{font-size: 110%;}
    .flx_textblock.aufunterseite .headline{font-size: 200%;}

    .flx_textblock.mitlistitems img{position: relative;left: 40px;}
    .flx_textblock.mitlistitems .col-lg-4.bild::before{left: 0;}
    .flx_textblock.mitlistitems .subline{font-size: 110%;}
    .flx_textblock.mitlistitems .headline{font-size: 200%;}

    .flx_iconblock.mittext .subline{font-size: 110%;}
    .flx_iconblock.mittext .headline{font-size: 200%;}
    .flx_iconblock.mittext .col-lg-4::after{right: 150px;}
    .flx_iconblock.mittext .col-lg-4{left: 0;}

/* --------------Unterseite HopeNews-------------- */

    .flx_aktuelles.alleposts .post-content{width: 100%;}
    .flx_aktuelles.alleposts .text-start{width: 60%;}

    .startseite .flx_textblock.mitbildrechts a.spendenlink{bottom: 400px;right: -180px;}
    .startseite .flx_textblock.mithintergrund .bild img{top: 34%;left: unset;}

    .hopeclub .flx_textblock.mitbildlinks{background-size: 230%;margin-top: 0;}
    .hopeclub .flx_textblock.mitlistitems .col-lg-4.bild::before{left: 3%;}

}

@media (max-width: 1199px) {

    .flx_textblock.textlinks .owl-prev{left: 2%;}
    .flx_textblock.textlinks .owl-next{right: 2%;}

    .flx_textblock.textzwei{padding: 20px 0 0;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{position: relative;top: 70%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{position: relative;top: 71%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{position: relative;top: 70%;} 
    .flx_textblock.textzwei .col-lg-6.textrechts h3{position: relative;top: 71%;} 
    .flx_textblock.textzwei .button a{width: 45%;}

    .flx_textblock.mitbildrechts img{position: relative;}
    .flx_textblock.mitbildrechts a.spendenlink{position: absolute;top: 10px ;right: 160px;font-size: 105%;}

    .flx_textblock.bilderslider .owl-carousel.owl-loaded{top: 20%;left: 11.3%;}

    .flx_textblock.mitbildlinks .bild img{left: 10%;}
    .flx_textblock.mitbildlinks .bild::after{top: 12%;left: 97%;}
    .flx_textblock.mitbildlinks .text{left: 80px;padding: 55px 0;}

    .flx_aktuelles{padding: 0 0 100px;}

    .flx_iconblock.vier{padding: 0 40px 100px;}

    #page-footer .firmenname{font-size: 150%;}
    #page-footer .kontakt{font-size: 150%;}
    #page-footer .tel{font-size: 90%;}
    #page-footer .mail{font-size: 90%;}
    #page-footer .spendenlink{bottom: 11px;font-size: 70%;}
    #page-footer .copyright span{font-size: 80%;width: max-content;float: inline-start;}
    #page-footer .footer-info{font-size: 80%;width: max-content;float: right;}
    #page-footer .copyright{display: inline-block;}
    #page-footer .logo img{width: 200px;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons .container.lower p{width: 100%;}
    .flx_headerblock.miticons .container.lower .headline{width: 100%;}

    .flx_iconblock.mittext{background-size: 600px;}

    .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 190px;}
    .startseite .flx_textblock.bilderslider .owl-nav{width: 100%;}

    .hopeclub .flx_headerblock.miticons{height: 130vh;}
    .hopeclub .flx_textblock.mitbildlinks{background-size: 270%;}
    .hopeclub .flx_iconblock.mittext{height: 75vh;}

}

@media (max-width: 991px) {

    p{font-size: 75%;}

    li::before{background-size: contain;top: 4px; width: 25px; height: 25px;}

    #page-header{padding: 70px 0;}
    #page-header #toppermenu .burgerbutton{display:block;top: 35%;} 
    #page-header #toppermenu.active .menu {display: block;padding: 100px 20px 20px;width: 50%;background-color: var(--header);border-bottom-left-radius: 20px;}
    #page-header #toppermenu .menu li{display: block;padding: 20px 50px;width: 100%;text-align: right;}
    #page-header #toppermenu .menu{display: none;position: absolute;top: 45px;right: 0;background: var(--white);height: auto;width: 95%;}
    #page-header .current_page_item::before{display: none;}

    .flx_textblock.textlinks .text{top: 40%;width: 50%;}
    .flx_textblock.textlinks .headline{font-size: 170%;}
    .flx_textblock.textlinks .subline{font-size: 95%;}

    .flx_textblock.textzwei .headline{font-size: 170%;}
    .flx_textblock.textzwei .col-lg-6.textlinks{height: 65vh;}
    .flx_textblock.textzwei .col-lg-6.textrechts{height: 70vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 80%;font-size: 110%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 81%;font-size: 130%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 74%;font-size: 110%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 75%;font-size: 130%;}
    .flx_textblock.textzwei .button a{font-size: 100%;width: 50%;top: 45px;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{height: 100%;top: 40%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{height: 100%;top: 35%;}
    .flx_textblock.textzwei .button{top: 70%;}

    

    .flx_textblock.mithintergrund{height: 140vh;}
    .flx_textblock.mithintergrund .bild img{top: 10%;left: 15%;}
    .flx_textblock.mithintergrund .text{width: 95%;left: 2.5%;top: 100px;}
    .flx_textblock.mithintergrund .text::before{display: none;}

    .flx_textblock.mitbildrechts{height: 105vh;}
    .flx_textblock.mitbildrechts .text{top: 50px;}
    .flx_textblock.mitbildrechts .bild{left: 10%;bottom: 0;}
    .flx_textblock.mitbildrechts a.spendenlink{top: 25px;right: 370px;font-size: 125%;}

    .flx_textblock.bilderslider p{width: 90%;}
    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 3.8%;}
    .flx_textblock.bilderslider{padding-bottom: 100px;}

    .flx_textblock.mitbildlinks{height: 150vh;}
    .flx_textblock.mitbildlinks .bild img{top: 7%;width: 80%;height: 60%;object-fit: cover;}
    .flx_textblock.mitbildlinks .bild::after{display: none;}
    .flx_textblock.mitbildlinks .text{background-color: var(--footer);left: 2.5%;width: 95%;border-radius: 20px;padding: 40px;top: -280px;}

    .flx_aktuelles{padding-bottom: 0;}
    .flx_aktuelles .subline{width: 100%;text-align: center;}
    .flx_aktuelles .headline{width: 100%;text-align: center;}
    .flx_aktuelles .col-lg-7.text{padding-bottom: 50px;}
    .flx_aktuelles .inhalt .headline{text-align: left;}
    .flx_aktuelles .item img{width: 100%;}
    .flx_aktuelles .inhalt{padding-bottom: 50px;}
    .flx_aktuelles .button a{position: relative;top: -80px;}
    .flx_aktuelles p{width: 100%;}

    .flx_iconblock.vier .item img{padding-bottom: 25px;}
    .flx_iconblock.vier .button{left: 25%;}

    #page-footer .firmenname{font-size: 140%;left: 10%;width: max-content;top: 30%;position: unset;}
    #page-footer .kontakt{font-size: 140%;left: 10px;width: max-content;position: unset;}
    #page-footer .adresse{font-size: 80%;left: 50px;top: 30%;width: 75%;position: unset;}
    #page-footer .tel{font-size: 80%;left: 0px;top: 10px;width: max-content;}
    #page-footer .tel::before{top: 25%;position: relative;}
    #page-footer .mail{font-size: 80%;left: 0px;top: 10px;width: max-content;}
    #page-footer .kirakuno img{max-width: 100%;float: right;}
    #page-footer .spendenlink{font-size: 120%;top: 235px;left: 450px;position: relative;}
    #page-footer .copyright span{font-size: 80%;}
    #page-footer .footer-info{font-size: 80%;}
    #page-footer .col-lg-3{margin-top: 30px;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 160vh;}
    .flx_headerblock.miticons .subline{font-size: 95%;}
    .flx_headerblock.miticons .headline{font-size: 170%;}
    .flx_headerblock.miticons .button a{font-size: 100%;}
    .flx_headerblock.miticons .container.lower .headline{font-size: 170%;}
    .flx_headerblock.miticons .container.lower p{font-size: 75%;}

    .flx_textblock.mitbefore .subline{font-size: 95%;}
    .flx_textblock.mitbefore .headline{font-size: 170%;}

    .flx_textblock.mitafter .subline{font-size: 95%;width: 100%;}
    .flx_textblock.mitafter .headline{font-size: 170%;width: 80%;}
    .flx_textblock.mitafter p{width: 90%;}
    .flx_textblock.mitafter img{right: -200px;}

    .flx_textblock.aufunterseite .subline{font-size: 95%;}
    .flx_textblock.aufunterseite .headline{font-size: 170%;}

    .flx_textblock.mitlistitems .subline{font-size: 95%;}
    .flx_textblock.mitlistitems .headline{font-size: 170%;}
    .flx_textblock.mitlistitems li{padding: 0 0 10px 40px;}

    .flx_iconblock.mittext{height: 165vh;}
    .flx_iconblock.mittext .col-lg-4::after{right: 520px;}
    .flx_iconblock.mittext .col-lg-4{padding-bottom: 50px;}
    .flx_iconblock.mittext .col-lg-4 .subline{font-size: 95%;}

    .startseite .flx_textblock.mithintergrund .bild img{top: 10%;width: 100%;}
    .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 310px;}
    .startseite .flx_aktuelles{padding-top: 100px;}

    .hopeclub .flx_headerblock.miticons{height: 140vh;}
    .hopeclub .flx_textblock.mitbefore img{width: 100%;}
    .hopeclub .flx_textblock.mitafter img{right: unset;width: 100%;}
    .hopeclub .flx_textblock.aufunterseite img{width: 100%;}
    .hopeclub .flx_textblock.mitlistitems img{width: 100%;object-fit: cover;left: unset;}
    .hopeclub .flx_iconblock.mittext{height: 155vh;}
    .hopeclub .flx_textblock.mitbildlinks{height: 160vh;}

    .kira-kuno .flx_textblock.mitbildrechts{height: 120vh;}

}

@media (max-width: 850px) {

    p{font-size: 85%;}

    #page-header{padding: 70px 0;}
    #page-header #toppermenu .burgerbutton{display:block;top: 35%;} 
    #page-header #toppermenu.active .menu {display: block;padding: 100px 20px 20px;width: 50%;background-color: var(--header);border-bottom-left-radius: 20px;}
    #page-header #toppermenu .menu li{display: block;padding: 20px 50px;width: 100%;text-align: right;}
    #page-header #toppermenu .menu{display: none;position: absolute;top: 45px;right: 0;background: var(--white);height: auto;width: 95%;}

    .flx_textblock.textlinks .text{top: 40%;width: 50%;}
    .flx_textblock.textlinks .headline{font-size: 170%;}
    .flx_textblock.textlinks .subline{font-size: 95%;}

    .flx_textblock.textzwei .headline{font-size: 170%;}
    .flx_textblock.textzwei .col-lg-6.textlinks{height: 55vh;}
    .flx_textblock.textzwei .col-lg-6.textrechts{height: 55vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 82%;font-size: 110%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 83%;font-size: 130%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 77%;font-size: 110%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 78%;font-size: 130%;}
    .flx_textblock.textzwei .button a{font-size: 100%;width: 50%;top: 45px;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{height: 100%;top: 40%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{height: 100%;top: 35%;}

    .flx_textblock.mithintergrund{height: 140vh;}
    .flx_textblock.mithintergrund .bild img{top: 10%;left: 15%;}
    .flx_textblock.mithintergrund .text{width: 95%;left: 2.5%;top: 100px;}
    .flx_textblock.mithintergrund .text::before{display: none;}

    .flx_textblock.mitbildrechts{height: 105vh;}
    .flx_textblock.mitbildrechts .text{top: 50px;}
    .flx_textblock.mitbildrechts .bild{left: 10%;bottom: 0;}
    .flx_textblock.mitbildrechts a.spendenlink{top: 15px;right: 230px;font-size: 125%;}

    .flx_textblock.bilderslider p{width: 90%;}
    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 3.8%;}
    .flx_textblock.bilderslider{padding-bottom: 100px;}

    .flx_textblock.mitbildlinks{height: 140vh;}
    .flx_textblock.mitbildlinks .bild img{left: 17%;top: 7%;}
    .flx_textblock.mitbildlinks .bild::after{display: none;}
    .flx_textblock.mitbildlinks .text{background-color: var(--footer);left: 2.5%;width: 95%;border-radius: 20px;padding: 40px;}

    .flx_aktuelles{padding-bottom: 0;}
    .flx_aktuelles .subline{width: 100%;text-align: center;}
    .flx_aktuelles .headline{width: 100%;text-align: center;}
    .flx_aktuelles .col-lg-7.text{padding-bottom: 50px;}
    .flx_aktuelles .inhalt .headline{text-align: left;}
    .flx_aktuelles .item img{width: 100%;}
    .flx_aktuelles .inhalt{padding-bottom: 50px;}
    .flx_aktuelles .button a{position: relative;top: -80px;}
    .flx_aktuelles p{width: 100%;}

    .flx_iconblock.vier .item img{padding-bottom: 25px;}
    .flx_iconblock.vier .button{left: 25%;}

    #page-footer .kirakuno img{max-width: 130%;top: 60px;}
    #page-footer .spendenlink{font-size: 120%;top: 275px;left: 305px;}
    #page-footer .copyright span{font-size: 80%;}
    #page-footer .footer-info{font-size: 80%;}
    #page-footer .row a{position: relative;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 160vh;}
    .flx_headerblock.miticons .subline{font-size: 95%;}
    .flx_headerblock.miticons .headline{font-size: 170%;}
    .flx_headerblock.miticons .button a{font-size: 100%;}
    .flx_headerblock.miticons .container.lower .headline{font-size: 170%;}
    .flx_headerblock.miticons .container.lower p{font-size: 75%;}

    .flx_textblock.mitbefore .subline{font-size: 95%;}
    .flx_textblock.mitbefore .headline{font-size: 170%;}

    .flx_textblock.mitafter .subline{font-size: 95%;width: 100%;}
    .flx_textblock.mitafter .headline{font-size: 170%;width: 80%;}
    .flx_textblock.mitafter p{width: 90%;}
    .flx_textblock.mitafter img{right: -200px;}

    .flx_textblock.aufunterseite .subline{font-size: 95%;}
    .flx_textblock.aufunterseite .headline{font-size: 170%;}

    .flx_textblock.mitlistitems .subline{font-size: 95%;}
    .flx_textblock.mitlistitems .headline{font-size: 170%;}
    .flx_textblock.mitlistitems li{padding: 0 0 10px 40px;}

    .flx_iconblock.mittext{height: 165vh;}
    .flx_iconblock.mittext .col-lg-4::after{right: 520px;}
    .flx_iconblock.mittext .col-lg-4{padding-bottom: 50px;}
    .flx_iconblock.mittext .col-lg-4 .subline{font-size: 95%;}

    .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 260px}
    
    .hopeclub .flx_textblock.mitbildlinks .bild img{left: 10%;top: 7%;}

}

@media (max-width: 767px) {

    #page-header #toppermenu.active .menu{width: 100%;border-bottom-right-radius: 20px;}

    .flx_textblock.textlinks .text{width: 75%;}

    .flx_textblock.textzwei .col-lg-6.textlinks{width: 100%;margin-bottom: 110px;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 102%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 103%;}
    .flx_textblock.textzwei .button{top: 95%;}
    .flx_textblock.textzwei .col-lg-6.textrechts{width: 100%;margin-bottom: 110px;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 101%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 102%;}
    
    .flx_textblock.mithintergrund .bild img{left: 0;width: 100%;}
    .flx_textblock.mithintergrund{height: 170vh;}

    .flx_textblock.mitbildrechts a.spendenlink{top: 15px;right: 240px;font-size: 125%;}
    .flx_textblock.mitbildrechts{background-size: 550px;height: 95vh;}

    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 5.1%;}

    .flx_textblock.mitbildlinks .bild img{left: 0;width: 100%;}
    .flx_textblock.mitbildlinks .text{left: 2.5%;width: 95%;}
    .flx_textblock.mitbildlinks{height: 200vh;}

    .flx_textblock.mithintergrund .text{left: 2.5%;width: 95%;}

    .flx_iconblock.vier .item img{position: relative;left: 10%;}
    .flx_iconblock.vier .button{left: 19%;}

    #page-footer .firmenname{left: 0;}
    #page-footer .adresse{left: 30px;}
    #page-footer .kontakt{left: 0;top: 50px;}
    #page-footer .tel{left: 0;}
    #page-footer .mail{left: 0;}
    #page-footer .kirakuno img{top: 0px;}
    #page-footer .logo img{width: 150px;}
    #page-footer .spendenlink{font-size: 100%;top: 220px;left: 29%;}
    #page-footer .footer-info{font-size: 70%;}
    #page-footer .copyright span{font-size: 70%;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 175vh;}

    .flx_textblock.mitafter img{right: 0px}

    .flx_textblock.mitlistitems img{left: 0;}

    .flx_iconblock.mittext{height: 165vh;}
    .flx_iconblock.mittext .col-lg-4::after{right: 330px}

    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 96%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 97%;}
    .startseite .flx_textblock.textzwei .button{top: 100%;}
    .startseite .flx_textblock.textzwei .button a{top: unset;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 99%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 99%;}
    .startseite .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 200px;}

    .hopeclub .flx_headerblock.miticons{height: 150vh;}
    .hopeclub .flx_textblock.mitbildlinks .bild img{left: unset;}

    .kira-kuno .flx_textblock.mitbildrechts{height: 130vh;}
    
    .hopenews .flx_aktuelles .bild img{width: 100%;}
    .hopenews .flx_aktuelles.alleposts .text-start{width: 100%;}

}

@media (max-width: 650px) {

    #page-header #toppermenu.active .menu{width: 100%;border-bottom-right-radius: 20px;}

    .flx_headerblock .gradient{background: linear-gradient(0deg,rgba(35, 35, 35, 0.8) 45%, rgba(255, 255, 255, 0) 100%)!important;}


    .flx_textblock.textlinks .text{width: 75%;}

    .flx_textblock.textzwei .col-lg-6.textlinks{width: 100%;margin-bottom: 0;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 88%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 89%;}
    .flx_textblock.textzwei .col-lg-6.textrechts{width: 100%;margin-bottom: 80px;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 88%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 89%;}
    .flx_textblock.textzwei .button{top: 80%;}
    
    .flx_textblock.mithintergrund .bild img{left: 0;width: 100%;}

    .flx_textblock.mitbildrechts a.spendenlink{top: 10px;right: 160px;font-size: 105%;}
    .flx_textblock.mitbildrechts{background-size: 550px;height: 95vh;}

    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 5.1%;}

    .flx_textblock.mitbildlinks .bild img{left: 0;width: 100%;}
    .flx_textblock.mitbildlinks .text{left: 2.5%;width: 95%;}
    .flx_textblock.mitbildlinks{height: 150vh;}

    .flx_textblock.mithintergrund .text{left: 2.5%;width: 95%;}

    .flx_iconblock.vier .item img{position: relative;left: 10%;}
    .flx_iconblock.vier .button{left: 19%;}

    #page-footer .row a.spendenlink{left: 110px;display: inline-block;bottom: 57px;top: unset;font-size: 120%;}
    #page-footer .adressezwei{left: 35%;}
    #page-footer .footer-info{font-size: 70%;}
    #page-footer .copyright span{font-size: 70%;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 175vh;}

    .flx_textblock.mitafter img{right: 0px}

    .flx_textblock.mitlistitems img{left: 0;}

    .flx_iconblock.mittext{height: 165vh;}
    .flx_iconblock.mittext .col-lg-4::after{right: 330px}
    
    .startseite .flx_textblock.textlinks .text{width: 50%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 86%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 86%;}
    .startseite .flx_textblock.textzwei .button{top: 87%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 86%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 86%;}
    .startseite .flx_textblock.mithintergrund{height: 150vh;}
    .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 180px;}

}

@media (max-width: 575px) {

    #page-header .button a{width: 100px;height: 100px;font-size: 110%;}

    .flx_textblock.textlinks .text{top: 20%;}

    .flx_textblock.textzwei{height: 120vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks{height: 42vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{width: 60%;top: 96%;}
    .flx_textblock.textzwei .col-lg-6.textrechts{height: 43vh;}
    .flx_textblock.textzwei .button a{width: 80%;top: 155px;;left: 7%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 95%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 103%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 104%;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{height: 100%;top: 45%;right: 8%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{height: 100%;top: 55%;right: 0;}

    .flx_textblock.mithintergrund .bild img{left: 0;padding: 0 10px;}
    .flx_textblock.mithintergrund .headline{width: 100%;}
    .flx_textblock.mithintergrund .text{left: 6%;width: 88%;}

    .flx_textblock.mitbildrechts a.spendenlink{top: 37px;right: 125px;font-size: 75%;}
    .flx_textblock.mitbildrechts .subline{padding: 0 10px;}
    .flx_textblock.mitbildrechts .headline{padding: 0 10px;}
    .flx_textblock.mitbildrechts p{padding: 0 10px;}
    .flx_textblock.mitbildrechts .button{padding-left: 10px;}
    .flx_textblock.mitbildrechts img{top: 30px;}
    .flx_textblock.mitbildrechts img.emoji{top: 0;}
    .flx_textblock.mitbildrechts{background-size: 400px;height: 85vh;}

    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 7.4%;}
    .flx_textblock.bilderslider{padding-bottom: 100px;}
    .flx_textblock.bilderslider .subline{padding: 0 10px;}
    .flx_textblock.bilderslider .headline{padding: 0 10px;}
    .flx_textblock.bilderslider p{padding: 0 10px;}

    .flx_textblock.mitbildlinks .bild img{left: 0;padding: 0 10px;}
    .flx_textblock.mitbildlinks .headline{width: 100%;}
    .flx_textblock.mitbildlinks .text{left: 6%;width: 88%;}

    .flx_aktuelles .item img{padding: 0 10px;}
    .flx_aktuelles .inhalt .headline{padding-left: 10px;}
    .flx_aktuelles .button{padding-left: 10px;}
    .flx_aktuelles{height: max-content;}

    .flx_iconblock.vier .item img{left: 0;}
    .flx_iconblock.vier .button{left: 7%;margin-top: 0;}
    .flx_iconblock.vier{padding-bottom: 50px;padding-top: 50px;}

    #page-footer .logo img{top: 0;}
    #page-footer .firmenname{left: 10%;top: 0;}
    #page-footer .adresse{left: 10%;top: -40px;}
    #page-footer .adressezwei{left: 17%;top: -40px;}
    #page-footer .kontakt{left: 10%;top: 20%;}
    #page-footer .tel{top: 6%;}
    #page-footer .mail{top: 13%;}
    #page-footer .kirakuno img{top: 50px;right: 5%;max-width: 90%;}
    #page-footer .row a.spendenlink{left: 40px;bottom: 3px;font-size: 110%;}
    #page-footer .footer-info{float: left;left: 0;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 180vh;}
    .flx_headerblock.miticons .container.lower{padding: 50px 15px;}

    .flx_textblock.mitbefore img{width: 100%;}

    .flx_textblock.mitafter img{width: 100%;}

    .flx_textblock.aufunterseite img{width: 100%;}

    .flx_textblock.mitlistitems .col-lg-4.bild::before{display: none;}

    .flx_iconblock.mittext .col-lg-4::after{right: 150px}

    .flx_textblock.mitbildlinks{height: 140vh;}

/* --------------Unterseite Kira & Kuno-------------- */

    .flx_aktuelles.alleposts .text-start{width: 90%;padding-left: 30px;}
    .flx_aktuelles.alleposts .bild{margin: 30px 0;padding-left: 30px;}

    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 103%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 103%;}
    .startseite .flx_textblock.textzwei .button{top: 105%;padding: 0;width: 70%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 100%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 100%;}
    .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 160px;}

    .kira-kuno .flx_textblock.mitbildrechts{height: 140vh;}

}

@media (max-width: 480px) {

    #page-header .button a{width: 100px;height: 100px;font-size: 110%;}

    .flx_textblock.textlinks .text{top: 20%;}

    .flx_textblock.textzwei{height: 120vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks{height: 42vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{width: 60%;top: 81%;font-size: 100%;}
    .flx_textblock.textzwei .col-lg-6.textrechts{height: 43vh;}
    .flx_textblock.textzwei .button a{width: 80%;top: 115px;;left: 7%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 80%;font-size: 90%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 89%;font-size: 90%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 90%;font-size: 100%;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{height: 100%;top: 45%;right: 8%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{height: 100%;top: 55%;right: 0;}

    .flx_textblock.mithintergrund .bild img{left: 0;padding: 0 10px;}
    .flx_textblock.mithintergrund .headline{width: 100%;}
    .flx_textblock.mithintergrund .text{left: 6%;width: 88%;}

    .flx_textblock.mitbildrechts a.spendenlink{top: 37px;right: 125px;font-size: 75%;}
    .flx_textblock.mitbildrechts .subline{padding: 0 10px;}
    .flx_textblock.mitbildrechts .headline{padding: 0 10px;}
    .flx_textblock.mitbildrechts p{padding: 0 10px;}
    .flx_textblock.mitbildrechts .button{padding-left: 10px;}
    .flx_textblock.mitbildrechts img{top: 30px;}
    .flx_textblock.mitbildrechts{background-size: 400px;height: 85vh;}

    .flx_textblock.bilderslider .owl-carousel.owl-loaded{left: 7.4%;}
    .flx_textblock.bilderslider{padding-bottom: 100px;}
    .flx_textblock.bilderslider .subline{padding: 0 10px;}
    .flx_textblock.bilderslider .headline{padding: 0 10px;}
    .flx_textblock.bilderslider p{padding: 0 10px;}

    .flx_textblock.mitbildlinks .bild img{left: 0;padding: 0 10px;}
    .flx_textblock.mitbildlinks .headline{width: 100%;}
    .flx_textblock.mitbildlinks .text{left: 6%;width: 88%;}

    .flx_aktuelles .item img{padding: 0 10px;}
    .flx_aktuelles .inhalt .headline{padding-left: 10px;}
    .flx_aktuelles .button{padding-left: 10px;}
    .flx_aktuelles{height: max-content;}

    .flx_iconblock.vier .item img{left: 0;}
    .flx_iconblock.vier .button{left: 7%;margin-top: 0;}
    .flx_iconblock.vier{padding-bottom: 50px;padding-top: 50px;}

    #page-footer .logo img{top: 0;}
    #page-footer .firmenname{left: 10%;top: 0;}
    #page-footer .adresse{left: 10%;top: -40px;}
    #page-footer .adressezwei{left: 17%;top: -40px;}
    #page-footer .kontakt{left: 10%;top: 20%;}
    #page-footer .tel{top: 6%;}
    #page-footer .mail{top: 13%;}
    #page-footer .kirakuno img{top: 50px;right: 5%;}
    #page-footer .row a.spendenlink{font-size: 90%;top: 4px;left: 35px;}
    #page-footer .footer-info{float: left;left: 0;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 180vh;}
    .flx_headerblock.miticons .container.lower{padding: 50px 15px;}

    .flx_textblock.mitbefore img{width: 100%;}

    .flx_textblock.mitafter img{width: 100%;}

    .flx_textblock.aufunterseite img{width: 100%;}

    .flx_textblock.mitlistitems .col-lg-4.bild::before{display: none;}

    .flx_iconblock.mittext .col-lg-4::after{right: 150px}

    .flx_textblock.mitbildlinks{height: 140vh;}

/* --------------Unterseite Kira & Kuno-------------- */

    .flx_aktuelles.alleposts .text-start{width: 90%;padding-left: 30px;}
    .flx_aktuelles.alleposts .bild{margin: 30px 0;padding-left: 30px;}

    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 86%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 86%;}
    .startseite .flx_textblock.textzwei .button{top: 88%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 84%;}
    .startseite .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 84%;}
    .startseite .flx_textblock.mithintergrund{height: 160vh;}
    .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 120px;}

    .hopeclub .flx_headerblock.miticons{height: 170vh;}
    .hopeclub .flx_iconblock.mittext{height: 170vh;}
    .hopeclub .flx_textblock.mitbildlinks .text{top: -150px;}
    .hopeclub .flx_textblock.mitbildlinks{height: 170vh;}

    .kira-kuno .flx_textblock.mitbildrechts img{left: -80px;}

}

@media (max-width: 400px) {

    #page-header #toppermenu.active .menu{width: 200%;}

    .startseite .flx_textblock.textlinks .text{width: 70%;}

    .flx_textblock.textlinks .owl-next{width: 30px;right: 0;}
    .flx_textblock.textlinks .text{width: 80%;}

    .flx_textblock.textzwei{height: 90vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks{height: 40vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{width: 70%;font-size: 100%;top: 110%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{font-size: 90%;top: 105%;}
    .flx_textblock.textzwei .col-lg-6.textrechts{height: 40vh;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{width: 70%;font-size: 100%;top: 130%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{font-size: 90%;top: 125%;}
    .flx_textblock.textzwei .button{top: 95%;}
    .flx_textblock.textzwei .button a{width: 105%;top: 105px;left: -20px;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{background-size: 90%;height: 100%;right: 4%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{background-size: 90%;height: 100%;right: -3%;}

    .startseite .flx_textblock.mithintergrund{height: 155vh;}
    .flx_textblock.mithintergrund .text{padding: 25px;}

    .flx_textblock.mitbildrechts{background-size: 250px;height: 100vh;}
    .flx_textblock.mitbildrechts .headline{width: 100%;}
    .flx_textblock.mitbildrechts img{max-width: 120%;top: 40px;left: -30px;}
    .flx_textblock.mitbildrechts a.spendenlink{top: 52px;right: 90px;font-size: 90%;}

    .flx_textblock.bilderslider .headline{width: 100%;}
    .flx_textblock.bilderslider{padding-bottom: 150px;}

    .flx_aktuelles .button a{font-size: 110%;}

    .flx_iconblock.vier .button{left: -5%;margin-top: 0;}
    .flx_iconblock.vier{padding-bottom: 50px;}

    #page-footer .logo img{top: 5%;}
    #page-footer .firmenname{top: 20px;left: 5%;}
    #page-footer .adresse{top: -20px;left: 5%;}
    #page-footer .adressezwei{top: -20px;left: 15%;}
    #page-footer .kontakt{top: 25%;left: 5%;}
    #page-footer .tel{top: 11%;}
    #page-footer .mail{top: 17%;}
    #page-footer .row a.spendenlink{font-size: 80%;top: 20px;left: 30px;}
    #page-footer .footer-info{font-size: 60%;}
    #page-footer .kirakuno img{top: 60px;}

    .flx_singlepages .text h3{font-size: 200%;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 225vh;}

    .flx_textblock.mitbefore{padding: 0 0 70px;}

    .flx_textblock.mitafter{padding: 0;}
    .flx_textblock.mitafter .headline{width: 80%;}

    .flx_iconblock.mittext{height: 195vh;}
    .flx_iconblock.mittext .col-lg-4::after{right: 0;}
    .flx_iconblock.mittext .col-lg-4{width: 80%;}

    .flx_textblock.mitbildlinks{height: 160vh;}

/* --------------Unterseite Kira & Kuno-------------- */

  .flx_textblock.mitafter .col-lg-4.bild::after{display: none;}
  .flx_textblock.mitbefore .col-lg-4.bild::before{display: none;}

  .startseite .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 75%;}
  .startseite .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 75%;}
  .startseite .flx_textblock.textzwei .button{top: 80%;}
  .startseite .flx_textblock.textzwei .button a{left: 7%;}
  .startseite .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 75%;}
  .startseite .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 75%;}
  .startseite .flx_textblock.mitbildrechts a.spendenlink{right: 80px;}

  .kira-kuno .flx_textblock.mitbildrechts img{width: 200px;height: 200px;left: unset;}
    

}

@media (max-width: 350px) {

    #page-header #toppermenu.active .menu{width: 200%;}

    .flx_textblock.textlinks .owl-next{width: 30px;right: 0;}
    .flx_textblock.textlinks .text{width: 80%;}

    .flx_textblock.textzwei{height: 85vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks{height: 27vh;}
    .flx_textblock.textzwei .col-lg-6.textlinks h3{width: 70%;font-size: 100%;top: 83%;}
    .flx_textblock.textzwei .col-lg-6.textlinks h2{font-size: 90%;top: 81%;}
    .flx_textblock.textzwei .col-lg-6.textrechts{height: 27vh;}
    .flx_textblock.textzwei .col-lg-6.textrechts h3{width: 70%;font-size: 100%;}
    .flx_textblock.textzwei .col-lg-6.textrechts h2{font-size: 90%;top: 125%;}
    .flx_textblock.textzwei .button a{width: 105%;top: 105px;left: -20px;}
    .flx_textblock.textzwei .col-lg-6.textlinks .bild::after{background-size: 90%;height: 100%;right: 4%;}
    .flx_textblock.textzwei .col-lg-6.textrechts .bild::after{background-size: 90%;height: 100%;right: -3%;}

    .flx_textblock.mitbildrechts{background-size: 250px;height: 100vh;}
    .flx_textblock.mitbildrechts .headline{width: 100%;}
    .flx_textblock.mitbildrechts img{max-width: 120%;top: 40px;left: -30px;}
    .flx_textblock.mitbildrechts a.spendenlink{top: 46px;right: 63px;font-size: 70%;}

    .flx_textblock.bilderslider .headline{width: 100%;}
    .flx_textblock.bilderslider{padding-bottom: 100px;}

    .flx_aktuelles .button a{font-size: 110%;}

    .flx_iconblock.vier .button{left: -5%;margin-top: 0;}
    .flx_iconblock.vier{padding-bottom: 50px;}

    #page-footer .logo img{top: 5%;}
    #page-footer .firmenname{top: 20px;left: 5%;}
    #page-footer .adresse{top: -20px;left: 5%;}
    #page-footer .adressezwei{top: -20px;left: 15%;}
    #page-footer .kontakt{top: 25%;left: 5%;}
    #page-footer .tel{top: 11%;}
    #page-footer .mail{top: 17%;}
    #page-footer .row a.spendenlink{font-size: 70%;top: 22px;left: 25px;}
    #page-footer .footer-info{font-size: 60%;}
    #page-footer .kirakuno img{top: 60px;}

/* --------------Unterseite HopeClub-------------- */

    .flx_headerblock.miticons{height: 225vh;}

    .flx_textblock.mitbefore{padding: 0 0 70px;}

    .flx_textblock.mitafter{padding: 0;}
    .flx_textblock.mitafter .headline{width: 80%;}

    .flx_iconblock.mittext{height: 195vh;}
    .flx_iconblock.mittext .col-lg-4::after{right: 0;}
    .flx_iconblock.mittext .col-lg-4{width: 80%;}

    .flx_textblock.mitbildlinks{height: 140vh;}

/* --------------Unterseite Kira & Kuno-------------- */

  .flx_textblock.mitafter .col-lg-4.bild::after{display: none;}
  .flx_textblock.mitbefore .col-lg-4.bild::before{display: none;}

  .startseite .flx_textblock.textlinks .owl-carousel.owl-loaded img{height: 105vh;}
  .startseite .flx_textblock.textzwei .col-lg-6.textrechts{margin-top: 100px;}
  .startseite .flx_textblock.textzwei{height: 95vh;}
  .startseite .flx_textblock.textzwei .col-lg-6.textlinks h2{top: 110%;}
  .startseite .flx_textblock.textzwei .col-lg-6.textlinks h3{top: 110%;}
  .startseite .flx_textblock.textzwei .button{top: 112%;width: 80%;}
  .startseite .flx_textblock.textzwei .col-lg-6.textrechts h2{top: 110%;}
  .startseite .flx_textblock.textzwei .col-lg-6.textrechts h3{top: 110%;}
  .startseite .flx_textblock.textzwei{margin-top: 200px;}

  .hopeclub .flx_iconblock.mittext{height: 185vh;}
  .hopeclub .flx_textblock.mitbildlinks{height: 180vh;}

  .kira-kuno .flx_textblock.mitbildrechts .subline{width: 100%;}
    

}