/* Audio cards */
.badge-container {
  position: absolute;
  float: right;
  top: 0;
  right: -1px;
}
.teaser .card-teaser > .card-content .card-teaser-badge {
  position: relative !important;
  float: right;
  width: 45px;
  height: 45px;
  background-color: #0082b4;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}
.audio_card {
  position: relative;
  float: right;
  width: 45px;
  height: 45px;
  background-color: #0082b4;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}
/* Audio cards End */
h2.audio_headline {
    font-size: 24px;
    padding-bottom: 8px;
    padding-top: 16px;
}
hr.audio_hr {
border-top: 1px solid #777777 !important;
}
.mejs-container {
    border-radius: 50px;
    width: 100% !important;
    max-width: 450px !important;
}
.mejs-controls {
  background: #0082b4 !important;
  border-radius: 50px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #000000 !important;
}
/* AUDITIV END */
.newsletter_new{
  margin: 80px 0;
}
.nl_h1{
font-size: 38px;
font-weight: 200;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #333333;
margin-bottom: 56px;
}
.nl_label{
width: 20%;
float: left;
margin-top: 8px;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
}
.nl_input{
width: 80%;
float: right;
}
.nl_line {
height:64px;
}
.row.row-inline.row-xs-middle{
  margin-top: 10px;
  margin-bottom: 10px;
}

.selectdiv {
position: relative;
float: left;
min-width: 100%;
}
label{
width: 100%;
}
.selectdiv:after {
content: '\f078';
font: normal normal normal 17px/1 FontAwesome;
color: #fff;
right: 0;
top: 0;
height: 40px;
width: 40px;
padding: 10px 0px 0px 10px;
border-left: 1px solid #0ebeff;
border-radius: 3px;
position: absolute;
pointer-events: none;
background-color: #0082b4;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 40px;
float: right;
font-size: 16px;
line-height: 1.75;
color: #333;
background-color: #ffffff;
background-image: none;
border: 1px solid #43484a;
border-radius: 3px;
-ms-word-break: normal;
word-break: normal;
padding: 6px 0 7px 19px;
/* font */
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
color: #44484a;
}

/**/




.nl_submit{
float: left;
width: 270px;
height: 40px;
border-radius: 3px;
border: 1px solid #0082b4;
background-color: #0082b4;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
}
.nl_submit:hover{
background-color: #fff;
color: #0082b4;
}
.clearfix{
overflow: auto;
}
.nl_disclaimer{
margin-top: 31px;
float:left;
font-size: 14px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #333333;
}



/* Customize the label (the container) */
.nl_check_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.nl_check_container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
      width: 24px;
      background-color: #fff;
      border: 1px solid #43484a;
      border-radius: 3px;
}

/* When the checkbox is checked, add a blue background */
.nl_check_container input[type="checkbox"]:checked ~ .checkmark {
  background-color: #0082b4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.nl_check_container input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.nl_check_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="text"] {
width: 100%;
height: 40px;
border: 1px solid #43484a;
border-radius: 3px;
padding: 6px 0 7px 19px;
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
color: #44484a;
}

.nl_headline{
  font-size: 26px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}

.inter_box_subline{
font-size: 16px;
 font-weight: 300;
 font-style: normal;
 font-stretch: normal;
 line-height: 1.63;
 letter-spacing: normal;
 color: #333333;
margin-bottom: 48px;
}
.inter_box{
  overflow: auto;
  width: 100%;
max-width: 913px;
margin-bottom: 58px;
}
.inter_checkbox{
position: relative;
display: block;
float: left;
width: 25%;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
color: #333333;
}
.dsgvo_headline{
margin-bottom: 21px;
}
.col-2{
    width: calc(50% - 50px);
position: relative;
float: left;
margin-bottom: 70px;
}
.first {
margin-right: 100px;
}
    .col-2 span {
position: relative;
/* display: grid; */
float: left;
}
/* NL SIDEBAR */
#sidebar_id_81685, #sidebar_id_81748{
    display: none !important;
}
#nl_sidebar{
  position: fixed;
  float: right;
  right: 0;
  top: 50%;
  z-index: 99999;
  text-align: right;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
#nl_sidebar_button{
    background-color: #0082b4;
    width: 44px;
    height: 45px;
  color: #fff;
  float: right;
  display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.48);
    border-bottom: 1px solid rgba(255, 255, 255, 0.48);
    cursor: pointer;
}
#nl_sidebar_button svg{
  width: 25px;
  height: 24px;
  margin-right: 10px;
    margin-top: 9px;
}
#nl_sidebar_button svg:hover{
  color:#ccc;
}
#nl_sidebar_slideout{
    background-color: #0082b4;
    color:#fff;
    height: 45px;
    float: right;
display: none;
clear: right;

}
#nl_sidebar_close {
  background-color: #0082b4;
  width: 44px;
  height: 45px;
color: #fff;
float: right;
display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.48);
    cursor: pointer;
}
#nl_sidebar_close svg{
  width: 25px;
  height: 24px;
  margin-right: 10px;
    margin-top: 9px;

}
#nl_sidebar_close svg:hover{
  fill: #ccc;
}
#nl_sidebar_text {
    float: left;
}
#nl_sidebar_text a{
  padding: 11px 48px 11px 51px;
  display: block;
  color: #fff;
  text-decoration: none;
}
#nl_sidebar_text a:hover{
  color:#ccc;
}

/* SUBMENU */
ul.navbar-nav li ul li a, .onpagemenu li a, .menu-attached li a{
  background-color: #fff !important;
  color: #0082b4 !important;
  border-top: 1px solid #dcdcdc;
}
ul.navbar-nav li ul li a:hover, .onpagemenu li a:hover, .menu-attached li a:hover{
  color: #fff !important;
  background-color: #0082b4 !important;
}


#seo_text_box{
  padding: 10px 0px 10px 16px;
  margin: 10px 0;
  font-family: 'voestalpine-WebS';
  font-weight: 300;
  color: #37404d;
  border-left: 1px solid #ccc;
  float: left;
  width: calc(100% - 490px);
  margin-bottom: 20px;
}
.filter-center{
width:390px;
margin: 36px auto 8px auto;
}
.filtertitle{
  min-width: 240px;
      float: left;
      padding: 0 15px 0 0;
}
.filtertitle h1{
  font-size: 38px !important;
margin-top: 21%;
}
h1.filter-title-tag{
  font-size: 38px !important;
margin-top: 13%;
}
.filter-center-tag{
  margin: 36px auto 8px auto;
  width: 100%;
}
/* TABLET */
@media only screen and (max-width: 1500px) {
  .filter-center-tag{
    margin: 36px auto 8px auto;
    width: 100%;
  }
  .nl_label {
    width: 100%;
    margin-bottom: 13px;
}
  .nl_input {
    width: 100%;
    float: left;
}
}
/* TABLET */
@media only screen and (max-width: 788px) {
  .filter_row{
    display: block;
  }
  #nl_sidebar_button{
    display: none;
  }
  .nl_label {
    width: 100%;
    margin-bottom: 13px;
}
  .nl_input {
    width: 100%;
    float: left;
}
}
@media only screen and (max-width: 780px) {
  .filter_row{
    display: none;
  }
}
/* MOBILE */
@media only screen and (max-width: 42em) {
  .nl_submit {
    width: 100%;
  }
  .col-2 {
    width: 100%;
  }
.nl_h1 {
    font-size: 32px;
}
.inter_checkbox {
    width: 50%;
}
.consent{
  width: 100%;
}
}