@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'icomoon3';
	src:url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon3.eot');
	src:url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon3.eot?#iefix-kf0eb0') format('embedded-opentype'),
		url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon3.woff') format('woff'),
		url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon3.ttf') format('truetype'),
		url('fonts/icomoon3.svg?-kf0eb0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon2';
	src:url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon2.eot');
	src:url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon2.eot?#iefix-91lgsv') format('embedded-opentype'),
		url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon2.woff') format('woff'),
		url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon2.ttf') format('truetype'),
		url('fonts/icomoon2.svg?-91lgsv#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon.eot');
	src:url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon.eot?#iefix-91lgsv') format('embedded-opentype'),
		url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon.woff') format('woff'),
		url('https://www.fertighausscout.de/sites/all/themes/fertighausscout/css/fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg?-91lgsv#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
.row {
    width: 1000px;
    margin: 0px auto;
    max-width: 62.5rem;
}

.row .row {
    width: auto !important;
    margin: 0px -0.9375rem;
    max-width: none;
}
*/

a, .breadcrumbs a {
	color:#cd5931;	
}

a:hover, .breadcrumbs a:hover {
	color:#000000;	
}

.tab-bar, .button {
	background-color:rgb(206, 89, 49);	
}

section.left-small {
border-right: solid 1px #ffffff;
box-shadow: none;
}

.tab-bar section.right a {
	color:#ffffff;	
	padding-top:5px;
}

.tab-bar h1, .tab-bar .title {
	font-weight:normal !important;
	line-height: 2.6rem !important;
}

.tab-bar h1 a, .tab-bar .title a {
	color:#ffffff;	
}

/* Slick Slider */

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 48px;
    line-height: 1;
    color: #E0E0E0;
    opacity: 0.75;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 90px;
    width: 60px;
    line-height: 0;
    font-size: 0px;
    cursor: pointer;
    background-color:#333333;
    color: transparent;
    top: 50%;
    margin-top: -45px;
    padding: 0px;
    border: medium none;
    outline: medium none;
	opacity: 0.75;
}

.slick-next {
    right: 0px;
}
.slick-prev {
    left: 0px;
}
.slick-next:before {
    font-family: 'icomoon2';
	content: "\e604";
}

.slick-prev:before {
    font-family: 'icomoon2';
	content: "\e603";
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: #333333; opacity:1; }

.slick-dots {
    bottom: -60px;
}

.slider .headline {
	position:absolute;
	bottom:-10px;
	padding:20px 30px;
	background-color:rgba(153,0,0,0.7);
}
.slider .headline h2 {
	font-family: 'Lato', sans-serif;	
	font-weight: 300 !important;
	color:#ffffff !important;
	line-height:100%;
	font-size:1.8rem;
}

.slider .headline h2 small {
	color:#ffffff !important;
}

/* Allgemein */

body, p {
	font-family: 'Lato', sans-serif !important;	
	font-weight: 300 !important;	
}

/* Hausliste */

h1 {
	font-family: 'Lato', sans-serif;	
	font-weight: 300 !important;
	font-size:2em;	
}

h2 {
	font-family: 'Lato', sans-serif;	
	font-weight: 300 !important;
	font-size:1.6em;	
}

h3 {
	font-family: 'Lato', sans-serif;	
	font-weight: 300 !important;
	font-size:1.2em;	
}

h4 {
	font-family: 'Lato', sans-serif;	
	font-weight: 500 !important;
	font-size:1.2em;	
}

ul.hausliste li {
	font-family: 'Lato', sans-serif;	
	font-weight: 300 !important;
	font-size:0.8em;
	/*border-bottom:1px solid #e0e0e0;*/
	padding-top:1.2em;
}

ul.hausliste li strong {
	font-weight: 400 !important;
}

.hausbild {
	position:relative;
	max-height:130px;
	height:130px;
	overflow:hidden;
	margin-bottom:5px;
	background-image:url(../img/ajax-loader.gif);
	background-repeat:no-repeat;
}
.hausbild img {
	height:130px;	
}



.icon-arrow-left:before {
	font-family: 'icomoon2';
	content: "\e603";
}
.icon-arrow-right:before {
	font-family: 'icomoon2';
	content: "\e604";
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 32px;
	font-size:18px;
	color:#333333;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-file:before {
	content: "\e600";
}
a.icon-search {
	font-family: 'Lato', sans-serif;	
	font-weight: 300 !important;
	background-color:#cd5931;
	color:#ffffff;
	line-height: 2.4em;
	padding:0px 10px;
	display:inline-block;
	text-transform:uppercase;
	font-size:0.9em;
}
.icon-search:before {
	font-family: 'icomoon';
	content: "\e601";
	padding-right:10px;
}
.icon-eye:before {
	content: "\e602";
	position:absolute;
	bottom:0px;
	background-color:#333333;
	padding:0px 5px;
	color:#ffffff;

}
.icon-eye2:before {
	content: "\e602";
	padding-right:10px;
	color:#cd5931;
}
.icon-clip:before, .right-off-canvas-toggle.icon-clip:before {
	font-family: 'icomoon';
	content: "\e600";
	padding-right:10px;
}

.icon-clip {
	cursor:pointer;	
}

.icon-menu {
	cursor:pointer;
	line-height: 1.6em;
}

dd.accordion-navigation .icon-menu:before {
	font-family: 'icomoon';
    content: "\e604 ";
	font-size:0.7em;
	padding:0px 5px 0px 0px;
	line-height: 1em;
}

dd.accordion-navigation.active .icon-menu:before {
	font-family: 'icomoon';
    content: "\e607 ";
	font-size:0.7em;
	padding:0px 5px 0px 0px;
	line-height: 1em;
}

.icon-layout:before {
	font-family: 'icomoon';
    content: "\e60a";
	padding-right:10px;
	color:#cd5931;
	font-size:1.5rem;
}

.icon-info:before {
	font-family: 'icomoon';
    content: "\e609";
	padding-right:10px;
	color:#cd5931;
	font-size:1.5rem;
}

.icon-clip.btrot {
	color:#cd5931;
	font-size:1.5rem;
}

.icon-twitter:before {
	font-family: 'icomoon';
    content: "\e60d";
	font-size:1.3rem;
	padding:0px 5px;
	color:#636363;
}

.icon-facebook:before {
	font-family: 'icomoon';
    content: "\e60b";
	font-size:1.3rem;
	padding:0px 5px;
	color:#636363;
}

.icon-googleplus:before {
	font-family: 'icomoon';
    content: "\e60c";
	font-size:1.3rem;
	padding:0px 5px;
	color:#636363;
}

.icon-arrow-left2:before {
	font-family: 'icomoon2';
	content: "\e603";
	color:#ffffff;
	font-size: 0.6875rem;
	margin:0px;
	padding:0px;
	line-height:0px !important;
}
.icon-arrow-right2:before {
	font-family: 'icomoon2';
	content: "\e604";
	color:#ffffff;
	font-size: 0.6875rem;
	margin:0px;
	padding:0px;
	line-height:0px !important;
}

.icon-clip.btrot2 {
	color:#cd5931;
}

.icon-office:before {
	font-family: 'icomoon3';
    content: "\e601";
	padding-right:10px;
	color:#cd5931;
}

.icon-home:before {
	font-family: 'icomoon3';
    content: "\e600";
	padding-right:10px;
	color:#cd5931;
}

span.weiss:before {
	color:#ffffff !important;	
}
.icon-remove {
cursor:pointer;	
}
.icon-remove:before {
	font-family: 'icomoon3';
    content: "\e602";
	padding-right:10px;
	color:#ffffff !important;
	
}

.zurueck:before {
	font-family: 'icomoon';
	content: "\e603  ";
}

.vor:after {
	font-family: 'icomoon';
	content: " \e604";
}


.right-off-canvas-toggle.icon-clip {
	font-family: 'Lato', sans-serif;	
	font-weight: 300 !important;
	background-color:#cd5931;
	color:#ffffff;
	line-height: 2.4em;
	padding:0px 10px;
	display:inline-block;
	text-transform:uppercase;
	font-size:0.9em;
}

.right-off-canvas-menu {
	background-color:#e0e0e0;	
}

.right-off-canvas-menu .content {
	padding:1em;
	font-family: 'Lato', sans-serif !important;	
	font-weight: 300 !important;
}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10 {
	background-color:#FBFBFB;
	padding: 0.3rem 0.8rem;
}

.move-right .exit-off-canvas, .move-left .exit-off-canvas {
    transition: #6363CE 300ms ease 0s;
    cursor: pointer;
    /* box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5); */
	box-shadow:none;
    display: block;
    position: absolute;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.2);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1002;
}

.accordion, .accordion-navigation, .accordion a, .accordion label {
	font-family: 'Lato', sans-serif !important;	
	font-weight: 300 !important;
}

.accordion-navigation a:hover {
	background-color:#ffffff;	
}

.accordion .content a {
	color:#333333;
	text-decoration:underline;	
	font-family: 'Lato', sans-serif !important;	
	font-weight: 300 !important;
	font-size: 0.875rem;
}

.accordion .accordion-navigation > a, .accordion dd > a {
    background: none repeat scroll 0% 0% #EFEFEF;
	background:none;
    color: #222;
    padding: 0.3rem 0.8rem;
	border-bottom:1px solid #4B4B4B;
}

.accordion dd a:hover {
	background-color:#ffffff !important;	
}

input[type="checkbox"] {
    margin: 0px 0px 0.3rem;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0px;
    vertical-align: baseline;
    font-size: 0.7rem;
}

.button {
	background-color:#cd5931;
	font-family: 'Lato', sans-serif !important;	
	font-weight: 300 !important;	
}

.button:hover {
	background-color:#e0e0e0;	
}

.button span.icon-clip {
	line-height:1 !important;
	padding-right:0px;
	color:#ffffff;
	font-size: 0.6875rem;
}
.button span.icon-clip:before {
	line-height:1 !important;
	padding-right:0px;
	color:#ffffff;
	font-size: 0.6875rem;
}

.alert-box {
	position:fixed;
	width:400px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -200px;
	-moz-box-shadow: 2px #ccc;
	  -webkit-box-shadow: 2px #ccc;
	  box-shadow: 2px #ccc;
	  display:none;
}

#closebutton {
	font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.6875rem;
    right: 0.25rem;
    color: #333333;
    opacity: 0.3;
    background: inherit;	
}

