/*
--------------Farben-------------
Hellblau: #f6f6f6
Dunkelblau: #444444
*/

body,html,*{font-size:19px;line-height:1.5;font-family:'Open Sans';font-weight:300;}
html{scroll-behavior: smooth;}

a{color:#444444;font-size:100%;transition:all .3s ease;font-weight:600;text-decoration:underline;}
a:hover{color:#000;transition:all .3s ease;}

p{margin-bottom:5px;font-size:125%;}

li{list-style:none;padding-left:30px;position:relative;}
/* li:before{content:'';width:20px;height:20px;display:block;background:url('media/icons/li_check.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:5px;left:0;} */

ul{padding:0;margin:0;}

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

h1{font-size:325%;font-weight:800;text-transform:uppercase;display:block;width:max-content;position:relative;color:#444444;margin:0;line-height:1;}
h2{font-size:250%;font-weight:800;display:block;color:#444444;text-transform:uppercase;margin:0;line-height:1;}
h3{font-size:150%;font-weight:800;display:block;color:#444444;text-transform:uppercase;margin:0;line-height:1;}

.headline{font-size:200%;font-weight:400;display:block;color:#444444;text-transform:uppercase;margin:0;line-height:1;}
.subline{font-size:115%;font-weight:400;display:block;color:#444444;text-transform:uppercase;margin-bottom:100px;margin-top:40px;}

.btn{position:relative;padding:15px 25px 15px 25px;font-size:100%;font-weight:400;background:#444444;color:#fff;transition:all .3s ease;text-transform:uppercase;line-height:1;text-align:center;text-decoration:none;}
.btn:hover{background:#f6f6f6;transition:all .3s ease;color:#444444;}

strong{font-weight:600;font-size:100%;}

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

.fax{position:relative;font-size:110%;font-weight:300;padding-left:35px;display:block;margin:15px auto;width:max-content;line-height:1.2;}
.fax:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:5px;background:url('media/fax.webp');background-position:center;background-size:100%;background-repeat:no-repeat;}
.mail{position:relative;font-size:110%;font-weight:300;padding-left:35px;display:block;margin:15px auto;width:max-content;line-height:1.2;}
.mail:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:5px;background:url('media/mail.webp');background-position:center;background-size:100%;background-repeat:no-repeat;}
.telefon{position:relative;font-size:110%;font-weight:300;padding-left:35px;display:block;margin:15px auto;width:max-content;line-height:1.2;}
.telefon:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:5px;background:url('media/telefon.webp');background-position:center;background-size:100%;background-repeat:no-repeat;}
.handy{position:relative;font-size:110%;font-weight:300;padding-left:35px;display:block;margin:15px auto;width:max-content;line-height:1.2;}
.handy:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:5px;background:url('media/handy.webp');background-position:center;background-size:100%;background-repeat:no-repeat;}
.adresse{position:relative;font-size:110%;font-weight:300;padding-left:35px;display:block;margin:15px auto;width:max-content;line-height:1.2;}
.adresse:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:5px;background:url('media/pin.webp');background-position:center;background-size:100%;background-repeat:no-repeat;}

.modal.active{display:block!important;}
.modal .inner{position:fixed;background:#fff;top:5%;left:5%;z-index:99999999999;width:100%;max-width:90%;max-height:90%;padding:50px;overflow:scroll;}
.modal .inner .close{background:#000;color:#fff;position:absolute;top:0;right:0;padding: 5px 15px;cursor:pointer;}
.modal_background{position:fixed;background:rgba(30,30,30,0.7);top:0;right:0;bottom:0;left:0;z-index:9999999999;}

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

#page-header{display:none;position:absolute;top:0;right:0;left:0;padding:10px 0;background:#fff;-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);z-index:999;}
#page-header .row{justify-content:center;}

#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:#fff;-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */              -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;}
#page-header.bottom .logo img{max-width:75%;margin:0 auto;display:block;}


@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; }
}

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

#page-footer{padding:15px 0;background:#444;position:relative;z-index:1;position:relative;}
#page-footer p, #page-footer a{line-height:1.4;font-size:90%;color:#fff;margin:5px;}
#page-footer .headlinestrong{color:#fff;font-weight:600;padding:0px;margin:0px;text-align:left;font-size:175%;min-height:46px;}
#page-footer a{color:#fff;transition:0.3s;}
#page-footer a:hover{color:#ccc;transition:0.3s;}
#page-footer .footer-top .footer-links{margin-top:55px;}
#page-footer .footer-top .footer-links a{display:block;margin:5px 0;width:max-content;}
#page-footer .footer-top .social{margin-top:50px;}
#page-footer .footer-top .social a{display:block;margin:5px 0;width:max-content;padding-left:25px;position:relative;}
#page-footer .footer-top .social a.instagram:before{content:'';display:block;width:20px;height:20px;position:absolute;top:2.5px;left:0;background:url('media/instagram.png');background-size:100%;background-position:center;background-repeat:no-repeat;}
#page-footer .footer-top .social a.facebook:before{content:'';display:block;width:20px;height:20px;position:absolute;top:2.5px;left:0;background:url('media/facebook.png');background-size:100%;background-position:center;background-repeat:no-repeat;}
#page-footer .footermenu{margin-bottom:30px;}
#page-footer .impressum .widthlink {margin-right:140px;}
#page-footer .datenschutz {text-align:center;}
#page-footer .footer-top{padding:70px 0 50px 0;}
#page-footer .footer-top .col-sm-4{margin-top:50px;}
#page-footer .footer-unten{width:100%;text-align:center;}
#page-footer .footer-unten span{color:#fff;}

#page-footer strong{color:#fff;}

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

.inhaltsbloecke{overflow:hidden;}
div[class^="flx_"], div[class*="flx_"]{padding:75px 0;}

.flx_headerbild{position:relative;margin-top:-125px!important;}
.flx_headerbild.mittext .hintergrundbild:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);z-index:4;}
.flx_headerbild.mittext .inner{position:absolute;z-index:9;display: flex;top: 20%;}
.flx_headerbild.mittext .inner .topline{color:#fff;text-transform:none;font-size:150%;font-weight:400;}
.flx_headerbild.mittext .inner .headline{color:#1c1c1c;font-size:400%;margin-bottom:15px;line-height:1.1;width:100%;text-align:center;text-shadow: 0px 0px 4px #fff;}
.flx_headerbild.mittext .inner .subline{text-align:right;text-shadow: 0px 0px 4px #fff;}
.flx_headerbild.mittext .inner .content p{color:#fff;}
.flx_headerbild.mittext .inner .headlinebox{margin: auto;display: flex;flex-direction: column;z-index: 5;right:0;}
.flx_headerbild.mittext .inner img{max-width: 80%;box-shadow: rgba(100, 100, 111, 0.2) 17px 30px 29px 0px;}

.flx_topheader.einzelbild{margin-top: -90px!important;position: relative;z-index: -5;}
.flx_topheader.einzelbild .headlinebox{margin: 0 auto;}
.flx_topheader.einzelbild .headlinebox .headline{margin: auto;color: #fff;font-size: 750%;text-align: center;text-shadow: rgba(0,0,0,0.5) 0px 0px 10px;}

.flx_textblock .headline{margin-bottom:15px;}
.flx_textblock .text ul{margin:50px 0;}
.flx_textblock .text ul li{display:inline-block;width:49.5%;font-weight:600;margin:5px 0;}

.flx_textblock.mitbildrechts img{position:relative;z-index:99;}
.flx_textblock.mitbildrechts .grafisches_element{display:block;width:100px;height:100px;background:#f6f6f6;position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}
.flx_textblock.mitbildlinks img{position:relative;z-index:99;}
.flx_textblock.mitbildlinks .grafisches_element{display:block;width:100px;height:100px;background:#f6f6f6;position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}

.flx_textblock .formular{position:relative;z-index:99;background:#fff;padding:25px;width:75%;margin-top:-250px;float:right;-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);}
.flx_textblock .formular input, .flx_textblock .formular textarea{border:none;background:#f2f2f2;color:#444;margin:5px 0;width:100%;padding:10px;}
.flx_textblock .formular .datenschutz input{width:12px;margin-right:2px;}
.flx_textblock .formular .datenschutz p{font-size:75%;}
.flx_textblock .formular input.btn:hover{background:#444444;color:#fff;transition:all .3s ease;}

.flx_textblock .accordion{width:80%;float:right;}
.flx_textblock .accordion .accordion-item{padding:5px 0;}
.flx_textblock .accordion .accordion-button{text-shadow:none;background:#444444;color:#fff;font-weight:600;font-size:115%;width:100%;padding:10px 20px;text-align:left;border:none;position:relative;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed{background:#f2f2f2;color:#444444;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button:after{content:'';background:url('media/icons/arrow-top.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed:after{content:'';background:url('media/icons/arrow-top-darkblue.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transform:rotate(180deg);transition:all .3s ease;}
.flx_textblock .accordion .accordion-collapse{padding:15px 15px 0 15px;}

.flx_kontaktformular .headline{width:100%;display:block;margin-bottom: 10px;}
.flx_kontaktformular .headlinebox{margin-bottom: 55px;}
.flx_kontaktformular .strong{font-size:125%;font-weight:600;}
.flx_kontaktformular .buttons{display:block;width:100%;margin: 20px 0 55px 0;}
.flx_kontaktformular .buttons .btn{width:33%;}
.flx_kontaktformular .buttons .btn img{max-height:50px;margin-right:15px;}
.flx_kontaktformular form .headline{margin-bottom:25px;}
.flx_kontaktformular form .fbox{width:50%;float:left;padding:10px 20px 10px 0;}
.flx_kontaktformular form .fbox.wide{width:100%;}
.flx_kontaktformular form .fbox input, .flx_kontaktformular form .fbox textarea{width:100%;background:#f2f2f2;border:none;padding:10px 15px;color:#444;border-radius: 5px;}
.flx_kontaktformular form .fbox input[type="checkbox"]{width:15px;margin-right:5px;display:inline-block;}

/*.flx_kategorieteaser{background:#f2f2f2;padding:50px 0;margin-top:0!important;}*/
.flx_kategorieteaser .headline{text-align:center;display:block;}
.flx_kategorieteaser .subline{text-align:center;display:block;}
.flx_kategorieteaser .row{justify-content:center;margin-top:50px;}
.flx_kategorieteaser .item{margin:15px 0;}
.flx_kategorieteaser .item .headline{font-size:100%;color:#fff;padding:15px;background:#737373;display:block;text-align:center;transition:all .3s ease;font-weight: 300;}
.flx_kategorieteaser .item .headline:hover{background:#aaa;transition:all .3s ease;}
.flx_kategorieteaser .item .vorschaubild{margin-bottom: 15px;}
.flx_kategorieteaser .item .vorschaubild img{width: 100%;height: 230px;}

.flx_kategorieteaser.kuenstler .item{cursor:pointer;}
.flx_kategorieteaser.kuenstler .modal .inner .galerie{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;}
.flx_kategorieteaser.kuenstler .modal .inner .galerie img{max-width:calc(25% - 7.5px);order:2;cursor:pointer;border:solid 1px #000;}
.flx_kategorieteaser.kuenstler .modal .inner .galerie img.active{max-width:100%;width:100%;order:1;}

.flx_banner{position: relative;z-index: 1;min-height: 400px;}
.flx_banner::before{content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: #000;opacity: .4;z-index: -4;}
.flx_banner .inner{width:100%;}
.flx_banner .headline{max-width: 70%;font-size: 200%;margin-bottom: 40px;color: #fff;margin: 0 auto 20px auto;text-align: center;}
.flx_banner .inhalt{max-width: 100%;margin-bottom: 20px;margin: 0 auto 20px auto;text-align: center;}
.flx_banner .inhalt p{color: #fff;}
.flx_banner .button{text-align: center;}

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

#firsttext h1{opacity:0;height:0;max-width:100%;}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    .flx_kategorieteaser.kuenstler .modal .inner .galerie{margin-top:25px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    body, html, *{font-size:16px;}

    .modal .inner{padding:25px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {
}