/*   
Theme Name: heinloth
Theme URI: https://www.heinloth-immo.de
Description: Relaunch der Homepage heinloth-immo.de
Author: Werner Schmidt
Version: 2.0
Description:  The best WordPress starter theme based on the most powerful frameworks in the world.This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import "css/owl.carousel.min.css";
@import "css/jetmenu.css";
@import "css/referenzen.css";
@import "css/paralax.css";
@import "css/accordion.css";
@import "fontawesome-free-5.12.0-web/css/all.min.css";
@import "css/sanierungen.css";

* {
	margin:0;
	padding:0;
	list-style:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;
  src: url('fonts/quicksand-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/quicksand-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/quicksand-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/quicksand-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/quicksand-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/quicksand-v21-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: 300;
  font-display: swap;	   
	}
/* courgette-regular - latin */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/courgette-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Courgette Regular'), local('Courgette-Regular'),
       url('fonts/courgette-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/courgette-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/courgette-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/courgette-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/courgette-v8-latin-regular.svg#Courgette') format('svg'); /* Legacy iOS */
	   font-display: swap;
	}
body {
	background:url('img/extra_clean_paper.png');
	}	
body {
	font-family:'Quicksand', sans-serif;
  	margin: 0;
  	color: #5a5a5a;
  	-webkit-font-smoothing: auto;
	}	
html, body { /*kein horizontales verschieben*/
    max-width: 100%;
	min-height:100%;
  	overflow-x: hidden;
	}
html {
  scroll-behavior: smooth;
	}	
body, html { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   	hyphens: auto; 
	}
a {
    color:#006699;
	}	
a.blau{
	color:#006699;
	}
a.blau :hover{
	color:#ff9800!important;
	}			
.hyphens_none,.hyphnone {
   -moz-hyphens:none!important;
   -o-hyphens:none!important;
   -webkit-hyphens:none!important;
   -ms-hyphens: none!important;
   	hyphens:none!important;
	}	
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #666666;
  font-weight: 300;
	}
h1 {
  font-size: 2em;
  padding-bottom: 10px;
	}
h1.welcome {
	color: #0a5381;
	font-size: 1.8em;
	font-weight: 600!important;
	margin-top: 50px;
	margin-bottom: 30px;
	}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
.light{
	font-weight: 100!important;
	}	
h2 {
	font-size: 1.625em;
  	font-size: 26px;
  	padding-bottom: 0.3em;
  	line-height: 1.25;
	}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
	}	
h2.blue{
	color:#0a5381;
	}
.blue-2 h2{
	font-size:1.188em;
	font-weight:600;
	color:#0a5381;
	}	
.line-2 h2{
	margin-top:20px;
	}	
.support h2 {
  margin-top:30px;
  }
h3 {
  	font-size: 1.250em;
  	font-size: 20px;
  	line-height: 24px;
  	font-weight:400;
	}
h3.blue {
  	font-size: 1.250em;
  	font-size: 20px;
  	line-height: 24px;
  	font-weight:400;
	padding-bottom:10px;
	color:#0a5381;
	}
h3.widget-title {
  font-size: 1.2rem;
	}  						
h4 {
  font-size: 1em;
  line-height: 20px;
	}
h5 {
  font-size: 14px;
  line-height: 17.5px;
	}
h6 {
  font-size: 0.8em;
  line-height: 2em;;
	}
h6.bu{
	font-size:0.7em;
	}	
p.sub-head { 
  font-size:1em;
  color:#ff9700;
	}	
p {
	font-size: 1em;
 	line-height: 1.6em;
	margin-bottom:0;
	}
p.blue_strong{
	font-size: 1.1em;
	color: #0a5381;
	font-weight: 500!important;
	letter-spacing:0.5px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
ul.info{
	line-height: 1.6em;
	}
.better::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color:#00cc33;
  padding-right:10px;
  content: "\f058";
	}			
.dance{
	font-family: 'Courgette', Helvetica, Arial, sans-serif;
	}
/*Elements*/

/*para-alternative-oben*/

#comienzo .inicio{
	padding-top: 140px;
	padding-bottom: 100px;
	background: url(img/startbild.jpg);
	overflow: hidden;
	position: relative;
	width: 100%;
 	height: 300px!important;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
	}
#comienzo{
	width:100%;
	}
#comienzo h2{
	font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;
	letter-spacing:4px; 
	text-align:center; 
	font-size:1em;
	color:#fff;  
	font-weight:400; 
	font-size:1.5em; 
	padding:0 15px 0 15px;
	-moz-hyphens:none!important;
  	 -o-hyphens:none!important;
   	-webkit-hyphens:none!important;
   	-ms-hyphens: none!important;
   	hyphens:none!important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	 z-index:1; 
	 opacity:.9;
	}
