html {scroll-behavior: smooth;}
body {overflow: auto;}
.blue-color {color: #fff;}
.p-letter-style {font-size: 14px;}
.p-style-large {font-size: 16px;}
@media Screen and (max-width:470px) {h2.large-title .title-fill {font-size: 35px;}}
@media Screen and (max-width:400px) {h2.large-title .title-fill {font-size: 28px;}}
@media Screen and (max-width:320px) {h2.large-title .title-fill {font-size: 22px;}} .headroom--unpinned {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
} .product_cat p {display:block;}
.product_cat .container.small {max-width: 1350px;}
.product_cat .title-style {font-size: 4vw;}
@media screen and (max-width: 767px){
.product_cat .title-style {font-size: 7vw;}
}
@media screen and (min-width: 1625px) {
.product_cat .title-style {font-size: 65px;}
}
@media screen and (min-width: 1350px) {
.product_cat .container.small {max-width: 100%;}
.product_cat .flex-container {justify-content: space-evenly; width: 100%; max-width: 100%;}
.product_cat .flex-container > div {flex-basis:50%;}
.product_cat .flex-container > div > div {margin: 0 auto 0 auto; width: -moz-fit-content; width: fit-content;}
}
@media screen and (max-width: 1290px) {
.product_cat .portfolio-content-inner {min-height:50vh;}
.product_cat .portfolio-content-bg {height:340px;}
}  .nav-menu .nav-box ul.dropdown.active {opacity:1; transition: .7s ; transition-delay: 1.2s;}
.nav-menu .nav-box ul.dropdown {opacity:0; transition: .7s ;  transition-delay: 0.4s;}
nav.nav-container #nav-menu .nav-btn {color:transparent; transition: .7s ;  transition-delay: 0s;}
nav.nav-container.active #nav-menu .nav-btn {color:white; transition: .7s ;  transition-delay: 1.2s;} #muteBtn {position: absolute; display:flex; justify-content: center; align-items:center; top: 50%; right: 10px; height:70px; width: 70px; border-radius:100%; z-index: 999999; border:2px #ffffffcc solid; box-shadow: 0px 0px 20px -9px #ffffff;}
#muteBtn:before {content:''; width:100%; height:100%; border-radius:50%; box-shadow: inset 0px 0px 10px -5px #ffffff; position:absolute; }
#muteBtn i {color:#ffffffcc; font-size:20px;} #up.page-head {height: 100vh;}
#up.page-head .flex-min-height-inner {min-height:unset;}
@media (orientation: portrait) and (max-width:800px) { 
#up.page-head {height: 70vh;} video {height:100%;} #muteBtn {top: 80px; height: 50px; width: 50px;} #muteBtn i {font-size:15px;}
}
@media (orientation: portrait) and (max-width:460px) { 
#up.page-head {height: 40vh;} video {height:100%;} .scroll-btn {bottom:-35px;} #muteBtn {top: 80px; height: 40px; width: 40px;} #muteBtn i {font-size:15px;}
}  @media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .FullHD {display:none;} .HD {display:block;} } #bigfive {text-align: center;margin-top:50px;}
#bigfive li {list-style:none; position:relative; padding:0; margin:0;}
#bigfive span {font-size:150px; font-family: "Arial", sans-serif; font-weight:800; color:#1B9CD966;}
#bigfive h3 {top:80px; font-size: 40px; color:#fff;}
#bigfive p {top:110px; color: #aaa;}
#bigfive h3, #bigfive p {position:absolute; left:50%;
-webkit-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);} #YTvideosection {padding: 100px 0 0 0;}
#YTvideosection .grid {display:grid; grid-template-columns:  repeat(5, 1fr); grid-template-rows:  repeat(1, 1fr); grid-gap:20px; padding: 100px 20px;}
#YTvideosection .grid-element {align-self: center; justify-self: center; padding-top: 75%; width:100%; height: unset;}
#YTvideosection .grid-element {grid-column: span 1;} @media Screen and (max-width: 1080px) {
#YTvideosection .grid {grid-template-columns:  repeat(1, 1fr); grid-template-rows:  repeat(5, 1fr);}
#YTvideosection .grid-element {grid-column: span 1;}
#YTvideosection .grid-element:nth-child(4) {grid-column-start: 1; grid-column-end: span 1;}
} body.single:not(.single-branchen) article header {
display: grid;
align-items: end;
text-transform: uppercase;
background-color: #111517;
color: white;
height:120px;
}
body.single:not(.single-branchen) article header h1 {
width: calc(100% - 80px);
max-width: 1350px;
margin-left: auto;
margin-right: auto;
text-align:center;
}
@media screen and (max-width: 999px) {body.single article header h1 {width: calc(100% - 40px);} body.single article #box-one .flex-min-height-inner {align-items: start;}}
@media screen and (max-width: 549px) {body.single article header h1 {width: calc(100% - 20px);}} .ArtNr {color:#aaa; padding-top:14px; padding-left:20px; text-transform:uppercase;} #sigil {text-align:center; max-width:500px; margin:0 auto 0 auto; padding:100px 0 0 0; text-transform:uppercase;}
#sigil h4 { margin-bottom:12px;}
#sigil img {max-width: 150px; margin-top:20px}
.sigil-text {max-width: 800px; margin: 0 auto; padding:10px 20px; text-align:center;}
.sigil-text p {padding: 0px; margin:8px 0 0 0;}
body.single .pr-img {display:none;} body.single #box-one .flex-min-height-inner {min-height: -moz-min-content; min-height: min-content; padding: 30px 0;}
body.single #box-one .six-columns {margin: 0 auto 0 auto;}
body.single #swipinswooper {max-width: 800px; margin-left: auto; margin-right: auto;}
body.single #swipinswooper .testimonials-slider {position: relative; overflow: visible;}
body.single #swipinswooper .testimonials-slider img {max-height: 500px; object-fit: contain; width:100%; border-radius:0;}
body.single #swipinswooper .testimonials-slider .swiper-pagination-bullet {-webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); border: #f5f5f5 8px solid;}
body.single #swipinswooper .testimonials-slider .swiper-pagination-bullet-active {-webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);}
body.single .kata-grp { max-width: 600px; margin-left: auto; margin-right: auto; width: 100%; padding: 20px 0 80px; text-transform: uppercase;}
body.single .kata-grp li {display: inline-block; margin:0 8px;}
body.single .kata-grp h5 {margin-bottom:8px;}
body.single .kata-grp .cat-item:hover {color: #1B9CD9;} body.category .header {width: 100%; text-align:center; text-transform: uppercase; color:white; background-color: #111517;padding: 40px 0 40px 0;}
body.category .header p {margin: 0;}
body.category #sidebar {text-align: center; padding: 20px 0;}
body.category #sidebar .cat-item {display:inline-block; margin: 0 10px;}
body.category #sidebar .cat-item:hover {color: #1B9CD9;}
body.category #article-start {display:flex; justify-content: space-evenly; flex-wrap: wrap; max-width:1350px; margin: 80px auto 80px auto;}
body.category article .entry-summary img {object-fit:contain; height:auto;}
body.single-branchen article .entry-summary img {object-fit:contain; height:auto;}
body.category article .entry-summary p {display:none;} body.single-branchen article .entry-summary p {display:none;} body.category article .entry-title {font-size:18px; margin-bottom:4px; text-transform:uppercase;}
body.single-branchen article .entry-title {font-size:18px; margin-bottom:4px; text-transform:uppercase;}
body.category article .entry-title:hover {color: #1B9CD9;}
body.single-branchen article .entry-title:hover {color: #1B9CD9;}
body.category article {flex-basis: 20%; padding: 10px; margin-bottom: 20px;}
body.single-branchen article {flex-basis: 20%; padding: 10px; margin-bottom: 20px;}
@media Screen and (max-width: 1250px) {
body.category article {flex-basis: 25%;}	
}
@media Screen and (max-width: 890px) {
body.category article {flex-basis: 40%;}	
}
@media Screen and (max-width: 580px) {
body.category article {flex-basis: 70%;}	
} .sonderanfertigung .large-title {font-size:65px;}
@media screen and (max-width: 1999px) {.sonderanfertigung .large-title {font-size:40px;}}
@media screen and (max-width: 999px) {.sonderanfertigung .large-title {font-size:30px;}}
@media screen and (max-width: 699px) {.sonderanfertigung .large-title {font-size:24px;}}
.sonderanfertigung .flex-min-height-inner {min-height:50vh;}
.contact_form_container#contact-form.form-sonderanf {padding:100px 20px;} body.single div.wpcf7 {margin-bottom: 40px;}
.wpcf7 form .wpcf7-response-output, .contact_form_container#contact-form {max-width:600px; margin-left:auto; margin-right: auto;}
.wpcf7 form .wpcf7-response-output {text-align: center;}
.contact_form_container#contact-form h3 {text-transform: uppercase;} .contact_form_container#contact-form input, .contact_form_container#contact-form textarea {background-color: #efefef; color:#111517; font-family:'Courier New', monospace;}
.contact_form_container#contact-form input[type="submit"] {padding:8px 0; background-color:#111517; color:#fff; font-size:20px; font-family: "Oswald", sans-serif; text-transform: uppercase;}
.contact_form_container#contact-form input{width:calc(100% - 10px);} .contact_form_container#contact-form textarea, .contact_form_container#contact-form input[type="submit"] {width:calc(100%);}
.contact_form_container#contact-form input[type="text"], .contact_form_container#contact-form input[type="email"], .contact_form_container#contact-form textarea {border-color: #1B9CD9; border-style: solid; background-color: #1B9CD922; border-width:.5px;}
.contact_form_container#contact-form #ArtNrForm {display:none;} .dsg-n-imp {background-color:#111517;}
.dsg-n-imp div {max-width: 1350px; padding:120px 25px;  color:white; margin: 0 auto 0 auto;}
.dsg-n-imp p {margin-top:10px;}
.dsg-n-imp h2 {margin-top:30px;}
.dsg-n-imp h3, .dsg-n-imp h4 {margin-top:20px;}
.dsg-n-imp li {font-family: 'Open Sans', sans-serif; padding:8px 0px; list-style:disc; margin-left:20px;}
.dsg-n-imp-footer {margin: 10px auto 30px auto;}
.dsg-n-imp-footer a {display: inline-block; padding:8px; color:#fff; text-transform:uppercase;     letter-spacing: 2px;}
.blocksatz {
text-align: justify;
hyphens: auto;
}