/*
grau menutext: bcbdc0
grau dunkle: 57585a
hellblau menu: 7e9cd0
gelb-orange: f7ca0e
*/

@import url(https://fonts.googleapis.com/css?family=Muli:300,400);

.bc1 { background-color:#f4b900; }
.bc2 { background-color:#e67505; }
.bc3 { background-color:#bd331c; }
.bc4 { background-color:#9e141c; }

.button.gebrauchtmarkt { width:100%; margin-bottom:35px; background-color:#7e9cd0; color:#fff; line-height: 20px; padding:15px 0; height:auto !important; text-align: center; border-radius: 27px; }

body { font-family: Verdana, 'Muli', sans-serif; color:#57585a; background: #e9eaeb; font-size: 14px; }
a { text-decoration: none; color:#bcbdc0; }
a:hover { color:#f7ca0e; }
p { margin:0.7em 0; }

#h1 { margin:1em 1% 1em 1%; }
#h1 p { color:#888; margin:0; }
h1 { color:#f7ca0e; margin:0; }
h1, h2 { font-weight: normal; }
h2 { font-size:1.2em; color:#7e9cd0; }

header { position:relative; }
#banner { background: #fff; position:relative; z-index:9999; box-shadow:0 0 10px rgba(0,0,0,0.2); }
#banner .wrap { position:relative; }
#banner2 .col2 { overflow:hidden; }
#banner2 .col1 { position:relative; }
#banner2 .cl1 { margin-left:1%; margin-right:1%; }
#banner2 .cl2 {  margin-left:1%; margin-right:1%; }

#logo { float:left; width:200px; margin:10px 0 10px 1%; }
#logo img { width:100%; }

.hotline { color:#bcbdc0; font-size:0.9em; text-align: left; padding-top:10px; }

#rexsearch { margin:16px 0; }
.suchtreffer li { padding-bottom:20px; border-top:1px solid #ccc; }

.xform.top input { border-radius:1em; background-color: #fff; }
.xform.top label { display:inline-block; line-height: 30px; }
.xform.top input.submit { float:right; background-color:#f7ca0e; }
.xform.top input.submit:hover { background-color:#57585a; }

#titleslider { /*box-shadow:0px 0px 10px rgba(0,0,0,0.2);*/ }
.flexslider { overflow: hidden; position:relative; }
.flexslider li img { width:100%; display:block; }

.flexsliderlogos li { /*width:120px !important;*/ }
.flexsliderlogos img { width:100%; display:block; }

ol.flex-control-nav { list-style-type: none; text-align: left; position:absolute; right:3px; bottom:6px; z-index:999; margin:0; padding:0; }
.flex-control-nav li { display:inline-block; margin: 0 3px; zoom:1; }
.flex-control-nav a { width:10px; height:10px; display:block; border:1px solid #ccc; background:url(w50.png); font-size:3px; color:transparent; cursor:pointer; }
.flex-control-nav a.flex-active { background: #fff; }
.flexslider .flex-direction-nav { display:none; }

main { padding-bottom:40px; }
#article { background-color: #fff; padding-top:1px; padding-bottom:20px; }

#footer { background: #7e9cd0; color:#57585a; }
.itemfooter { font-size: 0.9em; padding-top:12px; padding-bottom:12px; }
.itemfooter p.title { font-size: 1.3em; color:#fff; }
#logosext { background: #fff; }

footer .social { font-size: 2.5em; display:inline-block; margin-left: 1px; margin-right:10px; }

/* details */
.proakt { background:#f7ca0e; padding:0px 0; width:1000%; margin-left:-900%; box-shadow:5px 5px 5px rgba(0,0,0,0.2); }

.proakt .content { width:10%; float:right; }
.proakt img { width:100%; }
.proakt h2 { color:#000; font-size: 0.9em; margin:0; color:#57585a; }
.proakt p.title { color:#000 !important; font-size: 0.9em; margin:0 !important; }
.proakt p.notiz { margin:0.5em 0; color:#57585a; }
.proakt p.subtitle { margin:0.5em 0; color:#000; font-weight: bold; }
.proakt:hover { background: #F4B900; }
.proakt .slides li { margin:10px 0 0 0; }

.rezension .zitat { font-size:1.1em; }
.rezension .kunde { font-size:0.9em; font-style: italic; color:#cdc1b9; }

.linkweiter { display:inline-block; margin-right:10px !important; }

/* hidden */
.proakt { display:none !important; }
aside { display:none; }

@media screen and (min-width:768px) {

	.hotline {text-align: right; }
	.proakt { display:block !important; }
	aside { display:block; }

	#logo { color:#000; width:23%; }
	
	#banner .wrap { position:relative; height:86px; }
	#banner2 .cl1 { float:none; width:100%; margin:0; }
	#banner2 .cl2 { float:none; width:100%; margin:0; }
 	
	.wrap { width: 92%; margin-left: 4%; margin-right: 4%; max-width:1000px; margin:0 auto; }
	
	.container_12 { margin:0 auto; }
	
	.col1 { float:left; width:23%; margin:0 1%; }
	.col2 { float:right; width:73%; margin:0 1%; }
	
	aside { float:left; width:23%; margin:0 1%; padding:50px 0; }
	main { float:right; width:73%; margin:0 1%; }
	
}

@media screen and (min-width:960px) {
	#banner { position:fixed; width:100%; top:0; }
	header { padding-top:86px; }
}

.revisionedheading {
	margin: 0 1%;
	clear:both;
}
.revisionedheading.spaced {
	padding-top: 40px;
}