.secondtext p { 
	font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;
	font-size:1em;  
	letter-spacing: 0.2em;
   	text-align: center;
	color:#fff;
    padding: 0.5em 0;
	line-height:2em;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    background-color: hsla(0, 0%, 100%,0.2);
	}
@media screen and (min-width:768px){#comienzo .inicio{ padding-top: 100px;}#comienzo h2 {font-size:1.375em;}}
@media screen and (min-width:992px){#comienzo h2 {font-size:2em;}}

/*end para-alternative*/


.over {
    position: absolute;
    background-image: url('img/formstapel_klein.png');
	background-repeat: no-repeat;
    bottom:-10%;
    left: 1%;
    width: 140px;
    height:140px;
	border:2px solid #fff;
	border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 10;
	}
/*gut informiert steuern gespart*/
.cell-table{ 
    display:table; 
	}
.ceta{
	padding:0!important ;
	float:none; 
	border: #999 1px solid;
	background-color:#fff!important;
	}	
body {
	background:color#fff;
  /* Fallback*/
	}
img {
  	height: auto;
  	max-width: 100%;
	}
.img-circle {
    border-radius: 50%!important;
	}
img.lazy {
    display: block;
    }
img.neues {
	margin-top:20px;
	margin-bottom:20px;
	}
.neues img {
	margin-top:20px;
	margin-bottom:20px;
	}		
/* Extra wide images*/				
figure {
  	margin: 1em 0;
	}
/*abstand*/	
.p15-lr{
	padding-left:-30px;
	padding-right:-30px;
	}
.pad-lr-15{	
	padding-left:15px!important; 
	padding-right:15px!important;
	}	
.pad-15-lr{
	padding-left:15px!important;
	padding-right:15px!important;
	}
.pad-25-lr{	
	padding-left:25px;
	padding-right:25px;
	}
.pad-top10{
	padding-top:30px;
	}	
/*vertragspartner*/	
.vp{
	margin-top:10px;
	border:#000 1px solid;
	background:#fff;
	}		
/*kundenzufriedenheit*/
.kuzufrie p{ 
	font-family: 'Courgette';
	color:#003366;
	}
.kuzufrie h6{
	font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;
	font-size:0.8em;
	margin:20px 0 20px 0;
	}
.col-300{    
    min-height: 300px!important;
	}
.hori-verti{
  	clear: both;
  	display: block;
  	margin-left: auto;
 	margin-right: auto;	
	}	
.container{
	max-width:1200px!important;/*1800px*/
	}			
/*allgemein*/
table {
  margin: 0 0 1.5em;
  width: 100%;
	}		
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
	}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
	}
audio:not([controls]) {
  display: none;
  height: 0;
	}
[hidden],
template {
  display: none;
	}
a {
  background-color: transparent;
  text-decoration:none!important;
	}
a:active,
a:hover {
  outline: 0;
	}
dfn {
  font-style: italic;
	}
mark {
  background: #ff0;
  color: #000;
	}
small {
  font-size: 80%;
	}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
	}
sup {
  top: -0.5em;
	}
sub {
  bottom: -0.25em;
	}
img {
  border: 0;
	}
svg:not(:root) {
  overflow: hidden;
	}
figure {
  margin: 1em 2.5rem;
	}
hr {
  box-sizing: content-box;
  height: 0;
	}
button {
  overflow: visible;
	}
button,
select {
  text-transform: none;
	}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
	}
button[disabled],
html input[disabled] {
  cursor: default;
	}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
	}
	
/*Alignments*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
	}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
	}
.aligncenter {
	text-align: center;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
	}
a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
	}
a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
	}
a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
	}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
	}
.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
	}
.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
	}
.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
	}
hr.style8 {
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;
	}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
	}
/*--Sanierungen--*/
.fotodoku p{
	margin:20px 0 20px 0;
	font-style:italic;
	}
.fotodoku img{
	border-radius: 8px;
	 }
.download_link {
    font-weight: bold;
    min-height: 20px;
    padding: 4px;
    color: #fff !important;
    text-decoration: none;
    background-color: #C00;
    border: 2px #990000 solid;
    display: inline-block;
    margin: 20px 0 20px 0;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
	}
/*z.Bsp. Sanierungen*/	
	
/*Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
/*jede 2 tabelle bekommt eine andere farbe*/	
.TFtable{
	width:100%; 
	border-collapse:collapse;
	
	}
.TFtable td{ 
	padding:10px; 
	/*border:#993399 1px solid;*/
	}
/* minimal visualfor IE8 and below */
.TFtable tr{
	background:#ffffff;  /*#cc99ccc*/
	border:#006699 1px solid; 
	}
/* background color for all the ODD background rows  */
.TFtable tr:nth-child(odd){ 
	background: #dff2ff;/*hellblau*/
	}
