

@charset 'utf-8';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

input, button {
	font: inherit;
}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/*
http://nitzsche.info
*/

body {
  background-color: #fff;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

abbr[title] {
  border-bottom: 1px dotted #888 !important;
  cursor: help;
}

a abbr {
  cursor: pointer !important;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
/* End hide from IE-mac */


/*
 * HTML5 default styles:
 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}




		
		
body{
	background-color: #f4f4f4;
	margin: 10px;
}
body a.btn{
	text-decoration: none;
}
body .img-wrap{
	margin-top: 0 !important;
}
body .cookie-optin{
	margin: 0px auto;
	width: 870px;
	padding: 10px;
	border: red solid 3px;
	background: #efefef;
	display: none;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 10px;
	z-index: 11;
	box-shadow: 0 0 10px black;
	-ms-box-shadow: 0 0 10px black;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
}
body .cookie-optin a{
	float: right;
}
body .cookie-optin p{
	line-height: 30px;
}


button.btn-mini{
	padding: 2px 6px !important;
}

.rtf a.btn-mini{
	font-size: 10.5px;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 200px;
}
		

body{
	font-family: arial;
	font-size: 16px;
	color: #444444;
}
body a{
	color: inherit;
	text-decoration: none;
}
body a:hover{
	text-decoration: underline;
}

		
#page{
	margin: 10px auto 10px auto;
	width: 1000px;
}
#page > div.title{
	background: #fff;
}
#page > div.title .headline{
	font-size: 20px;
	border-bottom: solid 6px #d9d9d9;
	display: inline-block;
	margin: 12px 0 8px 10px;
	padding-right: 20px;
}

		
		#header{
	display: block;
	position: relative;
}



#header{
	background-color: #fff;
	height: 110px;
}
#header h1{
	padding: 10px;
}
#header .auth{
	position: absolute;
	left: 280px;
	top: 55px;
}
#header .auth a{
	font-size: 14px;
	text-decoration: none;
}
#header #verbraucherschutz_logo{
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 180px;
}
#header #verbraucherschutz_logo img{
	height: 75px;
}
#header #logo{
	position: absolute;
	top: 20px;
	left: 10px;
}
#header #logo img{
	max-width: 165px;
}
#header #logo .slogan{
	padding: 0px;
	margin-top: -10px;
	margin-left: 2px;
	font-size: 12px;
	font-weight: bold;
}
#header #logo .argetra-phone{
	position: absolute;
	z-index: 1;
	font-size: 12px;
	font-weight: bold;
	top: 100px;
	left: 2px;
}
#header #warenkorb-button{
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	top: 50px;
	right: 20px;
	width: 152px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px silver;
	-ms-box-shadow: 0 0 5px silver;
	-moz-box-shadow: 0 0 5px silver;
	-webkit-box-shadow: 0 0 5px silver;
	background-color: silver;
	background-image: url(/plugin-wga-app-framework/file/icons/cart.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	color: white;
	padding: 5px 10px 5px 35px;
}
#header #warenkorb-button.filled{
	background-color: #004080;
}
#header #warenkorb-button .count{
	background: #efefef;
	border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 0 10px;
	color: #004080;
	float: right;
}
#header #mein-konto-button{
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	top: 18px;
	right: 20px;
	width: 152px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px silver;
	-ms-box-shadow: 0 0 5px silver;
	-moz-box-shadow: 0 0 5px silver;
	-webkit-box-shadow: 0 0 5px silver;
	background-color: silver;
	background-image: url(/plugin-wga-app-framework/file/icons/user_gray.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	color: white;
	padding: 5px 10px 5px 35px;
}

		#mainnav{
	display: block;
	position: relative;
}
#mainnav nav ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#mainnav nav ul li{
	padding: 0px;
	margin: 0px;
	float: left;
}
#mainnav nav ul li a{
	display: block;
}
#mainnav nav ul li:hover ul.drop-down{
	display: block;
}
#mainnav nav ul.drop-down, #mainnav nav ul .drop-down-content{
	display: none;
	position: absolute;
	z-index: 101;
}
#mainnav nav ul.drop-down li{
	float: none;
}



.navarea{
	position: relative;
	background: #fff;
	height: 75px;
}
.navarea .childnav{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 20px;
}
.navarea .nav-wrapper{
	background-color: #eb2415;
	background-image: linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	background-image: -ms-linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	background-image: -moz-linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	background-image: -webkit-linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	height: 25px;
}
.navarea .nav-wrapper nav td{
	height: 25px;
}
.navarea .nav-wrapper nav td.selected{
	background-image: none;
	background-color: #a51509;
}
.navarea .nav-wrapper nav a{
	line-height: 25px;
	padding: 0px;
	color: white;
	text-decoration: none;
}
.navarea .nav-wrapper nav a:hover, .navarea .nav-wrapper nav a.selected{
	background-image: none;
	background-color: #a51509;
}
.navarea .childnav li{
	float: left;
	padding: 0 40px 0 0;
	line-height: 25px;
}
.navarea .childnav li a{
	text-decoration: none;
	padding: 0 10px;
	display: block;
	color: #fff;
}
.navarea .childnav li a:hover, .navarea .childnav li a.selected{
	background-image: none;
	background-color: #a51509;
}



#mainnav{
	font-size: 20px;
	padding: 0 0 0 260px;
	height: 40px;
	background: #fff;
}
#mainnav nav > li{
	position: relative;
}
#mainnav nav td{
	height: 40px;
	text-align: center;
}
#mainnav nav a{
	display: block;
	text-decoration: none;
	color: black;
	padding: 0 10px;
	height: 40px;
}
#mainnav nav a.selected{
	font-weight: bold;
	background: url(/file/overlay/layout/dreieck_rot-2.jpg) no-repeat 50% 25px;
}
#mainnav .drop-down{
	display: none;
	position: absolute;
	z-index: 10;
	left: 0px;
	min-width: 200px;
	background: white;
	border: solid gray 3px;
}
#mainnav .drop-down li{
	float: none;
	display: block;
	text-align: left;
}
#mainnav .drop-down li a{
	height: auto;
	font-size: 14px;
	padding: 5px 10px;
}
#mainnav .drop-down li a:hover{
	background: gray;
	color: white;
}
#mainnav .root-entry{
	position: relative;
	display: inline-block;
}
#mainnav .root-entry:hover .drop-down{
	display: block;
}
#mainnav .root-entry:hover > a{
	background: url(/file/overlay/layout/dreieck_grau-2.jpg) no-repeat 50% 25px;
}

		#content{
	padding: 0px;
	margin: 0px;
	position: relative;
}
#content .leftcol{
	float: left;
	position: relative;
}
#content .centercol > .inner{
	overflow: hidden;
	width: 100%;
}
#content .rightcol{
	float: right;
	position: relative;
}



#content{
	padding: 10px 0 0 0;
	background-color: #fff;
}
#content .leftcol{
	width: 200px;
	font-size: 12px;
	margin-left: 10px;
}
#content .centercol{
	background: white;
}
#content .rightcol{
	width: 198px;
}
#content.left .centercol{
	margin-left: 210px;
}
#content.left .centercol .content-footer{
	left: 200px;
}
#content.right .centercol{
	margin-right: 200px;
}
#content.right .centercol .content-footer{
	right: 200px;
}
#content .content-header{
	background: #efefef;
	background-image: linear-gradient(white 75%,#efefef);
	background-image: -ms-linear-gradient(white 75%,#efefef);
	background-image: -moz-linear-gradient(white 75%,#efefef);
	background-image: -webkit-linear-gradient(white 75%,#efefef);
	font-size: 14px;
	padding: 10px;
}
#content .content-footer{
	border-top: dotted silver 1px;
	font-size: 14px;
	padding: 10px 20px;
}
#content .content-footer a{
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 3px 2px 3px;
}
#content .content-footer a:hover{
	box-shadow: 0 0 5px gray;
	-ms-box-shadow: 0 0 5px gray;
	-moz-box-shadow: 0 0 5px gray;
	-webkit-box-shadow: 0 0 5px gray;
}
#content .content-body{
	padding: 0px 10px 20px;
	min-height: 300px;
}
#content .rowtop{
	margin-bottom: 20px;
}
#content .box-border{
	border: solid 3px #d9d9d9;
	border-top-width: 0px;
	padding: 10px;
	margin: 0px 0 0 0px;
}
#content .box-border:first-child{
	border-top-width: 3px;
}
#content .box-border.header{
	font-size: 120%;
	text-align: center;
	background: #eb2415;
	color: white;
}
#content .box-border-red-header{
	border: solid 2px #d9d9d9;
	border-bottom: none;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background-color: #eb2415;
	background-image: linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	background-image: -ms-linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	background-image: -moz-linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	background-image: -webkit-linear-gradient(#ff482a,#ff482a 40%,#eb2415 60%);
	color: white;
	padding: 10px;
}
#content a.box-border{
	text-decoration: none;
}
#content a.box-border:hover{
	background: #efefef;
}
#content .top-left{
	font-size: 12px;
	float: left;
	width: 200px;
}
#content .top-right{
	margin-left: 210px;
	overflow: hidden;
}
#content .produkt label{
	display: block;
	margin-bottom: 5px;
	color: gray;
	font-style: italic;
}
#content .produkt img{
	max-width: 200px;
	max-height: 200px;
}
#content .shadow{
	box-shadow: 0 0 5px gray;
	-ms-box-shadow: 0 0 5px gray;
	-moz-box-shadow: 0 0 5px gray;
	-webkit-box-shadow: 0 0 5px gray;
}


		#footer{
	display: block;
	position: relative;
}



#footer{
	font-size: 12px;
	background: #eb2415;
	color: #fff;
}
#footer .footerbase{
	font-size: 12px;
	text-align: center;
	border-top: solid 1px #fff;
	padding: 3px 5px;
}
#footer .footerbase a{
	text-decoration: none;
}
#footer .footerbase a:hover{
	text-decoration: underline;
}
#footer .footercontent{
	padding: 0px;
}
#footer .footercontent .footerleft{
	float: left;
	width: 220px;
	padding: 20px;
}
#footer .footercontent .footerright{
	float: right;
	width: 220px;
	padding: 20px;
}
#footer .footercontent .footercenter{
	margin: 0 260px;
	border-left: solid 1px white;
	border-right: solid 1px white;
	height: 240px;
	padding: 20px 40px;
}
#footer .footercontent .footercenter .form{
	margin-top: 20px;
}
#footer .footercontent .footercenter .formfield{
	margin-bottom: 10px;
}
#footer .footercontent .footercenter .formfield .small{
	width: 100px;
}
#footer .footercontent .footercenter .formfield .medium{
	width: 180px;
}
#footer .footercontent .footercenter .formfield .large{
	width: 390px;
}
#footer .footercontent .footercenter .formfield .leftfield{
	float: left;
	width: 210px;
}
#footer .footercontent .footercenter .formfield button{
	width: 180px;
}
#footer .commonfooter{
	padding: 0 10px;
}
#footer .commonfooter ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#footer .commonfooter ul li{
	float: left;
	width: 185px;
	padding-left: 10px;
}
#footer .commonfooter ul li.first{
	border: none;
}
#footer .commonfooter ul li a{
	font-weight: bold;
	display: block;
	margin: 10px 0 0px 0;
	text-decoration: none;
}
#footer .commonfooter ul li li{
	float: none;
	padding-left: 0px;
	border: none;
}
#footer .commonfooter ul li li a{
	font-weight: normal;
}

		
		


.rtf{
	font-size: 12px;
}
.rtf img{
	max-width: 100%;
}
.rtf p, .rtf h1, .rtf h2, .rtf h3, .rtf h4, .rtf h5, .rtf h6{
	margin: 0px;
}
.rtf h1{
	font-size: 20px;
}
.rtf h2{
	font-size: 16px;
}
.rtf .code{
	border: solid silver 1px;
	background: #efefef;
	color: #222222;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 8px gray;
	-ms-box-shadow: 2px 2px 8px gray;
	-moz-box-shadow: 2px 2px 8px gray;
	-webkit-box-shadow: 2px 2px 8px gray;
	padding: 5px;
	font-family: courier;
	white-space: pre-wrap;
}
.rtf .code p{
	margin: 0px;
}
.rtf .code blockquote{
	margin: 0 0 0 30px;
}
.rtf table.gray{
	border-spacing: 2px;
	border-collapse: separate;
}
.rtf table.gray td{
	background-color: #efefef;
	border: solid silver 1px;
	padding: 5px;
}
.rtf table tr.table-header td{
	background-color: gray;
	background: linear-gradient(gray 40%,black);
	background: -ms-linear-gradient(gray 40%,black);
	background: -moz-linear-gradient(gray 40%,black);
	background: -webkit-linear-gradient(gray 40%,black);
	color: white;
}
.rtf table td.green{
	border: solid green 2px;
}
.rtf img.dia{
	border:  solid silver 1px;
	background: gray;
	background-image: -moz-linear-gradient(300deg, white 60%, gray 90%);
	background-image: -webkit-gradient(linear, left top, right bottom, from(white), to(gray), color-stop(.7, white));
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 10px black;
	-ms-box-shadow: 1px 1px 10px black;
	-moz-box-shadow: 1px 1px 10px black;
	-webkit-box-shadow: 1px 1px 10px black;
	padding: 10px;
	margin: 0 20px 20px 0;
	max-height: 80px;
	max-width: 80px;
}
.rtf img.shadow{
	box-shadow: 1px 1px 10px black;
	-ms-box-shadow: 1px 1px 10px black;
	-moz-box-shadow: 1px 1px 10px black;
	-webkit-box-shadow: 1px 1px 10px black;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
}
.rtf img.right{
	float: right;
	margin: 0 0 0 8px;
}
.rtf img.left{
	float: left;
	margin: 0 8px 0 0;
}
.rtf a{
	font-size: inherit;
}
.rtf a.button_green{
	text-decoration: none;
	color: #fff;
	padding: 2px 10px;
	border: solid gray 1px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: linear-gradient(#c7dbae 40%,#6a933c);
	background-image: -ms-linear-gradient(#c7dbae 40%,#6a933c);
	background-image: -moz-linear-gradient(#c7dbae 40%,#6a933c);
	background-image: -webkit-linear-gradient(#c7dbae 40%,#6a933c);
}
.rtf a.button_green:hover{
	box-shadow: 1px 1px 2px gray;
	-ms-box-shadow: 1px 1px 2px gray;
	-moz-box-shadow: 1px 1px 2px gray;
	-webkit-box-shadow: 1px 1px 2px gray;
	color: #000;
}
.rtf a.button{
	text-decoration: none;
	color: black;
	padding: 2px 10px;
	border: solid gray 1px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: linear-gradient(#efefef 40%,silver);
	background-image: -ms-linear-gradient(#efefef 40%,silver);
	background-image: -moz-linear-gradient(#efefef 40%,silver);
	background-image: -webkit-linear-gradient(#efefef 40%,silver);
}
.rtf a.button:hover{
	box-shadow: 1px 1px 2px gray;
	-ms-box-shadow: 1px 1px 2px gray;
	-moz-box-shadow: 1px 1px 2px gray;
	-webkit-box-shadow: 1px 1px 2px gray;
	color: brown;
}
.rtf .quote{
	border-left: solid #607d9a 3px;
	padding-left: 10px;
	text-indent: -5px;
	font-style: italic;
	color: gray;
}
.rtf .red-font *{
	color: #eb2415;
}

		
.search-box{
	position: absolute;
	right: 44px;
	top: 20px;
}
.search-box input{
	background: url(/plugin-wga-app-framework/file/icons/zoom.png) no-repeat 2px center;
	width: 131px;
	border: inset gray 1px;
	height: 22px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0px 20px;
}
.search-box button{
	height: 24px;
	width: 24px;
	border: none;
	position: absolute;
	top: 0px;
	right: -25px;
}



#live-search-result{
	position: absolute;
	right: 0px;
	width: 400px;
	background: white;
	z-index: 110;
	border: solid silver 3px;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 20px silver;
	-ms-box-shadow: 0 0 20px silver;
	-moz-box-shadow: 0 0 20px silver;
	-webkit-box-shadow: 0 0 20px silver;
	margin-top: 7px;
	font-size: 12px;
}
#live-search-result a{
	text-decoration: none;
	padding: 0px;
	display: block;
}
#live-search-result a:hover .entry{
	background: #efefef;
}
#live-search-result a:focus{
	outline: none;
}
#live-search-result a:focus .entry{
	background: #87a1d4;
	color: white;
}
#live-search-result a .entry{
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#live-search-result a .group{
	font-style: italic;
	text-align: right;
}
#live-search-result a.groupchange > div{
	padding-top: 10px;
}
#live-search-result .search-info{
	background: #efefef;
	padding: 5px;
}
#live-search-result .search-info.top{
	border-bottom: solid silver 1px;
	border-radius-topleft: 7px;
	-ms-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	border-radius-topright: 7px;
	-ms-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}
#live-search-result .search-info.bottom{
	border-top: solid silver 1px;
	border-radius-bottomleft: 7px;
	-ms-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-radius-bottomright: 7px;
	-ms-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
#live-search-result .search-result{
	max-height: 300px;
	overflow: auto;
}

		
.module.module-cm_form .section{
	border: none;
	padding-bottom: 0px;
}
.module.module-cm_form label{
	float: left;
	width: 150px;
}
.module.module-cm_form .data{
	margin-left: 160px;
}
.module.module-cm_form textarea{
	height: 100px;
}
.module .content-box{
	margin-bottom: 10px;
	margin-top: 5px;
}
.module .content-box > .title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
.module .content-box.border > .content{
	box-shadow: 0 0 5px gray;
	-ms-box-shadow: 0 0 5px gray;
	-moz-box-shadow: 0 0 5px gray;
	-webkit-box-shadow: 0 0 5px gray;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-color: #d9d9d9;
	padding-bottom: 10px;
}
.module .content-box.color > .content{
	box-shadow: 0 0 5px silver;
	-ms-box-shadow: 0 0 5px silver;
	-moz-box-shadow: 0 0 5px silver;
	-webkit-box-shadow: 0 0 5px silver;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color: #efefef;
	padding-bottom: 10px !important;
}
.module.module-cm_columns .noborder{
	border: none;
}
.module.module-cm_carousel .carousel{
	position: relative;
}
.module.module-cm_carousel .carousel .nav{
	position: absolute;
	bottom: 20px;
	right: 410px;
	z-index: 10;
}
.module.module-cm_carousel .carousel .nav a{
	background: #aaabac;
	color: #aaabac;
	border: none;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 10px;
}
.module.module-cm_carousel .carousel .nav a.activeSlide{
	background: #e88227;
	color: #e88227;
}
.module.module-cm_login .logout, .module.module-argetra_login .logout{
	font-size: 0px;
}
.module.module-cm_login .logout button, .module.module-argetra_login .logout button{
	font-size: 12px;
	position: absolute;
	top: -35px;
	right: 10px;
	background: red;
	color: white;
	padding: 5px 20px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
}
.module.module-cm_login .login-form .data, .module.module-argetra_login .login-form .data{
	margin-right: 10px;
}
.module.module-cm_login .login-form label, .module.module-argetra_login .login-form label{
	margin-top: 10px;
}
.module.module-cm_sitesearch .results .metas .author{
	display: none;
}
.module.module-cm_sitesearch button{
	-webkit-appearance: button;
}

		
		.pathnav{
	position: relative;
}
.pathnav ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.pathnav ul li{
	display: inline-block;
}




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



.left .childnav{
	margin: 5px 0 20px 0px;
	font-size: 12px;
}
.left .childnav a{
	display: block;
	padding: 2px 10px;
	margin: 0px;
	text-decoration: none;
	color: #444444;
	border-bottom: solid white 1px;
}
.left .childnav a:hover{
	background: #929292;
	color: #fff;
}
.left .childnav > ul > li > a.selected{
	background: #929292;
	color: #fff;
}
.left .childnav > ul > li > ul > li{
	background: #e0e0e0;
}
.left .childnav > ul > li > ul > li > a{
	padding-left: 15px;
}
.left .childnav > ul > li > ul > li > a.selected{
	background: #929292;
	color: #fff;
}
.left .childnav > ul > li > ul > li > ul > li > a{
	padding-left: 40px;
}
.left .childnav > ul > li > ul > li > ul > li > ul > li > a{
	padding-left: 55px;
}

		.langnav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.langnav ul li{
	float: left;
}



.langnav{
	position: absolute;
	top: 20px;
	right: 220px;
	background: rgba(255,255,255, .5);
	padding: 3px 10px;
	border-radius-bottomleft: 10px;
	-ms-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.langnav ul li{
	margin-left: 5px;
}
.langnav a{
	display: block;
	color: white;
	font-size: 14px;
	text-decoration: none;
}
.langnav a .langtitle{
	display: none;
	margin-left: 10px;
}
.langnav a .langtitle:hover{
	text-shadow: 0 0 10px white;
}
.langnav a .langimage{
	display: block;
	margin-left: 5px;
}
.langnav a .langimage:hover{
	box-shadow: 0 0 10px white;
	-ms-box-shadow: 0 0 10px white;
	-moz-box-shadow: 0 0 10px white;
	-webkit-box-shadow: 0 0 10px white;
}

		.servicenav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.servicenav ul li{
	float: left;
}



.servicenav{
	position: absolute;
	top: 20px;
	left: 282px;
}
.servicenav ul li{
	float: none;
	display: inline;
}
.servicenav a{
	color: #7f7f7f;
	font-size: 14px;
	margin-right: 10px;
	text-decoration: none;
}
.servicenav a:hover{
	color: red;
}
.servicenav a.selected{
	color: red;
}

		.form-field.error label.form-field-label, .form-field.error .error-message{
	color: red !important;
}
.form-field label.form-field-label{
	font-weight: normal;
	float: left;
	cursor: auto;
}
.form-field .form-field-controls{
	margin-right: 10px;
}
.form-field .form-field-controls select{
	font: inherit;
	margin-top: 2px;
}


.form-field{
	margin: 10px 0;
}
.form-field label.form-field-label{
	width: 155px;
	margin-top: 5px;
	text-align: left;
	color: gray;
}
.form-field .form-field-controls{
	margin-left: 165px;
}
.form-field .form-field-controls input[type=text], .form-field .form-field-controls input[type=password], .form-field .form-field-controls textarea{
	width: 100%;
}
.form-field .form-field-controls.mode-view{
	padding-top: 5px;
}
.form-field .form-field-controls p{
	padding-top: 3px;
}
.form-field.required label.form-field-label{
	color: black;
	font-weight: bold;
}


.form-messages{
	border: solid silver 1px;
	background: white;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
	box-shadow: inset 0 0 5px silver;
	-ms-box-shadow: inset 0 0 5px silver;
	-moz-box-shadow: inset 0 0 5px silver;
	-webkit-box-shadow: inset 0 0 5px silver;
	color: red;
}

	

.homepage .immooffer{
	margin: 10px 0 0 0;
}
.homepage .immooffer img{
	float: left;
	width: 60px;
	margin-right: 10px;
}
.homepage .immo-der-woche a.entry{
	display: block;
	float: left;
	width: 25%;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.homepage .immo-der-woche a.entry:hover{
	background: #efefef;
}
.homepage .immo-der-woche a.entry .img img{
	max-height: 100px;
}
.homepage .immo-der-woche a.entry .description{
	margin-top: 10px;
}

body > .banner{
	position: fixed;
	top: 10px;
	left: 50%;
	width: 120px;
	height: 600px;
}
body > .banner img{
	max-width: 100%;
}
body > .banner.banner-left{
	margin-left: -620px;
}
body > .banner.banner-right{
	margin-left: 500px;
}


.ui-menu .ui-menu-item {
	width: 100%;
}

.ui-autocomplete{
	z-index: 102;
}

.content-modules .box {
    border: none !important;
    border-radius: none !important;
    -webkit-border-radius: none !important;
    -webkit-border-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    padding-top: 2em;
    padding-bottom: 2em;
}

.btn-success {
     background-color: #0795A1 !important;
     background-image: none !important;
     background-repeat: none !important;
     border-radius: 30px !important;
     border: 1px solid #0795A1!important;
 }

.btn-success:hover {

    color: #0795A1 !important;
     background-color: white !important;
     border: 1px solid #0795A1 !important;
}

.btn, .btn-success {
    text-shadow: none !important;
}

#module-cm_content-box_1418422489286 p a.wga-urltype-int.btn-success {
    display: none !important;
}
#module-cm_content-box_2f94_3d26_8fa9 p{
    font-size: 14px;
}

#module-cm_content-box_2f94_3d26_8fa9 div.module.module-cm_rtf {
    /* height: 200px; */
}

h3.fullservice-leistungen-headline {
    color: #707D90 !important;
    margin-bottom: 10px !important;
    font-weight: bold;
    font-size: 14px;
}
h3.fullservice-leistungen-headline span {
    font-weight: normal;
}

span.fullservice-leistungen-bold {
    font-weight: bold;
}

h2.fullservice-leistungen-headline {
 
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #0B3541;
}

#module-cm_rtf_4e5b_6635_fb7f {
    height: auto !important;
}

