html {
  -webkit-text-size-adjust: 100%;
}

.h2_center_red p{
	text-align: center;
	color: #F00;
	height: 2em;
	font-size:1em;
	font-weight: 700;
}

.h2_center_red  h5{
	text-align: center;
	color: #F00;
}


.h2_center_green {
	text-align: center;
	color: #0F0;
	background-color: #000;
	height: 2em;
}
.h2_center_blue {
	text-align: center;
	color: #00F;
	height: 2em;
}
.h2_center_black p{
	text-align: center;
	color: #000;
	height: 2em;
	font-size:1em;
	font-weight: 700;
	line-height: normal;

	
}

.h2_center_black  h5{
	text-align: center;
	color: #000;
}

.h2_center_white {
	text-align: center;
	color: #FFF;
	height: 2em;
}

.h5_center {
	font-size: 0.8em;
	font-weight: 700;
	height: 1.5em;
	background-color:#0A0;
	color:white;
	padding-bottom:3px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
}

.zum_produkt{
	/*border-bottom: 2px solid red;*/
}

.zum_produkt h5{
/*text-align: center;*/
}

.zum_produkt a{
	border-bottom: 2px solid red;
}


.pure-button{
margin: 5px;

}

.pure-g{
	/*text-align: center;*/
}

.pure-g a{
	text-decoration: none;
	color: #FFF; /*von 666 */
	font-weight: bold;
}

#begruessung  a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

#wk_adresse label{
	font-size: 1em;
	font-weight: bold;
	color: #555;
}

#adresse{
 width:100%;
 text-align:center;

}

	
/*.jautocomplete-box {background-color:red;overflow-y: auto;overflow-x: hidden;}
.jautocomplete input{width: 100%;background-color:yellow;}
.jautocomplete-box .item{font-size: 0.8em;}
.jautocomplete-box .item p{}
.jautocomplete-box .item:hover{background:#ccc;border: 1px solid #000;}
.jautocomplete-box .title{}
.ja-active .item,.ja-active.item{background:#FFF;color:#000;border: 1px solid #000;}
.ja-active a{}
*/