/* background color for all the EVEN background rows  */
.TFtable tr:nth-child(even){
	background: #ffffff;
	}	
.TFtable p{
	font-size:0.8em;
	color:#006699;
	}
.TFtable .tdfirst{
	width:32%;
	font-weight:500;
	}
.TFtable .tdsecond{
	width:68%
	}
.TFtable .tdsecond a{
	color:#000000!important;
	}	
.TFtable .tdall	{width:100%}	
/* highlight row on mouse over */
tbody tr:hover th,
tbody tr:hover td {
	background:#006699;
	color:#ffffff;
	}	
	
/*--distance--*/
.dist_20{ margin-top:20px;}
.dist_20u{ margin-bottom:20px;}		
.dist_40{ margin-top:40px;}	
.dist_40u{ margin-bottom:40px;}	
.dist_60{ 	margin-top:60px;}
.dist_80{ 	margin-top:80px;}
.dist_100{ 	margin-top:100px!important;}
.dist_120{	margin-top:120px;}
.dist{ 		margin-top:110px;}
.pad30u	{padding-bottom:30px;}
.pad10o	{padding-top:10px;}
.pad-10{margin:20px 0 20px 0;}

/*start-ticker*/
.ticker{
    position: relative;
    font-family:'Quicksand', sans-serif;
	font-size:1em;
	font-weight:300;
    white-space: nowrap;
    animation: moveTicker 15s linear infinite;
    display: inline-block;  
	color:#ffffff;
	background:#990000; 
	padding:2px 20px;
	margin:0;
    }	
.ticker-cont {
    width: 100%;
	min-height:28px!important;/*damit rot stehen bleibt*/
	background:#990000;
    margin-right: auto;
    margin-left: auto;
	}
/*section class*/
.container-flex .one{
	padding-top:60px;
	padding-bottom:60px;
	background-color:#ffffff;
	}
.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #006699;
    border-radius: 4px;
}
.arrow_box::after, .arrow_box::before {
    top: 100%;
    left: 50%;
    border: solid transparent;
        border-top-color: transparent;
        border-top-width: medium;
        border-right-color: transparent;
        border-right-width: medium;
        border-bottom-color: transparent;
        border-bottom-width: medium;
        border-left-color: transparent;
        border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}	

.arrow_box::before {

    border-color: rgba(123, 143, 156, 0);
        border-top-color: rgba(123, 143, 156, 0);
    border-top-color: #7b8f9c;
    border-width: 14px;
    margin-left: -14px;

}
/*-----------------wpcf7-form-mehrspaltig-css--------------------*/		

.red{color:red;}
	
.wps-form {
    width: 100%;
    margin: 0 auto;
	}
.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
	}
.wps-form-row .wpcf7-form-control {
    width: 100%;
	}
.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
	}	
	
/*-----------------wpcf7-form-css--------------------*/	
.white{
	background-color:#ffffff;
	padding-top:60px;
	padding-bottom:60px;
	}
.whity{
	background-color:#ffffff;
	padding:40px 15px 40px 15px;
	}
.whity h6{
	font-size:0.8em;
	}	
.frame {
	text-align:center;
    padding: 30px 0 20px 0;
    border: .0625rem solid #ddd;
	}	

.wpcf7-form-control.wpcf7-checkbox.list {
	border:none!important;
	line-height: 1.6em;
	height:auto;
	padding: 10px 0 20px 0;
	margin:0;
	}		
p.wps-blau{
	font-weight:400;
	color: #0073b1;
	margin-bottom: 20px;
	}		
.redstar{
	font-size:1.205em;
	color:red;
	}
.wpcf7-captchac{
    margin-top: 6px;
    width: 120px;!important;
    height: 30px;
	}	
.wpcf7-captchar {
    margin-top: 12px;
    margin-right: 12px;
    width: 110px;
    height: 30px;
    border: #e2e8f0 1px solid;
	max-width: 110px;
	}
.wpcf7-captchac{
	width:120px!important;
	}
img {
    vertical-align: middle;
    border-style: none;
	}
/* radio-auswahl kein abstand nach links ausgleich nach oben*/	
span.wpcf7-list-item {
    display: inline-block;
    margin: 5px 0 0 0em; 
	}	
::-webkit-input-placeholder { /* WebKit browsers */
	color:#999999!important;		
	opacity: 1;
	}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#999999!important;
	opacity: 1;
	}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#999999!important;
	opacity: 1;
	}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#999999!important;
	opacity: 1;
	}		
.wpcf7-form h6{
	font-size:0.8em;
	line-height:1.4em;
	margin-top:20px;
    -moz-hyphens:none!important;
   -o-hyphens:none!important;
   -webkit-hyphens:none!important;
   -ms-hyphens: none!important;
   	hyphens:none!important
	}