#merkzettel .inhalt {
	font-size:0.8rem;
	margin-bottom:15px;	
}

#merkzettel .inhalt strong {
	font-weight: 400 !important;
}

#merkzettel .inhalt .hausbild {
	height:auto !important;	
}

#merkzettel .inhalt .hausbild img {
	width:100px !important;
	height:auto !important;	
}

.bttypo {
	color:#cd5931;
	font-size:1.5rem;
	padding-right:15px;
}
.headertypo {
	padding-top:25px;
	padding-left:90px !important;	
}

.headertypo h1 {
	font-size:1em;
	line-height:1.8em;	
}

.navigation {
	margin-top:15px;	
}

ul#navigation {
	list-style-type:none;	
}
ul#navigation li {
	float:left;
	position:relative;
}

ul#navigation ul.subnavi {
	position:absolute;
	z-index:999;
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	background-color:#ffffff;
	display:none;
	font-size:0.8em;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(102,101,102,1);
	-moz-box-shadow: 1px 1px 2px 0px rgba(102,101,102,1);
	box-shadow: 1px 1px 2px 0px rgba(102,101,102,1);
}
ul#navigation ul.subnavi li {
	display:block;
	width:250px;	
}
ul#navigation a {
	color:#333333;
	display:block;
	line-height:1.9rem;
	padding:0px 0.875rem;
	border-right:1px solid #e0e0e0;	
}

