/**
   ;;;;;;;;;;;;;                               ;;;;;;;;;;;;           
	;;;;;;;;;;;;;;;.                     ,;;;;;;;;;;;;;;;            
	 ;;;;;;;;;;;;;;;;;                 ;;;;;;;;;;;;;;;;;             
	   ;;;;;;;;;;;;;;;;;            .;;;;;;;;;;;;;;;;;               
				 :;;;;;;;;         ;;;;;;;;:                         
					  ;;;;;      ,;;;;:                              
						 ;;;.   ;;;;                                 
						   ;;  ,;;                                   
							;; ;;                                    
							 ;;;                                     
							 ;;;  
							 
 * Global static
 *
 * @revision  EAGLEMEDIA.de, 2018-03-29
 * @modification  EAGLEMEDIA.de
 */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fontNotoSans/o-0IIpQlx3QUlC5A4PNr5TRG.woff2) format('woff2'),
         url(../fonts/fontNotoSans/o-0IIpQlx3QUlC5A4PNr5TRG.woff) format('woff'),
         url(../fonts/fontNotoSans/o-0IIpQlx3QUlC5A4PNr5TRG.svg) format('svg');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/fontNotoSans/o-0NIpQlx3QUlC5A4PNjXhFVZNyH.woff2) format('woff2'),
         url(../fonts/fontNotoSans/o-0NIpQlx3QUlC5A4PNjXhFVZNyH.woff) format('woff'),
         url(../fonts/fontNotoSans/o-0NIpQlx3QUlC5A4PNjXhFVZNyH.svg) format('svg');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/fontNotoSans/o-0NIpQlx3QUlC5A4PNjZhNVZNyH.woff2) format('woff2'),
         url(../fonts/fontNotoSans/o-0NIpQlx3QUlC5A4PNjZhNVZNyH.woff) format('woff'),
         url(../fonts/fontNotoSans/o-0NIpQlx3QUlC5A4PNjZhNVZNyH.svg) format('svg');
} 
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    src: url(../fonts/fontOpenSans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVQ.woff2) format('woff2'),
         url(../fonts/fontOpenSans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVQ.woff) format('woff'),
         url(../fonts/fontOpenSans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVQ.svg#OpenSans) format('svg');
}
@font-face {
    font-family: "FontAwesome";  
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/fontAwesome/fontawesome-webfont.eot),
         url(../fonts/fontAwesome/fontawesome-webfont.eot?#iefix) format('embedded-opentype'), 
         url(../fonts/fontAwesome/fontawesome-webfont.woff) format('woff'), 
         url(../fonts/fontAwesome/fontawesome-webfont.svg#FontAwesome) format('svg');
} 
 
* { padding: 0; margin: 0; }
.relative { position: relative }
.absolute { position: absolute }
.hidden { display: none; visibility: hidden }
.center { text-align: center }
#page { width: 100%; overflow: hidden } 

h1, .h1 { font-size: 27px; font-weight: bold }
h2, .h2 { font-size: 17px; font-weight: bold }
h3, .h3 { font-size: 16px; font-weight: 400; }

.icons { display: inline-block;
overflow: hidden;}
.icons a:before { 
	font-family: "FontAwesome", Verdana;    
	font-size: 23px;      
	padding-right: 12px;	
	display: inline-block;
	color: grey;
	font-style: italic }
.facebook a:before { content: '\f09a' }
.twitter a:before { content: '\f099'; font-size: 27px; }
.google a:before { content: '\f0d5'; font-size: 23px; }
.pinterest a:before { content: '\f0d2'; font-size: 25px; }

iframe { border: none; width: 100%; height: 50px }

b { font-family: "Open Sans"; font-weight: 800 }
[style^="color:#ee0000"] { color: #4FB6CA/*#E14257*/!important }
#configuration [style^="color:#ee0000"] { color: #00B233!important }


div.cookie { border-top: 2px solid #fff; color:#9f9f9f; cursor: pointer }
div.cookie iframe[name="cookie"] { height: 27px }
div.cookie p { top: 0; right: 0; cursor: pointer }
div.cookie p:before { 
	color: #9f9f9f;
	content: "ok";
	display: block;
	font: 15px/27px "Verdana";
	padding-right: 10px;
	text-align: right;
}


.query_box { width: 206px }
.query_box [type=text] { width: 100% }
.query_box [type=submit] { position: absolute; right: 0; top: 0; opacity: 0; cursor: pointer }
.query_box:before {
      font-family: "FontAwesome", Verdana;
      content: "\f002";
      font-size: 16px;      
      color: #58b8cd;      
      padding-right: 7px;
      position: absolute;
      right: 3px;
      top: 5px }

#product h1, #register h1, #login h1, #password h1, 
  #cart h1, #configuration h1, #bericht h1, #login-check h1,
   #order h1, #login-area h1 {
    transform: rotate(90deg);
    transform-origin: 0 0;
	position: absolute;
	width: 760px;
	left: 80px;
	top: 0;
	color: #fff;
	font-size: 3.5em;
	text-shadow: -2px -2px 9px rgba(0, 0, 0, .020); }
	#bericht h1, #bericht,
	 #login-area h1, #login-area { color: #878787 }
	#login-check h1 { color: #d47fc4 }
	
.container { max-width: 1150px; width: 100%; margin: 0 auto }
.prod-image-cart { width: 55px; max-width: 55px }

#left_column { width: 19%; float: left; margin-bottom: 25px }
#left_column h3 { padding: 22px 20px; color: #878787 }
#left_column > .box:nth-child(2) { padding-top: 15px; background: #fff; }
#left_column > .box { padding-bottom: 20px }	
#left_column .class_1 {padding-left:20px; height:21px }
#left_column .class_2 {padding-left:28px; height:21px; font-size: 95% } 
#left_column .class_3 {padding-left:35px; height:21px; font-size: 95% } 
#left_column .class_4 {padding-left:45px; height:21px; font-size: 95% } 
	.class_1 ~ .class_2 { padding-top: 10px; }
	.class_2 ~ .class_2 { padding-top: 0; }


#left_column a.navlinks { display: block; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
	 


.header, .footer { float: left; width: 100%; background: #fff }		
  .header_first { height: 27px; border-bottom: 2px solid #ebebeb }
  .header_first input { float:right; margin:0; padding: 7px }
  .header_first a,
   .header_first span { line-height: 27px }
  .header_first .phone { padding: 0 35px 0 22px }
  .header_first .phone:before { 
      font-family: "FontAwesome", Verdana;
      content: "\f095";
	  font-size: 19px;
	  position: absolute;
	  top: 4px;
	  left: 0 }
	    
  .header_second { height: 173px; }
  /*
      #index .header_second,
	    #category .header_second { height: 107px; }
  */	  
  
  .header_second .logo { width:380px; padding: 45px 0 0; float:left }
  /*
      #index .header_second .logo,
	    #category .header_second .logo { width:252px; }   
  */  
  .header_second .container > div:last-child { float:right; width: 100px; margin-top:3em }
  /*
      #index .header_second .container > div:last-child,
	   #category .header_second .container > div:last-child { margin-top:2em }
  */	   
  .header_second .button_cart:before,
   .header_second .button_customer:before {
		font-family: "FontAwesome", Verdana;		
		color: #Bfeff8      ;
		font-size: 28px;
		position: absolute;
		right: 35px;
		top: 10px;
		transform: scaleX(-1) }
  .header_second .button_cart:before {
      content: "\f07a"; }
  .header_second .button_customer:before {
      content: "\f007";
	  right: 39px }
  .header_second .button_cart,
   .header_second .button_customer { 
       display: inline-block;
	   height: 50px;
	   width: 100px;
	   float: left }
   
   
	.header_second .cart_products { 
		top: 5px; right: 12px; color: #Bfeff8      ; font-size: 16px;
		border-radius: 100%; padding: 2px 6px }
	.header_second .cart_total { 
		bottom: -36px; width: 100px; background: #222; color: #fafafa; 
		padding: 9px 0; text-align: center }
		
		
#center_column { width: 62%; float: left }
    #product #center_column > div,
	 #register #center_column > div,
	  #login #center_column > div,
	   #password #center_column > div,
	    #cart #center_column > div,
		 #configuration #center_column > div,
		  #bericht #center_column > div,
		   #login-check #center_column > div,
		    #order #center_column > div,
			 #login-area #center_column > div { padding-left: 12%; padding-right: 0 }

#center_column .card {
	margin-bottom: 25px}
#center_column .card .title{
	padding: 0 30px}

#center_column table { padding: 20px 15px 0 }
 #category #center_column > div { padding: 0 15px 0 }
    #center_column table:first-child,
	 #center_column form > table:first-child { padding-top: 0 }	 
	
	.ratingblock .bewerter { 
		z-index: 2;
		top: 0}
	.ratingblock .bewerter p { 
		display: inline-block;
		padding: 24px 15px 0 0;}
	.ratingblock .bewerter p:first-child { 
		display: inline-block;
		padding-right: 50px;
		margin-right: 20px;
		border-right: 2px solid #ebebeb	}
	 

	 
	#register #center_column table,
	 #login #center_column table { 
		padding: 0 22px 10px; }
		
	#cart #center_column .trash:before {
		font-family: "FontAwesome", Verdana;
		content: "\f00d";
		color: #dfdfdf;
		font-size: 25px;
		position: absolute;
		right: 0;
		top: -2px }
#center_column .next { margin-top: 20px; min-width: 105px }
#center_column .buttons_block.next input { 	
	outline: none;
	outline-style: hidden;
	width: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.0);
    color: #bfeff8;
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 800;
	margin-bottom: 0;
	padding: 9px 12px 9px 0 }
