/*@font-face { font-family: 'schreibschrift'; src: url('/_konfigurator/schriften/NOGALLERY_SCRIPTBL.ttf') format('truetype'); }
@font-face { font-family: 'blockschrift'; src: url('/_konfigurator/schriften/NOGALLERY_FUTURA.ttf') format('truetype'); }
@font-face { font-family: 'blockunterline'; src: url('/_konfigurator/schriften/NOGALLERY_COMPCTAB.ttf') format('truetype'); }
@font-face { font-family: 'blockschreibschrift'; src: url('/_konfigurator/schriften/NOGALLERY_SCRIPTBL_STEG.ttf') format('truetype'); }
@font-face { font-family: 'wilderaSM'; src: url('/_konfigurator/schriften/NG1WilderaSteg.ttf') format('truetype'); }
@font-face { font-family: 'wilderaL'; src: url('/_konfigurator/schriften/NG2WilderaSteg.ttf') format('truetype'); }
@font-face { font-family: 'wildera'; src: url('/_konfigurator/schriften/NGWildera.ttf') format('truetype'); }
@font-face { font-family: 'magnoliasky'; src: url('/_konfigurator/schriften/NGMagnoliaSky.ttf') format('truetype'); }
@font-face { font-family: 'bettertogether'; src: url('/_konfigurator/schriften/NGBetterTogether.ttf') format('truetype'); }
@font-face { font-family: 'futura'; src: url('/_konfigurator/schriften/NG1FuturaBdCd.ttf') format('truetype'); }
@font-face { font-family: 'futuraL'; src: url('/_konfigurator/schriften/NG2FuturaBdCd.ttf') format('truetype'); }
@font-face { font-family: 'helvetica'; src: url('/_konfigurator/schriften/NG1Helvetica.ttf') format('truetype'); }
@font-face { font-family: 'helveticaL'; src: url('/_konfigurator/schriften/NG2Helvetica.ttf') format('truetype'); }
@font-face { font-family: 'helveticaunterline'; src: url('/_konfigurator/schriften/NG1HelveticaSteg.ttf') format('truetype'); }
@font-face { font-family: 'helveticaunterlineL'; src: url('/_konfigurator/schriften/NG2HelveticaSteg.ttf') format('truetype'); }
@font-face { font-family: 'neuroman'; src: url('/_konfigurator/_diyset/schrift/HelveticaNeueLTPro-Roman.otf') format('truetype'); }
*/



@font-face { 
font-family:'schreibschrift'; 
src: url('/_konfigurator/schriften/NOGALLERY_SCRIPTBL.ttf') format('truetype');
 }
 
 @font-face {
	 font-family: 'blockschrift'; 
	 src: url('/_konfigurator/schriften/NOGALLERY_FUTURA.ttf') format('truetype');
	 }
	 
 @font-face { 
 font-family: 'blockunterline'; 
 src: url('/_konfigurator/schriften/NOGALLERY_COMPCTAB.ttf') format('truetype'); 
 }
 
 @font-face { 
 font-family: 'blockschreibschrift'; 
 src: url('/_konfigurator/schriften/NOGALLERY_SCRIPTBL_STEG.ttf') format('truetype');
 }
 
 
 @font-face { 
 font-family: 'wilderaSM'; 
 src: url('/_konfigurator/schriften/NG1WilderaSteg.ttf') format('truetype'); 
 }
 
@font-face { 
font-family: 'wilderaL'; 
src: url('/_konfigurator/schriften/NG2WilderaSteg.ttf') format('truetype'); 
}
 

@font-face { 
font-family: 'wildera'; 
src: url('/_konfigurator/schriften/NGWildera.ttf') format('truetype');
 }
 
 
 @font-face { 
 font-family: 'magnoliasky';
 src: url('/_konfigurator/schriften/NGMagnoliaSky.ttf') format('truetype');
 }
 
@font-face { 
font-family: 'bettertogether';
 src: url('/_konfigurator/schriften/NGBetterTogether.ttf') format('truetype'); 
 }
 
