/*------------------------------------------------ Mobil --------------------------------------------------------------*/

hr
{
  margin: 100px 0px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/*Abstände*/

.frame-space-before-small
{
  margin-top:2em;
}

.frame-space-after-small
{
  margin-bottom:2em;
}


.frame-space-before-medium
{
  margin-top:3.5em;
}

.frame-space-after-medium
{
  margin-bottom:3.5em;
}

.frame-space-before-extra-large
{
  margin-top:6em;
}

.frame-space-after-extra-large
{
  margin-bottom:6em;
}


/*Überschriften*/
main header
{
	margin-bottom:50px;  
}

h1
{
	color:#324253;
  font-size:30px;
	font-weight:500;
  line-height: normal;
margin-bottom:10px;
  display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

main h1:before
{
  background-color: #e0e0e0;
    content: '\a0';
    flex-grow: 1;
    height: 1px;
    position: relative;
    top: 0.5em;
  margin-right: 10px;
}

main h1:after
{
background-color: #e0e0e0;
    content: '\a0';
    flex-grow: 1;
    height: 1px;
    position: relative;
    top: 0.5em;
  margin-left: 10px;
}

h2
{
  font-size:25px;
  font-weight:500;
  line-height: normal;
  color:#324253;
  margin-bottom:10px;
}

#footer h1
{
	color:#fff;
   padding: 0 0 5px 0;
    border-bottom: 2px solid #ffffff;
    font-size: 23px;
    font-weight: normal;
  line-height: normal;
    display: block;
    margin: 0 0 15px 0;
  text-align:left;
}


main ul, main ol
{
    padding-left: 15px;
      display: inline-block;
}

main li
{
  margin-bottom:5px;
  margin-top:5px;
  list-style: "» ";
}

main a
{
  text-decoration: none;
    color: #444;
    font-weight: 600;
}

main img
{
  width:100%;
  height:auto;
  margin-bottom: 10px;
}

main .startslider img
{
  margin-bottom: 0px;
}

.ce-gallery figcaption {
    font-size: 13px;
    color: #999;
}

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

main a.button
{
  background:#0539a9;
  color:#fff;
  font-size:20px;
  font-weight:500;
  display:inline-block;
  padding:8px 15px;
}

/*---------Spalten--------------------*/


/*halb*/  

.halb, .one-third-left, .two-third-right
{
   margin-bottom:50px;
}

/*---------Bilder--------------------*/


/*Start*/

#c46 > div > div > div > div > div > div.ce-column
{
  width:30%;
  padding:1%;
  display:inline-block;
}

/*Lehmputz*/
  #c18 > div > div.ce-gallery > div > div > figure > img
  {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
  /*Lehmbau*/
  #c19 > div > div.ce-gallery > div > div > div > div > figure > img
  {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
   /*Fachwerk*/
  #c21 > div > div.ce-gallery > div > div > div > div > figure > img
  {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
   /*Altbau*/
  #c44 > div > div.ce-gallery > div > div > div > div > figure > img
  {
    padding-top: 25px;
    padding-bottom: 25px;
  }


/*Mauer*/
  #c20 > div > div.ce-gallery > div > div > div > div > figure > img
  {
    padding-top: 25px;
    padding-bottom: 25px;
  }


     /*Referenzen*/

#c49 > div > div > div > div > div,
  #c50 > div > div > div > div > div,
  #c51 > div > div > div > div > div
  {
    padding:10px;
  }
  
  #c49 > div > div > div > div > div > div > figure,
  #c50 > div > div > div > div > div > div > figure,
  #c51 > div > div > div > div > div > div > figure
  {
        height: 175px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
  }

/*---------Formular--------------------*/
.required, #footer .form-check-label span .required
{
  display:none;
}

#footer .form-control{
        margin-right: 10px;
    margin-bottom: 10px;
}

#footer .form-group input, #footer .form-group textarea 
{
    font-size: 14px;
    padding: 5px 3px;
}

#footer .form-group select
{
    font-size: 14px;
    padding: 4px 3px;
}

#footer input, #footer select, #footer textarea {
    width: 100%;
    height: auto;
    border: 1px solid #e0e0e0;
}

#footer .form-check-label .add-on
{
  width:auto;
  height:auto;
}

#footer .form-check-label span
{
  display:inline-block;
}

#footer button.btn.btn-primary {
    width: 200px;
      background: #142760;
    border: none;
    display: block;
    padding: 7px 0px;
    color: #fff;
    font-size: 16px;
  margin-top: 10px;
}

/*------------------------------------------------ Browser (ab 600 PX) ------------------------------------------------------------*/

@media screen and (min-width:600px)
{
       /*Referenzen*/
  
  #c49, #c50, #c51
  {
    display:inline-block;
  }

#c49 > div > div > div > div > div,
  #c50 > div > div > div > div > div,
  #c51 > div > div > div > div > div
  {
    /*display:inline-block;*/
    float:left;
    padding:10px;
    width:40%;
  }
  
  #c49 > div > div > div > div > div > div > figure,
  #c50 > div > div > div > div > div > div > figure,
  #c51 > div > div > div > div > div > div > figure
  {
        height: 150px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}


/*------------------------------------------------ Browser (ab 1000 PX) ------------------------------------------------------------*/

@media screen and (min-width:1000px)
{
  /*---------Bilder--------------------*/
  
  /*Lehmputz*/
  #c18 > div > div.ce-gallery > div > div > figure > img
  {
        width: 37%;
    float: left;
    padding-right: 25px;
    padding-bottom: 20px;
    padding-top:5px;
  }
  
  /*Lehmbau*/
  #c19 > div > div.ce-gallery > div > div > div > div > figure > img
  {
        width: 37%;
    float: left;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top:5px;
  }
  
   /*Fachwerk*/
  #c21 > div > div.ce-gallery > div > div > div > div > figure > img
  {
        width: 37%;
    float: left;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top:5px;
  }
  
   /*Altbau*/
  #c44 > div > div.ce-gallery > div > div > div > div > figure > img
  {
        width: 37%;
    float: left;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top:5px;
  }
  
   /*Mauer*/
  #c20 > div > div.ce-gallery > div > div > div > div > figure > img
  {
        width: 37%;
    float: left;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top:5px;
  }
  
         /*Referenzen*/

#c49 > div > div > div > div > div,
  #c50 > div > div > div > div > div,
  #c51 > div > div > div > div > div
  {
    display:inline-block;
    padding:10px;
    width:30%;
  }
  
  #c49 > div > div > div > div > div > div > figure,
  #c50 > div > div > div > div > div > div > figure,
  #c51 > div > div > div > div > div > div > figure
  {
        height: 175px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  

  
  /*---------Formular--------------------*/
  
  /*Abstände*/

.frame-space-before-extra-large
{
  margin-top:10em;
}

.frame-space-after-extra-large
{
  margin-bottom:10em;
}
  
  /*---Fomularfelder-------*/
  
  #kontakt-10-singleselect-1,
  #kontakt-10-text-1,
  #kontakt-10-text-2,
  #kontakt-10-text-3,
  #kontakt-10-text-5,
  #kontakt-10-text-4,
  #kontakt-10-telephone-1,
	#kontakt-10-email-1  
   {
    float:left;
  }
  
  
  #kontakt-10-singleselect-1
  {
    max-width: 17%;
  }
  
  #kontakt-10-text-1
  {
    max-width: 36%;
  }
  
  #kontakt-10-text-2
  {
    max-width:36%;
  }
  
  #kontakt-10-text-3
  {
    max-width:37%;
  }
  
  #kontakt-10-text-5
  {
    max-width:13.5%;
  }
  
  #kontakt-10-text-4
  {
    max-width:37%;
  }
  
  #kontakt-10-telephone-1
  {
    max-width:45.8%;
  }
  
  #kontakt-10-email-1
  {
    max-width:45.1%;
  }
  
    #kontakt-10-textarea-2
  {
    max-width:94.7%;
  }
/*---------Spalten--------------------*/
.row {
    display: flex;
}
  
/*halb*/  

.halb
{
  width:46%;
  float:left;
  margin-right:4%;
  margin-bottom:20px;
}
  
  
  /*drittel*/
  .one-third-left
{
  width:45%;
  margin-right:10%;
  margin-bottom:20px;
}
  
  .two-third-right
{
   width:60%;
  margin-bottom:20px;
}


}