#center_column .buttons_block.next:before {
	font-family: "FontAwesome", Verdana;
	content: "\f054";
	font-size: 22px;
	position: relative;
	top: 0;
	left: 0;
	display: block;
	background: #58b8cd;
	padding: 9px 7px 7px 0; }
#center_column #table_c3 { padding: 0 15px 20px }
#center_column .h3 { padding: 22px 15px }




#bericht .bericht.bericht [class="thickbox"] {
    display: inline-block;
    width: 100%;;
	text-align: center }
#bericht .bericht.bericht [class="thickbox"] img {
    width: 22%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }

	
  
  
.footer { clear: left; float: left; width: 100%; }
.footer center { padding: 3.12rem 0; clear: both; float: left; width: 100%; }
.footer center:nth-child(1),
 .footer center:nth-child(2) { border-bottom: 2px solid #ebebeb }
.footer center:nth-child(2) .container > div { float:left }
.footer center:nth-child(2) .container > #block_rating_footer { width: 19% }
.footer center:nth-child(2) .container > #block_rating_footer > div { border-right: 2px solid #ebebeb }
.footer center:nth-child(2) .container > #block_link { width: 62% }
.footer center:nth-child(2) .container > #block_link > div { padding-left: 30px }
.footer center:nth-child(2) .container > #block_search { width: 19%; overflow: hidden }
.footer center:nth-child(2) .container > #block_search form { display: inline-block }
.footer center:nth-child(2) .container { text-align: left }
.footer #unit_long2id { float: none }
.footer .ratingblock > div { padding: 0 20px 20px }
.footer .container.first img { display: none }
.footer .logo { width:100% }
.footer .logo a { padding: 5px 20px 15px; display: block }
  
.columns { 
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .110); 
	float: left;
	padding: 1.56rem 0;
	width: 100%; }
	/*
      #index .columns,
	    #category .columns { padding-top: 0; }
	 */
	
	
