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

.header .logo img {
    max-height: 76px;
    margin-right: 6px;
}
.startprofil{max-width: 230px;float: right;margin-right: 15px;}
.projekte{max-width: 290px;margin-right: 10px;}
.tourismus{max-width: 390px;}
.tourismus-1{max-width: 290px;}
.abstand-o1{margin-top: 70px;}
.abstand-o2{margin-top: 80px;}
.abstand-o3{margin-top: 70px; padding-right: 40px;}
.fuss{padding: 0px 15px;}

 h3 {
/*color: rgba(var(--color-secondary-rgb), 0.8);*/
	     color: var(--color-secondary);
margin: 0 0 15px 0;
 font-size: 1.4rem;
font-weight: 400;
}
.orange{color: var(--color-primary);}

 h4 {
/*color: rgba(var(--color-secondary-rgb), 0.8);*/
	     color: var(--color-secondary);
margin: 0 0 15px 0;
 font-size: 1.4rem;
font-weight: 400;
}


  @media (min-width: 1200px){
.h4, h4 {
  font-size: 1.4rem;
}


.h2, h2 {
  font-size: 1.6rem;
}
}
.idee{max-height: 60px;}
.cta .content h3 {
    font-weight: 400;
    font-size: 34px;
    color: var(--color-secondary);
}
.cta .content p {
    color: var(--color-secondary);
    font-weight: 400;
    font-size: 16px;
}
.cta .container {
  padding: 70px 70px;

}
hr{color: var(--color-primary);}
.footer .footer-content .footer-info p {
    font-size: 16px;

    margin-bottom: 0;
    font-family: var(--font-primary);

}
.clients .swiper-slide img {
    opacity: 0.7;
    max-height: 70px;
}
.logo-footer{max-width: 200px;
margin-top: 10px;}
section#featured-services{padding-top: 20px;}
.post-box{margin-bottom: 20px;}
.post-date{display: block; width: 100%;}

.footer .footer-content {
    background: #fff;
    padding: 60px 0 30px 0;
    color: var(--color-secondary);
}

.footer .footer-content h4 {
    font-size: 18px;
  color: var(--color-secondary);
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 5px;
	    line-height: 28px;
}
.footer .footer-content .footer-info h3 {
  font-size: 1.6rem;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 0;

  font-weight: 400;

}
a.fuss  {
  color: #FFFFFF;
  text-decoration: none;
}

.hero-static {

    min-height: 39vh;
  
}

.hero-static.kontakt {
    min-height: 20vh;
    padding: 130px 0 50px;
}


.profil{padding-top: 25px;}

.hero h2 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 300;
  color: var(--color-secondary);
  font-family: var(--font-secondary);
}
.hero h2 span {
  color: var(--color-primary);
}
.hero h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 300;
  color: var(--color-white);
  font-family: var(--font-secondary);
}
.hero h1 span {
  color: var(--color-primary);
}
.featured-services .service-item p {
line-height: 25px;
    font-size: 1rem;

}
.featured-services .service-item h4 {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 1.5rem;
	/*color: rgba(var(--color-secondary-rgb), 0.8);*/
	     color: var(--color-secondary);
}

.spirit{max-width: 300px; float: right;margin-right: 40px;}

.nachhalt{max-width: 300px; float: right;margin-right: 40px;margin-top: 30px;}


blockquote{

  font-style:italic;
  color: #555555;
  padding:3em 30px 2em 75px;
  border-left:8px solid var(--color-primary);
  line-height:1.6;
  position: relative;
  background:#fff2eb;
}

blockquote::before{
  content: "\201C";
color: var(--color-primary);
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}




.themen{margin-bottom: 25px;}

@media (max-width: 1279px){
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color: #ff6200;
}
}

@media (max-width: 1279px){
.navbar a, .navbar a:focus {

    color: #fff;

}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.startprofil {
    max-width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 20px;
}
	.projekte{max-width: 100%; margin-right: 0px;}
	.tourismus{max-width: 100%;}
.tourismus-1{max-width: 100%;}
	.spirit{max-width: 100%; float: none;margin-right: 0px;}
	
	.hero-static {

  min-height: 39vh;

  padding: 120px 0px;
}
.footer .footer-content .footer-info h3 {
  font-size: 1.4rem;

}
	.abstand-o1{margin-top: 30px;}
	.abstand-o2{margin-top: 30px;}
	.abstand-o3{margin-top: 30px; padding-right: 0px;}
	
	
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}