@font-face {
    font-family: ebrima;
    src: url(../fonts/ebrima.woff);
    font-display: swap;
}
@font-face {
    font-family: ebrima;
    src: url(../fonts/ebrimabd.woff);
    font-weight: bold;
    font-display: swap;
}

html{
  scroll-behavior: smooth;
}

body{
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  font-family: 'ebrima', sans-serif;
}

a{
  text-decoration: none;
}
.nobr{ white-space:nowrap; }

.nowrap{
white-space: nowrap;
}

#nav .navbar-toggler{
  width: 0;
  right: 0;
  position: relative;
}

.strong{
  font-weight: bold;
}

#nav .navbar-toggler:focus{
  box-shadow: none
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28244, 143, 59, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar{
  width: 100%;
  margin-bottom: 40px
}
.nav a:hover{
}

.nav a{
  font-size: 1.2em;
  color: gray
}
.nav2 a{
  font-size: 1em;
  color: gray
}
ul.nav2{
  position: absolute;
  bottom: -30px;
  right: 12px;
}

ul.nav2 li{
  display: inline;
}

.center{
  text-align: center
}

.topMinus{
  position: relative;
  top: -36px;
  padding: 10px 20px
}

.top1-1{
  height: 100%;
  background-image: url("../img/header.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
.verfahren1{
  background-image: url("../img/header-verfahren.webp");
  background-size: cover;
  background-position-y: bottom;
  background-repeat: no-repeat;
  min-height: 600px;
}
.top4-2{
  background-image: url("../img/header-anspruchsvoll.webp");
  background-size: cover;
  background-repeat: no-repeat;
}

.top2-2{
  position: relative;
  top: 0px;
  margin-top: -40px
}

.verfahren1{
  background-color: transparent;
}
.verfahren2{
  position: relative;
  top: 40px;
  overflow-y: visible!important;
  background-color: white;
}

.uppercase{
  text-transform: uppercase;
}

h1{
  font-size: 1.3em;
  font-weight: bold;
}

.b-orange{
  background-color: #f48f3b;
}
.b-grey{
  background-color: #575757;
}
.b-white{
  background-color: white;
}

.f-white{
  color:white; 
}
.f-grey{
  color:#575757;
}

.bold{
  font-weight: bold;
}

.techniken h1{
  color: #f48f3b;
}

#go-to-top{
  text-align: center;
}

#go-to-top a:hover, #kontakt a, #kontakt a:hover{
  font-weight: bold;
  color: white;
}

#go-to-kontakt{
 text-align: center;
  position: fixed;
  bottom: -2px;
  z-index: 99
}
#go-to-kontakt a:hover{
 background-color: white;
  color: #f48f3b;
  transition-duration: 2s;
  border: 1px solid #f48f3b
}
#go-to-kontakt a{
background-color: #f48f3b;
  color: white;
  padding:10px;
  font-weight: bold;
  transition-duration: 2s;
  border: 1px solid white
}

.projekte-head{
  font-weight: bold;
  color: #dedede;
}

iframe{
  width: 100%;
  height: 100%;
  min-height:  400px;
  position: relative;
}

#accordionTechniken h2.accordion-header button{
  color: #f48f3b;
  font-weight: bold;
}

#accordionTechniken button, .accordion-item{
  background-color: transparent;
  border: none;
  outline: none;
}


#accordionTechniken .accordion-header button {
    color: #978c5c;
    font-weight: bold;
}

#accordionTechniken .accordion-body {

}

#accordionTechniken .accordion-header {
    outline: none;
    box-shadow: none;
}
#accordionTechniken .accordion-button:not(.collapsed) {
    background-color: #f48f3b;
  color: white;
  box-shadow: none!important;
}
#accordionTechniken .accordion-button:focus {
    z-index: 3;
    outline: 0;
  background-color: #f48f3b;
  color:white;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);
}
 #accordionTechniken .show {
    background-color: white;
   color:black;
   transition-duration: 0s;
}

#accordionTechniken .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
#accordionTechniken .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23978c5c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.0s ease-in-out;
}
#team .name{
  font-weight: bold;
  font-size: 18px;
}
#team a{
  position: relative;
  left: -20px;
  color: #343434
}
#team a:hover{
  color:blue
}
#team a img{
  height: 30px;
  margin: 10px;
}

#team .team-mail img{
  height: 30px;
  margin: 10px;
}
#klogo{
  position: relative;
  overflow: visible;
  background-color: white;
  top: 80px;
}

.kpicto{
  width: 20px;
  margin: 14px
}

textarea{
  width: 100%
}

input{
  width: 100%;
  padding:10px;
  border-radius: 0;
}

#tel-form{
  background-color: transparent;
  margin: 0 auto
}
#tel-form h1{
  color: white;
}
#impressum #tel-form h1, #datenschutz #tel-form h1{
  color: black;
}
#tel-form input[type=text] {
  text-align: center
      }

#tel-form input[type=text]:focus {
        border-color: #575757;
      }

#tel-form input[type=submit]{
        background-color: white;
        border: 0 none;
        cursor: pointer;
        color:  #f48f3b;
        font-weight: bold
}
#kform input[type=text] {
      }

#kform input[type=text]:focus {
        border-color: #575757;
      }

#kform input[type=submit]{
        background-color: #575757;
        border: 0 none;
        cursor: pointer;
        color: white;
}
#tel-form{
  width: 100%;
  max-width:400px;
  z-index: 9;
}
#tel-form h2{
  color: white;
  font-size: 18px;
}

.tooltip-inner{
  background-color: #f48f3b;
}
.tooltip-inner:hover{
  background-color: white;
  outline: 2px solid #f48f3b;
}
.tooltip-inner:hover a{
  color: #f48f3b;
  font-weight: bold
}
.tooltip-inner a{
  color: white;
}
.team-mail{
  cursor: pointer;
}
.team-mail:hover{
  color: #f48f3b;

}
.out{
  display: inline;
}
.in{
  display: none;
}

.team-mail:hover .out, .team-mail:hover a, .team-mail:active .out, .team-mail:active a{
  display: none;
  color:#f48f3b;
  font-weight:bold
}
.team-mail:hover .in, .team-mail:hover a, .team-mail:active .in, .team-mail:active a{
  display: inline;
  color:#f48f3b;
  font-weight:bold
}

@media screen and (max-width: 1199px){
  #klogo{
  top: 0px;
}
  #tel-form{
  position: relative;
  padding-bottom: 40px
  }

iframe{
  height:  400px;
}
}

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

  .navcol-mob a,  ul.navcol-mob{
    display: none;
    position: absolute;
  }
}
@media screen and (max-width: 991px){
.kpicto{
  display: block;
  margin: 24px auto 10px auto;
  
}

}