#index h3 { padding: 22px 20px; }
#index #center_column h3 { font-size: 15px }
#index .product_container { padding: 10px; font-size: 95%; }
#index .product_container a { display:inline-block; width:100%; }	
#index .product_container a img { 
    width: 90%; margin: 0 auto; display: block }	
#index_slide { 
    height: auto;
	margin-bottom: 1.56rem; }
#index_slide .flex-control-paging { display: none }
#index_slide.flexslider { border: 0 }
#index_slide .flex-direction-nav a::before { 
	color: rgba(235, 235, 235, .800); }
#index table .nganz { width: 50% }
#index table .ganz { width: 100% }
#index table .vteiler { width: 2.2% }

       .buttons_block { display: inline-block }
       .buttons_block img { display: none }
       .buttons_block a,
	    .buttons_block span { 
	padding: 9px 20px 9px 45px;
	width: auto;
    display: inline-block;
    background: #58b8cd;
    color: #Bfeff8      !important;#
	font-family: "Open Sans";
	font-weight: 800;
	cursor: pointer;
	font-size: 95% }
       .buttons_block:before {
	font-family: "FontAwesome", Verdana;
	color: #Bfeff8;
	font-size: 21px;
	position: absolute;
	left: 10px;
	top: 6px}
#configuration .buttons_block:before {   
    z-index: 5}
	.overview .buttons_block:before { color: #58B8CD; }

       #center_column .buttons_block:before {
	top: 5px }
#index #center_column .buttons_block:before {
	content: "\f06e" }
#category #center_column .details:before {
	content: "\f06e" }
#category #center_column .config:before {
	content: "\f0ad" }
#category .image_list { padding:5px 25px 0 0; display:inline-block }


#product #center_column .image_block { width: 53%; border-right: 2px solid #ebebeb }
#product #center_column .image_block center { padding-right: 20px }
#product #center_column input {
	opacity: .5 }
#product #center_column .config:before {
	content: "\f0ad" }
#product #center_column .pics:before {
	content: "\f03e" }
	
	
#right_column { width: 19%; float: left }
#right_column h3 { display: none }
#right_column h3 i:before,
 #left_column h3 i:before,
  .header_first i:before {
	font-family: "FontAwesome", Verdana;
	content: "\f067";
	font-size: 30px;
	font-style: normal;    
	color: #58b8cd;      
	padding-right: 7px;
	position: absolute;
	right: 10px;
	top: 17px;
	cursor: pointer; }	
   .header_first i:before { top: 71px; }
#right_column h3 i.minus:before,
 #left_column h3 i.minus:before,
  .header_first i.minus:before {
	content: "\f068" }
#right_column h3 i,
 #left_column h3 i,
  .header_first i { display: none }
#right_column .box { text-align: center }
#right_column .box > div { padding: 25px }
#right_column .buttons_block { text-align:right }
#right_column .buttons_block a { 
	padding: 9px 45px 9px 20px }
