/**
Theme Name:LDS Lamellen
Theme URI:lds-lamellen.de
Description:Theme der ersten Generation
Author:Stefan Teschke
Version:1.0
*/
html,body{
	width:100%;
	height:100%;
}

.humann2 {
	position: absolute;
	top: 84px;
	right: 18px;
	z-index: 999;
	text-align: left;
	display: block;
}

.navbar{
    padding:3px 0;
}

.dropdown:hover .dropdown-menu
{
	display: block;
}

.navbar-dark,.bg-dark{
    background-color:#22313F !important;
}	

/* Nav Menu */
.navigation-menu ul {
    margin: 0;
    padding: 0;
}
 
.navigation-menu ul:before, .navigation-menu ul:after {
    content: "";
    display: table;
}
 
.navigation-menu ul:after {
    clear: both;
}
 
.navigation-menu ul {
    *zoom: 1
}
 
.navigation-menu ul li {
    list-style: none;
    float: left;
    margin-right: 3px;
}
 
.navigation-menu ul li a:link,
.navigation-menu ul li a:visited {
    display: block;
    padding: 12px 17px;
    border: 2px solid #ecf0f1;
    border-bottom: none;
    text-decoration: none;
}
.blue{
	color:#34495e;
}
.red{
	color:#96281b;
}
.green{
	color:#1e824c;
}
.orange{
	color:#e67e22;
}
h2,
h3,
h4{
	margin-bottom:25px;
	font-size:1.6em;
}
.header {
  /*padding: 154px 0 100px;*/
  /*background:#22a7f0 url(https://lds-lamellen.de/wp-content/uploads/2020/humann.png) no-repeat 85% 130px;*/
  /*background:#2574a9 url(https://lds-lamellen.de/wp-content/uploads/2020/header_lamellen_start.jpg) center center;*/
  background-size:cover;
-webkit-animation:showImg 600ms linear forwards;
  animation:showImg 600ms linear forwards;
  height:450px;
}

.lamellen{
	background:#2574a9 url(https://lds-lamellen.de/wp-content/uploads/2019/01/lamellen.jpg) center center;
    background-size:cover;
}
.jalousien{
	background:#2574a9 url(https://lds-lamellen.de/wp-content/uploads/2019/01/jalousien.jpg) center center;
    background-size:cover;
}
.plissees{
	background:#2574a9 url(https://lds-lamellen.de/wp-content/uploads/2019/01/plissees.jpg) center center;
    background-size:cover;
}
.vorhaenge{
	background:#2574a9 url(https://lds-lamellen.de/wp-content/uploads/2019/01/vorhaenge.jpg) center center;
    background-size:cover;
}
@media (min-width: 992px) {
  header {
    /* padding: 156px 0 100px;*/
  }
}
.header-text h1, .header-text h2{
    display:inline-block;
    /* background:rgba(0,0,0,0.7); */
    padding:8px;
}
.headliner{
    background:#22313F;
}
.headliner ul{
    margin:0 auto;
}
.headliner ul, .pageNav{
    list-style:none;
}
.headliner ul li{
    display:inline;
}
.headliner ul li a{
    color:rgba(255,255,255,0.7);
}
li{
    list-style:none;
}
.headliner ul li a:hover{
    color:rgba(255,255,255,0.9);
}
.pageNav{
    display:none;
}
@media(min-width:600px){
.pageNav{
    display:block;
    float:left;
    border-right:1px solid #000;
    width:15%;
    margin-right:5px;
}

}
small{
    font-size:40%;
}
section {
  padding:50px 0;
}
.content{
	min-height:200px;
}
.bg-light{
    background-color:#22a7f0 !important;
}
#about, #contact{
    font-size:1em;
}
@media(min-width:1200px){
    #about,#contact{
        font-size:1.2em;
    }
}
#about ol{
    list-style:none;
}
#about ol li{
    display:inline;
    padding:5px;
	font-size:1.2em;
    font-weight:bold;
}
.p-top{
    padding-top:25px;
}
.btn-primary{
    background:#2574a9;
    border:1px solid #2574a9;
}
.btn-primary:hover{
    background:#22313F;
    border:1px solid #2574a9;
}
.card{
	padding:0 !important;
}
.card-title{
    background:#22313F;
    text-align:center;
    color:#fff;
    padding:5px;
}
#einblicke h3{
	margin-bottom:25px;
}
#einblicke .card{
	border:5px solid #fff;
	padding:0 5px;
}
#einblicke .card-text{
	padding:3px;
}
#einblicke .card img{
	max-width:100%;
	width:100%;
	border:1px solid rgba(0,0,0,0.5);
	border-radius:5px;
	margin:0 center;
}
#versprechen p{
	text-align:center;
	font-size:1.2em;
}
.beratung-info{
	padding-top:25px;
	font-size:1.2em;
	text-align:center;
}
.beratung-info-link{
	width:180px;
	margin:15px auto;
}
.svg-inline--fa {
    font-size: inherit;
    padding-right: 5px;
    font-size: 1.2em;
}
#partner{
	text-align:center;
}
.partner{
	padding-top:25px;
}
.partner p{
	display:inline-block;
	padding:0 15px;
	font-size:1.2em;
}
.vs{
	color:#FD8000;
	font-size:1.4em;
}
footer h6{
    font-size:1em;
}
@media(min-width:1200px){
    footer h6{
        font-size:1.2em;
    }
}
.kontakt form{
    width:280px;
    float:left;
}
.big_card{
	font-size:1.1em;
}
.ul-reinigung{
	padding-left:0 !important;
}
#name,#email,.your-message{
    width:180px;
    margin:6px 0;
    padding:3px;
    background:rgba(255,255,255,0.7);
    color:#000;
}
label, .wpcf7-response-output{
  color: #000 !important;
}
@media(min-width:600px){
    #name,#email,.your-message{
      width:300px;
      font-size:1.2em;
    }
  }
  @media(min-width:1200px){
    #name,#email,.your-message{
      width:350px;
    }
  }
@keyframes showImg{
  0%{
  opacity:0;
  }
  50%{
  opacity:0.5;
  }
	100%{
		opacity:1;
	}
}