/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2021-07-22 16:41:26 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
        width: 49%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
        width: 49%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 36.75%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 36.75%;
    }
}
.page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown, .minicart-wrapper .block-minicart, .product-item .tocart, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], .footer-middle .block.newsletter input, .footer-middle .block.newsletter .action.subscribe, .filter-options-title, .filter-options-item.active .filter-options-title, .filter-options-content, .filter-options-title:after, .toolbar select, .swatch-option, .pages .page, .pages .action, .fotorama__stage, .fotorama__nav--thumbs .fotorama__thumb, .fotorama__nav .fotorama__thumb-border, .input-text.qty, .qty.field .qty-changer > a, button, a.action.primary, textarea, .minicart-items .item-qty, .block-minicart .block-content > .actions > .secondary .action.viewcart, .cart.table-wrapper .product-image-container, .cart-summary, select, #discount-coupon-form #coupon_code, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .message, .box .box-title, .box .box-actions, .customer-welcome .header.links, .btn, .cms-index-index blockquote.testimonial, .recent-posts .item .post-image, .prev-next-products .product-nav .product-pop, #newsletter_popup, .product-label, .page-header.type11 .navigation li.level0.active, .page-header.type11 .navigation li.level0:hover, .filter .filter-current-subtitle, .filter-actions, .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2, .block-header-customer-login, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist
{
    border-radius: 0;
}
.sw-megamenu.navigation li.level0.fullwidth:hover > .submenu, .sw-megamenu.navigation li.level0.staticwidth:hover > .submenu, .sw-megamenu.navigation li.level0.classic .submenu, .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu, .sw-megamenu.navigation span.cat-label, .category-boxed-banner .owl-item .item, .iwd-summary-cart, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary {
    border-radius: 0 !important;
}
@media (min-width: 768px) {
    .block-search input, .page-header.type1 .navigation > ul, .navigation li.level0, .page-header.type1 .navigation li.level0.parent:hover, .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header .navigation .level0 .submenu, .product.data.items > .item.title > .switch, .customer-welcome .header.links, .page-header.type5 .block-search input, .page-header.type5 .navigation .level0.parent:hover > .level-top, .page-header.type6 .block-search input, .page-header.type6 .navigation .level0:hover > .level-top, .page-header.type6 .navigation .level0.parent:hover > .level-top, .product.info.detailed.vertical .product.data.items > .item.title > .switch, .page-header.type5 .navigation .level0:hover > .level-top, .page-header.type11 .navigation li.level0.parent:hover
    {
        border-radius: 0;
    }
}
@media (min-width: 640px) {
    .modes-mode
    {
        border-radius: 0;
    }
}
.product-item-photo {
    border-radius: 0;
    border: 0;
    padding: 0;
}
.product-image-photo.hover_image {
    padding: 0;
    border-radius: 0;
}