ul#navigation a:hover {
	color:#cd5931;
}

ul#navigation li a.last {
	border-right:none;	
}

ul#navigation li ul li a {
	color:#333333;
	display:block;
	line-height:1.9rem;
	padding:0px 15px;
	border-right:none;	
}

ul#navigation li:hover ul.subnavi { display: block; } 

.breadcrumbs > * {
    color: #333333;
}

.breadcrumbs {
	margin-top:10px;
	background-color:#ffffff;
	border-left:none;
	border-right:none;
	border-radius:0;	
	margin-bottom:0px;
}

.breadcrumbs > *:before {
    font-family: 'icomoon';
	content: "\e604";
    color: #AAA;
}

footer .row {
	font-size:0.8rem;
	margin-bottom:25px;	
}

footer hr {
	border-top:1px solid #333333;
	margin:1rem 0px;	
}

.fsvlogo {
	padding-right:15px !important;	
}

h2 {
	font-size:2em;	
}
address {
	font-style:normal;	
}
.headline {
	font-weight: 300 !important;
	font-size: 2em;	
	margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height:1.4em;
}

.subheadline h1, .subheadline p {
	margin-left:0.5rem;	
}

.unterstrichen {
	 border-bottom:1px solid #333333;
}

.abstandoben {
	margin-top:15px;	
}
.abstandunten {
	margin-bottom:1.875rem;	
}

