/*------------Body-------------------------------------------*/
body{
	padding-bottom:0px !important;
	font-size:14px !important;
	background-color: #E7E5E5;
}

@font-face{
	    font-family: 'GrescoTrial ';
		font-style: normal;
		font-weight: 400;
		src: url('/reseller_files/350/124/template/media/"gresco-trial/GrescoTrial-Regular.ttf"') format("truetype");
		
	}
.Ueberschrift{
		color:#03615B;
		font: "Arial Black";
		font-size: 5vw;
		font-weight: 900;
		position: absolute;
		margin-left: -100px;
		margin-top: -190px;
		font-family: Arial Black;

	}
	.h1{
		font-family: "GrescoTrial Regular";
		font-weight: bold;
		font-style: normal;
			color: #000000;
	}
	
	.h2{
		font-size: 25px;
		font-weight: 400;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #000000;
	}

.h3{
		color: #ffffff; 
		font-size: 18px; 
		font-weight: 400; 
		margin: 15;
	}
	
	.h4{
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-size: 1.1vw;
		font-weight: 400;
		color: #000000;
	}

.h5{
		font-size: 35px;
		font-weight: 400;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #000000;
	}
/*------------Body-------------------------------------------*/

/*!------------- Head-----------------------------------------------------------------------------------*/
.top_section{
	padding-right: 0px;
    padding-left: 0px;

}
.drop_log{
	padding-left:10px;
	color:#03615B;
}
#logout_button{
	 padding-top: 3px;
    width: 108px;
    padding-bottom: 3px;
}
.top_log{
	background:#ffffff; 
	margin-bottom:-18px;
	visibility: none;
}
.clear{
	clear:both;
}
.logo_cont{
	background:url(/reseller_files/350/124/template/images/logo.png);
	height: 80px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.top_head{
	background:#ffffff;
	padding-top:5px;
	color:white;
	padding-right:32px;
}
.top_head a{
	color:white;
}
.top_bottom{
	z-index:"200";
    background: #ffffff;
}
.social_list{
	float: right;
visibility: hidden;

}
.soc_img {
	height:28px;
	border:1px solid white;
}
.sl_wrapper{
	margin-top:-28px; 
	padding-left: 52px;
}

.search_img1{
	    border: none;
    height: 52px;

    background-repeat: no-repeat;
    width: 190px;
}
.search_img2{
	height: 34px;
    background-image: url(/reseller_files/350/124/template/images/suche_btn_01b.png);
    background-repeat: no-repeat;
    width: 55px;
    border: none;
}
.search_img2:hover{
	 height: 34px;
	 background-repeat: no-repeat;
    width: 55px;
    border: none;
	background-image:url(/reseller_files/350/124/template/images/suche_btn.png);
	background-repeat: no-repeat;
	background-color: ##03615B;
}
.search_in{
	padding-bottom: 20px;
    height: 40px;
    background-color: rgba(240, 248, 255, 0);
    height: 65px;
    border: none;
	 margin-left: 39px;
}
.search_input{

    width: 165px;
	background-color:white;
    margin-left: 24px;
    padding-top: 10px;
    border: none;
	padding-left: 7px;
	padding-bottom: 7px;
}
.search_btn{
	    margin-top: 10px;
	border-radius: 0px;
    background-color: rgba(92, 184, 92, 0);
    border-color: rgba(76, 174, 76, 0);
    padding: 8px 5px 11px 5px;
    margin-top: -17px;	 
}
.search_btn:hover{
	    margin-top: 10px;
	background-image:url(/reseller_files/350/124/template/images/suche_btn.png);
	background-repeat:no-repeat;
	background-color: rgba(92, 184, 92, 0);
    border-color: rgba(76, 174, 76, 0);
}
.bread{
	margin-top: 20px;
    padding: 10px;
    background-color:#ededed;
	margin-right: 10px;

}
.bread ul li{
	display:inline;
}
.back_bread{
	background-image:url(/reseller_files/350/124/template/images/background_bread.jpg);
	background-repeat:repeat-x;
	
}

/*!-------------Allgemeine Einstellungen-----------------------------------------------------------------------------------*/
a{
	text-decoration:none !important;
}
.info_btn{
	width: 30px;
    background: url(/reseller_files/350/124/template/images/info_btn.png);
	background-repeat: no-repeat;
	border:none;
    height: 30px;
    cursor: pointer;
}
.container-fluid{
	margin-left:-20px;
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before{
	display: none;
}


/*!-------------Ende Allgemeine Einstellungen----------------------------------------------------------------------------------*/
/*!-------------Ende Head-----------------------------------------------------------------------------------*/
/*!-------------Navbar-----------------------------------------------------------------------------------*/
.navbar{
	border-radius:0px;
	margin-bottom:0px;
	margin-top: -20px;
	color:#000000;;
}

.navbar-inverse .navbar-nav > li > a{
	
color: #000000;
}

.nav_top{
	width:50%;
	border:none;
}
.navbar-nav {
	color:#000000;;
	font-size:14pt;
	font-weight:400;
	z-index: 2001;

}

.btn-warning{
	background-color: #03615B;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.btn-warning:hover{
	transform: scale(1.05);
    background-color: #024946;
	
}


.navbar-nav ul{
	margin-top:0px !important;
}
.navbar-nav li a:hover{
	color:#03615B !important;
}
.navbar-inverse ul li a{
	color:#03615B;

}
.navbar-inverse ul li a:hover{
	color:#000000;
}
.navbar-invers a{
	color:#03615B!important;
}

.img_cont{
	border:1px solid gray;
	width:100%; 
	height:auto;
}
.navbar-nav:open{
	color:#03615B !important;
}

.navbar-inverse{
	 background-color: #000000;
    border-color:rgba(8, 8, 8, 0);;
}
.active :{
	background:#FFFFFF !important;
}
.open a{
	color:#03615B !important;
}
.dropdown-menu{
	    margin-top:-2px !important;

}
.drop_main{
	width:770px;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:10px;
}
.kontodaten{
	color:#03615B;
    background-color: #E3E894 !important;
}
.kontodaten:hover{
	color:white;
	
}
.navbar-toggle{
    margin-left: 34px;
	margin-top:20px;
	float:left;
}

.item{
	height:100%;
	width:100%;
}

.menue_pkt ul li a{
	padding-top:5px;
	padding-bottom:5px;
}
.menue_pkt a :hover{
	background:red;
}
.product_item_top{
	font-size:11pt;
	padding-right:15px;
}
.product_item_top a:hover{
	background-color:#F0F3CA;

}
/*----------Carousel------------------------------------*/
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}


.child {
  display: inline ;
  padding:  0,5rem;
		padding-top: 1rem;
  vertical-align: middle;
}

.button{
		background-color: #03615B;
		border-top-right-radius: 31px;
		width: 250px;
		height: auto;
		padding: 1px;
	position: absolute;
		bottom: 30px;
		line-height: 0px;
		text-align: center;
		cursor: pointer;
    transition: transform 0.3s ease, background-color 0.3s ease;
	}

.button:hover {
    transform: scale(1.05);
    background-color: #024946;
	}

.whitebox {
  background-color: #ffffff;
  padding: 20px 30px;
  padding-top: 110px;
  position: absolute;
  bottom: 10vw;
  width: 60vw;
  height: 500px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 85px;
  text-align: left;
  
  align: flex;
		opacity: 70%;
	
	}

.carousel {
  height: 100%;
  margin-bottom: 60px;
	max-width: 100%;
  position: relative;
  margin:0px auto;
	align-self: center;
	display: flex;
	justify-content: center;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
	
}

/* Declare heights because of positioning of img element */
.carousel-inner .item {
  height: 850px;
 
}
.carousel-inner > .item > img {
  position:relative;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
	
}
.carousel-indicators{
	padding-bottom:82px;
}

 /*------------Carousel-----------------------------*/

/*!-------------Ende Navbar-----------------------------------------------------------------------------------*/
/*------------------sidebar------------------------------------------------*/
.right_side{
	height:150px;
	width:250px;
	background: #fff;
	margin-bottom: 20px;
	position:relative;
	cursor:pointer;
}
#chatWrapID {
	background:url(/reseller_files/350/124/template/images/sidebar_chat.png);
}