.wpcf7-form p{ /*keine Trennung in p */
	margin-top:10px;
	-moz-hyphens:none!important;
   -o-hyphens:none!important;
   -webkit-hyphens:none!important;
   -ms-hyphens: none!important;
   	hyphens:none!important;
	}

/*referenzen*/
.refer {
    width: 100%;
    padding: 0 1% 1% 1%;
    border-top: 1px solid rgb(204, 204, 204);
    margin-bottom: 4px;
    line-height: 1.2em;
    min-height: 80px;
	}
#referenz {
    width: 100%;
    padding: 0 1% 1% 1%;
    border-top: 1px solid rgb(204, 204, 204);
    margin-bottom: 4px;
    line-height: 1.2em;
    min-height: 90px;
	}
#referenz img {
    float: right;
    vertical-align: middle;
    height: auto;
    clear: both;
	}

#referenz .ref {
    line-height: 2.0em;
    color: #003366;
    padding: 0 0 0 1.3em;
    text-decoration: none;
	}

	
/*--text über seiten-startbild--*/	
.cover-text {
  position: relative;
	}
.cover-text img {
  display: block;
	}
.cover-text h3 {
	font-family:'Quicksand', sans-serif; 
	font-size:1.8em;
	color: #fff;
	line-height:0.9em;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	}	
.cover-text span {	
	line-height:0.9em;	
	color: #fff;
  	position: absolute;
  	bottom: 5%;
  	padding-left:3%;
  	left: 0;
  	width: 100%;
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	background: -webkit-linear-gradient(rgba(51, 51, 51, 0.4), rgba(51, 51, 51, 0.4));
	background: linear-gradient(rgba(51, 51, 51, 0.4), rgba(51, 51, 51, 0.4));
	}	
.cover-text p {
	font-size:0.8em;
	color: #fff;
	letter-spacing:1px; 
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
	}	

/*top-leiste*/
.con-1 {
    -ms-flex: 0 0 49.000000%;
    flex: 0 0 49.000000%;
    max-width: 49.000000%;
	padding-left:12px;
	}
.con-1-logo{
	margin-top:-10px;
	}
				
.con-2 {
    -ms-flex: 0 0 17.000000%;
    flex: 0 0 17.000000%;
    max-width: 17.000000%;
	}
.con-2:last-child {
	padding-right:12px;
	}

	
p.bold{
	line-height:1.6em!important;
	}
.top-nav {
	top: 0;
    right: 0;
    left: 0;
	background-color: #11547f;
    z-index: 1030;
	}
.darkblue{
	background-color: #11547f;	
	height:60px;
	}	
.content {
	padding-top:20px;
    margin: 0px 0px;
    display: block;
	}
.topmenue-cont {
    width: 100%;
	background:#990000;
    margin-right: auto;
    margin-left: auto;
	}	
.topmenue{
	height:26px;
	width: 100%;
	padding-top:4px;
    margin-right:-15px;
    margin-left: auto;
	}
.ondesk{
	display:none;
	}			
.topmenue p, .topm {
	font-size:0.8em;
	font-weight:600;
	}	
.logo{
	background:url('img/heinloth-immo-logo.svg');
	margin-top:-18px;
	height:58px; 
	width:170px;
	background-repeat: no-repeat;
    background-size: contain;
	position:absolute;
	z-index:10;
	}	
	
/*---------unser Team----------------*/
.align-item{   
	margin-top:0%;
	}
.col-sw-6{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	}
.visitcard{
	background: #e8e8e8; 
	background: -moz-linear-gradient(top,  #e8e8e8 10%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #e8e8e8 10%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e8e8e8 10%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );
	padding:10px 10px 10px 30px; 
	border:1px ridge #000;
	border-radius: 4px;
	margin-left: 0px; margin-right: 0px; 
	}
.visitcard{
   -moz-hyphens:none!important;
   -o-hyphens:none!important;
   -webkit-hyphens:none!important;
   -ms-hyphens: none!important;
   	hyphens:none!important;
	margin-bottom:30px!important;
	}
.visitcard .mail{
	color: #0d71b0;
	}
.visitcard b{
	font-size:1.125em;
	line-height:2em;
	font-weight: bold;
	color: rgb(102, 102, 102);
	}
.visitcard h3{	
	font-size: 1.2em;
	font-weight: bold;
	color: #0d71b0;
	margin-top: 6%;	
	}		
h2.headline{
	font-size:2.4em;
	line-height:1em;
	}
nav {
   height:124px!important;
   background:red;
   position: fixed;
   top:0;
   right:0;
   left:0;
   transition: transform .25s .1s ease-in-out;
   z-index:1029;
	}	
.down nav {
   transform: translate3d(0, -134px, 0); // um 134px nach oben verschieben	
	}
#top-stripe{
   height:64px;
   background:#e0f2ff;/*#fff;*/
   padding-top:10px;
   right:0;
   left:0;
	}
