@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

@font-face {font-family: "HelveticaNeueBold";font-style: normal;font-weight: normal; src: local("HelveticaNeueBold"),

url(".../assets/fonts/HelveticaNeueBold.woff") format("woff");}

body{font-family: 'Montserrat', sans-serif;}

.container{width: 1200px;margin: 0 auto;}

.site-header{background-color: #fafafa;}

.navigation-top{border-top: none;border-bottom: none;background: transparent;}

#hero{background-color: #fafafa;width: 100%;float: left;}

#hero .share-contact h1{font-size: 55px;color: #000;font-weight: 600;}

#hero .share-contact img{float: right;}



#mobile-orange{background-color: #ff6036;width: 100%;float: left;padding: 190px 0;}

#mobile-orange .mobiletxt ul li{color: #fff;font-size: 25px;font-weight: 400;list-style: none;display: flex;margin: 20px 0;line-height: 35px;}

#mobile-orange .mobiletxt ul li .white-border{font-size: 25px;font-weight: 500;background: #fff;width: 30px;float: left;

height: 30px;border-radius: 30px;color: #000;text-align: center;margin-right: 20px;line-height: 30px;padding: 0px 7px;display: block;}



#mobile-Green{background-color: #64d664;width: 100%;float: left;padding: 190px 0;}

#mobile-Green .greentxt h2{font-size: 55px;color: #fff;font-weight: 600;padding-bottom: 20px;}

#mobile-Green .greentxt p{font-size: 28px;color: #fff;font-weight: 400;}

#mobile-Green .greentxt a{font-size: 32px;color: #fff;font-weight: 500;display: block;}

#mobile-Green .setpadd .row{display: flex;flex-direction: row-reverse;}





#subscribe{background-image: linear-gradient(-85deg, #161616, #353535);width: 100%;float: left;padding: 190px 0;}

#subscribe .subscribe-title h2{font-size: 55px;color: #fff;font-weight: 600;text-align: center;padding-bottom: 70px;}

#subscribe .sub-form{position: relative;width: 70%;margin: 0 auto;}

#subscribe .sub-form input{height: 70px;border-radius: 50px;}

#subscribe .sub-form .sub-btn{position: absolute;right: 6px;top: 6px;font-size: 22px;font-weight: 500;background: #272727;color: #fff;

text-decoration: none;padding: 13px 25px;border-radius: 30px;}

#subscribe .sub-form ::placeholder{font-size: 20px;font-weight: 400;color: #000;padding: 0px 10px;} 





#colophon .site-info{display: none;}

#colophon.site-footer{border-top: none;}

#colophon .social-navigation{width: 100%;text-align: center;}

#colophon .qr-footer .footer-logo{width: 65%;text-align: center;border-bottom: 1px solid #efefef;margin: 0 auto;padding: 50px 0;}

#colophon .qr-footer .footer-logo img{width: 200px;}

#colophon .qr-footer .socialIcons{width: 100%;text-align: center;padding-top: 50px;padding-bottom: 20px;}

#colophon .qr-footer .socialIcons ul li{list-style: none;display: inline;}

#colophon .qr-footer .socialIcons ul li a{background-color: #686868;cursor: pointer;padding: 7px;width: 35px;height: 35px;text-align: center;display: inline-block;

margin: 5px;color: #fff;-webkit-box-align: center;transition: 0.5s;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;

box-shadow: none;font-size: 20px;line-height: 0;border-radius: 5px;}

#colophon .qr-footer .socialIcons ul li a:hover{background-color: #01c604;color: #fff;}

#colophon .qr-footer .socialIcons .widget{padding: 0;}

#colophon .qr-footer .socialIcons p{font-size: 14px;color: #686868;}

#colophon .qr-footer .socialIcons p span{color: #ff3f00;}


#privacy-banner{background: #fe3e01;width: 100%;float: left;}