@font-face { 
font-family: 'futura'; 
src: url('/_konfigurator/schriften/NG1FuturaBdCd.ttf') format('truetype'); 
}
 
 @font-face {
	 font-family: 'futuraL'; 
	 src: url('/_konfigurator/schriften/NG2FuturaBdCd.ttf') format('truetype'); 
	 }
 
@font-face {
	font-family: 'helveticaneu'; 
	src: url('/_konfigurator/schriften/NG1Helvetica.ttf') format('truetype');
	}

@font-face {
	font-family: 'helveticaL';
	src: url('/_konfigurator/schriften/NG2Helvetica.ttf') format('truetype');
}

@font-face {
	font-family: 'helveticaunterline'; 
	src: url('/_konfigurator/schriften/NG1HelveticaSteg.ttf') format('truetype');
	}
	*/
	
@font-face {
	font-family: 'helveticaunterlineL'; 
	src: url('/_konfigurator/schriften/NG2HelveticaSteg.ttf') format('truetype'); 
	}

@font-face { 
font-family: 'neuroman'; 
src: url('/_konfigurator/_diyset/schrift/HelveticaNeueLTPro-Roman.otf') format('truetype'); 
}

/* Text Konfigurator */
.keen-slider__wrapper.custom-konfig{
	display:none !important;
}

[id="maintenance-mode"]{
display: none !important;
}
/*.dropdown-menu  .color-radio{
	margin-left:90% !important;
}*/

@media screen and (min-width: 1100px) {
.custom-konfig {
   padding-top: 0 !important;
margin-top: 0 !important;
}
}

@media screen and (max-width: 1080px) {
.custom-konfig {
   padding-top: 0 !important;
margin-top: 100px !important;
}
}

@media screen and (max-width: 1024px) {
.custom-konfig {
   padding-top: 0 !important;
margin-top: 100px !important;
}
}
@media screen and (max-width: 376px) and (max-height: 670px) {
.custom-konfig {
   padding-top: 0 !important;
margin-top: 100px !important;
}
}


/*
@media screen and (max-width: 990px) {
.custom-konfig {
	margin-top: -950px !important;
}
}


@media screen and (max-width: 830px) {
.custom-konfig {
	margin-top: -1100px !important;
}
}

@media screen and (max-width: 770px) {
.custom-konfig {
	margin-top: -950px !important;
}
}


@media screen and (max-width: 667px) {
.custom-konfig {
	margin-top: -700px !important;
}
}


@media screen and (max-width: 540px) {
.custom-konfig {
	margin-top: -700px !important;
}
}


@media screen and (max-width: 830px) {
.custom-konfig {
	margin-top: -1000px !important;
}
}



@media screen and (max-width: 480px) {
.custom-konfig {
	margin-top: -950px !important;
}
}


@media screen and (max-width: 390px) {
.custom-konfig {
	margin-top: -900px !important;
}
}

@media screen and (max-width: 380px) {
.custom-konfig {
	margin-top: -760px !important;
}
}

*/

#zeigpreis .price_label {
	display:none !important;
}

/* Dyset Konfigurator */
.no-steuerelemente .ms-nav-next{display:none !important;}
.no-steuerelemente .ms-nav-prev{display:none !important;}
			
			
			/* grab cursor */
.no-steuerelemente .ms-grab-cursor {
 cursor: none !important;
}
	

#nopreis{display:none;}


.prevCom1 {
	font-size:20px !important;	
}
.prevCom2 {
	font-size:25px !important;	
}
.prevCom3 {
	font-size:32px !important;	
}
.prevCom4 {
	font-size:25px !important;	
}
.prevCom5 {
	font-size:32px !important;	
}
#box{
	border-style: solid; 
	border-width: 1px; 
	border-top-color:#cccccc;
	border-bottom-color:#cccccc;
	border-left-color:#ffffff;
	border-right-color:#ffffff;
	margin-top:0px;
	padding-top:0px; 
	padding-left:0px;
	margin-bottom:20px;
	font-weight:bold;		
}
#preisausgabe{
	margin-top:-10px;
	font-size:25px !important;
	font-weight:600;
    font-family: "Lato", sans-serif;;
}
#mwst{
	margin-top:-30px;
	margin-bottom:5px;
	font-size:10px !important;
	color:#cccccc;
}