#module-cm_rtf_4e5b_6635_fb7f p {
    margin-top: 10px;
    margin-bottom: 20px;
}

.module .content-box.color > .content {
    background-color: #ECEFF4 !important;
    border-radius: 10px !important;
    padding: 20px!important;
    margin-bottom: 30px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#zv-button-homepage  {
    text-align: left!important;
    margin-top: 20px !important;
    display: inline-block !important;
}

/* The Modal (background) */
.video-modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}
 
.modal-content {
  background-color: #fefefe;
  margin: 20px auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 80%; 
}

.video-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.video-modal-close:hover,
.video-modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.module-ig_argetra_bg_container .bg-container {
    background-size: revert !important;
}

.homepage-contact-form {
    float: left;
    margin-right: 20px;
}

.homepage-contact-phone {
    float: left;
}
#module-cm_rtf_2562_97fe_9a0b p, #module-cm_rtf_ddfa_ecc3_0a6a p {
    line-height: 2.5;
    font-size: 14px;
} 

#module-cm_rtf_6a10_0a57_78cb img {
    width: 100%;
    border-radius: 10px;
}

#module-cm_rtf_d8f1_c3f9_a97e {
    margin-top: 30px !important;
}

#additional-price-info {
    border: 1px solid #eb2415;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    border-radius: 5px;
}