#top-stripe p{
	color:#000;
	font-size:0.75em;
	line-height:1.1em;
	padding:0 0 0 4px;
	}
#top-stripe p.right{  
	float: right;
  	text-align: right;
	}
.stretch{
	letter-spacing:0.1px
	}	
.nonemobile{
	display:none;
	}
/*bilder zentrieren*/	
	
/*-------------img vertikal zentrieren--------------*/		
.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
	}
/*der gesamt verfügbare platz wird mit dem img gefüllt*/	
.object-fit { 
	width: 100%; 
	height: 100%; 
	}
.object-fit img { 
	object-fit: cover; 
	width: 100%; 
	height: 100%;
}
/* img senkrecht und wagerecht zentriert*/
.middle img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width: 200px;
    height: 200px;
}
.adress-level{ 
	background-color:;
	height:auto;
	margin-left:-15px; 
	margin-right:-15px;
	padding:6px 16px 6px 16px;
	}
.palink{
	width:40px;
	/*min-width:50%; */
	height:auto;
	}
h2.description{
	float:right; 
	font-weight:100;
	color:#6699cc;
	line-height:30px; 
	font-size:40px;
	letter-spacing:1.6px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	clear:both;
	}	
		
.jetmenu > li.showhide span.title	{
	display:none;
	}
.menue{
	height:auto;
	background-color:#11547f;
	}
.pad{
	display:none;
	}
.sprung {
	visibility: hidden; 
	height: 0px !important; 
	position: absolute; 
	margin: -100px;
	}
/*--login-sticker--*/		
	
.portal {
    position: absolute;
    z-index: 6;
  	top: 10%;
    left: 4%;
    background: none;
    border:none;
	}
.portal-login{
	width: 120px; 
	height:120px; 
	border-radius:50%;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
	}	
/*kunden-portal-site*/	
.site-portal {
    position: absolute;
    z-index: 6;
	top: 260px;
    right: 5%;
 background-color: none;
	}
.site-portal-login{
	position: relative;
	width: 90px; 
	height:90px; 
	border-radius:100%;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	}
	
/*--qualitaet-sticker--*/	
.qualitaet {
    position: absolute;
    z-index: 6;
  	top: 60%;
    right: 4%;
    background: none;
    border:none;
	}
.quali{
	width: 157px; 
	height:120px; 
	/*border-radius:50%;*/
	/*box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);*/
	}
/*anker-teamseite*/	
.team {
	padding-top:100px!important;
	}				
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.startbanner-area{
	margin-top:90px;
	position:relative;
	background-color:tranparent;
	min-height:340px;
	}
.startbanner {
  position: absolute;
  width: 100%;
  height:100%;
  overflow: hidden;
	}
.startbanner-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
	background-size: cover;
	}
.heinloth-immo {
	display:none;
  	position: absolute;
  	top: 50%;
  	left: 50%;
 	 -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
 	 z-index: 99;
  	text-align: center;
  	color:#fff;
  	padding: 1em 2em;
  	line-height: 1.5;
	}
/*neu*/	
.heinloth-immo img{ 
	width:100%;
	max-width: 620px;
	}
/*neu*/			
.heinloth-immo small {
  display: block;
  text-transform:normal;
  color:#fff;
  font-weight:300;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
  text-decoration:none;
	}
a.heinloth-immo smal{
	text-decoration:none;
	color:#fff;
	}	
	
	
	
	
				
/* Declare heights because of positioning of img element */
.carousel-item {
	padding:0px; 
	/*marging-top:170px!important;*/
	height: 1000px/*32rem;*/
	}
.carousel-item > img {
  	position: absolute;
  	top: 0;
  	left: 0;
 	min-width: 100%;
 	max-height:auto;
	}
.carousel-indicators{
	display:none;
	}
	
carousel-inner-start{ /*startseitenslider abweichend von textslider*/
    position: relative;
    width: 100%;
    overflow: hidden;
	height:800px;
	}	
.carousel-caption {
	bottom: 19rem;
  	z-index: 10;
	}
.carousel-caption {
	background:none;
	border:none;
	z-index: 10;	
	}		
.carousel-caption h1{
	color:#fff;
	font-size:1.4em;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	}
.carousel-caption p{
	color:#fff;
	font-size:0.9em;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	}
.carousel-inner > .item > a > img{
    display: block;
    max-width: 100%;
    height: auto;
	}
.paper{
	background-color: #11547f;	
	}