/*   Costum Gallery  */

#previewbild{
	position:relative;
	z-index:2px;
	
}


.rowbox{
            display:flex;
			flex-wrap: wrap;
			justify-content: center;
            }
			
			 .rowbox-no{
            display:flex;
			justify-content: left;
            }
			

        .columnbox {
            position: relative;
			
        }
		.columnbox-no {
            position: relative;
			
        }
		
		
		.columnbox-no2 {
            position: relative;
			
        }
        .columnbox:after {
            content: url("/img/lupe1.png");
            position: absolute;
            left: 0;
            top: 0;
        }    

        .columnbox img{
            margin: 0 19px 0 0;
			width:61px;
			height:61px;
        }

        /* The Modal (background) */
        .modal {
            display: none;
            position: fixed;
            z-index: 1000000000;
            padding-top: 10px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.8);
		
        }

        /* Modal Content */
        .modal-content {
            position: relative;
            text-align: center;
            margin: auto;
            padding: 0;
            max-width: 95vw;
			background-color:#666666;
        }

        /* The Close Button */
        .close {
            color: white;
            position: absolute;
            top: 10px;
            right: 25px;
            font-size: 35px;
            font-weight: bold;
            z-index: 30000000000;
        }

        .close:hover,
        .close:focus {
            color: #999;
            text-decoration: none;
            cursor: pointer;
        }



#myModal .close::before{
	
	display:none !important;
	    background-color:none !important;
		
	
}
#myModal .close::after{
	
	display:none !important;
	    background-color:none !important;
		
	
}
        /* Hide the slides by default */
        .mySlides {
            display: none;
            height: 98vh;
            align-items: center;
            justify-content: center;
        }

        .mySlides img{
            box-sizing: border-box;
            padding: 20px;
            max-height: 95vh;
            width: auto;  
            max-width: 95vw;          
             }

        /* Next & previous buttons */
        .prevmodal,
        .nextmodal {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -50px;
            color: white;
            font-weight: bold;
            font-size: 20px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            -webkit-user-select: none;  
			z-index:30000000000;
        }
        .prevmodal{
            left:10px;
        }
        .nextmodal{
            right:10px;
        }

        /* Position the "next button" to the right */
        .nextmodal {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        /* On hover, add a black background color with a little bit see-through */
        .prevmodal:hover,
        .nextmodal:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        /* Number text (1/3 etc) */
        .numbertext {
            color: #f2f2f2;
            font-size: 12px;
            padding: 8px 12px;
            position: absolute;
            top: 0;
            left: 10px;
        }

        /* Caption text */
        .caption-container {
            text-align: center;
            background-color: black;
            padding: 2px 16px;
            color: white;
        }

        img.demo {
            opacity: 1;
            box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.8);
        }

        .activemodal,
        .demo:hover {
            opacity: 0.8;
        }

        img.hover-shadow {
            transition: 0.3s;
        }

        .hover-shadow:hover {
            box-shadow: 0px  0px 0px 0px rgba(0, 0, 0, 0);
        }
		

/*NEU ---------------------------------------------------------------  */


body #democlass {
	transform:translate3d(0, 0, 0) !important;
	position:relative;
	left:0px !important;
	margin-left:0 !important;
    margin-right:0 !important;
    
}


#picus{
	height:500px !important; 
	width: 500px !important; 
}


#hintergrund-rahmen {
	position: absolute;
	width: 500px;
	height:500px;
    margin-top: -10px !important;
	margin-left: 115px;
	z-index: 1;
	text-align:center;
}