#module-cm_rtf_1355411265393 img, #module-cm_rtf_1355411230194 img, #module-cm_rtf_1355411225690 img, #module-cm_rtf_1355411259649 img, #module-cm_rtf_1418376486900 img, #module-cm_rtf_151b_14d0_d9e2 img {
    margin-left: 0px !important;
    margin-right: 10% !important;
}

@media (max-width: 1020px) {
    #page {
        width: auto;
    }
}

@media (max-width: 922px) {

    #header div#verbraucherschutz_logo,
    #header a#mein-konto-button,
    #header .servicenav,
    #header a#warenkorb-button,
    #header div#logo,
    #header .langnav,
    #header #logo .argetra-phone {
        position: unset;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    #header .servicenav {
        width: 100%;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        order: 7;
    }

    #header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: auto;
    }

    .navarea {
        height: auto;
    }

    #mainnav {
        padding-left: 0;
        height: auto;
    }

    #header #warenkorb-button {
        order: 5;
        margin-left: 8px;
        max-width: 49%;
        width: 120px;
    }

    #header #logo {

        margin-bottom: 12px;
    }

    .navarea .nav-wrapper {

        height: 56px;
    }

    .navarea .childnav li {
        padding: 0;
    }

    .navarea .childnav li a {

        font-size: 12px;
    }

    .navarea .childnav {
        height: auto;
    }

    #header #mein-konto-button {
        max-width: 49%;
        width: 120px;
    }

}