/*vvvvv startseiten link chevron*/	
/*.chevron-body{
	display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
	    top: 60%;
    width: 100%;
    height:80px;
	z-index: 99!important;
    background: transparent;
	}
.chevron-cont{
	position: relative;
 	width: 24px;
  	height: 24px;
	}
.chevron {
  position: absolute;

  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
	}
.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
	}
.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
	}
.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  height: 100%;
  width: 51%;
  background: #fff; /*Farbe*/
	/*}
.chevron:before {
   left: 0;
   transform: skew(0deg, 30deg);
	}
.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
	}*/

/*------sitemap-------*/	
.sitemap-list li {
    line-height: 1.4em;
	}
.sitemap-list {
    font-size: 0.76em;
    line-height: 1em;
	}
.sitemap-list {
    list-style-type: none;
	}
.sitemap-list li {
    line-height: 1.4em;
    padding: 10px 0 10px 0;
    margin: 0;
	}	
.sitemap-list li::before {
    content: "\f0f6";
    font-family: FontAwesome;
    font-size: 1.4em;
    color: #069;
    font-style: normal;
    letter-spacing: 10px;
    text-decoration: inherit;
	}
li.subsite {
    color: #000;
    line-height: 1.4em;
    font-size: 1em;
    padding: 10px 0 10px 0;
	}
.sitemap-list li {
    line-height: 1.4em;
    padding: 10px 0 10px 0;
    margin: 0;
	}
li.subsite::before {
    content: "\f0f6";
    font-family: FontAwesome;
    font-size: 1.4em;
    color: #cc3300;
    font-style: normal;
    letter-spacing: 10px;
    text-decoration: inherit;
	}			
		
/*hg slider*/	
.wall{
	background:url('img/grunge_wall.png');
	background-repeat: repeat;
	}	
.start_distance{
	margin-top:50px;
	}
.dist_50_50{
	margin-top:50px;
	margin-bottom:50px;
	}		
.dist_20{
	margin-bottom:20px;
	}	
.dist_50{
	margin-bottom:50px;
	}
.dist_80{
	margin-bottom:80px;
	}
.disttop_130{margin-top:130px;}
.dist_100{
	margin-bottom:100px;
	}	
.dist_200{
	margin-bottom:200px;
	}

.infobox h2 {
	}
.imtex {
    width: 100%;
	padding-bottom:30px;
    position: relative;
	}
.h-img{
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	}
.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
	}
.object-fit img { 
	object-fit: cover; 
	width: 100%; 
	height: 100%;
	}
.transi:hover{}	
.transi:hover{	
	transition: all ease 2.5s;
	transform: scale(1.5);
    -webkit-transform: scale(1.5);/* für ältere Android-Browser  */
	-ms-transform: scale(1.5); /* für IE 9  */
	}

/*---------------start textslider-wir können ihnen viel--------------------*/	

.text-slider{
	font-family: 'Courgette', cursive;
    width: 100%;
    position: relative;
	border: 1px solid #000;
	border-radius: 4px 4px 0 0;
	margin-bottom:30px;
	background-color:lightblue;
	}	
.text-slider{	
	padding-top:14%;
	padding-left:15px;
	padding-right:15px;
	background:url('img/kundenmeinung.jpg');
	min-height:320px;
	}
.cour{
	font-family: 'Courgette', cursive;
	font-size:1.2em;
	color:#005482;
	}
.carousel-item .adr{
	font-size:0.7em;
	}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
	}	
.carousel-inner-text {
    position: relative;
    width: 100%;
    overflow: hidden;
	height:204px;
	}

/*startseite team-slider-container--*/
.container-flex .lightblue {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #dff2ff;
	}
.container-team {
	width: 100%;
	padding-top:40px;
	padding-left:0px;
	padding-right:0px;
	margin-top:0;
	margin-bottom:0;
    margin-right: auto;
    margin-left: auto;
	background-repeat:repeat;
	background-size: cover; 
	-moz-background-size: cover; 
	-webkit-background-size: cover; 
	display:block;
	}	