#picus2 {
    height: 513.5px;
    margin-left: -105px !important;
    padding-top: 9px;
}



#rahmenkonfig{

	justify-content: center;
    left: 39%;
	top: 5%;
	align-items:center;
	z-index: 3;
	position:absolute;
	width:220px;
	-webkit-justify-content: center;
    -webkit-align-items: center;
	text-align:center;
filter: drop-shadow(1px 3px 4px rgb(3 3 3 / 0.6)) !important;
}


#prevCom {
	color: #E9D1D3;
	/*font: 30px 'blockschrift';*/
	font-family:'neuroman'; 
	font-size:19px !important;
	letter-spacing:0;
	position: absolute;
	width: 255px;
    margin-top: 68% !important;
	left: 35.5%;
	margin-left: 0px;
	z-index: 100;
	font-weight:800 !important;
	text-align:center;
	text-transform: uppercase;
filter: drop-shadow(1px 3px 4px rgb(3 3 3 / 0.6)) !important;
}


.textschrift_1{
	font-size:14px;
	
}
.textschrift_2{
	font-size:12px;
}

.trenner-strich{
margin-bottom:-15.8px;
padding:0;
}



.strich_1{
text-underline-offset:1.0px;  
text-decoration:underline;
text-decoration-thickness: 4.75px;
}
.strich_2{
text-underline-offset:1.0px;
text-decoration:overline;
 text-decoration-thickness: 4.75px;
}



.main-content p.trenner-strich{
 margin-bottom: -12.5px !important;
 padding: 0;
}


#blumenkranz {


	position: absolute;
	width: 255px;
    margin-top: -10px !important;
	left: 21px;
	margin-left: 0px;
	z-index: 900;
	text-align:center;

}

img#blume{
	width: 500px;	
	height: auto;
}

#prevComA3 {
visibility:hidden;
margin:0;
padding:0;
max-height: 0;

}





/* MOBIL -----------------------------------------*/



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

#picus {
    height: auto !important;
    width: 500px !important;
	margin-left: -50px !important;
}


#picus2 {
height: 510px;
    margin-left: -110px !important;
    padding-top: 10px;

}


	
#rahmenkonfig{
	
	
    left: 148px;
    top: 89px;
    width: 240px;

}

#hintergrund-rahmen{
	    margin-left: 65px !important;
}


#prevCom {


    width: 250px;
    margin-top: 365px !important;
    left: 143px;


}


.main-content p.trenner-strich{
 margin-bottom: -17px !important;
 padding: 0;
}

.strich_1{
text-underline-offset:1.0px;  
text-decoration:underline;
text-decoration-thickness: 3px;
}
.strich_2{
text-underline-offset:1.0px;
text-decoration:overline;
 text-decoration-thickness: 3px;
}
.textschrift_1{
	font-size:12.5px;
	letter-spacing:-0.2px;
	
}
.textschrift_2{
	font-size:10.5px;
	letter-spacing:-0.2px;
}


}



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

#picus {
    height: auto !important;
    width: 400px !important;
	margin-left: 0 !important;
}


#picus2 {
height: 410px;
    margin-left: -330px !important;
    padding-top: 10px;

}

#hintergrund-rahmen{
	    margin-left: 110px !important;
}
	
#rahmenkonfig{
	
	
    left: 110px;
    top: 75px;
    width: 190px;
}


#prevCom {

width: 250px;
    margin-top: 285px !important;
    left: 83px;

}


.main-content p.trenner-strich{
 margin-bottom: -17px !important;
 padding: 0;
}

.strich_1{
text-underline-offset:1.0px;  
text-decoration:underline;
text-decoration-thickness: 3px;
}
.strich_2{
text-underline-offset:1.0px;
text-decoration:overline;
 text-decoration-thickness: 3px;
}
.textschrift_1{
	font-size:10.5px;
	letter-spacing:-0.2px;
	
}
.textschrift_2{
	font-size:8.5px;
	letter-spacing:-0.2px;
}


}








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