#right_column .buttons_block:before {
	content: "\f069";	
	left:auto;
	right: 10px; }
#right_column .teaser_right { text-align: center }
#right_column .teaser_right span { display: inline-block; max-width: 63% }
#index #right_column h3 { padding: 5px 10px; }
#index #right_column .box:first-child div h3 { padding-top: 0 }
#block_rating_right #unit_long2id {
    float: none;
    text-align: center; }
#block_rating_right  #unit_ul2id {
    display: inline-block }


table { 
	border-spacing: 0;
	display: table;
	text-indent: 0;
	width: 100% }
td, body { 
    text-decoration:none; font-family:Noto Sans, Arial; font-size:.85rem; }
td.h_space { height: 1.56rem }
input, select, textarea { 
    font-family: Arial; font-size: 12px; 
	border: none;
	color: #222; 	
	padding: 7px;
	margin-bottom:7px;
	background: #ebebeb }
td.hover:hover { background: #f8f8f8 }

img { width: 100%; height: auto }

#contact #center_column .h3,
 #login #center_column .h3 { padding-left: 0 }
#contact #center_column p.middle { width: 123px }		
#contact #center_column input, 
 #contact #center_column select, 
  #contact #center_column textarea,
	#login-area #center_column input, 
	 #login-area #center_column select, 
	  #login-area #center_column textarea,
		#admin #center_column input, 
		 #admin #center_column select, 
		  #admin #center_column textarea {
	background: #CBE4E8 /*#ddd*/ }	
#contact #center_column .buttons_block:before {
    content: "\f0e0";
	top: 7px;
	left: 14px }
#contact input, 
 #contact textarea { width: 100%!important }
#contact .farbe7,
 #contact .farbe5 { transition: all .3s ease; -webkit-transition: all .3s ease; background: rgba(255, 255, 255, .500) }
#contact #left_column a.navlinks:visited { color: #666 }	
	
	
	
#category #center_column .buttons_block {
    padding-bottom: 7px }

#category .catsub3 { width: 100% }
#category .catsub3 a { 
    display: block;	
	background: #58b8cd;
    color: #Bfeff8      ;
	font-size: 95%;
	padding: 10px 15px }
#category #center_column .listing .h3,
 #category #center_column .listing .h3 a { padding: 0 0 20px; font-size: 15px }
#category #center_column .covert h3 { padding: 22px 30px }
#category #center_column .covert div > p { display: inline-block; vertical-align: top }
#category #center_column .covert div > p span,
 #category #center_column .covert div p > a { display: inline-block; padding: 0 30px 25px }
#category #center_column .covert div p span span { padding: 15px 0 }
#category #center_column .covert div > p:first-child { width: 62.5% }
#category #center_column .covert div > p:last-child { width: 36.5%; text-align: right }
#category .pagination { padding: 17px 30px }
#category .pagination b { color: #222 }
	
	
	
	
#register #center_column .h3 { padding-left: 0 }	
#register #center_column .buttons_block:before,
 #login #center_column .buttons_block:before {
    content: "\f040";
	top: 7px;
	left: 14px }
#register #center_column input, 
 #register #center_column textarea {
	width: 382px }	
#register #center_column [name="ort"] { width: 314px }
#register #center_column [name="plz"] { width: 50px }
#register #center_column [name="nutzung"] { width: auto }
#register #center_column [type="checkbox"] {
	border: 1px solid #ebebeb;
	margin: 0;
	padding: 2px;
	vertical-align: middle }
	
	
#login #center_column .buttons_block input { width: 133px }
#login #center_column .buttons_block.login:before {
    content: "\f007";
	top: 7px;
	left: 14px }
	
	
#password #center_column .buttons_block:before {
    content: "\f007";
	top: 7px;
	left: 14px }



#logout #center_column .h3 { font-size: 15px; padding: 25px 15px  }	
#logout .buttons_block:before {
	content: "\f06e" }
#logout .product_container { font-size: 95% }
	
	
		

[data-ul-id="id4"] { float:right }
[data-ul-id="id5"] { float:right; width: 120px }
[data-ul-id="id6"] { float:left }

[data-li-id="id4"] { line-height:37px; padding: 0 20px; font-weight: 700 }