.jautocomplete{margin:0 auto; width:100%;}
.ja-actions{background:#fff;padding:3px 0;outline:0;color:#aaa;}
.ja-tb{min-width:99%;background-color:yellow;}
.jautocomplete input:active,.jautocomplete input:focus{outline:2px;}
.jautocomplete-loading input{background:#fff url() no-repeat 97% 50%;}
.ie-placeholder{font-size:14px;padding:10px 0 0;color:#aaa;}
.jautocomplete-placeholder{} /*hidden abschneiden nach unten */
.jautocomplete-box{top:4em;width:99%;max-height:500px;color:#aaa;background:#fff;border:2px solid #000;border-top:0;outline:0;}
.jautocomplete-box a{color:#5C5C5C;}
.jautocomplete-box .item{text-align: center;font-size:14px;line-height:1em;width:250px;height:250px;border: 1px solid black;float:left;border-bottom:1px dotted #000;overflow:hidden;background-color: white;} /*hidden wegen textumbruch*/
.jautocomplete-box .item p{margin-top:5px;color:black;height:20px;margin-bottom:10px;}
.jautocomplete-box .item:hover{background:#fff;}
.jautocomplete-box .img{margin-top:20px;width:100%;}
.jautocomplete-box .img img{width:200px;height: auto;}
.jautocomplete-box .price{float:right;margin-left:10px;}
.jautocomplete-box .data{float:right;width:138px;font-size:12px;line-height:17px;text-align:left;margin-right:10px;}
.jautocomplete-box .title{color:#f00;font-family:Arial;font-size: 12px;}
.jautocomplete-box .desc{color:#000;font-family:Arial;font-size:9px;/*Grösse Beschreibung */}
.jautocomplete-box .data{float:left;/*Inhalt Breite*/font-size:12px;line-height:17px;font-weight:400;text-align:left;margin-left:10px;}
.layout-2 .jautocomplete-box .item{text-align:left;}
.layout-2 .jautocomplete-box .item .title{color:#F00;}
.layout-2 .jautocomplete-box .item .border{margin-bottom:10px;}
.layout-3 .jautocomplete-box .footer,.layout-3 .jautocomplete-box .header{padding:5px 15px;background:#efefef;}
.layout-3 .jautocomplete-box .header{color:#5C5C5C;font-weight:700;font-size:16px;text-align:left;border-bottom:1px dotted #ccc;margin:0;}
.layout-3 .jautocomplete-box .footer{text-align:right;margin:0;}
.layout-4 .jautocomplete-box .item .single-title{color:#2B6789;font-weight:700;font-size:13px;padding-left:15px;}
.layout-4 .jautocomplete-box .item{border-bottom:1px dotted #ccc;}
.category-info{background:#CA3F1A;color:#fff;}
.category-info p{padding:3px 15px;line-height:18px;margin:0;text-shadow:none;}
.ja-active .item,.ja-active.item{background:#fff;border: 2px solid #F00;border-radius:10px;}
.wk {background-color: yellow;border:2px solid #f00 !important;}


#content_tab{position: relative;top: -5px; float:left;}
#content_tab ul{margin: 0;padding: 0;list-style-type: none;text-align: center;}
#content_tab ul li { display: inline; font-size: 1em;font-weight: 700;text-decoration: none;padding: .2em 1em;color: #fff;background-color:rgb(0, 120, 231);}
#content_tab li:hover{color: #ff0;background-color:rgb(0, 120, 231);}
#content_tab p{background-color:rgb(0, 120, 231);color:#fff;border-bottom: 2px solid red;}
#content_tab a{color:#fff;}
/*detail__tabs bei Start ausblenden*/
#detail_tab2 {
    display:none;
}
#detail_tab3 {
    display:none;
}
#detail_tab4 {
    display:none;
}

#detail_tab4 iframe{
width: 27em;
max-width: 100%;
height: 18em;
max-height: 60%;
}


#detail_tab5 {
    display:none;
}

#detail_tab6 {
    display:none;
}

.pure-form-stacked input
{
	/*background-color:yellow;*/
}




#einfuehrung{}
#einfuehrung a{background-color:#CCC;font-family:Arial, Helvetica, Sans-Serif;font-size:12px;font-weight:600;text-decoration:none;color:#000;}
#einfuehrung h1{background-color:#F00;font-family:Arial, Helvetica, Sans-Serif;font-size:20px;font-weight:600;text-decoration:none;color:#FFF;}
#einfuehrung h2{background-color:#F00;font-family:Arial, Helvetica, Sans-Serif;font-size:20px;font-weight:700;text-decoration:none;color:#FFF;}
#einfuehrung h3{background-color:#000;font-family:Arial, Helvetica, Sans-Serif;font-size:16px;font-weight:700;text-decoration:none;color:#FFF;}
#einfuehrung h4{text-align: left;font-family:Arial, Helvetica, Sans-Serif;font-size:12px;font-weight:600;text-decoration:none;color:#000;}
#einfuehrung h5{margin-left:20px;text-align: left;font-family:Arial, Helvetica, Sans-Serif;font-size:12px;font-weight:400;text-decoration:none;color:#000;}

.cvc_versand{width:800px;font-family:Arial, Helvetica, Sans-Serif;font-size:12px;font-weight:700;margin:10px;}
.cvc_versand{table-layout:fixed;line-height: 20px;}
.cvc_versand table{width: 100%;}
.cvc_versand td{text-align:center;}

.MapsContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.MapsContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}
.doc_list,.link_list {
   list-style: none;
   font-size:1em;
   font-family: arial;
   font-weight:0;
   color:white;
   width:80%;
   margin-left: 7.5%;
   padding: 5px;
}

.doc_list a{
   background-color:red;
   color:white !important;
   
}


.doc_list a:before{
   	content: url(/de/images/pdf.png);
	padding:10px;
    
}

.link_list a:before{
	content: url(/de/images/elink25rt.png);
	padding:10px;
	
}

.link_list a{
   background-color:white;
   color:black !important;
   
}



.right1{
float: right;
/*width: 7.5em;*/
font-size: 0.1em;

}

.left1{
float: left;
/*width: 7.5em;*/
font-size: 0.1em;
}


.pure-g a{
font-size: 0.7em;
}

.jautocomplete-box.pure-button.pure-button-primary{
width:95%;
}

#preiswrapper{
	float:left;
}

#detail2_wrapper{

}

.fuss_01 a{
	text-decoration:none;
	font-size: 1em;
	color: #666;
	font-weight: bold;	  
}

.wk_headline{
	float: right;
	display: inline;
	width: 40px;
	height: 30px;
}

#crumbs {
	text-align: center;
}

#crumbs ul {
		list-style: none;
		
		display: inline-table;
}
#crumbs ul li {
			display: inline;
			
}
	
#crumbs ul li a {
	display: block;
	float: left;
	height: 20px;
	background: #EEEEEE;
	text-align: center;
	padding: 5px 10px 10px 20px;
	position: relative;
	margin: 0 0 0 0; 
			
	font-size: 0.8em;
	font-weight: 700;
	text-decoration: none;
	color: #000000;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 100px;
}
			
			
#crumbs ul li a:before {
	content: "";  
	border-top: 17.5px solid transparent;
	border-bottom: 17.5px solid transparent;
	border-left: 17.5px solid #FF0000;
	position: absolute; 
	left: 0; 
	top: 0;
}


#crumbs ul li:first-child a {
	/*border-top-left-radius: 5px; */
	/*border-bottom-left-radius: 5px;*/
}
#crumbs ul li:first-child a:before {
	/*display: none;*/
}
				
				#crumbs ul li:last-child a {
					padding-right: 10px;
					/*border-top-right-radius: 5px; */
					/*border-bottom-right-radius: 5px;*/
				}
				
