/* ==========================================================================
   Footer, Buttons und Icon-Font 1:1 aus www.herrmann-cnc.de
   Quelle: themes/herrmann-cnc/assets/css/main.min.css (unverändert, nur Font-URLs angepasst)
   ========================================================================== */
/* geerbte Basis, auf #footer begrenzt */
:where(#footer){font-family:"Nexa Book";font-weight:400;font-size:18px;line-height:29px;color:#28323B}
:where(#footer) a{outline:none;text-decoration:none;color:inherit;background-color:transparent}
:where(#footer) a:hover{color:#0056b3;text-decoration:none}
:where(#footer) img{display:inline;max-width:none;width:100%;vertical-align:middle;border-style:none}
:where(#footer) ul{margin:0}
:where(#footer) p{margin-top:0;margin-bottom:1rem}
:where(#footer),:where(#footer) *{box-sizing:border-box}
a.btn{text-decoration:none}
@font-face{font-family:"icomoon";src:url(../fonts/icomoon.woff2) format("woff2"),url(../fonts/icomoon.woff) format("woff");font-weight:400;font-style:normal;font-display:block}
[class^=icon-],[class*=" icon-"]{font-family:"icomoon"!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-quote-left:before{content:"\e900"}
.icon-quote-right:before{content:"\e901"}
.icon-arrow-left:before{content:"\e902"}
.icon-arrow-right:before{content:"\e904"}
.icon-close:before{content:"\e905"}
.icon-fb:before{content:"\e906"}
.icon-ig:before{content:"\e907"}
.icon-left:before{content:"\e908"}
.icon-linkedin:before{content:"\e909"}
.icon-mail:before{content:"\e90a"}
.icon-phone:before{content:"\e90b"}
.icon-printer:before{content:"\e90c"}
.icon-arrow-down:before{content:"\e90d"}
.contact-page .main-text-content__right .contact li [class^=icon-],.contact-page .main-text-content__right .contact li [class*=" icon-"]{font-size:24px;padding-right:2rem}
@media only screen and (max-width: 767px){.contact-page .main-text-content__right .contact li [class^=icon-],.contact-page .main-text-content__right .contact li [class*=" icon-"]{padding-right:1rem}}
.contact-person .main-text-content__full__content [class^=icon-],.contact-person .main-text-content__full__content [class*=" icon-"]{font-size:70px}
@media only screen and (max-width: 991px){.contact-person .main-text-content__full__content [class^=icon-],.contact-person .main-text-content__full__content [class*=" icon-"]{font-size:50px}}
@media only screen and (max-width: 767px){.contact-person .main-text-content__full__content [class^=icon-],.contact-person .main-text-content__full__content [class*=" icon-"]{font-size:40px}}
#footer{padding:1rem;padding-bottom:8.375rem;padding-top:7.4rem;position:relative}
#footer .footer-content{display:flex;flex-direction:column;max-width:1450px;margin:0 auto;position:relative}
@media only screen and (max-width: 767px){#footer .footer-content{padding-bottom:3rem}}
#footer .footer-content .main-content{display:flex;flex-direction:column;align-items:center;width:100%}
@media only screen and (max-width: 991px){#footer .footer-content .main-content{flex-direction:column}}
#footer .footer-content .main-content .wrapper-menu{width:100%;display:flex;flex-direction:row;color:#006AB7;text-transform:uppercase;align-items:flex-start}
@media only screen and (max-width: 1199px){#footer .footer-content .main-content .wrapper-menu{flex-wrap:wrap}}
#footer .footer-content .main-content .wrapper-menu .logos{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;width:24%;padding-right:.8rem}
@media only screen and (max-width: 1199px){#footer .footer-content .main-content .wrapper-menu .logos{width:100%;align-items:center}}
#footer .footer-content .main-content .wrapper-menu .logos .logo-link img{max-width:270px}
#footer .footer-content .main-content .wrapper-menu .logos .copyright{font-weight:400;font-size:11px;line-height:18px;margin:0;margin-top:4.6rem}
@media only screen and (max-width: 1199px){#footer .footer-content .main-content .wrapper-menu .logos .copyright{margin-top:.6rem;text-align:center;margin-bottom:2rem}}
#footer .footer-content .main-content .wrapper-menu .menu{display:flex;flex-direction:column;list-style-type:none;padding:0;margin:0;flex-wrap:wrap;width:15%;margin-left:4rem}
@media only screen and (max-width: 1199px){#footer .footer-content .main-content .wrapper-menu .menu{width:25%;margin-left:0}}
@media only screen and (max-width: 767px){#footer .footer-content .main-content .wrapper-menu .menu{width:50%;align-items:center}#footer .footer-content .main-content .wrapper-menu .menu li{padding:.5rem 0}}
@media only screen and (max-width: 576px){#footer .footer-content .main-content .wrapper-menu .menu{width:100%}}
#footer .footer-content .main-content .wrapper-menu .menu li{padding:.5rem 1.3rem}
#footer .footer-content .main-content .wrapper-menu .menu li a{margin:0;font-weight:700;font-size:18px;line-height:18px;transition:color .5s ease}
#footer .footer-content .main-content .wrapper-menu .menu li a:hover{color:#28323B}
#footer .footer-content .main-content .wrapper-menu #menu-legall-menu li a{font-weight:400}
#footer .footer-content .main-content .wrapper-menu #menu-legall-menu li a{font-weight:400}
#footer .footer-content .main-content .wrapper-menu .socials{color:#006AB7;width:12%;display:flex;justify-content:center}
@media only screen and (max-width: 1199px){#footer .footer-content .main-content .wrapper-menu .socials{width:12%}}
@media only screen and (max-width: 767px){#footer .footer-content .main-content .wrapper-menu .socials{width:50%;justify-content:center;margin-top:3rem}}
@media only screen and (max-width: 576px){#footer .footer-content .main-content .wrapper-menu .socials{width:100%}}
#footer .footer-content .main-content .wrapper-menu .socials ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}
#footer .footer-content .main-content .wrapper-menu .socials ul li{display:flex;flex-direction:row;justify-content:center}
#footer .footer-content .main-content .wrapper-menu .socials ul li a [class^=icon-],#footer .footer-content .main-content .wrapper-menu .socials ul li a [class*=" icon-"]{font-size:45px;transition:color .3s ease}
#footer .footer-content .main-content .wrapper-menu .socials ul li a .icon-fb{font-size:32px}
#footer .footer-content .main-content .wrapper-menu .socials ul li:hover [class^=icon-],#footer .footer-content .main-content .wrapper-menu .socials ul li:hover [class*=" icon-"]{color:#28323B}
#footer .footer-content .main-content .wrapper-menu .contact-info{width:24%}
@media only screen and (max-width: 1199px){#footer .footer-content .main-content .wrapper-menu .contact-info{width:38%;display:flex;justify-content:center}}
@media only screen and (max-width: 767px){#footer .footer-content .main-content .wrapper-menu .contact-info{width:50%;margin-top:3rem;display:flex;justify-content:center}}
@media only screen and (max-width: 767px) and (max-width: 576px){#footer .footer-content .main-content .wrapper-menu .contact-info{width:100%}}
#footer .footer-content .main-content .wrapper-menu .contact-info .contact{list-style-type:none;padding:0;margin:0;padding-left:2.6rem;font-size:20px;line-height:41px}
@media only screen and (max-width: 1440px){#footer .footer-content .main-content .wrapper-menu .contact-info .contact{padding-left:0}}
@media only screen and (max-width: 767px){#footer .footer-content .main-content .wrapper-menu .contact-info .contact{font-size:18px}}
#footer .footer-content .main-content .wrapper-menu .contact-info .contact a{display:flex;align-items:center;text-transform:lowercase;transition:color .3s ease}
#footer .footer-content .main-content .wrapper-menu .contact-info .contact a:hover{color:#28323B}
#footer .footer-content .main-content .wrapper-menu .contact-info .contact .email{font-weight:700}
#footer .footer-content .main-content .wrapper-menu .contact-info .contact [class^=icon-],#footer .footer-content .main-content .wrapper-menu .contact-info .contact [class*=" icon-"]{font-size:24px;padding-right:.6rem}
#footer .footer-content .main-content .wrapper-menu .contact-info .contact .icon-mail{font-weight:700}
.btn{font-weight:400;font-size:20px;line-height:20px;background-color:transparent;padding:.88rem 4.2rem .6rem 2.7rem;position:relative;border:1px solid transparent;border-radius:30px;display:flex;cursor:pointer}
.btn [class^=icon-],.btn [class*=" icon-"]{position:absolute;font-size:18px;z-index:2;right:2.2rem;font-weight:300;top:50%;transform:translateY(-50%);transition:color .3s ease,right .3s ease}
.btn:hover [class^=icon-],.btn:hover [class*=" icon-"]{right:1.8rem}
.btn--primary{color:#fff;background-color:#006AB7;padding:.88rem 4.7rem .6rem 3.5rem}
.btn--primary [class^=icon-],.btn--primary [class*=" icon-"]{color:#fff;right:2.8rem}
.btn--primary:hover{color:#fff}
.btn--white{color:#006AB7;background-color:#fff;padding:.88rem 4.7rem .6rem 3.5rem}
.btn--white [class^=icon-],.btn--white [class*=" icon-"]{color:#006AB7;right:2.8rem}
.btn--white:hover{color:#002743}
.btn--white:hover [class^=icon-],.btn--white:hover [class*=" icon-"]{color:#002743}
.btn--transparent{color:#fff;border:1px solid #fff}
.btn--transparent [class^=icon-],.btn--transparent [class*=" icon-"]{color:#fff}
.btn--transparent:hover{color:#fff}
.btn--square{color:#fff;border-radius:0;background-color:#006AB7}
.btn--square [class^=icon-],.btn--square [class*=" icon-"]{color:#fff}
.btn--square:hover{color:#fff}
.btn--transparent-grey{color:#28323B;border:1px solid #28323B}
.btn--transparent-grey [class^=icon-],.btn--transparent-grey [class*=" icon-"]{color:#28323B}
.btn--transparent-grey:hover{color:#006AB7}
.btn--transparent-grey:hover [class^=icon-],.btn--transparent-grey:hover [class*=" icon-"]{color:#006AB7}
.btn--transparent-blue{color:#fff;border:1px solid #006AB7}
.btn--transparent-blue [class^=icon-],.btn--transparent-blue [class*=" icon-"]{color:#006AB7}
.btn--transparent-blue:hover{color:#fff}
.hero-banner-wrapper .navi a [class^=icon-],.hero-banner-wrapper .navi a [class*=" icon-"]{font-size:14px;position:absolute;transform:translateY(-50%);top:44%;left:-4px}
@media only screen and (max-width: 576px){.hero-banner-wrapper .navi a [class^=icon-],.hero-banner-wrapper .navi a [class*=" icon-"]{top:48%}}
.hero-banner-wrapper .swiper-button-prev [class^=icon-],.hero-banner-wrapper .swiper-button-prev [class*=" icon-"],.hero-banner-wrapper .swiper-button-next [class^=icon-],.hero-banner-wrapper .swiper-button-next [class*=" icon-"]{color:#fff;font-size:64px}
.accordion-swiper-img .swiper-button-prev [class^=icon-],.accordion-swiper-img .swiper-button-prev [class*=" icon-"],.accordion-swiper-img .swiper-button-next [class^=icon-],.accordion-swiper-img .swiper-button-next [class*=" icon-"]{color:#fff;font-size:64px}
.tour-swiper-wrapper .swiper-button-prev [class^=icon-],.tour-swiper-wrapper .swiper-button-prev [class*=" icon-"],.tour-swiper-wrapper .swiper-button-next [class^=icon-],.tour-swiper-wrapper .swiper-button-next [class*=" icon-"]{color:#fff;font-size:100px}
@media only screen and (max-width: 1199px){.tour-swiper-wrapper .swiper-button-prev [class^=icon-],.tour-swiper-wrapper .swiper-button-prev [class*=" icon-"],.tour-swiper-wrapper .swiper-button-next [class^=icon-],.tour-swiper-wrapper .swiper-button-next [class*=" icon-"]{font-size:60px}}
.history-swiper .swiper-button-prev [class^=icon-],.history-swiper .swiper-button-prev [class*=" icon-"],.history-swiper .swiper-button-next [class^=icon-],.history-swiper .swiper-button-next [class*=" icon-"]{color:#006AB7;font-size:100px}
@media only screen and (max-width: 991px){.history-swiper .swiper-button-prev [class^=icon-],.history-swiper .swiper-button-prev [class*=" icon-"],.history-swiper .swiper-button-next [class^=icon-],.history-swiper .swiper-button-next [class*=" icon-"]{font-size:80px}}
.modal .modal-content .modal-body .accordion__item__head [class^=icon-],.modal .modal-content .modal-body .accordion__item__head [class*=" icon-"]{color:#006AB7;font-size:12px;padding-top:.3rem;position:absolute;top:0;left:0;transition:transform .3s ease}
.modal .modal-content .modal-body .accordion__item__head.open [class^=icon-],.modal .modal-content .modal-body .accordion__item__head.open [class*=" icon-"]{transform:rotate(95deg)}
.btn-add{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:4.6rem;left:50%;transform:translateX(-50%)}
.btn-add .btn{margin:.5rem 0}
@media only screen and (min-width: 992px){.btn-add{display:none}}
@media only screen and (min-width: 768px){.btn-add{flex-direction:row;bottom:0;left:auto;right:0;transform:translateX(0)}.btn-add .btn{margin:0}}

/* Startseiten-Hero: Haarlinien und Kachel-Navigation (main.min.css, unverändert) */
.icon-arrow-right-2:before{content:"\e903"}
.vertical-line{position:absolute;height:100%;width:1px;background-color:rgba(54,54,54,0.15);top:0;display:block}
@media only screen and (max-width: 991px){.vertical-line{display:none}}
.hero-banner-wrapper .navi{background-color:#006AB7;position:absolute;top:90vh;right:7.4rem;padding:1.125rem 1.487rem;z-index:1}
@media only screen and (max-width: 991px){.hero-banner-wrapper .navi{display:none}}
@media only screen and (max-width: 767px){.hero-banner-wrapper .navi{right:0;padding:.125rem 1.487rem}}
.hero-banner-wrapper .navi a{padding:1rem 1.1rem;font-size:30px;line-height:56px;flex-direction:row;align-items:center;position:relative;transition:color .3s ease}
.hero-banner-wrapper .navi a:hover{color:#28323B}
@media only screen and (max-width: 576px){.hero-banner-wrapper .navi a{display:flex;flex-direction:row;font-size:24px}}
.hero-banner-wrapper .navi a:first-of-type{margin-right:1.6rem}
@media only screen and (max-width: 576px){.hero-banner-wrapper .navi a:first-of-type{margin-right:0}}
.hero-banner-wrapper .navi a [class^=icon-],.hero-banner-wrapper .navi a [class*=" icon-"]{font-size:14px;position:absolute;transform:translateY(-50%);top:44%;left:-4px}
@media only screen and (max-width: 576px){.hero-banner-wrapper .navi a [class^=icon-],.hero-banner-wrapper .navi a [class*=" icon-"]{top:48%}}
.hero-banner-wrapper .vertical-line-wrapper{max-width:1680px;margin:0 auto;position:relative;height:100%;top:0;z-index:1}
.hero-banner-wrapper .vertical-line{left:17.4rem;background-color:rgba(255,255,255,0.2)}
.hero-banner-wrapper .vertical-line:nth-of-type(2){left:44rem}
.hero-banner-wrapper .vertical-line:nth-of-type(3){left:auto;right:34.1rem}
.hero-banner-wrapper .vertical-line:nth-of-type(4){left:auto;right:7.4rem}