.warning { padding: 20px 22px; background: #f6f494 !important; margin-bottom:15px }
.error { padding: 20px 22px; background: #f593e3 !important; margin-bottom:15px; color:#fff }
.success { padding: 20px 22px; background: #93F5A5 !important; margin-bottom:15px; color:#fff }
.check {
    border:1px solid #ffffff; }	
.cat_second { width: 33.3333% }
.box { box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .102) }

li { list-style: none }


#configuration #center_column input,  
 #configuration #center_column textarea { width: 400px }
 #configuration #center_column select  { width: 414px } 
#configuration #center_column [name="abschicken"],
 #contact #center_column [name="abschicken"],
  #register #center_column [name="abschicken"],
   #login #center_column [name="abschicken"],
    #password #center_column [name="abschicken"],
	 #login-area #center_column [name="abschicken"],
	  /*#cart #center_column [name="bestellen"],
	   #order #center_column [name="bestellen"],	   
	    #order #center_column [name="abschicken"],*/
		 #order #center_column [name="gogogo"],
		  #login-area #center_column [name="eintragen"],
		   #order #center_column [name="aufgehts"],
		    #admin [name="upload"],
			 #admin [name^="file"],
			  #admin [name="eintragen"],
			   #TBpopup [name="abschicken"] { 
	padding: 10px 20px 10px 45px;
	width: auto;
    cursor: pointer;
    background: #58b8cd!important;
    color: #bfeff8;
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 800 }
	#admin [name^="file"] { padding: 4px 20px; }

[type="submit"] { transition: all .4s ease; -webkit-transition: all .4s ease; }
#configuration #center_column [type="submit"]:hover { background: #4999ab!important }
	
#configuration #center_column #preisrech { margin-top: 15px }
#configuration #center_column .note { 
    padding: 0 3px 14px 3px;
	font-size: 10px;    
    color: #666 }
#configuration #center_column .buttons_block {	
	padding: 15px 58px 0 15px;
	text-align:right; 
	float:right }
#configuration #center_column .buttons_block:before {
	transform: scaleX(-1);
    content: "\f07a";
	left: 29px;
	top: 23px }	 
#configuration .headline { 
    line-height: 37px;
    padding: 0 8px;}
#configuration #center_column .h3 { 
	padding: 25px 80px }
#configuration #center_column .td_inner { 
	padding: 25px 65px }	
#configuration #center_column .td_inner .image_block {
    padding: 0 15px; display: inline-block; }
#configuration #center_column .td_inner .image_block > a {
    width: 33.3333%;
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	border-right: 2px solid #ebebeb;
	min-height: 200px }
#configuration .infos img { opacity: 0; visibility: hidden }
#configuration .infos { position: relative; color: #e3e3e3; transition: all .4s ease; -webkit-transition: all .4s ease; }
#configuration .infos:link { color: #58b8cd }
#configuration .infos:hover { color: #4999ab }
#configuration .infos:before { 
      font-family: "FontAwesome", Verdana;
      content: "\f05a";
      font-size: 27px;      
      padding-right: 7px;
      position: absolute;
      right: -4px;
      top: -10px }
[href^="javascript:hilfe"]:hover {
      color: #58b8cd; }
/*.price { font-size: 17px; }*/


.bewertungen input,
 .bewertungen select,
  .bewertungen textarea { width: 100% }  

	
#order table td,
 #cart table td { padding-top: 10px; background-color: #fff }
#order table.detail td,
 #cart table.detail td { padding: 5px }
#order table img { width: auto }
#order .note { padding: 35px 0 }
#order #center_column table.steps { 
    padding-top: 20px; }
#order #center_column table.steps img { display: none }
#order #center_column table.steps span { color: #222; opacity: .333; font-weight: 700 }
#order #center_column table.steps span.hover { opacity: .65; }
#order #center_column table.steps span:before {
	content: '1';
	display: inline-block;
	text-align: center;
	margin-right: .35rem;
	font-size: 1.6rem;
	vertical-align: top;
	margin-top: -4px; }
#order #center_column table.steps span.step2:before { content: '2'; }
#order #center_column table.steps span.step3:before { content: '3'; }
#order #center_column table.steps span.step4:before { content: '4'; }
#order #center_column iframe,
 #TBpopup iframe{ height: auto }
#order #center_column .paypal-buttons > iframe { height: 100% }

/** pay buttons **/
#pay-button-container {
    white-space: nowrap;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: 500;
    text-align: center }
.pay-button,
 .pay-button input{ 
    margin-bottom: 17px; 
    border-radius: 4px!important;
    background: #fff;
    border: 1px solid #2C2E2F;
    color: #2C2E2F;
    height: 55px;
    min-height: 40px;
    max-height: 55px;  
    width: 100%!important;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    font-size: 18px;  }