#crumbs ul li a:hover {
	background: #FF0000;
	color: #FFFFFF;
	
}

.landing{
	text-align:left;
}

.landing p{
	
}

.landing a{
	color: red;
	font-weight: bold;
	text-decoration: none;
}

.landing a:before{
	content: url(/de/images/elink15rt.png);
    padding-right:5px;
	width: 5px;
}

.content-subhead-preis{
	font-size: 2em;
	
}

#preise a{
	font-size: 2em;
}


#detail_wrapper h1{
	border-bottom: 2px solid #333;
}

#detail_wrapper h2{
	font-size: 1em;
}

#main{
	 margin-top:10px;
}

#main h5{
	 font-size: 1.5em;
}

.offer01{
	margin-top:1em;
}


#slider > ul > li > div > a > img:hover {
	/*cursor:url(https://www.cvc.de/de/colorbox/images/zoomin.cur),pointer;*/
}


#detail_wrapper > a > img:hover {
	/*cursor:url(https://www.cvc.de/de/colorbox/images/zoomin.cur),pointer;*/
}

#cboxClose:hover{
	/*cursor:url(https://www.cvc.de/de/colorbox/images/zoomout.cur),pointer;*/
}

#begruessung a{
	font-size: 1em;
}

.det_tabs p{
	width: 100%;
	/*display:inline-block;*/
	background-color:#eee;
	color:#000;
	border-top:solid 2px #aaa;
	border-bottom:solid 2px #ccc;
}

.det_tabs p a{
	display:none;
	color:rgb(0, 120, 231); 
	float:right;
	padding-right:5px;
	font-size: 1.5em;
	font-weight: 700;
}

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;font-size:0.8em;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;font-size:0.8em;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


.scrollup {
  width: 40px;
  height: 40px;
  opacity: 0.3;
  position: fixed;
  bottom: 5px;
  right: 50px;
  display: none;
  text-indent: -9999px;
  background: url('https://www.cvc.de/de/images/to_top.png') no-repeat;
}

.sumax1 a{
  font-size: 1em;
  color: #666; 
}

.sumax1 img{
  max-width: 100%;
  height: auto;
  width: auto;
}

.zub_art_text{
	font-size: 1.5em;
	font-weight: 700;
	color: #F00;
}
.small-mwst{
	font-size: 0.5em;
	font-weight: 200;
	color: #000;
	padding-top:5px;
}
.small-save{
	font-size: 0.7em;
	font-weight: 100;
	color: #000;
	padding-top:5px;
}