#payWrapID {
		background:url(/reseller_files/350/124/template/images/sidebar_zahlarten.png);
}
#versandWrapID {
		background:url(/reseller_files/350/124/template/images/sidebar_versandt.png);
}
#vortWrapID {
		background:url(/reseller_files/350/124/template/images/sidebar_vorteile.png);
}
#aktionWrapID {
		background:url(/reseller_files/350/124/template/images/sidebar_aktion.png);
}

/*------------------Ende sidebar------------------------------------------------*/
/*!-------------Footer-----------------------------------------------------------------------------------*/


.footer{
	background: #03615B;
	margin-bottom:-40px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: white;
}
.list_footer ul{
	padding-left:0px;
}
.list_footer ul li{
	list-style:none;

}
.list_footer ul li a{
	color:white;
}
.list_footer ul li a:hover{
	color:#CAC8A2;
	text-decoration:none;
}
.footer_menue a{
	 font-size: 14pt;
    color: #ffffff;	
}
.footer_menue a:hover{
	
	color:#CAC8A2;
}
/*!-------------Ende Footer-----------------------------------------------------------------------------------*/
/*!-------------Content-----------------------------------------------------------------------------------*/
/*!-------------Pictures--------------------------------------*/
.prod_img{
	float:left;
	margin-top:20px;
	margin-right: 48px;
	border: 1px solid gray;
	height:250px;
	padding-right: 0px;
	padding-left: 0px;
}
.col-md-2 :hover{

	
}
.prod_img:last-child{
	margin-right:0px;
}
.pic_cat1{
	width:100%;
	padding-bottom:10px;
}
.pic_cat1{
	
}
.cont_space{
	 margin-right: -11px;
}
.img_ware_2{
	height:auto;
	width: 80%;
}
/*!-------------Pictures--------------------------------------*/
/*!-------------container--------------------------------------*/
.superchild {
    display: flex;
    flex-wrap: wrap;                 /* Umbruch der Boxen erlauben */
    padding-top: 1rem;
    justify-content: space-around;    /* Zentriert die Boxen */
    gap: 20px;  
	margin-bottom: 20px
}