.pay-button { position: relative }
.pay-button:hover { background: #f4f4f4 }
.pay-button input { position: absolute; top: 0; left: 0; opacity: 0} 
.pay-button-label-container {
    margin: 0 16px;
    height: 24px;
    max-height: 33px;
    min-height: 22px;   
    position: relative;
    top: 50%;
    transform: translateY(-50%);}
.pay-button-label-container span {
    float: right;
    font-size: 11px;
    font-style: italic;
    color: #7b8388;
    display: inline-block;
    width: 100% }
.paypal-logo {
    padding: 0;
    display: inline-block;
    background: none;
    border: none;
    width: auto;
    vertical-align: top;
    height: 100%; }

#login-check .h3 { padding-left: 0 }
#login-check .daten img,
 #login-check .adressen img,
  #login-check .zahlungsart img,
   #login-check .historie img { display: block; opacity: 0 }   
#login-check .daten:before,
 #login-check .adressen:before,
  #login-check .zahlungsart:before,
   #login-check .historie:before { top:0; left:0; font-size: 29px }
#login-check .daten:before { content: '\f016' }
#login-check .adressen:before { content: '\f015' }
#login-check .zahlungsart:before { content: '\f0d6' }
#login-check .historie:before { content: '\f07c' }

#login-area #center_column .buttons_block:before  { 
    content: "\f0c7";
	left: 15px;
	top: 7px }
	

/* discount request form mailer */
#order-request_slider {
    background: rgba(255,255,255,.933);
    top: 75px;
    right: 0;
    width: 88%;
    height: 95%;
    overflow: hidden;
    z-index: 10}

#order-request_slider h3 {
    color: #878787;
    padding: 25px 80px 0;
    background: #F0FDFF}

div.js-order_request_switch {
    background: rgba(255,255,255);
    width: 47px;
    height: 65px;
    border-radius: 0 0 333px/0 0 70px;
    right: -46px;
    top: 75px;
    cursor: pointer;
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.080);
    transition: background-color 1.1s ease;}
    div.js-order_request_switch.blue {
        background-color: #F0FDFF}

div.js-order_request_switch:after {
    content: "\f053";
    left: 10px;
    top: 20px;
    position: absolute;
    font-size: 24px;
    color: #58b8cd;     
    font: 700 22px FontAwesome; }   
    div.js-order_request_switch.blue:after {
        content: "\f054"; }

button.js-order_request_switch, fieldset.fs1 input[type="submit"] {
    padding: 10px 20px 10px 45px;
    width: auto;
    cursor: pointer;
    background: #58b8cd !important;
    color: #bfeff8;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 800;
    border: none;
    position: relative}
button.js-order_request_switch:before {               
    content: "-%";
    left: 10px;
    top: 7px;
    position: absolute;
    font-size: 21px;
    color: #Bfeff8 }

.cart_or { padding: 0 17px; font-style: normal }

fieldset.fs1 { 
    background-color: #F0FDFF; 
    padding: 25px 80px 0;
    margin-bottom: 25px;
    border: none}
fieldset.fs1 input, 
 fieldset.fs1 select, 
  fieldset.fs1 textarea {
    background: #CBE4E8; }
fieldset.fs1 input[type="submit"] {    
    outline: none;
    font-size: 15px;}
#configuration #center_column fieldset.fs1 input[type="submit"] {
    width: 415px }
fieldset.fs1 input[type="submit"]:before {   
    font-family: "FontAwesome";
    content: "\f0e0";
    top: 7px;
    left: 14px;
    position: absolute}
fieldset.fs1 [name="anrede"] { 
    width: auto!important; }
fieldset.fs1 input[type="checkbox"] {
    width: 16px!important;
    height: 16px;
    padding: 1px;
    border-color: #fff;
    outline: none;         
    box-sizing: borer-box;
    cursor: pointer;}
fieldset.fs1 p { 
    padding: .2em 0 1.1em; 
    font-style: italic; 
    color: #939393;
    width: 415px;
    font-size: 10px }
fieldset.fs1 p.note { 
    padding-top: .5em; 
    color: #939393!important }

fieldset.fs2 {
    padding: 0 80px 0 ;
    border: none;
    color: #939393}
fieldset.fs2 input, 
 fieldset.fs2 select, 
  fieldset.fs2 textarea {
    color: #939393}
fieldset.fs2 .total {
    padding: 0 15px}  
fieldset.fs2 .total iframe {
    opacity: .55}
@media (max-width: 567px) {  
    #configuration #center_column fieldset.fs1 input[type="submit"] { width: 102.5%!important }
}
@media (max-width: 767px) {    
    #configuration #center_column [name="abschicken"] { float: left }
    #configuration #center_column fieldset.fs1 input,
     #configuration #center_column fieldset.fs1 textarea,
      #configuration #center_column fieldset.fs2 input,
       #configuration #center_column fieldset.fs2 textarea,        
         fieldset.fs1 p { width: 98% }
    #configuration #center_column fieldset.fs1 input[type="submit"] { width: 101% }
    #configuration #center_column fieldset.fs1 input[type="checkbox"] { width: 16px }
    #center_column #order-request_slider h3 { font-size: 100% }
    #order-request_slider h3,
     #order-request_slider fieldset.fs1 { padding: 25px 20px 0; }
    #order-request_slider fieldset.fs2 { padding: 0 20px 0; }
    div.js-order_request_switch:after { font-size: 30px }
}
@media (max-width: 1267px) {   
    div.js-order_request_switch { right: 0; z-index: 20; box-shadow: none }
    div.js-order_request_switch:after { left: 8px; }
}


/* other */
#TB_window { 
    border: 12px solid #525252!important;
    font: unset!important}
#TBpopup .popup_nav,
 #TB_title {
    background-color:#525252!important; color:#f7f7f7; padding:12px 0; margin:0 }
#TB_window a { color: #ff6633!important; text-transform: capitalize; }
#TBpopup, #TB_window { background-color: #525252!important }
#TB_load { width: 88px!important; margin: -44px 0 0 -44px!important; /* -height/2 0 0 -width/2 */ }
#TB_ajaxContent, #TBpopup .bewertungen,
 #TBpopup .versandkosten,
  #TBpopup .bericht,
   #TBpopup .admin { background-color: #fff }
#TBpopup .admin { float: left; width: 100% }
#TBpopup .versandkosten,
 #TBpopup .bericht { padding: 37px 0 }
#TBpopup .pagination,
 #TBpopup .closer { height: 23px; padding: 7px 10px 5px }
#TBpopup .closer { float: right }
#TBpopup .closer span {
    display: inline-block;
    vertical-align: -.08em;
    letter-spacing: .02em;}
#TBpopup .pagination { float: left }
#TBpopup .nummer {
    padding: 3px 8px;
    margin: 0 1px;
    background: #fff;
    border-radius: 100%;
    text-decoration: none;
    font-size: .75rem;}
#TBpopup a { color: #222 }
#TB_iframeContent { 
	margin-top: -1px !important;
	width: 100.2% !important;}
#TBpopup #ratingblock4 { box-shadow: none }
#TBpopup #ratingblock4 > div { padding: 20px 0 }
#TBpopup #ratingblock4 #unit_long2id { float: none }
#TBpopup #ratingblock4 .bewerter { display: none }

#partners { text-align: center; clear: left; width: 100% }
#partners p { margin: 30px auto 0; width: 27% }


/* Breadcrumb */
#breadcrumb { padding: 0 15px }
#breadcrumb ul { padding: 0 30px; height: 55px; margin-bottom: 20px }
#breadcrumb li { float: left; font-size: .70rem; overflow: hidden; padding: 22px 0 }
#breadcrumb li a { display: inline-block; color: #878787 }
#breadcrumb li a:hover { text-decoration: underline }
#breadcrumb li.arrow { padding-left: 33px }
#breadcrumb li.arrow:before { 
	padding-left: 33px;
	
	content: "\f054";
	font-family: "FontAwesome", "Verdana";
	font-size: 13px;
	color: #58b8cd;
	position: absolute;
	left: -20px;
	top: 23px; }