/*Hintergrund des kleinen Warenkorb Logos*/
#warenkorb{
	background-color:#0078E7;
	padding:0;
	height:50px;
}

#warenkorb img{
	position:absolute;
	left:5px;
	top:55px;
	width:60px;
}

#cvc001{
	background-color:white;
	padding:0;
	height:50px;
}

#cvc001 img{
	position:absolute;
	top:5px;
	left:5px;
	width:150px;
}

#cvc-men-01{
	background-color:white;
}

.cvc-men-01{
	background-color:white;
}

.inline-center{
	display: inline;
	text-align:center;
 }
 
.cvc-green-05{
	font-size: 0.5em;
	color:green;
}

.cvc-red-05{
	font-size: 0.5em;
	color:red;
}

.span-red-01{
	color:red;
	font-weight:700;
	
}

.span-green-01{
	color:green;
	font-weight:700;
	
}

.cvc-slider-01{
	position: absolute; 
	left: 50%; 
	top: 30px;
	width:100px;
	height:100px;
	z-index:2000;
	display:none;	
}

.cvc-font-13{
	font-size:1.3em;
}
.cvc-font-075{
	font-size:0.75em;
	color:black;
}

aside {
    background: #1f8dd6; /* same color as selected state on site menu */
    padding: 0.3em 1em;
    border-radius: 3px;
    color: #fff;
	/*font-size: 1.5em;
	text-align: left;*/
}

.fs1{
	font-size: 1em;
}

.fs2{
	font-size: 2em;
}

.fs07{
	font-size: 0.7em;
}

.fs08{
	font-size: 0.8em;
}



.bg-red{
	background: #ff0000; /* same color as selected state on site menu */
}

.bg-yellow{
	background: #ffff00; /* same color as selected state on site menu */
}


.bg-green{
	background: #00ff00; /* same color as selected state on site menu */
}
.fc-green{
	color: #00cc00; /* same color as selected state on site menu */
}
.fc-black{
	color: #000000; /* same color as selected state on site menu */
}

.fc-black a{
	color: #000000; /* same color as selected state on site menu */
}


.fc-white{
	color: #FFFFFF; /* same color as selected state on site menu */
}

.fc-yellow{
	color: #FFFF00; /* same color as selected state on site menu */
}


.fw-700{
	font-weight: 700;
}

.ul-red {
	border-bottom: 2px solid red;
}

table.t-style1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}

/*
input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right;
    background-repeat: no-repeat;
}
*/
.art-text {
	height:1.8em;
	width: 100%;
	line-height:1.1em;
	font-size:0.7em !important;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.karte{
	
	/*min-width: 175px;*/
	/*border: 1px solid rgba(0,0,0,0.5) !important;*/
	/*border-radius: 0px !important;*/
}

.karte .art-text a{
	color:#000;
	line-height:1.1em;
	font-size:0.9em !important;
}

.karte .art-text:hover{
/*	max-height:300px;
	height: auto;
	min-height:100px;
	display: -webkit-box;*/
}

.karte:hover {
	border: 2px solid rgb(0, 120, 231) !important;
	
}

.fade {
  position: relative;
  height: 8em; /* ausblenden im nicht hover Zustand */
}

.fade:after {
  content: "";
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}


#continue-cart-bg {
   opacity:    0.5; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    1999;
  top:        0; 
  left:       0; 
  position:   fixed; 
  display: none;
}

#continue-cart {
  background-color: rgba(0,120,231,1.0);
  border: 5px solid #000;
  border-radius:10px;
  position: fixed;
  display: none;
  visibility: ;
  width: 300px;
  height: 100px;
  z-index: 2000;
  padding: 10px;
  }

#continue-cart p{
display:inline;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
 
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.centered  p{
 color: white;
 font-weight: 700;
 font-size: 1.5em;
}


.centered  p a{
 color: white;
 font-weight: 700;
 text-decoration: none;
}

.centered:focus + .hide {display: inline; }
.centered:focus + .hide + #continue-cart {display: block;}

#cart-overlay{
	font-weight: 700;
	z-index:2001;
	position:absolute;left:25px;top:60px;width:60px;
	color: #000;
}