.megachild {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 85px;
    width: 300px;
    height: 350px;
    background-color: #ffffff;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
	cursor: pointer;
    transition: transform 0.3s ease, background-color 0.3s ease;
	}

.megachild:hover {
    transform: scale(1.05);
    background-color: #DBDBDB;
	}


/* Bildschirmbreiten über 1200px: 4 Boxen pro Zeile */
@media (min-width: 1200px) {
    .megachild {
        flex: 1 1 23%;  /* 23% für 4 Spalten mit Abstand */
		
    }
	.carousel-inner .item {
  height: 850px;
 
}
}

/* Bildschirmbreiten zwischen 900px und 1200px: 3 Boxen pro Zeile */
@media (max-width: 1200px) and (min-width: 900px) {
    .megachild {
        flex: 1 1 30%;  /* 30% für 3 Spalten mit Abstand */
    }
	.carousel-inner .item {
  height: 650px;
 
}
}

/* Bildschirmbreiten zwischen 600px und 900px: 2 Boxen pro Zeile */
@media (max-width: 900px) and (min-width: 600px) {
    .megachild {
        flex: 1 1 45%;  /* 45% für 2 Spalten mit Abstand */
    }
	.carousel-inner .item {
  height: 550px;
 
}
}

/* Bildschirmbreiten unter 600px: 1 Box pro Zeile */
@media (max-width: 600px) {
    .megachild {
        flex: 1 1 100%; /* Volle Breite für eine Spalte */
    }
	.carousel-inner .item {
  height: 350px;
 
}
}

.trennstrich{
		border-color: #03615B; 
		border-width: 3px; 
		width: 80%;
	}

.imgbox{
		width: 200px;
	height: auto;
	}

.container{
	margin-bottom:15px;
}
.trackcont{
	  padding-right: 20px !important;
	  padding-left:20px !important;
}
.cont{
	margin-bottom: 80px;
	background-color: #ededed;
    padding: 20px;
    margin-top: 80px;
    padding-bottom: 20px;
 
}
.select{
	
	height:30px;
}
.featurette{
	margin-top:20px;
}
.warning_size_img{
	position: relative; 
	display: none;
	clear: both; 
	min-height: 52px;
	width: 387px;
	height: 87px;
	float: left;
	margin-left:20px;
	margin-bottom:20px;
	
}
.best_det{
	margin-right: 14px;
    margin-bottom: 6px;
    padding-right: 19px;
    padding-left: 19px;
}
.hr_cat{
	margin-top: 10px;
    margin-bottom: 0px;
}
.cat_cont{
	width:100%;
	margin-top:40px; 
	border:1px solid gray; 
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	margin-left:-4px;
	border-bottom-left-radius: 10px;
      transition: transform 0.3s ease, background-color 0.3s ease;
	}

.cat_cont:hover {
    transform: scale(1.05);
    background-color: #DBDBDB;
	}


