/******************* header-oben ******************/

#sp-header{height:60px;}

.logo-image{padding:0.6rem;}

#mod-custom130{width:60px;}

.\.teloben{
  width: 50%;
  background: #888;
  border-radius: 50%;
  border: 1px solid 000;
  padding: 7px;
  margin: 1rem;
}

/************* bild-oben laptop ******************/

#section-id-1614685201388{min-height:70vH;}
#column-wrap-id-1614685201387{padding:5rem 0;}

/************* bild-oben mobil ******************/

#section-id-314702b4-3810-4dc0-a43e-6a25e1c7ce36{
  min-height:70vH;
}

#column-wrap-id-61532cb7-9877-4b41-a3e3-c4391d9737be{padding:4rem 0;}


/******************* über uns ***********************/

#column-id-6da239e5-e411-475c-8e13-39def187ebb9 {
  background-color: #F2F2F2;
  margin: 0 3%;
  width: 94%;
}

#column-wrap-id-f5c37f6f-c436-41f8-bbff-4c83671a3f26{margin:0;padding:0;}

/******************* handwerk ***********************/

#section-id-5dd58fa9-46cd-4aed-9b73-928b91a5ff9d{
  margin-bottom:30px;
}

/******************* kunden ***********************/

#sppb-addon-dc5a67c0-6b98-43a5-9b14-6a3c4322c6f7 > div:nth-child(1) > div:nth-child(1) > span:nth-child(1){
  color:#783C18;
}
#sppb-addon-c29343ef-2db9-4e99-8273-92e3a9f56686 > div:nth-child(1) > div:nth-child(1) > span:nth-child(1){
  color:#783C18;
}
#sppb-addon-8d7408ab-bd5e-46ad-8fa5-2c4962b30df0 > div:nth-child(1) > div:nth-child(1) > span:nth-child(1){
  color:#783C18;
}

/******************* karten ***********************/

#section-id-933ca2d5-dacc-48f8-9647-907b9942e05e{
  height:40vH;
  margin-top:30px;
}

#sp-karte-unten{height:35vH;}

/******************* footer ***********************/

#sp-bottom {
  padding: 40px 0 30px;
  margin: 0;
}
#sp-bottom, #sp-footer{background:#727672;}
#sp-bottom1, #sp-bottom2, #sp-bottom3{width:100%;}


#mod-custom124 a, #mod-custom123 a, #mod-custom93 a{
  color:#ddd;
  font-size:1rem;
  font-family: calibri, Tahoma, Geneva, sans-serif;
  text-decoration: normal;
  font-weight:normal;

}

#mod-custom124 a:hover, #mod-custom123 a:hover{
  color:#d8caa3;
  text-decoration:underline;
}

#mod-custom93 p, #mod-custom123 p, #mod-custom124 p{
  color:#ddd;
  font-size:1rem;
  font-family: calibri, Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:normal;
}
#mod-custom93 h4, #mod-custom123 h4, #mod-custom124 h4{
  color:#d8caa3;
  font-size:1.4rem;
  font-family: 'Marcellus', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:bold;
}

#mod-custom123 img{width:12%;height:auto; margin:auto;}

/******************* inhalt ***********************/

#sp-main-body{padding:1rem 0;}

/******************* fonts ***********************/


@font-face {
  font-display: swap; 
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-v21-latin-regular.woff2');
}



@font-face {
  font-display: swap; 
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/marcellus-v13-latin-regular.woff2');
}


@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poiret-one-v16-latin-regular.woff2') 
}



/*******************layout schriften ***********************/

h1{
   color: #783C18;
   font-size: 2rem;
   font-family: 'Marcellus', Tahoma, Geneva, sans-serif;
   text-decoration: none;
   font-weight:bold;
}

h2{
  color: #0E4F05;
  font-size:1.7rem;
  font-family: 'Exo', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:normal;
  
}

h3{
  color: #444;
  font-size:1.5rem;
  font-family: 'Marcellus', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:bold;
}

h4{
  color: #d8caa3;
  font-size:1.5rem;
  font-family: 'Marcellus', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:bold;
  padding:1rem 0;
  
}
h5{
  color: #e2ddcf;
  font-size:2.4rem;
  font-family: 'Marcellus', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:bold;
  text-shadow: 3px 3px 4px #4E2309;
}
h6{
  color: #d8caa3;
  font-size:4rem;
  font-family: 'Marcellus', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:normal;
}

p{
  color: #000;
  font-size:1rem;
  font-family: 'Exo', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  
}


blockquote{
  color: #fff;
  font-size:1.2rem;
  font-weight:bold;
  font-family: 'Poiret One', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  text-align:center;  
}

/******************* media point 768px ***********************/

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

h2{font-size:1.7rem;}

h5{font-size:5rem;}

blockquote{font-size:.8rem;}


.sp-page-builder .page-content #section-id-1614763625924{
  padding:20px;
  margin:40px 0 60px 0;
}

#section-id-5801e491-7ced-4936-8a5a-2b088fff42d7{
  margin:30px 0 50px 0;
}

#sp-bottom1, #sp-bottom2, #sp-bottom3{width:27%; margin:3%;padding:0;}

#section-id-1614685201388{min-height:55vH;}

#section-id-933ca2d5-dacc-48f8-9647-907b9942e05e{
  height:30vH;
}

}

/******************* media point 1024px ***********************/

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

#sp-header{height:70px;}

#sp-karte-unten{height:45vH;}

#section-id-933ca2d5-dacc-48f8-9647-907b9942e05e{
  height:45vH;
}

#sppb-addon-bb91d3a4-6eaf-4c08-a94f-cff76a810ab4 > div:nth-child(1){margin:20px 0;}
  
#section-id-1614763625887{margin:30px 0 50px 0;}

#section-id-f35cf455-be15-4db6-977d-f3b9e69df0d6{margin-top:30px;}

}