#picus {
    height: auto !important;
    width: 490px !important;
}


#picus2 {
 height: 500px;
    margin-left: -240px !important;
    padding-top: 10px;

}


	
#rahmenkonfig{

    left: 150px;
    top: 90px;
    width: 200px;
}


#prevCom {

width: 250px;
    margin-top: 350px !important;
    left: 127px;

}


.main-content p.trenner-strich{
 margin-bottom: -17px !important;
 padding: 0;
}

.strich_1{
text-underline-offset:1.0px;  
text-decoration:underline;
text-decoration-thickness: 3px;
}
.strich_2{
text-underline-offset:1.0px;
text-decoration:overline;
 text-decoration-thickness: 3px;
}
.textschrift_1{
	font-size:10.5px;
	letter-spacing:-0.2px;
	
}
.textschrift_2{
	font-size:8.5px;
	letter-spacing:-0.2px;
}


}






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

#picus {
    height: auto !important;
    width: 380px !important;
}


#picus2 {
    height: 390px;
    margin-left: -350px !important;
    padding-top: 10px;
}

#hintergrund-rahmen{
	    margin-left: 110px !important;
}
	
#rahmenkonfig{

  left: 105px;
    top: 50px;
    width: 180px;
}


#prevCom {

width: 140px;
margin-top: 270px !important;
left: 127px;

}


.main-content p.trenner-strich{
 margin-bottom: -17px !important;
 padding: 0;
}

.strich_1{
text-underline-offset:1.0px;  
text-decoration:underline;
text-decoration-thickness: 3px;
}
.strich_2{
text-underline-offset:1.0px;
text-decoration:overline;
 text-decoration-thickness: 3px;
}
.textschrift_1{
	font-size:9.5px;
	letter-spacing:-0.2px;
	
}
.textschrift_2{
	font-size:7.5px;
	letter-spacing:-0.2px;
}


}
























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

#picus {
    height: auto !important;
    width: 280px !important;
}


#picus2 {
    height: 290px;
    margin-left: -450px !important;
    padding-top: 10px;
}


	
#rahmenkonfig{

  left: 80px;
    top: 50px;
    width: 130px;
}


#prevCom {

width: 140px;
margin-top: 190px !important;
left: 77px;
}


.main-content p.trenner-strich{
 margin-bottom: -17px !important;
 padding: 0;
}

.strich_1{
text-underline-offset:1.0px;  
text-decoration:underline;
text-decoration-thickness: 3px;
}
.strich_2{
text-underline-offset:1.0px;
text-decoration:overline;
 text-decoration-thickness: 3px;
}
.textschrift_1{
	font-size:8.5px;
	letter-spacing:-0.2px;
	
}
.textschrift_2{
	font-size:6.5px;
	letter-spacing:-0.2px;
}


}








@media screen and (min-width: 768px) {

#nostick{
	
	position:unset !important;
	
}

}

/*


@-moz-document url-prefix() {
	
	#rahmenkonfig{
	
	justify-content: center;
    left: 135px;
	top: 70px;
	align-items:center;
	z-index: 3;
	position:absolute;
	width:245px;
	-webkit-justify-content: center;
    -webkit-align-items: center;
	text-align:center;
filter: drop-shadow(1px 3px 4px rgb(3 3 3 / 0.6)) !important;
	}
#blumenkranz {

	position: absolute;
	width: 255px;
    margin-top: -10px !important;
    left: 5px;
	margin-left: 0px;
	z-index: 900;

	text-align:center;

}

img#blume{
	width: 540px;	
	height: auto;
}



#prevCom {
	width: 255px;
    margin-top: 360px !important;
	left: 129px;
}




#hintergrund-rahmen {
	position: absolute;
	width: 500px;
	height:500px;
    margin-top: -35px !important;
	margin-left: 116px;
	z-index: 1;

	text-align:center;

}

#picus2{
	height:533.5px; 
	width: 500px;
	margin-left: -242px !important;
	padding-top:32px;	
}

}

*/