.cat_txt{
	text-align:center !important;
}
.cat_cont1{
	margin-top: 20px;
    padding-left: 0px;
	margin-right:38px;
	    border-bottom-left-radius: 10px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 65px;
		background-color: #ffffff;
		padding: 10px;
	height: 200px;
}
.cat_cont1:last-child{
	margin-right:0px;
}
.img_cat{
	 margin-bottom: 10px;
}
.prod_bez{
	padding-left:5px;
}
.cont_adr{
	margin-bottom:20px; 
	border-bottom:20px solid #ededed !important;
}
.cont_out{
	background-color:white;
	padding-right:10px;
}
.cont_inner{
	 padding: 30px;
}
.head_acc{
	padding: 8px;
    background-color: #fff;
    border: 1px solid #e1e1e8;
}
.acc_inner{
	padding-left:20px;
	padding-right:20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.cont_up{
	background:white;
}
.productLongDescPoint{
	padding-top:7px;
}
.listbox_area{
	max-width:400px;
	height:30px;
}
/*--------------Adresse--------------------------------------------*/
.addr_an{
 float:left;
}
.addr_an:last-child{

}
.addr_in{
	
}
.pw_verg{
    margin-bottom: 16px;

    color: #a2cc38;
    font-size: 14px;
    float: left;
}
.adr_cont2{
	padding-left: 20px;
    padding-right: 3px;
    margin-top: 20px;
}

/*--------------Adresse--------------------------------------------*/
/*------------Elemente--------------------------------------------*/

.btn_dist{
	margin-top: 10px;
	margin-bottom: 10px;
}
.btn-success{
	background-color: #D4DF3B ;
    border-color: #D4DF3B;
}
.btn-success:hover{
	background-color: #B4BD35;
    border-color: #B4BD35;
}
.btn{
	border-radius:0;
}
.ktn_quer{

}
.search_quer{
	margin-top:10px;
}
.right_wrapper{
	position:fixed; 
	right:-40px; 
	top:132px; 
	width:100px; 
	height: 100px; 
	z-index:1000;
}
/*!-------------ende container--------------------------------------*/

/*!-------------EndeContent-----------------------------------------------------------------------------------*/

/*!-------------mediaquery--------------------------------------*/

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

	
	.social_list{
		float:none;
		margin-left:140px;
		}	
	.nav_med1{
		    width: 44.666667%;
	}	
	.navbar-collapse{
		width:200px;
		font-size:11pt;
	}	
	.media_cont5{
		width:100% !important;
		margin-top:10px;
		margin-left: -12px;
	}
	.ktn_quer{
		float:none !important;
		margin-bottom:10px;
		
	}
	
	.search_section{
	margin-left: -24px;
    margin-bottom: 10px;
	}
	.drop_log1{
		width:222px;
	}
}

@media screen and (max-width:996px){
	.social_list{
		float:none;
		margin-left:0px;
		margin-bottom: 25px;
		margin-top: -26px;
		padding-left: 26px;
		}

	.ktn_quer{
		float:none !important;
		margin-bottom:10px;
		
	}
	.search_section{
		margin-left: -24px;
		margin-bottom: 10px;
	}
	.navbar_nav{
		font-size:12pt;
		}
}

@media screen and (max-width:767px){
		.navbar-header{
			margin-top:-25px;
		}
		.navbar-inverse{
			border:none !important;
			text-indent:20px;
		}
		.navbar-collapse{
			border:none !important;
		}
		.navbar-inverse ul li a{
			border-bottom:1px solid white;
		}
		.navbar-inverse ul {
			margin-bottom:20px;
		}
		.drop_media{
			display:none !important;
		}
		.navbar-toggle{
			margin-left: 29px;
			margin-top: 30px;
			float: left;
		}
}
@media screen and (max-width:650px){

	.right_wrapper{
		display:none;
		}
	.social_list{
		display:none;	
		
	}

}
@media screen and (max-width:375px){
		.logo_media{
			    width: 276px;
				
    margin-top: -20px !important;
    margin-bottom: 12px !important;
		}

		.social_list{
		float:none;
		margin-left:0px;
		    margin-bottom: 25px;
    margin-top: -26px;
    padding-left: 0px;
		}
	.navbar-toggle{
		margin-left:4px;
	}
	.media_cont5{
		    width: 128% !important;
    margin-top: 10px;
    margin-left: -35px;
	}	
	.logo_media{
		margin-left:-20px;
	}
}
/*-----------1284 Ende------------------------------------*/	
/*-----------1200 Anfang------------------------------------*/		
	@media screen and (max-width:1200px){

	.cont_01_quer{
		margin-left: 2.333333%;
	}
		.navbar-right{
		margin-right:369px;
		}
	
	}
/*-----------1200 Ende------------------------------------*/	
/*-----------1000Anfang------------------------------------*/
	@media screen and (max-width:991px){
	
	.carousel{
		display:none;
	}
	.ang_car{
		display:none;
	}
}
@media screen and (max-width:1100px){

		.carousel-inner{
		height:900px;
		}
	
}
@media screen and (max-width:1000px){

		.carousel-inner{
		height:900px;
		}
	
}
@media screen and (max-width:1400px){
	.carousel{
		height:900px;
	}

}
@media screen and (max-width:800px){
	.carousel-inner{
		height:900px;
	}
}
@media screen and (max-width:880px){
	.carousel{
		height:900px;
}
@media screen and ( max-width:1548px){
	.carousel-caption p{
		margin-bottom:60px !important;
	}
}


/*!-------------mediaquery--------------------------------------*/