.qmicon {
	vertical-align:baseline;	
}

.zeitschriften {
	font-size:0.8rem !important;	
}


/* Anpassungen Views/Listen etc. */
ul.links {
	margin-left:0px;	
}

ul.links li.node-readmore {
	padding:0px;	
}

.field-name-field-teaserbild {
	float:right;
	margin-left:2em;	
}

.field-item p {
	margin-bottom:0px;	
}

.view-fertighausscout-slider a {
	color:#222222;	
}
.view-fertighausscout-slider h4 {
	margin-top:0px;
	margin-bottom:0px;
}

.view-fertighausscout-slider img {
	margin-bottom:1rem;	
}

.view-fertighausscout-slider a span {
    color: #cd5931;
}

/* POD */

#main {
    width: 530px;
	float:left;
}

#main h2, #rechts h2 {
	font-size:1.4em;	
}

#rechts {
    width: 370px;
	float:right;
}

.infoanforderung a {
    color: #FFF;
    background-color: #cd5931;
    line-height: 50px;
    padding: 0px 15px;
    font-size: 12px;
    border-radius: 5px;
    display: block;
	margin-top:0.8em;
}

.weiter a {
    line-height: 45px;
    font-size: 16px;
}

#rechts ul.vorschlagsliste {
    border: 1px solid #DDD;
    width: 280px;
    padding: 5px;
}
#rechts ul {
    list-style-type: none;
    font: 12px/1.35 Arial,Helvetica,FreeSans,sans-serif;
    padding: 0px;
    margin: 0px;
}

.clear {
	clear:both;	
}

ul.off-canvas-list li ul {
	display:none;	
}

.imagewithcaption {
	margin:5px 5px 5px 0px;
	padding:5px;
	border:1px solid #dddddd;
}
img.caption {
	margin-bottom:5px;
}
.bu {
	font-size:0.9em;
	font-weight:normal;
	line-height:125%;
}

.field-name-field-galeriebild .field-item {
	width: 130px;
	float: left;
	margin-right: 5px;
	margin-bottom:5px;
}
.field-name-field-galeriebild .field-item img {
	width: 130px;
	height: auto;
}

/* Service Links Schlagwörter etc. */
.field-name-field-bereich {
	padding-top:10px;
	clear:both;
}
.field-name-field-schlagwoerter .field-item {
	float:left;
	margin-right:5px;
}

.field-name-body p {
	margin-bottom:0.8em;	
}

.view-content p {
	margin-bottom:0px !important;	
}

.field-name-body h2 {
	font-size:1.6em;
	font-weight: 300 !important;
}
.field-name-body h2 strong {
	font-weight: 300 !important;
}

.views-row {
	margin-bottom:0.8em;
}

/* Banner */

  #banner {
  margin: 10px auto;
  width: 960px;
   height:70px;
   background-color:#FFFFFF;
  }

  #banner .banner,.anzeigen {
   float:left;
   margin-left:10px;
   display:inline;
  }
  
  #skybanner {
      position:absolute;
      display:block;
      left:965px;
      top:0px;
  }
  
   #skybanner-s {
      position:absolute;
      display:block;
      left:959px;
      top:-5px;
   }
   #sbanner {
     position:relative;
     top:5px;
     left:0px;
     width:940px;
     margin:10px auto;
     padding:0;
     height:90px;
     background-color:#FFFFFF;
     text-align:right;
  }
  
/* Banner Banderole */

#banderole {
	position:absolute;
	right:0px;
	text-align:center;
	top:330px;
	width:100%;
	height:250px;
	overflow:hidden;
	z-index:990;
	background-image:url('https://www.fertighausscout.de/sites/all/_banner/bg.png');	
}

