/*
Theme-Name: Bodensee Fewo Geng
Author: fewodigital.de
Author URI: https://www.fewodigital.de/
Description: "Bodensee Fewo Geng" Theme - Eine Dienstleistung der © Ceramex Media GmbH
Version: 1.0
*/


/*
Main Style
*/
body{background-color: var(--prime);}
body,html,*{font-size: 18px;font-family: 'Montserrat';font-weight: normal;color: var(--sec);line-height: 1.7;}
html{scroll-behavior: smooth;}
*:focus,
*:focus-visible
*:active{border: none;box-shadow: none;}
.wrapper{overflow-x: hidden;position: relative;}
.container{max-width: 1500px;position: relative;z-index: 2;}
.container-fluid{max-width: 100%;z-index: 2;}

a{color: var(--acc);text-decoration: none;font-size: 100%;transition: all .3s ease;}
a:hover{text-decoration: none;color: var(--sec);transition: all .3s ease;}
a:focus{border:none;outline: none;}
*:focus-visible {outline: none;}

p{margin-bottom: 0;}

ul{padding-left: 15px;}
li{list-style: none;position: relative;}

.editor ul, .content ul{padding-left: 0;margin-bottom: 0;}
.editor ul li, .content ul li{list-style: none;padding-bottom: 5px;padding-left: 30px;position: relative;}
.editor ul li::before, .content ul li::before{content:'';background-image: url('src/media/icons/arrow.svg');background-position: center;background-repeat: no-repeat;background-size: 100%;height: 20px;width: 20px;left: 0;top: 4px;bottom: 0;display: block;position: absolute;}

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

.headline{font-weight: bold!important;display: block;color: var(--sec);line-height: 1.1!important;margin: 10px 0 20px;text-transform: uppercase;}
.topline{position: relative;letter-spacing: .5px;font-weight: 400;}

.highlight{font-weight: bold;font-size: 250%;line-height: 1.4;color: var(--acc);}

.btn, .wpcf7 .wpcf7-submit{position: relative;padding: 12px 34px 10px;font-weight: bold;background: var(--acc);color: var(--prime);transition: all .3s ease;line-height: 1;text-align: center;border-radius: 30px;border: 1px solid var(--acc);width: max-content;margin-top: 2rem;;text-transform: uppercase;}
.btn:hover, .wpcf7 .wpcf7-submit:hover{transition: all .3s ease;color: var(--sec);background-color: var(--acc-hover);border: 1px solid var(--acc-hover);}
.btn:focus, .wpcf7 .wpcf7-submit:focus{border: 1px solid var(--acc);}

.row{margin-left:-15px;margin-right:-15px;}
.row > *{padding-left:15px;padding-right:15px;}

.button-wrapper{display: flex;margin-top: 2rem;}

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

input{cursor: pointer;}

div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}