#cart-overlay2{
	font-weight: 200;
	font-size: 0.7em;
	line-height: 1em;
	text-align: left;
	z-index:2001;
	position:fixed;right:30px;top:37px;width:60px;
	color: #000;
}

.cart-hide:hover{
	cursor: pointer;
	
}

.langtext{
	text-align: left;
	padding-left: 1em;
}

#slider-pager{
	display:none;
}



@media only screen and (min-width : 575px) {
#error01{
	margin-left:250px;
}
}

.img-zoom { transition: all .2s ease-in-out; }
.img-zoom:hover { transform: scale(1.3); }

#thumb_img_wrapper {
	padding-top: 5px;
}

#thumb_img_wrapper img{
	height: 80px;
	padding:1px;
	border:1px solid black;
	background-color:#fff;
}

#thumb_img_wrapper img:hover{
	border:2px solid red;
}


.prozent80_max500 {
	width: 80%;
	/*max-width: 1500px;*/
	/*max-width nun im Seitencode damit Builder nie grösser als Quellgrösse angezeigt werden */
	margin-top: 20px;
	margin-bottom: 20px;
}


.hersteller_logo img{
	max-height:250px;
	text-align:center;
}

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

#slider-start{
	width: 100%;
	height: 200px;
	background-color: #FFF;
}
}


@media only screen and (max-width : 1024px) {
#thumb_img_wrapper {
		height: 100px;
		overflow:auto;
		
}

#thumb_img_wrapper img{
	height: 40px;
	padding:1px;
	border:1px solid black;
	background-color:#fff;
}

#thumb_img_wrapper img:hover{
	border:2px solid red;
}
}


@media only screen and (max-height : 810px) {
#thumb_img_wrapper {
		height: 100px;
		overflow:auto;
		
}

#thumb_img_wrapper img{
	height: 40px;
	padding:1px;
	border:1px solid black;
	background-color:#fff;
}

#thumb_img_wrapper img:hover{
	border:2px solid red;
}
}

.max-button {
	width:100%;
	max-width: 250px; /*neu*/
}

.no-border {
	border: none !important;
	background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.3)
    );
	text-align: center;
	border-radius: 0 !important;
}

.wg-overlay { 
   position: relative; 
   width: 100%; /* for IE 6 */
}



.wg-overlay h2 span { 
	position: absolute; 
	left: 0; 
	bottom:0;
	width: 100%; 
	color: white; 
	font: normal 20px/30px Helvetica, Sans-Serif; 
	/*letter-spacing: -1px;  */
	text-shadow: 0 2px 0 black;
	/*background: rgb(0, 120, 231); /* fallback color */
	/*background: rgba(0, 120, 231, 0.55);*/
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.55);
	padding: 4px,4px,2px,2px; 
}

@media only screen and (min-width : 923px) {
.advent{
	background-image: url('https://www.cvc.de/de/images/bg_blau.jpg');
	-moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;#
	border-style: solid !important;
    border-width: 3px;
    border-color: black black white white;
}
}

@media only screen and (max-width : 922px) {
.advent{
	background-image: url('https://www.cvc.de/de/images/advent_min.jpg');
	
}
}


#advHeader img{
	width: 100%;
	height: auto;
}


.advent2 {
	height: 200px;
	line-height: 200px; /* <-- this is what you must define */
	max-width: 200px;
	width:200px;
	color: white;
	font-weight: bold;
	font-size: 3em;
	margin: 12px;
	
}



.advent2 span{
	display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
    background: rgba(0, 0, 0, 0.02);
    text-align: center;
    border-radius: 0 !important;
	
	border-style: solid;
    border-width: 0;
    border-color: grey grey white white;
	
}

#advent div{
	
	-moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;#
}


@-webkit-keyframes tuerchen {
    from {
       -webkit-transform: perspective(1200px) rotateY(0deg);
       -webkit-transform-origin: 50% 0;
    }
    to {
       -webkit-transform: perspective(1200px) rotateY(-180deg);
       -webkit-transform-origin: 50% 0;
    }
}