@media (max-width: 576px) {
    #mainnav nav a {
        font-size: 8px;
        height: auto;
    }

    .immobilien > div > div {
        max-width: 100% !important;
    }
}

@media (max-width: 850px) {
    .module-ig_argetra_bg_container .bg-container > div {
        max-width: 100% !important;
    }

    #footer .footercontent {
        display: flex;
        flex-wrap: wrap
    }

    #footer .footercontent .footerleft,
    #footer .footercontent .footerright {
        float: none;
        width: 100%;
    }

    #footer .footercontent .footercenter {
        margin: 0;
        padding: 20px;
        width: 100%;
    }

    #footer .footercontent .footerright {
        order: 3;
    }

    .homepage .immo-der-woche a.entry {
        width: 50% !important;
    }

    div#module-cm_column_1399494707552 > div {
        width: 100% !important;
    }

    div#module-cm_column_1399494692179 > div {
        width: 100% !important;
    }

    div#module-cm_columns_1354625223008 > div > div > div {
        width: 100% !important;
    }

    .immobilien .immobilie .body {
        float: none;
        width: 100%;
    }

    .immobilien .immobilie .kontakt {
        margin-left: 0;
    }
}

@media (max-width: 576px){
    .immobilien .entry {display: flex;}

    .immobilien .entry * {float: none!important;font-size: 8px;}

    .immobilien .entry img {width: 100%;}

    .immobilien .entry .col3 {padding-left: 4px;}
    #sub-form-erweitert > div > button:nth-child(2){
    float: none!important;
    margin-top: 8px;
}
}