/* Mobile */
@media (max-width: 1199px) {

	.container { max-width: 97% }
}	
	
@media (max-width: 991px) {
    
	#product h1, #register h1, 
	 #login h1, #password h1, 
	  #cart h1, #configuration h1, 
	   #bericht h1, #login-check h1, 
		#order h1, #login-area h1 {
	  transform-origin: -5px -5px }	 

	#order #center_column table.steps td { padding: 5px; }
	#order #center_column table.steps span { display: inline-block; width: 100%; min-height: 72px; }
	#order #center_column table.steps span::before { width: 100%; }
}

@media (max-width: 767px) {

    div.cookie p:before { font-size: 19px; font-weight: 700; color: grey; padding-right: 1px; opacity: .3 }
    .query_box:before { right: 7px; font-size: 28px; top: 0; opacity: .3; color: grey }
	   .footer .query_box::before { right: -5px; }
    .container { max-width: 95%; }
	.mobile_content { display: none }
	.header_first i:before { right: 15px; }
	.header_second .button_cart  { margin-bottom: 15px; }
	
    #product #center_column > div,
	 #register #center_column > div,
	  #login #center_column > div,
	   #password #center_column > div,
	    #cart #center_column > div,
		 #configuration #center_column > div,
		  #bericht #center_column > div,
		   #login-check #center_column > div,
		    #order #center_column > div,
			 #login-area #center_column > div { padding-left: 0 }
			 
    #product #center_column > h1,
	 #register #center_column > h1,
	  #login #center_column > h1,
	   #password #center_column > h1,
	    #cart #center_column > h1,
		 #configuration #center_column > h1,
		  #bericht #center_column > h1,
		   #login-check #center_column > h1,
		    #order #center_column > h1,
			 #login-area #center_column > h1 { display: none }
    
	#left_column, #center_column, #right_column, #page #center_column { width: 100%!important }
	#left_column h3:before,
	 #right_column h3 i,
	  #left_column h3 i,
	   .header_first i { display: block } 
                                                           
	#left_column { margin-bottom: 1.56rem }
	
    #center_column .card .title { padding: 0 }
	#center_column table { padding: 20px 0 0 }
	#center_column #table_c3 { padding: 0 0 20px; }
	#category #center_column > div { padding: 0 }
	
	#right_column h3 { display: block }	                                                  
	
	.footer .ratingblock > div { padding: 0 0 20px }
	
	.footer center:nth-child(2) .container > #block_link { width: 81% }
	.footer center:nth-child(2) .container > #block_search { 
		clear: left;
		margin: 15px auto;
		width: 100%; }
	.footer center:nth-child(2) .container > #block_search form { width: 100% }
	.footer .social { text-align: center; }
	.footer .social a:before { font-style: normal }
	.footer #partners p { width: 57%; }
	.footer center:nth-child(2) .container > #block_rating_footer { width: 33% }
	.footer center:nth-child(2) .container > #block_link { width: 67% }
	.query_box { margin: 0 auto; width: 81%; }
	
	[data-ul-id="id4"] { float: none }
	[data-ul-id="id4"] .query_box { width: 97.7% }