@-moz-keyframes tuerchen {
    from {
       -moz-transform: perspective(1200px) rotateY(0deg);
       -moz-transform-origin: 50% 0;
    }
    to {
       -moz-transform: perspective(1200px) rotateY(-180deg);
       -moz-transform-origin: 50% 0;
    }
}

@-o-keyframes tuerchen {
    from {
       -o-transform: perspective(1200px) rotateY(0deg);
       -o-transform-origin: 50% 0;
    }
    to {
       -o-transform: perspective(1200px) rotateY(-180deg);
       -o-transform-origin: 50% 0;
    }
}

@keyframes tuerchen {
    from {
       transform: perspective(1200px) rotateY(0deg);
       transform-origin: 50% 0;
    }
    to {
       transform: perspective(1200px) rotateY(-180deg);
       transform-origin: 50% 0;
    }
}


.tuerAnimation{
	
	-webkit-animation: tuerchen 1s ease 0s;
	-webkit-transform: perspective(1200px) rotateY(-180deg);
	-webkit-transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	
	-moz-animation: tuerchen 1s ease 0s;
	-moz-transform: perspective(1200px) rotateY(-180deg);
	-moz-transform-origin: 50% 0;
	-moz-transform-style: preserve-3d;
	
	-o-animation: tuerchen 1s ease 0s;
	-o-transform: perspective(1200px) rotateY(-180deg);
	-o-transform-origin: 50% 0;
	-o-transform-style: preserve-3d;
	
	animation: tuerchen 1s ease 0s;
	transform: perspective(1200px) rotateY(-180deg);
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	
	
    
}



.achtung {
	border: solid 3px black  !important;
	background: yellow;
}

#filter{
	border-bottom: 2px solid #aaa;
	text-align: left;
	background-color: rgba(0,120, 231, 1);
}