/** vorhandene Werte überschrieben **/
@media (min-width:768px){.layout-1280 .block.category.event,.layout-1280 .footer.content,.layout-1280 .header.content,.layout-1280 .navigation,.layout-1280 .page-header .header.panel,.layout-1280 .page-main,.layout-1280 .page-wrapper>.breadcrumbs .items,.layout-1280 .page-wrapper>.page-bottom,.layout-1280 .page-wrapper>.widget,.layout-1280 .top-container{max-width:1600px}
.layout-1280 .container{max-width:1600px;width:100%}

.page-header .navigation .level0.parent > a:after {content: none;}

.filter.block{display: none;}
.products-grid .product-item-details .product-item-actions .actions-secondary.tocompare {display: none;}
.product-addto-links .action.tocompare {display: none;}

/*** navigation ***/
header .page-header .sticky-header .nav-sections{background-color: #c0c8de;}
header.page-header.sticky-header.type5 .navigation>ul{padding-right:50px; text-align:right;}
header.page-header.sticky-header.type5 .nav-sections{background-color:#c0c8de}
.page-header.type5:not(.header-newskin) .navigation .level0>.level-top{color:rgb(18,117,187);line-height:30px;display:inline-block;transition-delay:0.3s}
.page-header.type5:not(.header-newskin) .navigation .level0:hover>.level-top{color:#fff;background-color:#c0c8de;border-radius:0px}
/*
.header.panel{display:none;}
.minicart-wrapper{display:none;}
.search-area{display:none;}
.porto-icon-search {display:none;}
*/
.page-main .block{margin-bottom: 20px;}
.logo{width: 330px;}
.logo img{width: 330px;}
a:hover {text-decoration-line: none;}
.footer-bottom .custom-block {float: none; margin-top: -15px;}

/*** megamenü_anpassungen ***/

.sw-megamenu.navigation li.level0.fullwidth>.submenu{
	max-width:1400px;
	left:0
	;right:0
	;margin-left:auto!important;
	margin-right:auto!important
}
.sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a,
.sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    margin-top: 20px;
}
.sw-megamenu.navigation li.level0.fullwidth .submenu li.level2 > a,
.sw-megamenu.navigation li.level0.staticwidth .submenu li.level2 > a,
.sw-megamenu.navigation li.level0.fullwidth .submenu li.level3 > a,
.sw-megamenu.navigation li.level0.staticwidth .submenu li.level3 > a {
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    margin-top: 5px;
	color: #757575;
	margin-left: 0px;
}
.sw-megamenu.navigation li.level0.fullwidth .submenu li.level2 > a:hover,
.sw-megamenu.navigation li.level0.staticwidth .submenu li.level2 > a:hover,
.sw-megamenu.navigation li.level0.fullwidth .submenu li.level3 > a:hover,
.sw-megamenu.navigation li.level0.staticwidth .submenu li.level3 > a:hover {
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    margin-top: 5px;
	color: #000000;
}
.sw-megamenu.navigation li.level0.fullwidth .subchildmenu a:hover > span,
.sw-megamenu.navigation li.level0.staticwidth .subchildmenu a:hover > span {
    text-decoration: none;
}


/********** boxsys_schriften **********/


@font-face{
	font-family:"nexa-light";
    src:url("../web/fonts/nexa-light.woff2") format("woff2"),url("../web/fonts/nexa-light.woff") format("woff");
}
@font-face{
    font-family:"nexa-regular";
    src:url("../web/fonts/nexa-regular.woff2") format("woff2"),url("../web/fonts/nexa-regular.woff") format("woff");
}
@font-face{
    font-family:"nexa-extrabold";
    src:url("../web/fonts/nexa-extrabold.woff2") format("woff2"),url("../web/fonts/nexa-extrabold.woff") format("woff");
}
@font-face{
    font-family:"nexa-bold";
    src:url("../web/fonts/nexa-bold.woff2") format("woff2"),url("../web/fonts/nexa-bold.woff") format("woff");
}
@font-face{
    font-family:"nexa-book";
    src:url("../web/fonts/nexa-book.woff2") format("woff2"),url("../web/fonts/nexa-book.woff") format("woff");
}


/********** boxsys startseite highlights **********/


b, h1, h2, h3, h4, h5, h6{
	font-family: nexa-bold;
}
.boxsys_header {
	position: relative;
	background-color: #c0c8de;
	width: 100%;
	text-align: center;
	padding: 0;
}
.boxsys_header_info{
	z-index: 4;
	position: absolute;
	width: 245px;
	height: 64px;
	right: 80px;
	bottom: 150px;
	background-color: rgb(18,117,187);
	border-radius: 32px;
	border: solid #fff;
	color: #fff;
	font-size: 0.9em;
	padding-top: 12px;
}
.boxsys_highlights_bild:hover{
	box-shadow: 2px 2px 2px #777; 
}
.boxsys_header_box {
	position: relative; 
	width: 70%; 
	margin: 150px 0 150px 30%; 
	z-index: 4;
}
@media (max-width:1400px){
.boxsys_header_box {
	margin: 50px 0 50px 30%; 
}
}
@media (max-width:992px){
.boxsys_header_box {
	margin: 50px 15% 50px 15%; 
}
}
.boxsys_home_logo_container{
	width: 100%;
	padding-left: 150px;
	padding-right: 150px;
	text-align: left;
	font-family: nexa-light;
	font-size: 0.9em;
	color: #fff;
	background-color: #c0c8de;
}
@media (max-width:1600px){
	.boxsys_home_logo_container{padding-left: 30px; padding-right: 20px;}
}
.boxsys_home_logo{
	height: 60px;
	padding-right: calc((100% - 482px - 28px) / 7);
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.boxsys_header_logos {margin: 10px 40px 20px 40px;}
.boxsys_header_logos_text {color: #fff; text-align: left; padding-left: 250px;}
@media (max-width:1600px){
.boxsys_header_logos_text {padding-left: 150px;}
}
@media (max-width:1300px){
.boxsys_header_logos {margin: 10px 20px 20px 20px;}
}
@media (max-width:992px){
.boxsys_header_logos_text {padding-left: 50px;}
}
.boxsys_home_box {
	position: relative;
	background-color: #fff;
	border: 10px solid #e8eef1;
	width: 100%;
	font-size: 1em;
	padding: 20px;
	margin-bottom: 20px;
	line-height: 1.8;
}
.boxsys_produkt_waehlen {
	color: #fff;
	background-color: #1275bb;
	padding-top: 8px;
	width: 275px;
	height: 32px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	font-family: nexa-bold;
}
.boxsys_produkt_waehlen:hover{
	color: #1275bb;
	background-color: #fff;
}
.boxsys_produkt_waehlen_oeko {
	color: #fff;
	background-color: #669640;
	padding-top: 8px;
	width: 275px;
	height: 32px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	font-family: nexa-bold;
}
.boxsys_produkt_waehlen_oeko:hover{
	color: #669640;
	background-color: #fff;
}
.boxsys_home_h2 {
	font-size: 1em;
	color: #1275bb;
}
.boxsys_home_h3 {
	font-size: 1.1em;
	color: #1275bb;
}
.boxsys_home_h4 {
	font-size: 1.05em;
}
.boxsys_home_h5 {
	font-size: 1em;
}
.boxsys_home_highlights a:link{
	color: #1275bb;
}
.boxsys_home_highlights a:hover{
	color: #c0c8de;
}


/********** boxsys startseite video **********/


.boxsys_home_3d_konfigurator {
	position:relative;
	width: 100%;
	text-align: center;
	height: auto;
}
.konfigurator_video {
	z-index: 3;
	position: relative;
	margin: -20px auto 0 auto;
	width: 78%;
	height: auto;
}
.konfigurator_video_stripe{
	z-index: 4;
	position: relative;
	margin: auto;
	width: 320px;
	height: 40px;
	background-color: rgba(55,88,163,0.5);
}
video {
  width: 100%;
  height: auto;
}
.boxsys_home_3d_konfigurator_icon1{
	z-index: 2;
	position: absolute;
	top: 0px;
	left: -90px;
	width: 257px;
	height:257px;
}
.boxsys_home_3d_konfigurator_icon2{
	z-index: 2;
	position: absolute;
	bottom: 0px;
	right: -90px;
	width: 257px;
	height:257px;
}
@media (max-width:768px){
.boxsys_home_3d_konfigurator_icon1, .boxsys_home_3d_konfigurator_icon2  {display: none;}
.konfigurator_video {width: 100%;}
}


/********** boxsys startseite premium produkte **********/

.boxsys_premium_box{
	position: relative;
	display: table;
	border: 20px solid #e8eef1;
	width: 100%;
	font-size: 1em;
	background-color: #fff;
	padding: 0;
	
}
.boxsys_premium_bild {
	float: left;
	width: 50%;
	font-size: 1em;	
}
.boxsys_premium_text { 
	position: relative;
	z-index: 2;
	padding: 30px 30px 20px 30px;
	float:left;
	width:50%;
	/*text-align: justify;*/
	background-color: #fff;	
}
.boxsys_premium_bild2 {
	float: left;
	width: 60%;
	font-size: 1em;	
}
.boxsys_premium_text2 { 
	position: relative;
	z-index: 2;
	padding: 30px 30px 20px 30px;
	float:left;
	width:40%;
	/*text-align: justify;*/
	background-color: #fff;	
}
.boxsys_premium_balken3 {
	z-index: 4;
	position: absolute;
	width: 20px;
	height: 150px;
	left: calc(40% - 7px);
	bottom: 45px;
	background-color: rgba(216,143,1,0.5);
}
.boxsys_premium_balken {
	z-index: 4;
	position: absolute;
	width: 20px;
	height: 150px;
	left: calc(50% - 10px);
	bottom: 45px;
	background-color: rgba(216,143,1,0.5);
}
.boxsys_premium_balken2 {
	z-index: 4;
	position: absolute;
	width: 50%;
	height: 20px;
	right: 45px;
	bottom: 235px;
	background-color: rgba(216,143,1,0.5);
}


/********** boxsys startseite untere infoboxen **********/


.boxsys_iconbox {
  position: absolute;
  width: 95px;
  height: 95px;
  top: -40px;
  right: 5px;
 }


/********** boxsys rechte fixe buttons **********/


.boxsys_side_button_01 {
	z-index: 400; 
	position: fixed;
	top: 230px; 
	width: 53px; 
	height: 53px; 
	right: 0px;
	text-align: center;
	border-radius: 6px 0 0 6px; 
	background-color: rgb(18,117,187);
}
.boxsys_side_button_02 {
	z-index: 300; 
	position: fixed;
	top: 299px; 
	width: 53px; 
	height: 53px; 
	right: 0px;
	text-align: center;
	border-radius: 6px 0 0 6px; 
	background-color: rgb(18,117,187);
}
.boxsys_side_button_03 {
	z-index: 200; 
	position: fixed;
	top: 368px; 
	width: 53px; 
	height: 53px; 
	right: 0px;
	border-radius: 6px 0 0 6px; 
	text-align: center;
	background-color: rgb(18,117,187);
}
.boxsys_side_button_04 {
	z-index: 100; 
	position: fixed;
	top: 437px; 
	width: 53px; 
	height: 53px; 
	right: 0px;
	color: #ffffff;
	text-align: center;
	border-radius: 6px 0 0 6px; 
	background-color: #669640;
}
.boxsys_side_button_01:hover {
	z-index: 450;
	text-align: left;
	padding-left: 15px;
	top: 173px;
	width: 700px;
	height: 110px;
	background-color: rgba(18,117,187,0.9);
}
.boxsys_side_button_04:hover {
	z-index: 150;
	text-align: left;
	padding-left: 10px;
	padding-right:40px;
	top: 437px;
	width: 370px;
	height: 250px;
	background-color: rgba(102,150,64,0.9);
}
.boxsys_side_oeko {
	margin-top: -10px;
	margin-left: 54px;
	line-height: 1.3;
}
.boxsys_side_kunde {
	margin-top: -20px;
	margin-left: 54px;
}
@media (max-width:768px){
.boxsys_side_button_01, .boxsys_side_button_02, .boxsys_side_button_03, .boxsys_side_button_04  {display: none;}
}


/********** boxsys footer **********/


.boxsys_phone_logo {
	float: left;
	height: 36px;
	width: 56px;
}
.boxsys_phone_number {
	height: 36px;
	font-weight: bold;
	font-size: 2em;
}
@media (max-width:1110px){
.boxsys_phone_number {font-size: 1.5em;}
}


/********** boxsys home slider **********/


#boxsys_header_slider {
	position: relative;
	margin: 0;
	background: none;
	border: none;
}
#boxsys_header_slider figure {
	position: absolute;
	display: inline-block;
	z-index: 1;
	animation: wechseln 15s infinite;
}
#boxsys_header_slider figure:last-of-type {
	position: relative;
}
@keyframes wechseln {
	0% {opacity: 0;}
	20% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}
#boxsys_header_slider figure:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}
#boxsys_header_slider figure:nth-of-type(3) {
	animation-delay: 10s;
	opacity: 0;
}

/********** boxsys 2te unterseite **********/

.toolbar-products {display: none;}

.boxsys_kategorie_box {
	position: relative;
	margin: 0px;
	width: 100%;
	padding: 0;
	margin-bottom: 40px;
}
.boxsys_kategorie_box_text {
	position: absolute;
	width: 50%;
	left:30px;
	top: 60px;
	color: #777;
}
.boxsys_kategorie_box_button {
	position: absolute;
	width: 50%;
	left:30px;
	bottom: 60px;
}
.boxsys_kategorie_box:hover {
	box-shadow: 2px 2px 4px #777;
}
@media (max-width:1200px){
	.boxsys_kategorie_box_text {top: 30px;}
	.boxsys_kategorie_box_button {bottom: 30px;}
}

/********** boxsys produktseite test **********/

.boxsys_config_links{
	padding: 0;
}
.boxsys_config_mitte{
	padding: 0;
}
.boxsys_config_rechts{
	position: relative;
	padding: 10px 0 10px 0;
	background-color: #f5f5f5;
	height: 620px;
	width: 100vw;
	margin: 10px 0 10px 0;
}
.boxsys_config_3d{
	padding: 0;
}
div.dreieck {
	position: absolute;
	width: 0px;
	left: -25px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 20px solid #fff;
	transform: rotate(270deg);
}

#boxsys_format_container, #boxsys_material_container, #boxsys_bedruckung_container, #boxsys_extras_container, #boxsys_auflage_container, #boxsys_versand_container {
	position: relative;
	padding: 10px 15px 10px 15px;
	width: 230px;
	margin: 10px 0 10px 20px;
	height: 620px;
	background-color: #fff;
	display: none;
	box-shadow: 10px 10px 15px silver;
	font-size: 1em;
}
#boxsys_format_button, #boxsys_material_button, #boxsys_bedruckung_button, #boxsys_extras_button, #boxsys_auflage_button, #boxsys_versand_button, #boxsys_reset_button {
	background-color: #f5f5f5;
	width: 80px;
	height: 80px;
	margin: 10px 0 10px 0;
	border: none;
	cursor: pointer;
}
#boxsys_config_format, #boxsys_config_material, #boxsys_config_bedruckung, #boxsys_config_extras, #boxsys_config_auflage, .boxsys_config_leer{
	margin: 10px 0 10px 0;
	left: 0;
	right: 0;
	padding: 10px 15px 10px 15px;
	font-size: 1em;
}
#boxsys_config_format b, #boxsys_config_material b, #boxsys_config_bedruckung b, #boxsys_config_extras b, #boxsys_config_auflage b, .boxsys_config_leer b{
	font-size: 1.2em;
}