.btn {
	margin-top:20px;
	margin-bottom:20px;
	}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-color: #427ab6;
    background: -moz-linear-gradient(top, #427ab6 1%, #79a1cb 25%, #79a1cb 32%, #427ab6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#427ab6), color-stop(25%,#79a1cb), color-stop(32%,#79a1cb), color-stop(100%,#427ab6));
    background: -webkit-linear-gradient(top, #427ab6 1%,#79a1cb 25%,#79a1cb 32%,#427ab6 100%);
    background: -o-linear-gradient(top, #427ab6 1%,#79a1cb 25%,#79a1cb 32%,#427ab6 100%);
    background: -ms-linear-gradient(top, #427ab6 1%,#79a1cb 25%,#79a1cb 32%,#427ab6 100%);
    background: linear-gradient(to bottom, #427ab6 1%,#79a1cb 25%,#79a1cb 32%,#427ab6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427ab6', endColorstr='#427ab6',GradientType=0 );
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
.box {
    background-color: #ffff;
    border: 2px solid blue;
    min-height: 424px !important;
	}	
		
<!------------------------------------------------------------------------------------------------------------------------------------------------------------>
	
/*## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
	}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #cdbfe3;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
	}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
  font-weight: 600;
	}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

/*.navigation.post-navigation {
  padding-top: 1.875rem;
}*/

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}



/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--footer--*/

footer#colophon  {/*#colophon*/
 	font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;
	margin-top:30px;
	color: #ffffff;
  	font-size: 85%;
	padding-top:30px;
	padding-bottom:20px;
	background-color:#005580;
	}
footer#colophon h3 {
	font-size:1.2em;
	color: #ffffff;
	margin-bottom:10px;
	}
footer#colophon h4 {
	font-size:1.2em;
	color: #ffffff;
	margin:0;
	}	
.copyright {
  	font-size: 0.875rem;
  	margin-bottom: 0;
  	text-align: center;
	}
#colophon a,.copyright a, footer a{
  	color: inherit;
	}
.first{ 
	display:none;
	}	
/*--back to top button--*/	
/*#totop {
  	display: inline-block;
  	background-color: #FF9800;
  	width: 50px;
  	height: 50px;
  	text-align: center;
  	border-radius: 4px;
  	position: fixed;
  	bottom: 30px;
  	right: 30px;
  	transition: background-color .3s, 
  	opacity .5s, visibility .5s;
  	opacity: 0;
 	visibility: hidden;
  	z-index: 1000;
	}
#totop::before {
  	content:"\f077";
  	font-family: FontAwesome;
	font-family: Font Awesome 5 Free;
  	font-weight: normal;
  	font-style: normal;
  	font-size: 2em;
  	line-height: 50px;
  	color: #fff;
	}
#totop:hover {
  cursor: pointer;
  background-color: #333;
	}
#totop:active {
  background-color: #555;
	}
#totop.show {
  opacity: 1;
  visibility: visible;
	}
*/	
/*erster footerstreifen*/		
#foot-stripe{
  	height:64px;
 	/*background:#0079a7;*/
	background:#def2ff;
    padding-top:10px;
    margin-bottom:20px;
    right:0;
    left:0;
	}
#foot-stripe p{
	color:#005482;
	font-size:0.75em;
	line-height:1.1em;
	padding:0 0 0 4px;
	}
#foot-stripe p.right{  
	float: right;
  	text-align: right;
	}
.topi{
	margin-top:9px!important;
	}			
.footer2 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#f6f6f6;
	}
.footer2 a , .footer2{ 
	color:#333;
	font-size:0.9em; 
  	text-decoration:none!important;
	}
.footer2 a:active, a:hover {  
	outline: 0;
	}	
/* Extra-kleine Geräte (Smartphones, weniger als 768px (col-xs-)) */
/* Kein Media-Query dies ist Standard in Bootstrap*/
.f2-icon{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 35px; height: auto; 
	}
.footer2border{ 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-left: 1px solid #58575a;  
	border-right:1px solid #58575a;  
	}

.footbord{ 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-left: 1px solid #ffffff; 
	}
 .footbord-two{
 	padding-top: 10px; 
	padding-bottom: 10px;
	}	
.footer2noborder, .nofootbord{ 
	padding-top: 10px; 
	padding-bottom: 10px;
 	}
.footext{
	display:none;
	}
/*-------MediaQuerys---------------------*/	


@media only screen and (min-width:520px){
.heinloth-immo {
	display:block
	}
.heinloth-immo small { 
	font-size: 1.3em ;
	}
}	
@media screen and (min-width:200px) and (max-width:768px){	
.container.mobfull{/*-----im mobilen bereich randlos------*/
	margin: 0;
	padding: 0;
	}	
}	
@media screen and (min-width:567px){	
.TFtable .tdfirst{
	width:30%;
	}
.TFtable .tdsecond{
	width:70%
	}		
}
@media (min-width: 577px) {
	.footbord-two{ 
	border-left: 1px solid #ffffff; ;
	}
}
/*------images in container anpassen----*/
@media screen and (min-width:768px) and (max-width:996px){
.infobox h2 {
	font-size:1.2em;
	}
}	
	
