@font-face {
  font-family: "Humanist521BT-Roman";
  src: url("../fonts/HUM521N.eot"); /* IE9 Compat Modes */
  src: url("../fonts/HUM521N.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/HUM521N.otf") format("opentype"), /* Open Type Font */
    url("../fonts/HUM521N.svg") format("svg"), /* Legacy iOS */
    url("../fonts/HUM521N.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/HUM521N.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HUM521N.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
body,a {font-family: Humanist521BT-Roman, sans-serif;}
@font-face {
  font-family: "Humanist531BT-BlackA";
  src: url("../fonts/HUM531K.eot"); /* IE9 Compat Modes */
  src: url("../fonts/HUM531K.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/HUM531K.otf") format("opentype"), /* Open Type Font */
    url("../fonts/HUM531K.svg") format("svg"), /* Legacy iOS */
    url("../fonts/HUM531K.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/HUM531K.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HUM531K.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
h1,h2,h3 {font-family: Humanist531BT-BlackA, sans-serif;}

@font-face {
  font-family: "Humanist521BT-Light";
  src: url("./fonts/HUM521L.eot"); /* IE9 Compat Modes */
  src: url("./fonts/HUM521L.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/HUM521L.otf") format("opentype"), /* Open Type Font */
    url("../fonts/HUM521L.svg") format("svg"), /* Legacy iOS */
    url("../fonts/HUM521L.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/HUM521L.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HUM521L.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
p {font-family: Humanist521BT-Light, sans-serif;}

/* doppelter Scrollbalken eliminieren */



/* Logo und Menü auf rechtsbündig stellen */

.logo-adw {float: right; }
.menu-pos {float: right; }
.main {z-index: 0;}

/* Positionierung Facebook logo */

.social-adw {  margin-top: 38px; padding-left: 30px;}

/* Z-Index Footer */

#sp-footer-adw .foot-adw { z-index: 9999;}

/* Einstellungen Iphone hoch und quer */

@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 667px){
  
.logo-image {
    height: auto;
    margin-top: 0px;
  }
  
.klammer { 
    color:#f29400; float: left; margin-top:8px; padding-right: 5px; font-weight: 100; font-size: 80px;
  }
  
.klamm { 
    float:left; color: #f29400; padding-right: 10px; margin-top: -15px; font-size: 45px; font-weight: 100;
  }

  #sp-page-builder .sppb-section-title .sppb-title-heading {
    font-size: 30px; line-height: 30px;
  }
  
  h2 {
    font-size: 20px;
  }
  
  h3 {
    font-size: 25px;
  }
   
  .social-adw {
    margin-top: 38px;
    padding-left: 0px;
  }
  
  .logo-adw {
    margin-left: 50px;
  }
}
  

  
}

/* Einstellungen nur Iphone quer */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) 
{
  #sp-page-builder .sppb-section-title .sppb-title-heading {font-size: 35px; line-height: 35px;} 
}

/* Einstellungen für kleine Monitore */

@media only screen and (min-width: 1200px) {
.klammer { 
  color:#f29400; float: left; margin-top:-18px; padding-right: 15px; font-weight: 100; font-size: 90px;
  }
  
.klamm { 
  float:left; color: #f29400; padding-right: 10px; margin-top: -20px; font-size: 65px; font-weight: 100;
}
}




/* Einstellungen Ipad hoch und quer */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)

{
.klamm { float:left; color: #f29400; padding-right: 10px; margin-top: -20px; font-size: 65px; font-weight: 100;}

.klammer { color:#f29400; float: left; margin-top:-15px; padding-right: 15px; font-weight: 60; font-size: 60px;}

  #sp-page-builder .sppb-section-title {
    margin-bottom: 50px;
    padding-left: 15%;
    padding-right: 15%;
}
#sppb-addon-1585905662738 .sppb-carousel-extended-item img {
    width: 70%;
    object-fit: fill;
    height: 50%;
    border-style: solid;
    padding: 20px;
    border-color: #e5e5e5;
    border-width: 1px;
    border-radius: 10px;
    margin-top: 25px;
}
  #sp-page-builder .sppb-section-title .sppb-title-heading { }

}

/* Logo Grösse und Pos Tablet quer */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
  img.logo-image {height:130px;}
#sp-page-builder .sppb-section-title .sppb-title-heading { font-size: 45px; }
#sp-page-builder .sppb-section-title { padding-left: 0%; padding-right: 0%;}
.sp-page-builder .page-content #section-id-1586966534687 { margin-top: -430px; margin-left: 20px; margin-right: 20px; max-width: 700px;
min-width: 700px;}
  