.sameTitle{color: #fff;text-align: center;padding: 110px 0;}

.sameTitle h1{font-size: 50px;font-weight: 700;color: #fff;}

.site-content {padding: 0;}

#allContent{width: 100%;float: left;}

#allContent .privacytxt h2{font-size: 30px;color: #000;font-weight: 600;padding-top: 20px;}

#allContent .privacytxt h3{font-size: 24px;color: #000;font-weight: 600;padding-top: 20px;}

#allContent .privacytxt p{font-size: 20px;color: #000;font-weight: 400;line-height: 35px;}

.pagePadd{width: 100%;float: left;padding: 90px 0;}

#allContent.pagePadd{padding-bottom: 0;}

#Impressum-banner{background: #fe3e01;width: 100%;float: left;}

#allContent .privacytxt strong{font-size: 24px;font-weight: 600;}









@media screen and (max-width: 1279px){

#hero .share-contact h1 {font-size: 45px;}

#mobile-orange{padding: 150px 0;}

#mobile-Green{padding: 150px 0;}

#subscribe{padding: 150px 0;}

}

@media screen and (max-width: 1023px){

#hero .share-contact h1 {font-size: 32px;}

#mobile-orange {padding: 110px 0;}

#mobile-Green{padding: 110px 0;}

#subscribe{padding: 110px 0;}

#mobile-orange .mobiletxt ul li{font-size: 22px;}

#mobile-Green .greentxt h2 {font-size: 40px;}

#mobile-Green .greentxt p {font-size: 22px;}

#mobile-Green .greentxt a {font-size: 28px;}

#subscribe .subscribe-title h2 {font-size: 40px;}

.js .menu-toggle{display: none;}

}

@media screen and (max-width: 639px){

.container{width: 100%;}

.custom-logo-link img{max-height: 60px;}

#mobile-orange {padding: 80px 0;}

#mobile-Green{padding: 80px 0;}

#subscribe{padding: 80px 0;}

#mobile-orange .setpadd .col-4{max-width: 100%;flex: auto;}	

#mobile-orange .setpadd .mobiletxt img{margin: 0 auto;display: inherit;}

#mobile-orange .setpadd .col-8{max-width: 100%;flex: auto;}

#mobile-Green .setpadd .col-5{max-width: 100%;flex: auto;}

#mobile-Green .setpadd .col-7{max-width: 100%;flex: auto;}

#mobile-Green .setpadd .mobiletxt img{width: 350px;margin: 0 auto;display: inherit;}

#mobile-Green .greentxt h2{padding-top: 50px;}

#subscribe .sub-form{width: 100%;}

#subscribe .sub-form .sub-btn{font-size: 18px;top: 5px;right: 5px;}

#subscribe .sub-form ::placeholder{font-size: 16px;}

#colophon .qr-footer .footer-logo {width: 100%;}

.sameTitle h1 {font-size: 45px;}

.pagePadd{padding: 40px 0;}

#allContent .privacytxt h2 {font-size: 24px;}

#allContent .privacytxt p{font-size: 18px;line-height: 32px;}

#subscribe .sub-form input {height: 60px;}

#subscribe .sub-form input[type="text"]{padding: 0px;}	

}



@media screen and (max-width: 479px){

#mobile-orange {padding: 60px 0;}

#mobile-Green{padding: 60px 0;}

#subscribe{padding: 60px 0;}

#hero .col-6{max-width: 100%;flex: auto;}

#hero .share-contact img {width: 330px;margin: 0 auto;display: inherit;float: none;}

#hero .share-contact h1{font-size: 32px;text-align: center;padding: 50px 0;}

#mobile-orange .mobiletxt ul li {font-size: 20px;}

#mobile-orange .mobiletxt ul li .white-border{font-size: 20px;width: 28px;height: 28px;}

#mobile-Green .greentxt h2 {font-size: 35px;padding-bottom: 0px;}

#mobile-Green .greentxt a {font-size: 24px;}

#subscribe .sub-form .sub-btn {font-size: 16px;top: 5px;right: 5px;}

#subscribe .sub-form input {height: 60px;}

#subscribe .sub-form ::placeholder{font-size: 15px;}

#subscribe .subscribe-title h2{padding-bottom: 40px;}

.sameTitle h1 {font-size: 40px;}


}



@media screen and (max-width: 413px){

.custom-logo-link img {max-height: 50px;}

#hero .share-contact h1 {font-size: 30px;}

#mobile-orange .mobiletxt ul li{line-height: 30px;}

#mobile-Green .setpadd .mobiletxt img {width: 300px;}

#subscribe .subscribe-title h2 {font-size: 34px;}

#subscribe .sub-form ::placeholder{font-size: 13px;}

#subscribe .sub-form .sub-btn {font-size: 15px;top: 6px;right: 6px;padding: 13px 20px;}

#colophon .qr-footer .footer-logo img {width: 180px;}

#mobile-Green .greentxt p {font-size: 20px;}

.sameTitle h1 { font-size: 35px;}

#allContent .privacytxt h2 {font-size: 22px;}

#allContent .privacytxt strong {font-size: 22px;}


}



@media screen and (max-width: 374px){

#hero .share-contact img {width: 300px;}

#mobile-orange .mobiletxt ul li {font-size: 18px;}

#mobile-orange .mobiletxt ul li .white-border {font-size: 18px;width: 26px;height: 26px;}

#mobile-Green .greentxt h2 {font-size: 32px;}

#mobile-Green .greentxt a {font-size: 20px;}

#subscribe .subscribe-title h2 {font-size: 30px;}

#colophon .qr-footer .socialIcons p {font-size: 13px;}

}