/*
h1: Rajdhani Bold, 30px, #1E6E9E
h2: Rajdhani Medium, 26px, #4D5051, opacity 0.6
h3: Rajdhani Bold, 24px, #4D5051, opacity 0.6
h4 (Überschrift im Teaser): Rajdhani Bold, 24px, #1E6E9E
p: Open Sans Regular, 16px, #000
link im button: Rajdhani Medium, 16px, #1E6E9E
Bildbeschreibung: Rajdhani Medium, 16px, #000
link in den grauen Boxen: Rajdhani Bold, 18px, #9F2355
gelb:E9AC22
grau:2F3E48
hellgrau: E8EEF2
*/

body{
  font-size:16px;
  font-family:'Open Sans',sans-serif;
}
.width-img {
  vertical-align: middle;
  border-style: none;
  width: 100%;
  margin-bottom: 15px;
}
.w-70 {width:70%!Important;}
@media (min-width:1600px) {
  .container{
    max-width:1400px;
  }
}
h1, .h1{
  font-family:'Rajdhani';
  color:#E9AC22!Important;
  font-weight:600;
  text-transform:uppercase;
  font-size:2rem!Important;
  margin: 0 0 25px 0!Important;
}
h2{
  font-family:'Rajdhani';
  color:#8C8A8B;
  font-size:1.8rem;
  margin: 0 0 15px 0;
}

p {

}

a{
  color:#E9AC22;
  text-decoration:none;
  /*font-weight:bold;*/
}

a:hover {
  color:#E9AC22;
}

ul.jasaa-list li {
  list-style-type: none;
  margin: 0 0 8px 0;
}

ul.jasaa-list li:before {
  content: "";
  position: absolute;
  left: 23px;
  width: 12px;
  height: 12px;
  background: #e9ac22;
  transform: skew(140deg);
  margin: 6px 0 0 0;
}

main img {
  box-shadow: 0 .15rem .45rem rgba(0,0,0,.2);
}
.img-half.img-re{
  width:50%;
  float:right;
  margin-left:30px;
}
.img-half.img-li{
  float:left;
  margin-right:30px;
  width:50%;
}
.img-half.img-ce{
  width:100%;
}
.btn{
  border-radius: 19px;
  padding: 8px 25px 6px 25px;
  font-family:'Rajdhani';
  text-transform:uppercase;
  border: none;
  font-weight: 600;
} 

.btn-primary{
  background-color:#2F3E48;
  color:#ffffff;
}

.btn:hover,
.btn:focus,
.btn:active {
  background-color: #6C7985 !important;
  color: #fff;
}

.btn-primary .icon-Arrow-right{
  font-size:0.7em;
  margin-left:5px;
}
.btn-warning{
  background-color:#E9AC22;
  color:#212529;
}
.btn.shop{
  padding-left:15px;
  padding-right:15px;
}
.navbar ul li a.btn-navKontakt{
  background-color:#E9AC22;
  margin-top: 4px!Important;
  padding-top: 4px!Important;
  padding-bottom: 2px!Important;
  padding-left: 15px!Important;
  padding-right: 15px!Important;
}
.navbar ul li a.btn-navKontakt:hover{
  background-color:#E9AC22!Important;
  color:#000;
  opacity:unset;
}

#toTop{
  left:6px;
}
.initials{
  font-size:0px;
  display:inline-block;
  font-weight: 700;
  padding: 30px 0;
  color: #9e9e9e;
  font-family: Rajdhani, sans-serif;
}
.initials::first-letter{
  font-size:24px;
}

.pr-xl-5:last-of-type{
  padding-right:15px!important;
}


.form-control{
  border-radius: 0;
  border-width: 2px;
}
.form-check-label input.form-check-input{
  display:none;
}
.form-check-label input.form-check-input + span:before{
  content: "\e97d";
  color:#ffffff;
  border:2px solid #ced4da;
  width:20px;
  height:20px;
  line-height: 1;
  display:inline-block;
  font-family: 'baseBX_Regular' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  margin: 0 5px 0 0;
}
.form-check-label input.form-check-input:checked + span:before{
  content: "\e97d";
  color:#E9AC22;
}
.form-check-label input.form-check-input.is-invalid + span:before{
  border:2px solid red;
}

header{
  box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  height: 120px;
  margin-bottom: 0px;
  overflow: hidden;
}

header .logoholder{
  position:absolute;
  top:0;
  padding-top:30px;
  padding-left:100px;
  z-index: 10000;
}

header .logoholder a {
  display: block;
}