.shadow{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.backgroundbox{background-image: linear-gradient(to top, #00000077 0%, transparent 50%);z-index: 9;}

/* .img-wrapper{position: relative;border: 1px solid var(--acc);}
.img-wrapper .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all ease .3s;display: block;background-color: var(--prime);opacity: 0.5;z-index: 1;}
.img-wrapper:hover .overlay{opacity: 0;z-index: -1;} */

.swiper{padding-bottom:30px;}

.swiper-button-prev-header,
.swiper-button-next-header,
.swiper-button-prev-blog,
.swiper-button-next-blog,
.swiper-button-prev-video,
.swiper-button-next-video,
.swiper-button-prev,
.swiper-button-next{position: relative;float:left;top: unset!important;bottom: -25px!important;width: 40px;height: 40px;z-index: 12;opacity: 0.5;transition: all ease .3s;}

.swiper-button-prev-header:hover,
.swiper-button-next-header:hover,
.swiper-button-prev-blog:hover,
.swiper-button-next-blog:hover,
.swiper-button-prev-video:hover,
.swiper-button-next-video:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover{opacity: 1;}
.swiper-button-prev,.swiper-button-prev-header ,.swiper-button-prev-blog, .swiper-button-prev-video{left: calc(50% - 130px)!important;}
.swiper-button-next, .swiper-button-next-header, .swiper-button-next-blog, .swiper-button-next-video{left: calc(50% + 50px)!important;}

.swiper-button-prev::after, .swiper-button-prev-header:after, .swiper-button-prev-blog:after, .swiper-button-prev-video:after{content:'';background-image: url('src/media/icons/arrow-right-dark.svg');background-position: center;background-repeat: no-repeat;background-size: 100%;height: 40px;width: 40px;right: 0;left: unset;top: unset;bottom: 0;display: block;position: absolute;transform: rotate(180deg);}
.swiper-button-next::after, .swiper-button-next-header:after, .swiper-button-next-blog:after, .swiper-button-next-video:after{content:'';background-image: url('src/media/icons/arrow-right-dark.svg');background-position: center;background-repeat: no-repeat;background-size: 100%;height: 40px;width: 40px;right: 0;left: 0;top: unset;bottom: 0;display: block;position: absolute;}

.swiper-pagination{display:none;}
.swiper-pagination-bullet{height: 11px;width: 11px;background-color: var(--acc)!important;}
.swiper-pagination-bullet-active{background-color: var(--acc-hover)!important;}

.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 95px!important;}

/* .swiper-wrapper{padding-bottom: 30px;} */

/*Icons für Kontakt*/
/* .kontakt a{margin-bottom: 10px;} */
/* a.tel{position: relative;left: 30px;}
a.tel::before{content:'';width:20px;height:20px;display:block;background:url('src/media/icons/phone-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:-30px;transition: all ease .3s;}
a.mail{position: relative;left: 30px;}
a.mail::before{content:'';width:20px;height:20px;display:block;background:url('src/media/icons/mail-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:-30px;transition: all ease .3s;}
a.tel-green{position: relative;left: 30px;}
a.tel-green::before{content:'';width:20px;height:20px;display:block;background:url('src/media/icons/phone-green.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:-30px;transition: all ease .3s;}
a.mail-green{position: relative;left: 30px;}
a.mail-green::before{content:'';width:20px;height:20px;display:block;background:url('src/media/icons/mail-green.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:-30px;transition: all ease .3s;} */

a.borlabs-cookie-preference svg{display: none;}
a.borlabs-cookie-preference{content:'';width:40px;height:40px;display:block;background:url('src/media/icons/cookies.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;bottom:60px;right:60px;transition: all ease .3s;border-radius: 40px;padding: 0;}

.quick-cta{position:fixed;top:35%;right:0;z-index:999;}
.quick-cta.active{top:75%;}
.quick-cta a{display:block;width:50px;height:50px;background:var(--acc);margin:10px 0;padding:10px;}
.quick-cta a img{width:100%;height:auto;}

/*
--------------------------Formulare--------------------------
*/
textarea, input.wpcf7-form-control, select{background-color: var(--prime);border-radius: 5px;border: 1px solid #b3b3b6;cursor: text;color: var(--sec);padding: 5px 15px;}
select{padding: 11px 15px 7px;cursor: pointer;}
textarea{width: 100%;}
select:focus,
textarea:focus{border: 1px solid #b3b3b6;}
.uacf7-row{margin-bottom: 0;}
.uacf7-row > div{margin-bottom: 1rem;}
.wpcf7-acceptance label{display: flex;gap: 1rem;font-weight: 300;}
.wpcf7-acceptance label .wpcf7-list-item{margin-left: 5px;}
.wpcf7-acceptance label input{height: max-content;}
.wpcf7-acceptance label span{line-height: 1;}
.wpcf7-acceptance a{color: var(--sec);font-weight: 600;}
.wpcf7-acceptance a:hover{color: var(--acc);}
.wpcf7-form.sent div{display: none;}
.wpcf7-form.sent div:last-child{display: block;}
.wpcf7-form.sent .wpcf7-response-output{display: block;border-color: var(--acc)!important;background-color: var(--acc);padding: 40px;text-align: center;color: var(--prime);margin: 4rem auto;width: 100%;border-radius: 10px;}
.wpcf7-list-item{margin: 0;}
input#send{float: right;top: -45px;}

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

#page-header .topheader.desktop{display:block;}
#page-header .topheader.mobile{display:none;background:none;}

#page-header .topheader{text-align:right;padding:10px 0;background:#f6f6f6;position:relative;z-index:99999;}
#page-header .topheader a{margin-left:50px;padding-left:30px;position:relative;}
#page-header .topheader a.mail::before{content:'';width:22.5px;height:22.5px;display:block;background:url('src/media/icons/mail.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0px;transition: all ease .3s;background-color: transparent;padding: 0;}
#page-header .topheader a.tel::before{content:'';width:22.5px;height:22.5px;display:block;background:url('src/media/icons/tel.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0px;transition: all ease .3s;background-color: transparent;padding: 0;}

#page-header .mainheader{padding: 20px 0;}

#page-header.bottom .topheader{display:none;}

#page-header{position: fixed;top: 0;right: 0;left: 0;z-index: 99!important;background-color: #fff;transition: all 0.5s ease-in-out;margin-bottom: 0;transition: all ease .82s;}
#page-header .container{z-index: 9;}
#page-header .row{align-items: center;}

#page-header .logo img.bild{width: 130px;display: block;height: auto;}
#page-header .logo img.bild_res{width: 130px;height: 0;display: none;}

#page-header .navigation .menu{display: flex;padding-right: 0;margin-bottom: 0;justify-items: center;}
#page-header .navigation .menu li a{padding: 10px 30px;color: var(--sec);font-weight: 300;text-transform: uppercase;position: relative;display: block;line-height: 1;transition: all ease .3s;}
#page-header .navigation .menu li > a::after{content: '';position: absolute;bottom: 0;left: calc(50% - 25px);width: 50px;height: 5px;background-color: var(--acc-hover);transition: all ease .3s;opacity: 0;border-radius: 5px;}
#page-header .navigation .menu li:hover > a:after{width: 50px;opacity: 1;}
#page-header .navigation .menu li:last-child:hover > a:after{display: none;}
#page-header .navigation .menu li:last-child a{padding: 10px 35px 10px;color: var(--prime);background-color: var(--acc);border-radius: 30px;margin-left: 30px;font-weight: bold;}
#page-header .navigation .menu li:last-child:hover a{background-color: var(--acc-hover);}
#page-header .navigation ul a li{padding: 0 15px;}

#page-header .navigation .menu .sub-menu li.current_page_item  > a{position: relative;}
#page-header .navigation .menu .sub-menu li.current_page_item  > a::after{content: '';position: absolute;bottom: 5px;left: 25px;width: 50px;height: 5px;background-color: var(--acc);transition: all ease .3s;font-weight: bold;}

#page-header .navigation .menu #menu-item-543 a,
#page-header .navigation .menu #menu-item-549 a{cursor: default;}
#page-header .navigation .menu #menu-item-543 ul a,
#page-header .navigation .menu #menu-item-549 ul a{cursor: pointer;}
#page-header .navigation .menu li.menu-item-has-children:hover .sub-menu{display: block;position: absolute;width: max-content;transition: all ease .3s;padding: 15px 0;}
#page-header .navigation .menu .sub-menu{display: none;background-color: var(--prime);transition: all ease .3s;padding: 0;}
#page-header .navigation .menu .sub-menu li{padding: 0;display: flex;align-items: center;transition: all ease .3s;position: relative;}
#page-header .navigation .menu .sub-menu li:hover{background-color: #495652;transition: all ease .3s;}
#page-header .navigation .menu .sub-menu li a{padding: 10px 35px;}
/* #page-header .navigation .menu .sub-menu li a::after{display: none;} */
#page-header .navigation .menu .sub-menu li:hover a{color: var(--sec);transition: all ease .3s;}

#page-header .menuburgerbutton{display: none;width:40px;height: 40px;cursor: pointer;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;position: relative;z-index: 99999;float:right;}
#page-header .menuburgerbutton span{margin: 8px 0; display: block;height: 4px;border-radius: 4px;width: 100%;background: var(--sec);opacity: 1;right: 6%;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#page-header .menuburgerbutton.active span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);margin-top: 18.5px;background: var(--sec);}
#page-header .menuburgerbutton.active span:nth-child(2){display: none;}
#page-header .menuburgerbutton.active span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -11.5px;background: var(--sec);}

/* #page-header .menu-mobile .menu{margin-top:100px;} */
#page-header .menu-mobile .menu li{position: relative;}
#page-header .menu-mobile li.menu-item-has-children.active::before{transform: rotate(90deg);transition: 0.3s;}
#page-header .menu-mobile.active li.menu-item-has-children .sub-menu{display: none;}
#page-header .menu-mobile.active li.menu-item-has-children.active .sub-menu{display: block;margin: 10px 0;padding: 0 20px;}
#page-header .menu-mobile.active li.menu-item-has-children.active .sub-menu li{padding: 0;margin: 0;}
#page-header .menu-mobile.active .current-menu-item a{color: var(--acc);}

#page-header.bottom .navigation{bottom: 15px;}
#page-header.bottom .navigation .menu, #page-header.bottom .navigation ul.icons{margin-bottom: 0!important;}
#page-header.bottom .navigation .menu-menu-container{display: flex;align-items: center;}
#page-header.bottom .logo img.bild{opacity: 0;height: 0;display: none;}
#page-header.bottom .logo img.bild_res{height: 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; }
}


/*
--------------------------Beitrags-Single--------------------------
*/
#single{margin: 250px 0 75px;}
#single .editor{padding-right: 50px;}

#single .content-img{width:45%;margin-left:50px;float:right;}

#single .btn.backside{position:fixed;right:35px;bottom:35px;padding:12px 50px 10px;}

/*
--------------------------Pagefooter--------------------------
*/
#page-footer{background: var(--prime-acc);position: relative;overflow-x: hidden;padding:25px 0 0;z-index:99;}
#page-footer *{color: var(--sec);}

#page-footer hr{color: #696969;border-top-width: 2px;margin-top:25px;}
#page-footer li{margin-left: 60px;}
#page-footer a{position: relative;}

#page-footer .kontakt a{display: block;position: relative;padding-left: 45px;margin-bottom: 20px;width: max-content;overflow: visible;}
#page-footer a.mail::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/mail.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0px;transition: all ease .3s;background-color: transparent;padding: 0;}
#page-footer a.tel::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/tel.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0px;transition: all ease .3s;background-color: transparent;padding: 0;}

#page-footer .socialmedia{text-align: right;}
#page-footer .socialmedia a.instagram::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/instagram.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:0;left:0px;transition: all ease .3s;background-color: transparent;padding: 0;}
#page-footer .socialmedia a.facebook::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/facebook.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:50px;left:0px;transition: all ease .3s;background-color: transparent;padding: 0;}

#page-footer .adresse .highlight{margin-bottom: 20px;}
#page-footer .rechtliches{color: var(--sec);font-size: 85%;}
#page-footer .footer-menu ul{padding-left: 0;display: flex;justify-content: end;}
#page-footer .footer-menu ul a{font-weight: normal;font-size: 85%;}