shop_active_data_textbody {background-color:#000;}

html {
  scroll-behavior: smooth;
}

/*
.navbar {-webkit-flex-wrap: nowrap;}

.navbar-brand a {font-size:30px;}
.nav-right ul {line-height:14px;}
*/
.cid-rgaWzJvQrH .navbar.opened {background-color:#78e0e1 !important;}

/*
.navbar-toggler {display:none;}
*/
  label {
    display: inline-block;
}

.wishlistclass {cursor:pointer;}

#formbuilder-1h img{vertical-align:top;}

#welcome_text {font-size:0.9em; margin:0 auto 0 auto;  margin-top:0px; max-width:50%; line-height:20px; text-align:left;}
#welcome_text h1 {font-size:1.4em;}
#welcome_text h3 {font-size:1.2em;}

#pt-4 {margin-top:-40px;}

/* #counters5-w { height:auto; max-width:100%; background-image:url(/fileadmin/templates/lochteshop_images/hintergrund-1.jpg); text-align:center; padding-top:60px; padding-bottom:20px;} */

#counters5-w { height:auto; max-width:100%; background-color:#333; color:#fff; text-align:center; padding-top:60px; padding-bottom:20px;}

#counters5-b {padding-top:0px; padding-bottom:0px;}
.row {display:block;}
.cid-rglqoteq4o .cards-bloc {border-top:0px;}
.container {max-width:100%;}

#counters5-w .cards-block {text-align:center;}
#counters5-w .panel-item {text-align:center;}
#counters5-w .card-text {margin: 0px auto 0px auto;}

#upper_menu {max-width:900px; height:auto; text-align:center; color:white; text-transform: uppercase; margin:0 auto 0 auto;}
#upper_menu h3{font-size:1em; }
#upper_menu div:hover {cursor:pointer; border:2px solid red;   opacity: 0.8; filter: alpha(opacity=80);}
#upper_menu div {width:210px; padding: 5px 10px 8px 10px;border-radius: 30px; height:30px; margin-top:10px; margin-right:5px;}



#upper_menu1 div {}
#upper_menu1 div:hover {cursor:pointer;  opacity: 0.8; filter: alpha(opacity=80); }
#upper_menu1 div h3 {font-size:16px; padding:5px 10px 5px 10px; color:white;}
#upper_menu1 div h3:hover { opacity: 0.5; filter: alpha(opacity=50); }


.group_active_title{width:100%; color:#fff; text-transform: uppercase;padding:10px 40px 10px 40px;}


.box_preview {float:left;  height:350px; color:#fff; padding:20px 50px 20px 0px; margin-right:20px; margin-bottom:20px;}
.box_preview_image {max-width:160px; width:160px;  transition: transform .3s ease;}
.box_preview_image:hover{    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
	transform: scale(1.05);}

.box_image_text {font-size:10px; margin-top:0px;}
.box_image_text1 {clear:both; font-size:10px; margin-top:5px;}

.box_image_text:hover {cursor:pointer; color:#000;}
.box_image_text1:hover {cursor:pointer; background-color:lightgrey!important;}

.box_preview_landscape {float:left;  height:350px; color:#fff; padding:20px 50px 20px 0px; margin-right:20px; margin-bottom:20px;}
.box_preview_landscape .box_preview_image {max-width:285px; width:285px;}

.box_preview_square {float:left;  height:350px; color:#fff; padding:20px 50px 20px 0px; margin-right:20px; margin-bottom:20px;}
.box_preview_square .box_preview_image {max-width:214px; width:214px;}

.box_preview p, .box_preview_landscape p, .box_preview_square p  {max-width:200px; display:block; font-size:12px; line-height:14px;margin-top:5px;}
.box_preview a, .box_preview_landscape a, .box_preview_square a  {display:block;line-height:14px;}

.box_inner {height: 230px;}
.box_inner_landscape {height: 230px;}
.box_inner_square {height: 230px; }



/****
.single_image {max-width:400px;}
.single_image_landscape {max-width:700px; }
****/

.image_next {float:right; color:#fff;}
.image_prev {float:left; color:#fff;}
.image_next:hover {cursor:pointer; color:#888;}
.image_prev:hover {cursor:pointer; color:#888;}


#shop_active_image {float:left; margin-right:20px; margin-top:-30px; margin-bottom:30px;}

#shop_active_data {float:left; line-height:8px; margin-top:10px; margin-top:-30px; max-width:40%; line-height:20px;}	
.shop_active_data_title {text-transform: uppercase; font-weight:bold; font-size:1.2em;}

.shop_active_data_dibond {float:left; padding:5px 5px 5px 5px; margin-right:5px; background-color:#777;}
.shop_active_data_print {float:left; padding:5px; margin-right:5px; background-color:#777;}

.shop_active_data_dibond:hover, .shop_active_data_print:hover {background-color:#444; cursor:pointer; }

.shop_active_data_dibond .dimensions, .shop_active_data_print .dimensions { font-size:0.8em; padding-top:0px; font-weight:bold;}

.shop_active_data_title_dibond, .shop_active_data_title_print {clear:both; font-weight:bold; text-align:left; padding-bottom:7px; font-size:0.8em; }
.shop_active_data_price{padding-top:5px;font-size:0.8em; font-weight:bold;}

#order_button{clear:both;  min-width:250px; height:80px; margin-top:20px;line-height:50px; color:#fff;}
#order_button_left{ background-color:#fff; width:100%;height:80px; color:#000;font-size:0.8em;line-height:15px;}
#order_button_right{ background-color:green; width:100%;height:40px; line-height:40px; display:none; border-radius: 20px; box-shadow: 10px 10px 15px silver; margin-top:3px;}
#order_button_right:hover {cursor:pointer;}


#order_form_imagepreview {max-width:40%; max-height:40%; height:auto; float:left; margin-right:20px; margin-left:5px; object-fit: scale-down; object-position:top;margin-bottom:30px;}
#order_form_textpreview { float:left; height:auto; margin-bottom:30px;}

.order_single_form_conditions {line-height:18px;}


#formbuilder-1h {width:70%; margin:0px auto 0px auto; text-align:left; }

#formbuilder-1h .form-row {display:inline; }

#infobox_button1, #infobox_button1:active {width:20px: height:20px; margin:0px 0 0 0px; padding:0px 3px 1px 3px; border:0px; line-height:16px; font-size:12px; color:#fff; background-color:#555; }
#infobox_button1:hover  {cursor:pointer}
#infobox_content1 {color:#000;}
#infobox_content1 .modal-body {font-size:14px; line-height:14px;}
#infobox_content1 .modal-body img {max-width:90%;}    

#benefits {width:50%;}
#addinfo  {width:55%;}


#picture_text_news {clear:both; display:none; width:680px;}
#social_links  {clear:both; display:none; width:680px; margin-left:-42px;}


#addinfo {max-width:48%;}


#shop_active_data_img {height:300px;background-size:auto 100% ;}
#shop_active_data_imgtext  {display:block; font-size:14px; width:245px; margin-left:545px; padding:20px 0 0 0;}
#shop_active_data_text {display:none;}

#newsshop_header a{line-height:14px;}



/* ---------- tablet portrait  ---------- */

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

#shop_active_data {max-width:100%;}	

#welcome_text {margin:0 auto 0 auto; max-width:100%; font-size:0.9em; text-align:left;}
#welcome_text h3{font-size:1.2em; }

#upper_menu {max-width:625px;}
#upper_menu div {width:150px; font-size:0.7em; max-height:50px; }
#upper_menu h3{ padding-top:4px;  }

#upper_menu h3{font-size:1em; }

.group_active_title {font-size:1.2em;}

#formbuilder-1h {width:80%;}

}




/* ---------- mobile landscape + portrait  ---------- */
@media only screen and (max-width: 624px) {

.card-text {max-width:350px;}

#scrollToTop {display:none;}

#counters5-w {padding-top:15px;}


/*****
.cid-rgaWzJvQrH  .navbar {min-height:1em; line-height:1.1em;  font-size:10px;}
.nav-right .nav-item a{font-size:11px; line-height:10px;}
.nav-right .active a{font-size:11px; line-height:10px;}

.navbar-brand {min-height:1em; font-size:1.0em;line-height:1.1em; width:120px;}
.navbar-caption-wrap a{font-size:1.0em;line-height:1.1em;}


#welcome_text {margin:0 auto 0 auto; font-size:0.8em; max-width:100%;  line-height:14px; text-align:left; }
#welcome_text h3{font-size:1.1em; }

#upper_menu {max-width:100%; margin-left:40px;}
#upper_menu div {width:150px; height:24px; padding:0px;  margin-bottom:6px; margin-top:0px;}
#upper_menu h3{font-size:1em; padding-top:1px; margin:0px; line-height:21px;}


#upper_menu1 div {width:auto; line-height:18px; padding:0px;  margin-top:0px;}
#upper_menu1 h3 {font-size:18px; line-height:18px; padding:4px;  margin-top:0px;}
#upper_menu div {height:35px;}
****/




.group_active_title {font-size:1.2em;}

#formbuilder-1h {width:100%; padding-top:0px;}

.myboxclass {padding-left:0px; padding-right:0px;}
.mypanelitemclass { margin-left:-15px;}

.box_preview {float:left;  height:520px;color:#fff; padding:20px; margin-left:0px; margin-bottom:20px;  line-height:12px; }
.box_preview p, .box_preview_landscape p, .box_preview_square p {font-size:10px; margin-top:0px;max-width:250px; width:250px;}
/* .box_preview_image {max-width:100px; width:110px;} */
.box_preview_image {max-width:258px; width:258px;}


.box_preview .wishlistclass {padding-top:5px;}


.box_preview_landscape {float:left;  }
/* .box_preview_landscape .box_preview_image {max-width:210px; width:210px;}*/
.box_preview_landscape .box_preview_image {max-width:258px; width:258px;}

.box_preview_square {float:left;  height:420px;}
/* .box_preview_square .box_preview_image { max-width:158px; width:158px;} */
.box_preview_square .box_preview_image { max-width:258px; width:258px;}

.box_inner {height: 345px;}

.box_inner_landscape { height: 170px;}
.box_inner_landscape p {margin-top:0px;}

.box_inner_square {  height: 235px;} 
.box_inner_square p {margin-top:0px;}

.box_image_text1 {font-size:0.7em;padding:0px;}

.single_image {clear:both; max-width:300px; }
.single_image_landscape {max-width:300px;}


.shop_active_data{clear:both; max-width:300px;}
.picture_text_news{clear:both; max-width:300px;}

.shop_active_data_title {line-height:20px;}
.shop_active_data_text { text-align:left; }
.shop_active_data_title_dibond, .shop_active_data_title_print {font-size:0.7em;}

#order_button{margin-bottom:40px;}

#benefits {width:90%; text-align:left;}
#addinfo  {width:90%; text-align:left;}

.panel-item .card-text p {}
#counters5-b {margin-top:-30px;}

#picture_text_news { width:280px;}

#addinfo {max-width:80%;}
#infobox_button1 {margin-top:3px;}

#shop_header {margin-top:0px; margin-bottom:38px;}
#shop_active_data_img { height:150px; background-size:cover;}
#shop_active_data_imgtext {display:none;}
#shop_active_data_text {display:block; text-align:left;  padding:0 10px 0 10px;}

.myfootermenu {  max-width:360px; }
.myfootermenu a { float:left; line-height:15px;}
.social-list {clear:both;}
}





/* heller Hintergrund 2019_10 */
body {background-color:#fff; color:#333;}
#counters5-w, #counters5-b, .cards-container, .preview-title, .box_preview_landscape, .box_preview, .box_preview_square , .box_image_text1 {background-color:#fff; color:#333;}

.preview-title {font-weight:bold;}


.image_preview_title{text-transform: uppercase; font-weight:bold;}
.box_image_text1 {font-size:12px; font-weight:bold;}
.box_preview_landscape, .box_preview, .box_preview_square {text-align:left; border:0px solid #888;margin-top:20px;}

.box_image_text1 {background-color:#fff; padding:0px; font-weight:bold;}

.shop_active_data_dibond, .shop_active_data_print {background-color:#eee;
   background-image: -webkit-linear-gradient(top, #eee, #ddd);
   background-image: -moz-linear-gradient(top, #eee, #ddd);
   background-image: -ms-linear-gradient(top, #eee, #ddd);
   background-image: -o-linear-gradient(top, #eee, #ddd);
   background-image: -webkit-gradient(to bottom, #eee, #ddd);
  -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 1px 1px 3px 0 #000000;
   -moz-box-shadow: 1px 1px 3px 0 #000000;
   box-shadow: 1px 1px 3px 0 #000000;
border:2px solid #eee;
}
/*2026-3
.shop_active_data_dibond:hover, .shop_active_data_print:hover {background-color:#ccc;
   -webkit-box-shadow: 0px 0px 0px 0 #000000;
   -moz-box-shadow: 0px 0px 0px 0 #000000;
   box-shadow: 0px 0px 0px 0 #000000;
border:2px solid #578ec6;
} 
*/
#order_button_left {border:1px solid green;}
.image_next, .image_prev {color:#888; border:1px solid black; border-radius:10px; padding:5px 10px 5px 10px; font-weight:normal!important; color:black!important}
.image_next:hover, .image_prev:hover {background-color:lightgrey;}

.box_preview_image, .single_image, .single_image_landscape {box-shadow: 10px 10px 15px silver;}



/*2024*/
.shop_active_data_dibond, .shop_active_data_print {
background-image:url(/fileadmin/templates/lochteshop_images/basket1-2.jpg); background-position: center;
background-color:white;
box-shadow:none;
border:1px solid black;
}
.shop_active_data_dibond:hover, .shop_active_data_print:hover {
background-image:url(/fileadmin/templates/lochteshop_images/basket1.jpg)!Important;
}


/* 2026 * Interior Thumnails Bild im Bild Position*/

/*Fade in class*/
@keyframes IntFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.InteriorFadeIn  {
    animation: IntFadeIn 1s ease-in ; /* remove infinite*/
}

/*thumnails scale on hover */
#thumbnail_1:hover ,#thumbnail_2:hover,#thumbnail_3:hover,#thumbnail_4:hover {
    transform: scale(1.08);
    cursor: -moz-zoom-in !important; 
    cursor: -webkit-zoom-in !important; 
    cursor: zoom-in !important;
}
#thumbnail_1 ,#thumbnail_2,#thumbnail_3,#thumbnail_4 {
    transition: transform .3s ease;
}

/*Wohnung und Büro */
.thumbnail_quer {
	top:200px; 
	left:250px;	           
	width:160px;
	height:120px;  
}
.thumbnail_hoch {
	top:250px; 
	left:230px;	           
	width:135px;
	height:180px;  
}
.thumbnail_quadrat {
	top:200px; 
	left:230px;	           
	width:130px;
	height:130px;  
}

/* Größen */
.thumbnail1_quer{
	top:237px; 
	left:98px;	           
	width:120px;
	height:90px;  
}
.thumbnail2_quer{
	top:253px; 
	left:238px;	           
	width:100px;
	height:75px;  
}
.thumbnail3_quer{
	top:267px; 
	left:358px;	           
	width:80px;
	height:60px;  
}

.thumbnail1_hoch{
	top:277px; 
	left:130px;	           
	width:120px;
	height:160px;  
}
.thumbnail2_hoch{
	top:308px; 
	left:282px;	           
	width:100px;
	height:130px;  
}
.thumbnail3_hoch{
	top:333px; 
	left:415px;	           
	width:79px;
	height:106px;  
}

.thumbnail1_quadrat {
	top:244px; 
	left:140px;	           
	width:100px;
	height:100px;  
}
.thumbnail2_quadrat {
	top:264px; 
	left:272px;	           
	width:80px;
	height:80px;   
}
.thumbnail3_quadrat {
	display:none;
}



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


.thumbnail_select_quer {
	width:72px!important;
	height:54px!important;
	margin-right:3px!important;
	margin-bottom:3px!important;
}
.thumbnail_select_hoch {
	width:60px!important;
	height:80px!important;
	margin-right:3px!important;
	margin-bottom:3px!important;
}
.thumbnail_select_quadrat {
	width:72px!important;
	height:72px!important;
	margin-right:3px!important;
	margin-bottom:3px!important;
}

/*Wohnung und Büro */
.thumbnail_quer {
	top:110px; 
	left:130px;	           
	width:76px;
	height:57px; 
}
.thumbnail_hoch {
	top:160px; 
	left:150px;	           
	width:75px;
	height:100px; 
}
.thumbnail_quadrat {
	top:120px; 
	left:140px;	           
	width:80px;
	height:80px;  
}

/* Größen */
.thumbnail1_quer {
	top:155px; 
	left:57px;	           
	width:65px;
	height:50px; 
}
.thumbnail2_quer {
	top:162px; 
	left:135px;	           
	width:55px;
	height:45px; 
}
.thumbnail3_quer {
	top:173px; 
	left:203px;	           
	width:45px;
	height:35px; 
}

.thumbnail1_hoch {
	top:178px; 
	left:77px;	           
	width:67px;
	height:90px; 
}
.thumbnail2_hoch {
	top:194px; 
	left:162px;	           
	width:55px;
	height:75px; 
}
.thumbnail3_hoch {
	top:210px; 
	left:236px;	           
	width:42px;
	height:59px; 
}

.thumbnail1_quadrat {
	top:158px; 
	left:81px;	           
	width:55px;
	height:55px; 
}
.thumbnail2_quadrat {
	top:168px; 
	left:155px;	           
	width:46px;
	height:46px; 
}


}