header .streifenhalter{
  height:120px;
  overflow:hidden;
  margin-left:300px;
}
footer .streifenhalter{
  height:190px;
  overflow:hidden;
}
.streifen{
  width:100%;
  -webkit-transform: skew(120deg); 
  -moz-transform: skew(120deg); 
  -o-transform: skew(120deg);
  transform: skew(120deg);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9ac22+0,e9ac22+5,ffffff+5,ffffff+8,2f3e48+8,2f3e48+100 */
  background: rgb(233,172,34); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(233,172,34,1) 0%, rgba(233,172,34,1) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 8%, rgba(47,62,72,1) 8%, rgba(47,62,72,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(233,172,34,1) 0%,rgba(233,172,34,1) 5%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 8%,rgba(47,62,72,1) 8%,rgba(47,62,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(233,172,34,1) 0%,rgba(233,172,34,1) 5%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 8%,rgba(47,62,72,1) 8%,rgba(47,62,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ac22', endColorstr='#2f3e48',GradientType=1 ); /* IE6-9 */

}

.wabe {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  height: 170px;
  background-image: url("/static/jasaa/images/waben_footer_jasaa.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 25% bottom;
  opacity: 0.5;
}

header .streifen{
  height:120px;
  margin-left:102px;
}
header .streifen .verlauf{
  width:50px;
  height:120px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2f3e48+0,2f3e48+71,4d616d+100 */
  background: #2f3e48; /* Old browsers */
  background: -moz-linear-gradient(top,  #2f3e48 0%, #2f3e48 71%, #4d616d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2f3e48 0%,#2f3e48 71%,#4d616d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2f3e48 0%,#2f3e48 71%,#4d616d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3e48', endColorstr='#4d616d',GradientType=0 ); /* IE6-9 */
  margin-left:300px;
}
footer .streifen{
  height:190px;
  margin-left:220px;
}
.navholder{
  width: 100%;
  max-width: 1400px;
  /*float: left;*/
  border-bottom: 110px solid transparent;
  border-left: 180px solid transparent;
}
.navcontainer{
  height: 110px;
  position: absolute;
  right: 0;
  width: 100%;
}
.logo{
  width:200px;
}
.navzeugs{
  background-size: contain;
  height: 185px;
  background-repeat: no-repeat;
  background-position: right;
  position: absolute;
  right: 0;
  width:100%;
  top:0;
  overflow: hidden;
}

.sidenav-icon {
  position: relative;
  bottom: -2px;
  font-size: 1.25rem;
  margin: 0 5px 0 0;
}

.sliderteaser h3{
  font-family:'Rajdhani';
  color:#E9AC22;
  font-weight:600;
  font-size:2.8rem;
}
.sliderteaser p{
  font-family:'Rajdhani';
  color:#ffffff;
  font-size:1.2rem;
  margin-bottom:0;
  font-weight: 600;
}

.bg_darkgradient {
  position: absolute;
  top: 0;
  width: 50%;
  height: 500px;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}


.sidenav{
  text-align:right;
  margin-right:100px;
  color:#ffffff;
  margin-top:5px;
}
.sidenav a,.sidenav span{
  color:#ffffff;
  font-size:0.8rem;
  font-weight: 500;
}

.instagram_link,
.facebook_link {
  position: relative;
  bottom: -4px;
  margin: 0 5px 0 0;
}

.facebook_link {
  margin: 0 2px 0 0;
}

.instagram_link i,
.facebook_link i {
  font-size: 1.25rem;
}

.instagram_link:hover,
.facebook_link:hover {
  text-decoration: none;
}

.navbar{
  text-align:right;
  right:100px;
  width:100%;
  top:70px;
  position:absolute;
  padding:0;
  z-index:9999;
}
.navbar ul li a{
  font-family: "Rajdhani", Roboto, "Helvetica Neue";
  text-transform: uppercase;
  font-size: 1.1rem;
  color:#ffffff;
  font-weight: 600;
  padding-right:0!important;
  padding-left:30px!important;
  transition: all 0.15s ease-out;
}

.navbar ul li a:hover {
  /*color: rgba(255,255,255,0.6);*/
  opacity: 0.7;
}

.navbar ul li a.active:before {
  content: "";
  width: 65px;
  height: 38px;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); /*linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);*/
  transform: skew(120deg);
  display: inline-block;
  position: absolute;
  bottom: -6px;
  margin-left: -20px;

}

footer a{
  color:#ffffff;
  font-weight: 500;
}

footer a:hover {
  color: #fff;
}

footer .textholder{
  position:absolute;
  top:0;
  right:0;
  padding:20px 100px 0 100px;
  color:#ffffff;
  text-align:right;
}
footer .textholder p:first-of-type{
  text-transform: uppercase;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
}

footer .textholder p:last-of-type {
  font-size: 0.8rem;
  line-height: 1.3rem;
}
footer .logoholder {
  position: absolute;
  top: 0;
  right: 30%;
  padding: 60px 100px 0 100px;
  color: #ffffff;
  text-align: center;
}
footer .logoholder .img-fluid  {
  max-height: 100px;
}

header .navbar button{
  color:#ffffff;
  position:absolute;
  right:0;
  top:0;
}

header .navbar button .dots-menu {
  position: relative;
  bottom: 1px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
}

header .navbar button:focus{
  outline:none;
}
.navbar-collapse{
  z-index:10;
  margin-top:0px;
}  
header .headerwrapper{
  width:100%;
}

.fullwidth {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.fullwidth .row {
  margin: 0;
}

.fullwidth .col-md-12 {
  padding: 0;
}

/*------------------------------------
PopUp Styles
------------------------------------*/

.hover_bkgr_fricc{
  background:rgba(0,0,0,.4);
  cursor:pointer;
  display:none;
  height:100%;
  position:fixed;
  text-align:center;
  top:0;
  width:100%;
  z-index:10000;
}
.hover_bkgr_fricc .helper{
  display:inline-block;
  height:100%;
  vertical-align:middle;
}
.hover_bkgr_fricc > div {
  background-color: #fff;
  box-shadow: 10px 10px 60px #555;
  display: inline-block;
  height: auto;
  max-width: 551px;
  min-height: 100px;
  vertical-align: middle;
  width: 60%;
  position: relative;
  border-radius: 8px;
  padding: 15px 5%;
}
.popupCloseButton {
  background-color: #fff;
  border: 3px solid #999;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  font-weight: bold;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 25px;
  line-height: 25px;
  width: 30px;
  height: 30px;
  text-align: center;
}
.popupCloseButton:hover {
  background-color: #ccc;
}
.trigger_popup_fricc {
  cursor: pointer;
  font-size: 20px;
  margin: 20px;
  display: inline-block;
  font-weight: bold;
}

.dropdown {
  position: unset;
}

.dropdown .nav-link {
  outline: none;
}

.dropdown .dropdown-menu {
  width: 100%;
  text-align: right;
  border-radius: 0;
  border: 0;
  background: none;
  padding: 10px 0 20px 0;
  margin: 0;
}

.dropdown .dropdown-menu:before {
  content: "";
  width: 1000%;
  position: absolute;
  left: -500%;
  top: 0;
  background: rgba(255,255,255,0.8);
  border-bottom: 4px solid #e9ac22;
  height: 75px;
  z-index: -1;
}
.dropdown-item:focus, .dropdown-item:hover {
  background-color: unset;
}
.dropdown .dropdown-menu a {
  display: inline;
  color: #2f3e48;
}

.lightgrey_divider {
  margin-bottom: 20px;
  border-bottom: 2px solid #dde6ea;
  width: 100%;
}

.download {
  font-family: 'Rajdhani';
  padding: 30px 80px;
  margin: 0 0 25px 0;
}
/*
.download:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 110px;
width: 110px;
background: url(/static/dtj/images/pdf.svg) no-repeat;
background-size: 120%;
background-position: right bottom;
opacity: 0.4;
z-index: 10;
}
*/
.download h5 {
  position: relative;
  color: #2F3E48;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 45px;
  z-index: 20;
}

.download p {
  position: relative;
  color: #3c3f42;
  margin-right: 75px;
  z-index: 20;
}

.btn-download {
  position: absolute;
  right: 0;
  bottom: 0;
}

.btn-download svg {
  position: absolute;
  right: 20px;
  bottom: 25px;
  width: 80px;
  height: 80px;
}

.btn-download a {
  position: absolute;
  right: 25px;
  bottom: 25px;
  font-size: 2.8rem;
  color: #E9AC22;
  padding: 22px 19px 13px 20px;
  opacity: 1;
  transition: all 0.2s;
}

.btn-download a:hover {
  color: #fff;
  opacity: 0.6;
}

.searchResultItem a {
	color:#212529;
}
.searchResultItem a i {
	color:#E9AC22;
}
#searchFormTop {
  float:right;
}

/*################# xs und sm ######################*/
@media (max-width:767.98px) {
  .carousel-item img {
    width: 100%
  }
  .bd_darkgradient {
    height: 100%;
  }

  header {
    height: 100px;
    overflow: unset;
    /* margin-bottom: -333px; */
  }
  footer .textholder {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 60px 0 100px;
    color: #ffffff;
    text-align: right;
  }
  .navzeugs{
    overflow: unset;
  }
  .fullwidth {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  footer .logoholder {
    position: absolute;
    top: 0;
    right: 40%;
    padding: 20px 100px 0 100px;
    color: #ffffff;
    text-align: center;
  }
  footer .streifenhalter {
    height: 260px;
    border-bottom: 70px solid #2f3e48;
  }

  footer .textholder{
    padding-right:25px;
  }

  footer .textholder p {
    font-size: 0.9rem;
  }

  header .navbar{
    right:0;
    top:50px;
  }
  header .sidenav{
    /*margin-right:55px;*/
    display:none;
  }

  header .logoholder{
    width:125px;
    padding-top:25px;
    padding-left: 35px;
  }
  .logo{
    width:125px;
  }
  .navholder {
    height: 100px;
    width: 100px;
  }
  footer .streifen{
    margin-left:0;
    width: calc(100% + 170px);
  }
  header .streifenhalter{
    width: calc(100% - 125px);
    margin-left:125px;
    height:100px;
  }
  .navbar-collapse {
    position: absolute;
    top: 50px;
    right: -15px;
    width: calc(100% + 30px);
    border-bottom: 4px solid #E9AC22;
    z-index: 100;
  }
  .navbar-collapse .navbar-nav {
    width: 100%;
    overflow: hidden;
    margin: 0;
    /* flex-direction: unset; */
  }

  .dropdown .dropdown-menu {
    background: #54646f;
    padding: 10px;
  }

  .dropdown .dropdown-menu:before {
    display: none;
  }

  .dropdown .dropdown-menu a {
    position: relative;
    display: block;
    color: #fff;
    padding: 10px 0;
    z-index: 50;
  }

  .navbar-nav{
    padding:20px;
    background-color:#2F3E48;
  }

  .navbar ul li a.active:before {
    bottom: auto;
    margin: -5px 0 0 -20px;
  }

  .bg_darkgradient {
    width: 100%;
  }

  .sliderteaser{
    position: absolute;
    left: 40px;
    top: 12%;
    text-align: left;
  }
  .sliderteaser h3{
    font-family:'Rajdhani';
    color:#E9AC22;
    font-weight:600;
    font-size: 1.8rem;
  }
  .sliderteaser p{
    font-family:'Rajdhani';
    color:#ffffff;
    font-size:1.1rem;
    font-weight: 600;
    margin-bottom:0;
  }
  .teaser .text:after {
    content:"";
    display:block;
    border-bottom:4px solid #E9AC22;
    position: absolute;
    bottom: 0;
    width:100%;
  }
  .wabe {}
}



/*############### md ############################*/
@media (min-width:768px) and (max-width:991.98px) {
  .carousel-item{
    height:500px;
  }
  .carousel-item img{
    width:100%
  }
  footer .textholder{
    padding-right:40px;
  }
  header .sidenav{
    /*margin-right:50px;*/
    display:none;
  }
  header .navbar{
    right:0;
    top:70px;
  }
  header .navbar .icon{
    color:#ffffff;
  }
  header .logoholder{
    /*width:150px;*/
    padding-top:30px;
  }
  .logo{
    /*width:125px;*/
  }
  .navholder {
    width: 100%;
    height:120px;
  }
  .navbar-collapse{
    margin-top:50px;
  }
  .navbar-nav{
    padding:20px;
    background-color:#2F3E48;
  }

  .navbar ul li a.active:before {
    bottom: auto;
    margin: -5px 0 0 -20px;
  }
  footer .logoholder {
    position: absolute;
    top: 0;
    right: 40%;
    padding: 20px 100px 0 100px;
    color: #ffffff;
    text-align: center;
  }
  .sliderteaser{
    position:absolute;
    left:105px;
    top:10%;
    text-align:left;
  }
  .teaser .text:after {
    content:"";
    display:block;
    border-bottom:4px solid #E9AC22;
    position: absolute;
    bottom: 0;
    width:100%;
  }
}

.teaser {
  margin: 0 0 50px 0;
  box-shadow: none !important;
}
.callToAction {
  margin: 0;
  box-shadow: none !important;
}
.teaser .center h3,
.callToAction .center h3{
	text-align: center;
	float: unset;
  color: #2F3E48;
	font-family: 'Rajdhani';
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}

/*############### lg ############################*/
@media (min-width:992px) {
  .carousel-item{
    height:auto;
    max-height:500px;
  }
  .carousel-item img{
    width:100%;
  }
  .sidenav{
    margin-right:100px;
  }
  .navbar{
    right:100px;
    top:74px;
  }
  .navbar-nav{
    margin-left:auto!important;
    margin-right:unset!important;
  }
  .sliderteaser{
    position:absolute;
    left:105px;
    top:17%;
    text-align:left;
  }
}

#searchFormTop {
	
}

/*################# xs ######################*/
@media (max-width:575.98px) {
  header .logoholder{
    width:125px;
    padding-top:55px;
    padding-left: 20px;
  }
  #searchFormTop {
    float: unset!Important;
    left: 20px;
    position: relative;
    width: 220px;
  }
}

footer .logoholder .img-fluid {
  max-height: 80px;
} 
.teaserbox{
  position: relative;
  background-color:#E8EEF2;
  padding:25px;
  margin-bottom:20px;
  overflow:hidden;
  z-index: 60;
  hyphens: auto;
}
.teaserbox .ecke{
  background-color: lime;
  width: 37px;
  height: 200px;
  position: relative;
  z-index: 8;
  transform: rotate(60deg);
  margin-top: -128px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+32,e9ac22+32,e9ac22+60,2f3e48+60,2f3e48+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(233,172,34,1) 32%, rgba(233,172,34,1) 60%, rgba(47,62,72,1) 60%, rgba(47,62,72,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(233,172,34,1) 32%,rgba(233,172,34,1) 60%,rgba(47,62,72,1) 60%,rgba(47,62,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(233,172,34,1) 32%,rgba(233,172,34,1) 60%,rgba(47,62,72,1) 60%,rgba(47,62,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2f3e48',GradientType=1 ); /* IE6-9 */
}
.teaserbox .ecke.partner{
  position: absolute;
}
.teaserbox .ecke + h3{
  margin-top:-40px;
}
.teaserbox h3{
  color:#2F3E48;
  font-family:'Rajdhani';
  font-size:1.5rem;
  font-weight:700;
  text-transform:uppercase;
}
.teaserbox .h3Partner{
  color:#2F3E48;
  font-family:'Rajdhani';
  font-size:1.2rem;
  font-weight:700;
  text-transform:uppercase;
}
.teaserbox .picBox {

}
.teaserbox p{}
.teaserbox .button{
  border:none;
  background-color:#ffffff;
  padding:8px 25px;
  color:#E9AC22;
  text-transform:uppercase;
  border-radius: 19px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.teaserbox .button:hover {
  background-color: #E9AC22;
  color: #fff;
  text-decoration: none;
}

.teaserbox .button span{
  margin-left: 5px;
}
.underline-none {
  text-decoration: none !important;
}  
.teaser h3{
  float: left;
  color:#8C8A8B;
  font-family:'Rajdhani';
  font-size:1.5rem;
  font-weight:600;
  text-transform:uppercase;
  margin: 15px 0 30px 0;
}

/*.teaser h3{
color:#8C8A8B;
font-family:'Rajdhani';
font-size:1.5rem;
font-weight:600;
text-align: center;
text-transform:uppercase;
margin: 5px 0 30px 0;
}*/

.teaser .text{
  background-color: #FFF;
  margin-bottom: 0;
  padding: 20px;
}
.teaser .box{
  background-color: #FFF;
  margin-bottom: 0;
}
.grey{
  background-color: #E8EEF2 !important;
}

.teaser.grey{
  border-bottom:4px solid #E9AC22;
}
.teaser .text .teaser-bild{
  border-bottom:8px solid #2F3E48;
}
.teaser .text p {
  clear: both;
}

.teaser .text:after {
  content:"";
  display:block;
  border-bottom:4px solid #E9AC22;
  position: absolute;
  bottom: 0;
  width:100%;
}

.teaser .text span {
  float: left;
  width: 60px;
  height: 60px;
  font-size: 2.25rem;
  color: #fff;
  background: #e9ac22;
  border-radius: 50%;
  padding: 12px;
  margin: 0 12px 0 0;
}

/*.teaser .text span {
display: block;
font-size: 3.5rem;
color: #e9ac22;
text-align: center;
}*/

.teaser button{  
  border:none;
  width:100%;
  padding:10px;
  color:#2F3E48;
  text-align:right;
  text-transform:uppercase;
  font-size:1rem;
  font-weight:700;
  background-color:transparent;
} 

.callToAction .teaserheader h3 {
  text-align: center;
  float: unset;
  color: #fff;
  font-family: 'Rajdhani';
  font-size: 2.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.teaser .teaserheader h3 {
  text-align: center;
  float: unset;
  color: #fff;
  font-family: 'Rajdhani';
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.callToAction .teaserheader {
  background-color: #2F3E48;
  padding: 15px 0;
}
.teaser .teaserheader {
  background-color: #2F3E48;
  padding: 20px 0;
  min-height: 98px;
}
.teaserheader-gelb {
  background-color: #E9AC22;
  padding: 20px 0;
}
.teaserheader-blau {
  background-color: #6C7985;
  padding: 20px 0;
}
.teaserheader-grau {
  background-color: #2F3E48;
  padding: 20px 0;
}
.ap-box .sidebarApImg {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 100px;
  height: 100px;
  background-size: 100%;
  border: 4px solid #E9AC22;
  border-radius: 50%;
}

.ap-box .h3 {
  font-family: "Rajdhani", sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #4d5051;
  margin: -40px 0 20px 0;
}

.ap-box .h3 .apItemPosition {
  font-size: 1rem;
  text-transform: none;
  color: #8C8A8B;
  margin: 3px 80px 0 0;
}


.ap-box .ecke{
  background-color: lime;
  width: 37px;
  height: 200px;
  position: relative;
  z-index: 8;
  transform: rotate(60deg);
  margin-top: -132px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+32,e9ac22+32,e9ac22+60,2f3e48+60,2f3e48+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(233,172,34,1) 32%, rgba(233,172,34,1) 60%, rgba(47,62,72,1) 60%, rgba(47,62,72,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(233,172,34,1) 32%,rgba(233,172,34,1) 60%,rgba(47,62,72,1) 60%,rgba(47,62,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(233,172,34,1) 32%,rgba(233,172,34,1) 60%,rgba(47,62,72,1) 60%,rgba(47,62,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2f3e48',GradientType=1 ); /* IE6-9 */
}
.ap-box
.ecke + h3{
  margin-top:-40px;
}
.ap-box .apItemSmText {
  display: block;
  margin: 8px 0 0 0;
}

.ap-box .apItemSmText i {
  position: absolute;
  font-size: 1.3rem;
  color: #4d5051;
  margin: 2px 0 0 0;
}

.ap-box .apItemSmText a {
  font-weight: 400;
  padding: 0 0 0 30px;
}
.card-item h5 {
	font-size: 1.1rem;
  padding-bottom: 10px;
}
.card-item .btn {
	bottom:20px;
  right: 20px;
}
#websearchform {
	margin-right: 100px;
}
#websearchform input {
  height: calc(1.2em + .5rem + 2px);
}
#websearchform .btn {
  padding: 4px 15px 2px 15px;
}
.nichanzeichn{
  position:absolute;
  left: -3000px;
}
.carousel-indicators li{
  height:10px;
  width:10px;
  border:none;
  border-radius:5px;
  opacity:1;
  background-color:#ffffff;
}
.carousel-indicators li.active{
  background-color:#E9AC22;
}



.newslist {}

.newslist label {}

.newslist p {}

.newslist a.newslist-link {
  display: block;
  text-align: right;
}

.newslist a.newslist-link span {
  font-size: 0.8rem;
}

.newswrapper {
}
.newswrapper .h3 {
  font-family: "Rajdhani", sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #4d5051;
}
.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}
.mb-minus10 {
  margin-bottom: -10px;
}
.mb-minus20 {
  margin-bottom: -20px;
}
.mb-minus30 {
  margin-bottom: -30px;
}
.mb-minus40 {
  margin-bottom: -40px;
}
.mb-minus50 {
  margin-bottom: -50px;
}
.mb-minus60 {
  margin-bottom: -60px;
}
.mb-minus70 {
  margin-bottom: -70px;
}



.mt-0 {
  margin-top: 0;
}

.mt-minus50 {
  margin-top: -50px;
}

.mt-minus100 {
  margin-top: -100px;
}

.mt-minus150 {
  margin-top: -150px;
}

.mt-minus200 {
  margin-top: -200px;
}

.mt-minus250 {
  margin-top: -250px;
}

.mt-minus300 {
  margin-top: -300px;
}

.mt-minus350 {
  margin-top: -350px;
}




/*********** Positionierung Sliderbilder für lg-Ansicht ***********/

@media (min-width: 1250px) {
  .mt-minus50{margin-top:-50px;}
  .mt-minus100{margin-top:-100px;}
  .mt-minus150{margin-top:-150px;}
  .mt-minus200{margin-top:-200px;}
  .mt-minus250{margin-top:-250px;}
  .mt-minus300{margin-top:-300px;}
  .mt-minus350{margin-top:-350px;}
  .teaser .text:after {
    content:"";
    display:block;
    border-bottom:4px solid #E9AC22;
    position: absolute;
    bottom: 0;
    width:100%;
  }
}


/* ########## Styling für Paddings ########## */

.p-15{padding:15px;}
.p-30{padding:30px;}
.p-40{padding:40px;}
.p-80{padding:80px;}



/* ########## Styling für Margins ########## */

.mt-0{margin-top:0px!important;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px!important;}
.mt-80{margin-top:80px;}
.mt-120{margin-top:120px;}
.mt-160{margin-top:160px;}

.mt-minus5{margin-top:-5px;}
.mt-minus10{margin-top:-10px;}
.mt-minus20{margin-top:-20px;}
.mt-minus40{margin-top:-40px;}
.mt-minus80{margin-top:-80px;}
.mt-minus120{margin-top:-120px;}
.mt-minus160{margin-top:-160px;}
.mt-minus580{margin-top:-580px;}


.mb-0{margin-bottom:0px!important;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
.mb-80{margin-bottom:80px;}
.mb-120{margin-bottom:120px;}
.mb-160{margin-bottom:160px;}
.mb-190{margin-bottom:190px;}

.mb-minus5{margin-bottom:-5px;}
.mb-minus10{margin-bottom:-10px;}
.mb-minus20{margin-bottom:-20px;}
.mb-minus40{margin-bottom:-40px;}
.mb-minus80{margin-bottom:-80px;}
.mb-minus120{margin-bottom:-120px;}
.mb-minus160{margin-bottom:-160px;}
.mb-minus190{margin-bottom:-190px;}


.ml-0{margin-left:0px!important;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-40{margin-left:40px;}
.ml-80{margin-left:80px;}
.ml-120{margin-left:120px;}
.ml-160{margin-left:160px;}

.ml-minus5{margin-left:-5px;}
.ml-minus10{margin-left:-10px;}
.ml-minus20{margin-left:-20px;}
.ml-minus40{margin-left:-40px;}
.ml-minus80{margin-left:-80px;}
.ml-minus120{margin-left:-120px;}
.ml-minus160{margin-left:-160px;}


.mr-0{margin-right:0px!important;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-40{margin-right:40px;}
.mr-80{margin-right:80px;}
.mr-120{margin-right:120px;}
.mr-160{margin-right:160px;}

.mr-minus5{margin-right:-5px;}
.mr-minus10{margin-right:-10px;}
.mr-minus20{margin-right:-20px;}
.mr-minus40{margin-right:-40px;}
.mr-minus80{margin-right:-80px;}
.mr-minus120{margin-right:-120px;}
.mr-minus160{margin-right:-160px;}
.mr-minus580{margin-right:-580px;}

.teaser .text:after {
  content:"";
  display:block;
  border-bottom:4px solid #E9AC22;
  position: absolute;
  bottom: 0;
  width:100%;
}

@media (max-width: 991.98px){
  .mt-0--md{margin-top:0px!important;}
  .mt-10--md{margin-top:10px;}
  .mt-20--md{margin-top:20px;}
  .mt-40--md{margin-top:40px;}
  .mt-80--md{margin-top:80px;}
  .mt-120--md{margin-top:120px;}
  .mt-160-md{margin-top:160px;}

  .mt-minus10--md{margin-top:-10px;}
  .mt-minus20--md{margin-top:-20px;}
  .mt-minus40--md{margin-top:-40px;}
  .mt-minus80--md{margin-top:-80px;}
  .mt-minus120--md{margin-top:-120px;}
  .mt-minus160--md{margin-top:-160px;}

  .mb-0--md{margin-bottom:0px!important;}
  .mb-10--md{margin-bottom:10px;}
  .mb-20--md{margin-bottom:20px;}
  .mb-40--md{margin-bottom:40px;}
  .mb-80--md{margin-bottom:80px;}
  .mb-120--md{margin-bottom:120px;}
  .mb-160-md{margin-bottom:160px;}

  .mb-minus10--md{margin-bottom:-10px;}
  .mb-minus20--md{margin-bottom:-20px;}
  .mb-minus40--md{margin-bottom:-40px;}
  .mb-minus80--md{margin-bottom:-80px;}
  .mb-minus120--md{margin-bottom:-120px;}
  .mb-minus160--md{margin-bottom:-160px;}

  .mt-0--md{margin-top:0px!important;}
  .mt-10--md{margin-top:10px;}
  .mt-20--md{margin-top:20px;}
  .mt-40--md{margin-top:40px;}
  .mt-80--md{margin-top:80px;}
  .mt-120--md{margin-top:120px;}
  .mt-160-md{margin-top:160px;}

  .mt-minus10--md{margin-top:-10px;}
  .mt-minus20--md{margin-top:-20px;}
  .mt-minus40--md{margin-top:-40px;}
  .mt-minus80--md{margin-top:-80px;}
  .mt-minus120--md{margin-top:-120px;}
  .mt-minus160--md{margin-top:-160px;}

  .ml-0--md{margin-left:0px!important;}
  .ml-10--md{margin-left:10px;}
  .ml-20--md{margin-left:20px;}
  .ml-40--md{margin-left:40px;}
  .ml-80--md{margin-left:80px;}
  .ml-120--md{margin-left:120px;}
  .ml-160-md{margin-left:160px;}
  .ml-330-md{margin-left:330px;}

  .ml-minus10--md{margin-left:-10px;}
  .ml-minus20--md{margin-left:-20px;}
  .ml-minus40--md{margin-left:-40px;}
  .ml-minus80--md{margin-left:-80px;}
  .ml-minus120--md{margin-left:-120px;}
  .ml-minus160--md{margin-left:-160px;}
  .ml-minus330--md{margin-left:-330px;}


  .mr-0--md{margin-right:0px!important;}
  .mr-10--md{margin-right:10px;}
  .mr-20--md{margin-right:20px;}
  .mr-40--md{margin-right:40px;}
  .mr-80--md{margin-right:80px;}
  .mr-120--md{margin-right:120px;}
  .mr-160-md{margin-right:160px;}

  .mr-minus10--md{margin-right:-10px;}
  .mr-minus20--md{margin-right:-20px;}
  .mr-minus40--md{margin-right:-40px;}
  .mr-minus80--md{margin-right:-80px;}
  .mr-minus120--md{margin-right:-120px;}
  .mr-minus160--md{margin-right:-160px;}
  .teaser .text:after {
    content:"";
    display:block;
    border-bottom:4px solid #E9AC22;
    position: absolute;
    bottom: 0;
    width:100%;
  }
  #kursDetails a.btn {
    width:100%;
    margin-bottom:20px;
  }

}

@media (max-width: 768px){
  .mt-0--sm{margin-top:0px!important;}
  .mt-10--sm{margin-top:10px;}
  .mt-20--sm{margin-top:20px;}
  .mt-40--sm{margin-top:40px;}
  .mt-80--sm{margin-top:80px;}
  .mt-120--sm{margin-top:120px;}
  .mt-160-sm{margin-top:160px;}

  .mt-minus10--sm{margin-top:-10px;}
  .mt-minus20--sm{margin-top:-20px;}
  .mt-minus40--sm{margin-top:-40px;}
  .mt-minus80--sm{margin-top:-80px;}
  .mt-minus120--sm{margin-top:-120px;}
  .mt-minus160--sm{margin-top:-160px;}

  .mb-0--sm{margin-bottom:0px!important;}
  .mb-10--sm{margin-bottom:10px;}
  .mb-20--sm{margin-bottom:20px;}
  .mb-40--sm{margin-bottom:40px;}
  .mb-80--sm{margin-bottom:80px;}
  .mb-120--sm{margin-bottom:120px;}
  .mb-160-sm{margin-bottom:160px;}

  .mb-minus10--sm{margin-bottom:-10px;}
  .mb-minus20--sm{margin-bottom:-20px;}
  .mb-minus40--sm{margin-bottom:-40px;}
  .mb-minus80--sm{margin-bottom:-80px;}
  .mb-minus120--sm{margin-bottom:-120px;}
  .mb-minus160--sm{margin-bottom:-160px;}

  .mt-0--sm{margin-top:0px!important;}
  .mt-10--sm{margin-top:10px;}
  .mt-20--sm{margin-top:20px;}
  .mt-40--sm{margin-top:40px;}
  .mt-80--sm{margin-top:80px;}
  .mt-120--sm{margin-top:120px;}
  .mt-160-sm{margin-top:160px;}

  .mt-minus10--sm{margin-top:-10px;}
  .mt-minus20--sm{margin-top:-20px;}
  .mt-minus40--sm{margin-top:-40px;}
  .mt-minus80--sm{margin-top:-80px;}
  .mt-minus120--sm{margin-top:-120px;}
  .mt-minus160--sm{margin-top:-160px;}

  .ml-0--sm{margin-left:0px!important;}
  .ml-10--sm{margin-left:10px;}
  .ml-20--sm{margin-left:20px;}
  .ml-40--sm{margin-left:40px;}
  .ml-80--sm{margin-left:80px;}
  .ml-120--sm{margin-left:120px;}
  .ml-160-sm{margin-left:160px;}
  .ml-330-sm{margin-left:330px;}

  .ml-minus10--sm{margin-left:-10px;}
  .ml-minus20--sm{margin-left:-20px;}
  .ml-minus40--sm{margin-left:-40px;}
  .ml-minus80--sm{margin-left:-80px;}
  .ml-minus120--sm{margin-left:-120px;}
  .ml-minus160--sm{margin-left:-160px;}
  .ml-minus330--sm{margin-left:-330px;}


  .mr-0--sm{margin-right:0px!important;}
  .mr-10--sm{margin-right:10px;}
  .mr-20--sm{margin-right:20px;}
  .mr-40--sm{margin-right:40px;}
  .mr-80--sm{margin-right:80px;}
  .mr-120--sm{margin-right:120px;}
  .mr-160-sm{margin-right:160px;}

  .mr-minus10--sm{margin-right:-10px;}
  .mr-minus20--sm{margin-right:-20px;}
  .mr-minus40--sm{margin-right:-40px;}
  .mr-minus80--sm{margin-right:-80px;}
  .mr-minus120--sm{margin-right:-120px;}
  .mr-minus160--sm{margin-right:-160px;}

  .teaser .text:after {
    content:"";
    display:block;
    border-bottom:4px solid #E9AC22;
    position: absolute;
    bottom: 0;
    width:100%;
  }
}


@media (max-width: 575.98px){
  .w-70 {width:100%!Important;}
  .mb-0--xs{margin-bottom:0px!important;}
  .mb-10--xs{margin-bottom:10px;}
  .mb-20--xs{margin-bottom:20px;}
  .mb-40--xs{margin-bottom:40px;}
  .mb-80--xs{margin-bottom:80px;}
  .mb-120--xs{margin-bottom:120px;}
  .mb-160-xs{margin-bottom:160px;}

  .mb-minus10--xs{margin-bottom:-10px;}
  .mb-minus20--xs{margin-bottom:-20px;}
  .mb-minus40--xs{margin-bottom:-40px;}
  .mb-minus80--xs{margin-bottom:-80px;}
  .mb-minus120--xs{margin-bottom:-120px;}
  .mb-minus160--xs{margin-bottom:-160px;}

  .mt-0--xm{margin-top:0px!important;}
  .mt-10--xs{margin-top:10px;}
  .mt-20--xs{margin-top:20px;}
  .mt-40--xs{margin-top:40px;}
  .mt-80--xs{margin-top:80px;}
  .mt-120--xs{margin-top:120px;}
  .mt-160-xs{margin-top:160px;}

  .mt-minus10--xs{margin-top:-10px;}
  .mt-minus20--xs{margin-top:-20px;}
  .mt-minus40--xs{margin-top:-40px;}
  .mt-minus80--xs{margin-top:-80px;}
  .mt-minus120--xs{margin-top:-120px;}
  .mt-minus160--xs{margin-top:-160px;}

  .mb-0--xm{margin-bottom:0px!important;}
  .mb-10--xs{margin-bottom:10px;}
  .mb-20--xs{margin-bottom:20px;}
  .mb-40--xs{margin-bottom:40px;}
  .mb-80--xs{margin-bottom:80px;}
  .mb-120--xs{margin-bottom:120px;}
  .mb-160-xs{margin-bottom:160px;}

  .mb-minus10--xs{margin-bottom:-10px;}
  .mb-minus20--xs{margin-bottom:-20px;}
  .mb-minus40--xs{margin-bottom:-40px;}
  .mb-minus80--xs{margin-bottom:-80px;}
  .mb-minus120--xs{margin-bottom:-120px;}
  .mb-minus160--xs{margin-bottom:-160px;}

  .ml-0--xm{margin-left:0px!important;}
  .ml-10--xs{margin-left:10px;}
  .ml-20--xs{margin-left:20px;}
  .ml-40--xs{margin-left:40px;}
  .ml-80--xs{margin-left:80px;}
  .ml-120--xs{margin-left:120px;}
  .ml-160-xs{margin-left:160px;}

  .ml-minus10--xs{margin-left:-10px;}
  .ml-minus20--xs{margin-left:-20px;}
  .ml-minus40--xs{margin-left:-40px;}
  .ml-minus80--xs{margin-left:-80px;}
  .ml-minus120--xs{margin-left:-120px;}
  .ml-minus160--xs{margin-left:-160px;}

  .mr-0--xm{margin-right:0px!important;}
  .mr-10--xs{margin-right:10px;}
  .mr-20--xs{margin-right:20px;}
  .mr-40--xs{margin-right:40px;}
  .mr-80--xs{margin-right:80px;}
  .mr-120--xs{margin-right:120px;}
  .mr-160-xs{margin-right:160px;}

  .mr-minus10--xs{margin-right:-10px;}
  .mr-minus20--xs{margin-right:-20px;}
  .mr-minus40--xs{margin-right:-40px;}
  .mr-minus80--xs{margin-right:-80px;}
  .mr-minus120--xs{margin-right:-120px;}
  .mr-minus160--xs{margin-right:-160px;}

  .teaser .text:after {
    content:"";
    display:block;
    border-bottom: none;
    position: absolute;
    bottom: 0;
    width:100%;
  }
}


/* TEST FIXES */

@media (min-width:576px) {
	.btn-back {
  	margin-right:20px;
  }
}
@media (max-width:770px) {
  .dropdown .dropdown-menu:before {
    display:none!important;
  }
  .callToAction .teaserheader h3 {
    font-size: 2.0rem;
  }
}

@media (min-width:768px) and (max-width:991.98px) {
  .dropdown .dropdown-menu a {
    color: #fff;
  }
  .teaser .text:after {
    content:"";
    display:block;
    border-bottom:4px solid #E9AC22;
    position: absolute;
    bottom: 0;
    width:100%;
  }
  .navzeugs {
    overflow: auto;
    height:100%;
  }

  header .navbar {
    top: 45px;
  }
}

@media (min-width:576px) {
  .w-70 {width:70%!Important;}
  .teaserliste_variabel > div > h5 {
    min-height: 50px;
  }
}
@media (min-width:992px) {
  .navbar ul li a.btn-navKontakt{
    margin-left: 30px;
  }
}

.faqHolder .card-header {
	padding: 0;
}
.faqHolder .btn-block {
	border:none;
}
.faqHolder .btn-block:focus {
	border:none;
}
.faqHolder button {
	background-color: #e8eef2;
  font-size: 1.2rem;
  padding: 10px;
  font-family: 'Open Sans';
}
.faqHolder button p {
	margin:0;
}
.faqHolder .card-body {
	padding-bottom: 5px;
}
.faqHolder.katless .card-body {
	border-bottom: 1px solid rgba(0,0,0,0.125);
}

.g-bg-black-opacity-0_5--after::after {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.terminListe ul {
	padding-left: 1.2rem;
}
.terminListe li {
	margin-bottom: .5rem;
}

.teaserheader a {
	color:#ffffff;
}
/*Styles von Miri*/
.radius20 {
    border-radius: 20px;
}