@media screen and (min-width:768px){
.startbanner-area{
	min-height:620px; 
   }
.heinloth-immo small { 
	font-size: 1.3em ;
	}   
.pad{
	display:block;
	}
.paper{
	background-color:#fff!important;	
	background:url('img/extra_clean_paper.png');
	background-repeat: repeat;
	}	
.adress-level{ 
	height:62px;
	}	
/*bilder horizontal und vertikal zentrieren*/
.hori-verti{
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	}
.over {
    bottom:-10%;
    left: -2%;
    width: 220px;
    height:220px;
	}
.con-1 {
    -ms-flex: 0 0 40.000000%;
    flex: 0 0 40.000000%;
    max-width: 40.000000%;
	padding-left:12px;
	}	
.con-2 {
    -ms-flex: 0 0 20.000000%;
    flex: 0 0 20.000000%;
    max-width: 20.000000%;
	}
.con-2:last-child {
	padding-right:12px;
	}	
	
.align-item{   
	margin-top:14%;
	}
.col-sw-6{/*fuer alle linke visitcards (49% + 1%) Abstand nach rechts*/
	float: left;
 	max-width: 49%;
	ms-flex:0 0 49%;
	flex:0 0 49%;
 	margin-right:1%!important;
 	box-sizing: border-box;
	}
.wps-form-row {
    flex-direction: row;
    }
.wps-form-column {
   padding: 0.5rem 1rem;
    }
.footer2border{ 
	padding-top: 15px; 
	padding-bottom: 15px; 
	border-left: 1px solid #58575a; 
	border-right: 1px solid #58575a; 
	}
.footbord{ 
	padding-top: 15px; 
	padding-bottom: 15px; 
	border-left: 1px solid #ffffff; 
	}
.footer2noborder, .nofootbord{ 
	padding-top: 15px; 
	padding-bottom: 15px; 
	}	
.mr-15{
	margin-right:-15px;
	}					
}	

@media screen and (min-width:768px) and (max-width:890px)	{
	.logo{
	background:url('img/logo-white-house.png');
	height:54px; 
	width:39px;
	}
}

@media screen and (min-width:768px) and (max-width:920px){	
.quali{
	width: 195px; 
	height:150px; 
}
.topdist{
	margin-top:14%;
	}		
}	

@media only screen and (min-width: 992px) {	
.heinloth-immo small { 
	font-size: 1.8em ;
	}
.ondesk{ /*topmenue*/
	display:block;
	}	
.adress-level{ 
	height:80px;
	background-color:transparent;
	}
.startbanner-area{
	min-height:820px; 
   }			
.slimelog::before{
    display: inline-table;
	}	
.kuzufrie p{
	font-size:1.15em;
	} 
h1.welcome {
	font-size:2em;
	}
.TFtable p{
	font-size:1em;
	}
.TFtable .tdfirst{
	width:50%;
	}
.TFtable .tdsecond{
	width:50%
	}
.f2-icon{ 
	display: inline;
	}
.footext{
	display:inline;
	}
.footer2border{ 
	padding-top: 20px; 
	padding-bottom: 20px; 
	border-left: 1px solid #58575a; 
	border-right: 1px solid #58575a;  
	}
.footbord{ 
	padding-top: 20px;
	padding-bottom: 20px;
	border-left: 1px solid #ffffff!important
	}
.footer2noborder, .nofootbord{ 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}			
}

@media screen and (min-width:1000px){	
.qualitaet {
  	top: 70%;
	}
.quali{
	width: 280px; 
	height:215px; 
}
.cover-text h3 {
	font-family:'Quicksand', sans-serif; 
	font-size:3em;
	color: #fff;
	line-height:0.9em;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	}	
.cover-text span {	
	line-height:0.9em;	
	color: #fff;
  	position: absolute;
  	bottom: 10%;
  	padding-left:3%;
  	left: 0;
  	width: 100%;
	}	
.cover-text p {
	font-size:1em;
	color: #fff;
	letter-spacing:2px; 
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	}
}
@media screen and (min-width:1140px){
.startbanner-area{
	min-height:920px; 
   }
}
@media only screen and (min-width: 1200px){	
.heinloth-immo small { 
	font-size:2.625em ;
	}
#smi-sidebar{
	width:px!important;
	}
.footer2border, .footbord{ 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}
.footer2noborder, nofootbord{ 
	padding-top: 20px; 
	padding-bottom: 20px; 
	}	
}

@media screen and (min-width:1325px){	/*786	*/
.nonemobile{
	display:inline;
	}
}
@media screen and (min-width:1700px){
.startbanner-area{
	min-height:1000px; 
   }
   }
/*start-ticker*/		
@keyframes moveTicker {
from {
    transform: translate3d(0%, 0%, 0px);
    left: 100%;
    }
to{
	transform: translate3d(-100%, 0%, 0px);
    left: 0%;
    }
} 
/*end-ticker*/
		

	
@keyframes move {
  25% {
    opacity: 1;
  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}

@media only screen and (max-width: 480px) { .first{ display:block;}}
@media only screen and (max-width: 767px) { #masthead .navbar-nav > li > a { padding-bottom: 0.938rem;padding-top: 0.938rem; } .dist_60{  margin-top:0px;}}
@media only screen and (max-width: 960px) { html {font-size: 90%;}.pad30u	{padding-bottom:0px;}}