.tuer_vorbei:after{
	content: 'x';
    font-size: 2em;
	color:red;
	right: 0px;
    bottom: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
	border-radius: 50%;
    /*background: linear-gradient(to right, black, transparent);*/
	background: white;
	background: -webkit-radial-gradient(60% 55%, closest-corner, white, #1c1c7d, black); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(60% 55%, closest-corner, white, #1c1c7d, black); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(60% 55%, closest-corner, white, #1c1c7d, black); /* For Firefox 3.6 to 15 */
    background: radial-gradient(closest-corner at 60% 55%, white, #1c1c7d, black); /* Standard syntax (must be last) */-webkit-transform: rotateY( 180deg );
    -webkit-transform: rotateY( 180deg );
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
	
}

.tuer_kommt:after{
	content: 'Ohh !';
	font-size: 2em;
	color:red;
    right: 0px;
    bottom: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
	border-radius: 50%;
    /*background: linear-gradient(to right, white, #202670);*/
	background: white;
	background: -webkit-radial-gradient(60% 55%, closest-corner, white, #1c1c7d, black); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(60% 55%, closest-corner, white, #1c1c7d, black); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(60% 55%, closest-corner, white, #1c1c7d, black); /* For Firefox 3.6 to 15 */
    background: radial-gradient(closest-corner at 60% 55%, white, #1c1c7d, black); /* Standard syntax (must be last) */-webkit-transform: rotateY( 180deg );
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
	
}


@keyframes wackel1 {
  0% {
    transform: rotateZ(-10);
  }
  100% {
    transform: rotateZ(15deg);
  }
}

.wackel1 {
  transform: rotateZ(0deg);
  transform-origin: top center;
  animation: wackel1 1s infinite;
  animation-direction: alternate;
}


@-webkit-keyframes wackel1 {
  0% {
    -webkit-transform: rotateZ(-10);
  }
  100% {
    -webkit-transform: rotateZ(15deg);
  }
}

.wackel1 {
  -webkit-transform: rotateZ(0);
  -webkit-transform-origin: top center;
  -webkit-animation: wackel1 1s infinite;
  -webkit-animation-direction: alternate;
}


@keyframes wackel2 {
  0% {
    transform: rotateZ(-5deg);
  }
  100% {
    transform: rotateZ(20deg);
  }
}

.wackel2 {
  transform: rotateZ(100deg);
  transform-origin: top center;
  animation: wackel2 2s infinite;
  animation-direction: alternate;
}

@-webkit-keyframes wackel2 {
  0% {
    -webkit-transform: rotateZ(-5deg);
  }
  100% {
    -webkit-transform: rotateZ(20deg);
  }
}

.wackel2 {
  -webkit-transform: rotateZ(100deg);
  -webkit-transform-origin: top center;
  -webkit-animation: wackel2 2s infinite;
  -webkit-animation-direction: alternate;
}


@keyframes wackel3 {
  0% {
    transform: rotateZ(-15deg);
  }
  100% {
    transform: rotateZ(25deg);
  }
}

.wackel3 {
  transform: rotateZ(100deg);
  transform-origin: top center;
  animation: wackel3 2.5s infinite;
  animation-direction: alternate;
}

@-webkit-keyframes wackel3 {
  0% {
    -webkit-transform: rotateZ(-15deg);
  }
  100% {
    -webkit-transform: rotateZ(25deg);
  }
}

.wackel3 {
  -webkit-transform: rotateZ(100deg);
  -webkit-transform-origin: top center;
  -webkit-animation: wackel3 2.5s infinite;
  -webkit-animation-direction: alternate;
}


@keyframes wackel4 {
  0% {
    transform: rotateZ(10deg);
  }
  100% {
    transform: rotateZ(-30deg);
  }
}

.wackel4 {
  transform: rotateZ(100deg);
  transform-origin: top center;
  animation: wackel4 1.5s infinite;
  animation-direction: alternate;
}

@-webkit-keyframes wackel4 {
  0% {
    -webkit-transform: rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateZ(-30deg);
  }
}

.wackel4 {
  -webkit-transform: rotateZ(100deg);
  -webkit-transform-origin: top center;
  -webkit-animation: wackel4 1.5s infinite;
  -webkit-animation-direction: alternate;
}

.rund img{
	width:150px;
	height:150px;
	margin-top:35px;
	margin-left:8px;
	border-radius: 50%;
}

.pure-g > div{
	/*border:none;*/
}

.pure-g input{
		width: 5000px;
		max-width: 100%;
		/*font-size:2.5em;*/
		font-size:1em;
}

#sf-glist input{
	    width: 100%;
    height: 80px;
    margin: 0;
    margin-bottom: 10px;
    padding-right: 80px;
    border: none;
    border-bottom: 3px solid red;
    border-radius: 0;
    font-size: 26.6666666667px;
}

.big1 input{
	font-size:2.5em;
}

/* html Einfuegen  */
.cmsImage{
	max-width: 1024px;
    width: 100%;
}

.cmsImageM100{
	max-width: 100%;
}
.cmsBgBlueCVC{
	color: #FFFFFF;
	background: rgb(0, 120, 231);
	padding: 10px;
	text-align: center;
}

.cmsBgGreyCVC{
	color: #FFFFFF;
	background: rgb(40, 40, 40);
	padding: 10px;
	font-size:1em;
	text-align: center;
}

.cmsBgRedCVC{
	color: #FFFFFF;
	background: rgb(240, 0, 0);
	padding: 10px;
	font-size:1em;
	text-align: center;
}

.button-error {
	background: rgb(202, 60, 60); /* this is a maroon */
	color: white;
	border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.search{
	width: 100%;
    margin: 1px 0px 0px 0px;
    text-align: left;	
}
.versand{
	margin: 0 auto;
    width: 100%;
	max-width: 373px;
    /*Background-color: red;*/ 
    color: white;
    Font-weight: 400;
    font-size: 1.5em;
	text-align: center;
}
.fb_werbung{
	max-width: 70%;
}
.logo_big{
	/*display:none;*/
}

.deutsch ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.deutsch li{
	font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
	border-bottom: 1px solid #ccc;
}

.deutsch li:last-child {
  border: none;
}

.deutsch li a {
  text-decoration: none;
  color: #000;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  display: block;
  width: 200px;
}

.deutsch li a:hover {
  font-size: 30px;
  background: #f6f6f6;
}
.font-09em{
	font-size:0.9em!important;
}