#but-open {
	position:absolute;
	right:0px;
	text-align:center;
	top:330px;
	width:30px;
	height:250px;
	overflow:hidden;
	z-index:990;
	background-image:url('https://www.fertighausscout.de/sites/all/_banner/bg.png');
	display:none;
}

.banderoleminus {
	position:absolute;
	right:0px;
	background-color:#F00;
	height:30px;
	width:30px;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	line-height:30px;	
}

.banderoleplus {
	position:absolute;
	right:0px;
	background-color:#F00;
	height:30px;
	width:30px;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	line-height:30px;	
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
    max-height: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

#imagelightbox-overlay
{
	background-color: #fff;
	background-color: rgba( 0, 0, 0, .8 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}

/* Image-Lighbox */
.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
	/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}			
/* ENDE Image-Lighbox */

.border {
	border-top:1px solid #333333;	
}

/* Startseite Teasers */

.startteaser {
	max-width:400px !important;
	margin-bottom:1em;
}

.startteaser a {
	color:#333333;	
}

.startteaser img {
	background-color:#efefef;	
}

.startteaser .headline {
	 font-size:1.2rem;
	 margin-bottom:5px;
	 width:100%;	
}

.startteaser .topten {
	position:absolute;
	top:23%;
	padding:0px 30px 0px 15px;
	max-width:400px !important;
	
}

.startteaser .fdm {
	position:absolute;
	top:0px;
	padding:5px 30px 0px 15px;
	width:95%;
	max-width:400px !important;	
}

.startteaser .topthema {
	position:absolute;
	bottom:-1px;
	padding:5px 35px 0px 15px;
	background: rgba(255, 255, 255, .8);
	max-width:400px !important;	
}

.startteaser .top-thema p, .startteaser .topten p {
	line-height:140%;
	font-size:0.9rem;
	margin-bottom:10px;	
}

.app-links {
	width: 220px; padding-top: 20px; padding-left: 10px; margin-right: 40px; float: left; margin-bottom: 50px;
}

.app-illu-gr {
	float:right;
	margin-left:2em;	
}

/* EDITOR */
.mceContentBody {
	font-size:12px;	
}

.mceContentBody h2 {
	font-size:16px;	
}

.field-name-field-infoblock {
	clear:both;
	padding:1em;
	background-color:#efefef;	
}


/* HAUSVERGLEICH */

.view-hausvergleich-plus-energie {
	width:100%;
	padding-top:10px;
}

.view-hausvergleich-plus-energie h2 {
	color:#333333;
	font-weight:normal;
	border-bottom:1px solid #e0e0e0;
	font-size:18x;
	line-height:32px;
	font-style:italic;
}

.view-hausvergleich-plus-energie .field-name-field-teaserbild {
	width:300px;
	float:left;
	margin-left:0px !important;
}

.view-hausvergleich-plus-energie .field-name-body {
	width:330px;
	float:left;
}

.view-hausvergleich-plus-energie .field-name-body h3 {
	line-height:110% !important;
	padding-bottom:8px;
}

.view-hausvergleich-plus-energie .field-name-body .field-item {
	padding:20px;
}

.view-hausvergleich-plus-energie .field-name-field-info {
	width:200px;
	float:right;	
}

.view-hausvergleich-plus-energie .field-name-field-info img {
	width:120px;
	height:auto;	
}

.view-hausvergleich-plus-energie .field-name-field-info .field-item {
	padding:20px 0px;
}

.view-hausvergleich-plus-energie .field-name-field-galeriebild {
	height:0px;
	overflow:hidden;	
}

.view-hausvergleich-plus-energie .node-hausvergleich {
	margin-bottom:30px;
	clear:both;
	position:relative;
}

/* Reportagen Haustests */

.statement-headline {
    padding: 1em;
    background-color: #cd5931;
    color:#FFFFFF;
	text-transform:uppercase;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.field-name-field-statement {
	padding:1em;
	background-color:#e0e0e0;
	margin-bottom:2em;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.rahmenoben {
	border-top:1px solid #DCDCDC;	
}

.field-name-field-daten-und-fakten p {
	padding-bottom:1em;	
}

.field-name-field-cover p {
	line-height:1.25;	
}

.zeitschriftenapp {
	float:right;	
}

.view-bautipps-slider a {
    color: #222;
}

.weiss .field-name-field-infoblock {
	background-color:#ffffff !important;	
}

.textgross .field-name-field-infoblock, .textgross .field-name-field-einleitung p {
	font-size:1.4em;	
}

.textgross .field-name-field-einleitung {
	padding:1em;
}

h1.abstand {
	padding-left:0.5em;
}

.bildunterschrift {
	padding-top:0.8em;
	text-align:center;
	font-style:italic;	
}


.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.abobox {
	padding:1em;
	background-color:#ededed;
	border-radius: 5px;
	margin-bottom:1em !important;
}
.abobox h2.farbig {
	border-bottom-color: #cd5931;
}
.abobox hr {
	border-bottom-color: #cd5931;
}

.column.abobox:last-of-type {
		margin-right:0;
	width:48.3%;
}

.abobox.spalte {
		width:49%;	
	}


@media only screen and (max-width: 40em) {
	
	.abobox.spalte {
		width:100%;	
		margin-left:0px;
	}
	
	.column.abobox:last-of-type {
		width:100%;
	}
	
	.digitalbox {
		margin-left:0 !important;
		margin-right:0 !important;	
		padding-left:0 !important;
		padding-right:0 !important;	
	}
	.responsive-video {
		margin-bottom:1.5em;	
	}
	
	.app-links {
	width: 220px; padding-top: 20px; padding-left: 10px;float: none; margin-bottom: 20px;
	}
	.app-illu-gr {
		float:none;
		margin-left:0;
		margin-bottom:20px;
		
	}

	
	.imagelightbox-arrow-left
		{
				left: 0;
				display:none;
		}
	.imagelightbox-arrow-right
		{
				right: 0;
				display:none;
		}
		
	.imagelightbox-arrow {
		display:none !important;	
	}
	
	.border {
		border-top:none;	
	}

	.row {
		width:100% !important;	
	}

	.filterhdb label {
		color:#000000 !important;	
	}

/*
	.navigation {
		display:none;
		margin-top:0px;
		padding-top:0px;
		border-top:1px solid #ffffff;
		border-right:none;	
	}
	
	ul#navigation {
		list-style-type:none;
		background-color:#cd5931;
		margin-left:0px;
		padding-left:0px;
	}
	ul#navigation li {
		float:none;
		border-top:1px solid #ffffff;
	}
	
	ul#navigation li:first-of-type {
		float:none;
		border-top:none;
	}
	
	ul#navigation ul.subnavi {
		position:static;
		z-index:999;
		list-style-type:none;
		margin-left:0px;
		padding-left:0px;
		background-color:#efefef;
		display:block;
		font-size:1em;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	ul#navigation ul.subnavi li {
		display:block;
		width:100%;	
	}
	ul#navigation a {
		color:#ffffff;
		display:block;
		line-height:2.5rem;
		padding:0px 0.875rem;
		border-right:none;	
	}
	
	ul#navigation a:hover {
		color:#ffffff;
	}
	
	ul#navigation li a.last {
		border-right:none;	
	}
	
	ul#navigation li ul li a {
		color:#333333;
		display:block;
		line-height:2.5rem;
		padding:0px 15px;
		border-right:none;	
	}
	ul#navigation li ul li a:hover {
		color:#333333;
		display:block;
		line-height:2.5rem;
		padding:0px 15px;
		border-right:none;	
	}
*/
	
	#filters, .schliessen {
		padding-left:1em;
		background-color:#ffffff;
		line-height:2.5em;	
	}
	
	aside #filters, .schliessen {
		line-height: 2.8125rem;	
	}
	.schliessen {
		font-weight:bold;	
	}

	.merkzetteltext {
		display:none;
	}
	
	.slider .headline {
		padding:10px 15px;	
	}
	
	.slider .headline h2 {
		font-size:0.8em;	
	}
	.slider .headline h2 small {
		display:none;	
	}
	
	.slick-next, .slick-prev {
		display:none !important;	
	}
	
	.hausbild {
	position:relative;
	max-height:120px;
	height:120px;
	overflow:hidden;
	margin-bottom:5px;
	background-image:url(../img/ajax-loader.gif);
	background-repeat:no-repeat;
	}
	
	.hausbild img {
		height:auto;	
	}
	
	.icon-eye:before {
		top:0px;
		height:32px;
	}
}