/* Copyright Ausrichtung Tablet quer */
  
#sppb-addon-1586962070441 {
  
    font-size: 10px;
    font-weight: 400;
    line-height: 80px;
    padding-left: 20px;
}
  
#sppb-addon-1588594889229 img { height: 847px; width: 1024px; }
#sppb-addon-wrapper-1588594889229 {
    position: absolute;
    left: px;
    top: 0px;
    z-index: 100;
    margin: 200px 0px -100px 0px;}
  
#sppb-addon-wrapper-1587633300888 {
    margin: 0px 0px 0px 0px;
    width: 80%;}
#sppb-addon-wrapper-1587633300887 {
    position: relative;
    z-index: 400;
    margin: 0px 0px 0px 0px;
    width: 80%;
}
  /* Höhedes Headerbildes Tablet quer */
  .topleistung {height: 450px;}
  
  span .sp-copyright { margin-left: 0px; margin-top:30px;}

}

/* Einstellungen nur für große Monitore */

@media only screen and (min-device-width: 1200px) and (max-device-width: 2560px)
{
.topleistung { height:700px; }
#sp-page-builder .sppb-section-title .sppb-title-heading { font-size: 70px; line-height: 70px;}
.sp-page-builder .page-content #section-id-1586966534687 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: -430px; margin-right: 50%; margin-bottom: 0px; margin-left: 50%;
max-width: 700px;
min-width: 700px;}

#sppb-addon-1588594889229 img { height: 950px; width: 2560px; }
 
#sppb-addon-wrapper-1588594889229 {
    position: absolute;
    left: px;
    top: 0px;
    z-index: 100;
    margin: 100px 0px -100px 0px;}
  
#sppb-addon-wrapper-1587633300888 {
    margin: 0px 0px 0px 0px;
    width: 509px;}
#sppb-addon-wrapper-1587633300887 {
    position: relative;
    z-index: 400;
    margin: 0px 0px 0px 0px;
    width: 509px;}
  }}



.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
   border: 2px solid #858585;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.5);
    padding: 20px;
    opacity: 0.9;
}

#column-id-1587642058831.sppb-column { height: 68%;
}

.block3 { 
  width: 520px;
}

}

/* Blocksatzeinstellungen für Fließtexte */
.textblock {
  hyphens:auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
  text-align:justify;}
.fett { font-weight: 700;}

/* Größe Rückseite Flipbox */
@media only screen and (min-width: 1200px) {
  .sppb-flipbox-panel .threeD-item {
    height: 280px;
    width: 300px;
}
}

.sppb-carousel-extended-subheading {
    margin-bottom: 1px;
margin-left: -30px;
}

#redim-cookiehint {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);
    max-width: 380px;
    background: #f29400;
    padding: 35px 30px;
    border-radius: 13px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #ffffff;
}
.offcanvas-menu {
    background-color: #f29400;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: rgba(255, 255, 255, 0.5);
}
.close-offcanvas {background: #ffffff82;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #ffcf84;
}
.body-innerwrapper {overflow-x: hidden; overflow-y:hidden;}

/* Projekt Kategorien Einstellungen */

.projects-filter > a::after {
	background-color: #fa9b07;
}
.projects-filter > a {
    font-size: 16px;
}
.pop {background-image:url(/images/hintergrund_01.jpg);}

/* Header mobil für alle mobilen Endgeräte */


@media only screen 
and (min-device-width: 320px) and (max-device-width: 812px){
#sp-header .logo {
    width: 80%;}
.social-adw {
    margin-top: 38px;
    padding-left: 0px;}
.logo-adw {
    padding-left: 30px;
}
  .klammer { 
    color:#f29400; float: left; margin-top:8px; padding-right: 5px; font-weight: 100; font-size: 80px;}
  .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -35px;
    margin-left: -15px;
}
}