/* for responsive css */
@media (max-width: 762px){

    .frontpage-fullservice-content-text p {
        text-align: left;
    }
    #module-cm_rtf_2107_9126_5d4c p {
        text-align: left;
    }
    #homepage-contact-form-button {
        margin-bottom: 10px;
    }
        #content .rightcol{
            width: 100%;
        }
	#content.right .centercol{
		margin-right: auto;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .hinweis, .module-ig_warenkorb .step-3 .fieldwrap .hinweis, .module-ig_warenkorb .step-4 .fieldwrap .hinweis{
		width: auto;
	}
	.module-ig_warenkorb .step-2 .fieldwrap label, .module-ig_warenkorb .step-3 .fieldwrap label, .module-ig_warenkorb .step-4 .fieldwrap label{
		width: auto;
		text-align: left;
		display: block;
		width: 100%;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .field, .module-ig_warenkorb .step-3 .fieldwrap .field, .module-ig_warenkorb .step-4 .fieldwrap .field{
		margin-left: auto;
		width: 100%;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .required .name, .module-ig_warenkorb .step-2 .fieldwrap .required .plzort, .module-ig_warenkorb .step-2 .fieldwrap .required .birthday, .module-ig_warenkorb .step-3 .fieldwrap .required .name, .module-ig_warenkorb .step-3 .fieldwrap .required .plzort, .module-ig_warenkorb .step-3 .fieldwrap .required .birthday, .module-ig_warenkorb .step-4 .fieldwrap .required .name, .module-ig_warenkorb .step-4 .fieldwrap .required .plzort, .module-ig_warenkorb .step-4 .fieldwrap .required .birthday{
		display: flex;
align-items: stretch;
width: 100%;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .required .name input:last-child, .module-ig_warenkorb .step-2 .fieldwrap .required .name select:last-child, .module-ig_warenkorb .step-3 .fieldwrap .required .name input:last-child, .module-ig_warenkorb .step-3 .fieldwrap .required .name select:last-child, .module-ig_warenkorb .step-4 .fieldwrap .required .name input:last-child, .module-ig_warenkorb .step-4 .fieldwrap .required .name select:last-child{
		flex-grow: 1;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .required .name input, .module-ig_warenkorb .step-2 .fieldwrap .required .name select, .module-ig_warenkorb .step-3 .fieldwrap .required .name input, .module-ig_warenkorb .step-3 .fieldwrap .required .name select, .module-ig_warenkorb .step-4 .fieldwrap .required .name input, .module-ig_warenkorb .step-4 .fieldwrap .required .name select{
		width: auto;
		flex-grow: 1;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .required .plzort input:first-child, .module-ig_warenkorb .step-2 .fieldwrap .required .plzort select:first-child, .module-ig_warenkorb .step-3 .fieldwrap .required .plzort input:first-child, .module-ig_warenkorb .step-3 .fieldwrap .required .plzort select:first-child, .module-ig_warenkorb .step-4 .fieldwrap .required .plzort input:first-child, .module-ig_warenkorb .step-4 .fieldwrap .required .plzort select:first-child{
		width: auto;
		flex-grow: 1;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .required .birthday input, .module-ig_warenkorb .step-2 .fieldwrap .required .birthday select, .module-ig_warenkorb .step-3 .fieldwrap .required .birthday input, .module-ig_warenkorb .step-3 .fieldwrap .required .birthday select, .module-ig_warenkorb .step-4 .fieldwrap .required .birthday input, .module-ig_warenkorb .step-4 .fieldwrap .required .birthday select{
		width: auto;
		flex-grow: 1;
	}
	.module-ig_warenkorb .step-2 .fieldwrap .required .name, .module-ig_warenkorb .step-2 .fieldwrap .required .plzort, .module-ig_warenkorb .step-2 .fieldwrap .required .birthday, .module-ig_warenkorb .step-3 .fieldwrap .required .name, .module-ig_warenkorb .step-3 .fieldwrap .required .plzort, .module-ig_warenkorb .step-3 .fieldwrap .required .birthday, .module-ig_warenkorb .step-4 .fieldwrap .required .name, .module-ig_warenkorb .step-4 .fieldwrap .required .plzort, .module-ig_warenkorb .step-4 .fieldwrap .required .birthday{
		margin-left: auto;
	}
	.zahlungsmethode{
		left: 0 !important;
	}
		.step-4 .clearfix{
			display: grid;
		}
		.step-4 .clearfix div{
			width: 100% !important;
		}
		.module-cm_columns .columns-wrapper{
			display: grid;
		}
		.module-cm_columns .columns-wrapper .module-cm_column > div{
			width: 100% !important;
			
		}
			.rtf.clearfix.iefix p{
		text-align: center;
		display: block;
	}
	.module.module-ig_bestell-button.last-child  div{
		display: block;
		float: unset !important;
		text-align: center;
		margin-bottom: 30px;
	}
    }

    @media (max-width: 762px){
        #header div#logo{
        display: block; 
        width: 100%:
    }
	#header #logo a{
		display: block;
		text-align: center;
		
	}
	#header #logo .slogan{
		text-align: center;
	}
	.argetra-phone{
		text-align: center;
	}
	#verbraucherschutz_logo{
		margin: 0 auto;
	}
	.langnav{
		margin: 0 auto;
	}
	#page > div.title{
		padding-top: 10px;
	}
    form#agb-form h1 + div > div{
        text-align: left !important;
    }
}


.frontpage-fullservice-content {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.frontpage-fullservice-content-text {
  width: 100%;
  margin-left: 30px;
}

@media (max-width: 762px) {
  .frontpage-fullservice-content {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}


@media (max-width: 762px){

    .frontpage-fullservice-content-text p {
        text-align: left !important;
    }
    .frontpage-fullservice-content-image {
        text-align: center;
    }
    
    #homepage-contact-form-button {
        margin-bottom: 10px;
    }
    .frontpage-fullservice-content-text{
		margin-left: 0 !important;
	}

    #login .content.clearfix > div{
	display: block !important;
	width: 100% !important;
}

.auth .modal-popup {
	 width: 92% !important;
    left: 4% !important;
    margin: auto !important;

}
}

.module.module-ig_warenkorb form div {
    height: auto !important;
}

#module-cm_columns_1354625223008 {
    margin-bottom: 20px;
}

#module-cm_content-box_8627_b857_070c div.content-box.color > .content {
    background-color: white !important;
    padding: 0px !important;
} 