.header_first > .container form { 
	background: #ebebeb;
	float: left;
	width: 100%;}
    .query_box [type="submit"] { width: 40px;}
.header_first input { float: none; width: 93%; padding: 7px 10px; }
[data-ul-id="id5"], 
 [data-ul-id="id6"] { float: left; width: 100% }
[data-ul-id="id5"], 
 [data-ul-id="id6"] { padding: 0 15px }
.header_first .phone::before { left: 15px; }
.header_first { height: auto }
.header_first > .container { max-width: 100% }

	#index #right_column h3,
	 #right_column h3,	 
	   #configuration #center_column .td_inner { padding: 20px 15px; text-align: left }	   

	 #right_column h3,
	  #left_column h3 { cursor: pointer }	 

	#TB_ajaxContent { 
		margin: 0 auto;
		max-width: 767px !important; }
	#configuration #center_column input, 
	 #configuration #center_column textarea { width: 102.7%;}
	#configuration #center_column select { width: 106% }
    #configuration .infos:link { color: #58b8cd; right: -15px; top: 5px }
	#configuration .infos::before { font-size: 29px; }
	#configuration #center_column .h3 { padding: 25px 15px; }
	#configuration #center_column .td_inner .image_block { padding:0 }	
}


#cart .p_description, 
 #order .p_description  { font-size: 95% }

table .mobile_view { display: none }
 
@media (max-width: 479px) {
    
	.header_first { background: #fff; float: none }
    .query_box:before { right: 3px; }
	.header_first i:before { right: 10px; }    
	.query_box [type="text"] { width: 100%; }
	.header_first input { 
		float: none;
		margin: 0 auto;
		padding: 7px 5px; }		
	.header_first .phone::before { left: 10px;}
	
	[data-ul-id="id5"], [data-ul-id="id6"] { 
		padding: 0 10px; }		
	#index #center_column h3 { 
		font-size: 13px; color: #222 }
	#center_column h3 { font-size: 70% }
	#index h3 { 
		padding: 20px 15px;
		overflow: hidden }
	#index .product_container { 
		padding: 5px; }
		
    .header_second .logo { width:100% }
	.header_second { float: left; height: auto }
	
	.footer #partners p { width: 83%; }	
	.footer center:nth-child(2) .container > #block_rating_footer { width: 50%;	}	
	.footer center:nth-child(2) .container > #block_link { 	width: 50%; }
	.footer .icons a::before { color: #FF8D23 }	
		
	#configuration #center_column input, 
	 #configuration #center_column textarea { width: 98%;}	
	 
	#TB_ajaxContent { 
		margin: 0 auto;
		max-width: 479px !important; }
		
	#cart table .mobile_view,
     #order table .mobile_view	{ display: inline }
	#cart table .mobile_dis,
	 #order table .mobile_dis { display: none }
	#cart table .price,
	 #order table .price { text-align: right; font-size: .95rem }
	#cart table, #cart tbody,
 	 #login table, #login tbody,
	  #order table, #order tbody,
      #register table, #register tbody { display: block; width: 100% }
	#cart tr,
     #order tr	{ display: block; width: auto; padding-left: 5px; padding-right: 5px }
	#cart td,
	 #login td,
      #register td,
       #order td { 
		display: inline-block; 
		width: 100%; 
		border: none!important;
		border-bottom: 2px solid #ebebeb!important;
		padding-left: 0!important; padding-right: 0!important }
		#login td,
         #register td,
          #order table table table td,
           #order table.address td { border: none!important } 
	#cart table [name^="variante_id"], 
     #order table [name^="variante_id"] { width: 55px!important }
	#cart #TB_window,
	 #order #TB_window { max-width: 480px }
	  
	#order [style^="border-top"] { border: none!important }	
	#order #center_column table.steps span::before { text-align: left; width: auto }	
    
    .prod-image-cart {
        width: auto;
        max-width: unset;
        min-width: 33%;
        margin: 0 auto;
    }
}