section{
position: relative;
width:100%;
}
.nowrap{
white-space: nowrap;
}
.opacity_0{
opacity: 0;
}
.display_none{
display:none !important;
}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs{
background:transparent !important;
}
.rsBullets{
position:absolute !important;
bottom:0 !important;
}
#breadcrumbs svg{
width:20px;
}
.m28_breadcrumbs_container{
display:none;
}
.color_gray_333{
color:#333;
}
.color_gray_848{
color:#848484;
} .wpcf7 form .wpcf7-not-valid-tip{
margin-top: 5px;
position: relative;
font-size: 0.8rem;
padding: 6px 10px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 5px;
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
margin-bottom:0;
}
.wpcf7 form .wpcf7-response-output{
position: relative;
font-size: 0.8rem;
padding: 6px 10px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 5px;
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5;
margin:0;
margin-top:10px;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
}
.wpcf7-form{
display:table;
width:100%;
}
:-ms-input-placeholder,
::-ms-input-placeholder{
color: rgba(255,255,255,.5);
opacity: 1;
font-size: .9rem;
}
::-webkit-input-placeholder {
color: rgba(255,255,255,.5);
opacity: 1;
font-size: .9rem;
}
::-moz-placeholder,
:-moz-placeholder {
color: rgba(255,255,255,.5);
opacity: 1;
font-size: .9rem;
}
.wpcf7-form *::placeholder{
color: rgba(255,255,255,.5);
opacity: 1;
font-size: .9rem;
}
.cf7_formular.form_light :-ms-input-placeholder,
.cf7_formular.form_light ::-ms-input-placeholder{
color: rgba(51,51,51,.5);
opacity: 1;
}
.cf7_formular.form_light ::-webkit-input-placeholder {
color: rgba(51,51,51,.5);
opacity: 1;
}
.cf7_formular.form_light ::-moz-placeholder,
.cf7_formular.form_light :-moz-placeholder {
color: rgba(51,51,51,.5);
opacity: 1;
}
.wpcf7-form .cf7_formular.form_light *::placeholder{
color: rgba(51,51,51,.5);
opacity: 1;
}
.form_item{
display: flex;
flex-direction: column;
margin-bottom:30px;
}
.form_container_last .form_item {
margin-bottom: 0;
justify-content: center;
height: 100%;
}
.form_container{
display:flex;
gap:0 30px;
}
.form_container_last {
align-items: center;
}
.form_item,
.wpcf7-form-control{
width:100%;
}
.wpcf7-form-control{
padding:5px 15px;
border-radius: 5px;
border: 1px solid #000;
}
.wpcf7-form-control.wpcf7-select{
padding: 8.5px 15px;
}
.form_item>label {
opacity: 0;
height: 0;
overflow: hidden;
margin: 0 !important;
}
.form_item [data-name="ihr_anliegen"] .wpcf7-not-valid-tip{
margin-top:-5px;
}
.form_submit{
position: relative;
}
.wpcf7-form .form_submit .wpcf7-spinner{
margin: 0;
left: -30px;
top: calc(50% - 12px);
position: absolute;
background-color: #fff;
opacity: 1;
}
.wpcf7-form .form_submit .wpcf7-spinner:before {
background-color: #007fc5;
}
.wpcf7-acceptance .wpcf7-list-item{
margin:0;
}
.wpcf7-acceptance{
padding:0;
border:none;
}
.wpcf7-form-tel-wrapper {
position: relative;
}
.wpcf7-form-tel-wrapper .wpcf7-form-control {
padding-left: 97px !important;
}
.wpcf7-form-tel-wrapper:before,
.wpcf7-form-tel-wrapper:after {
content: '';
width: 18px;
height: 18px;
position: absolute;
left: 23px;
top: 20px;
background: url(//habe.de/wp-content/themes/HA-BE/img/langs/germany.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
} .m21_kontaktformular.us .wpcf7-form-tel-wrapper:before {
background-image: url(//habe.de/wp-content/themes/HA-BE/img/langs/usa.png);
} .m21_kontaktformular.cn .wpcf7-form-tel-wrapper:before {
background-image: url(//habe.de/wp-content/themes/HA-BE/img/langs/china.png);
}
.wpcf7-form-tel-wrapper.wpcf7-form-tel-lang-ja:before,
.wpcf7-form-tel-wrapper.wpcf7-select-country-ja:before {
background-image: url(//habe.de/wp-content/themes/HA-BE/img/langs/japan.png);
}
.wpcf7-form-tel-wrapper.wpcf7-form-tel-lang-ko:before {
background-image: url(//habe.de/wp-content/themes/HA-BE/img/langs/korea.png);
}
.wpcf7-form-tel-wrapper:after {
background: none;
content: '+49|';
left: 52px;
top: 22px;
width: auto;
height: auto;
color: rgba(51,51,51,.5);
line-height: 1;
font-size: .9rem;
} .m21_kontaktformular.us .wpcf7-form-tel-wrapper:after {
content: '+1';
} .m21_kontaktformular.cn .wpcf7-form-tel-wrapper:after {
content: '+86';
}
.wpcf7-form-tel-wrapper.wpcf7-form-tel-lang-ja:after,
.wpcf7-form-tel-wrapper.wpcf7-select-country-ja:after {
content: '+81';
}
.wpcf7-form-tel-wrapper.wpcf7-form-tel-lang-ko:after {
content: '+82';
}
.form_mandatory_mobile .form_item {
text-align: right;
margin-bottom: 12px;
color: rgba(51,51,51,.5);
}
@media screen and (min-width: 992px) {
.form_mandatory_mobile {
display: none;
}
}
@media screen and (max-width: 767px) {
.form_container{
flex-direction: column;
}
}   html, body{
font-family: "verdana-pro", sans-serif;
font-weight: 400;
font-style: normal;
font-size:16px;
color: #cccccc;
background: #121212;
}
h1,
h2,
h3, .h3,
h4, .h4,
h5, .h5 {
font-family: "obviously", sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 3.75rem;
}
h1,
.h1 {
font-size: 3.75rem;
}
h2,
.h2 {
font-size: 2.75rem;
}
h3,
.h3,
h4,
.h4,
h5,
.h5 {
font-size: 1.5rem;
}
a, a:focus, a:hover, a:active, a:visited {
color: inherit;
text-decoration: none; }
img,
svg {
max-width: 100%;
width:100%;
height: auto;
}
img.fullwidth {
width: 100%;
}
img.coverimg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
}
p:last-child {
margin-bottom: 0;
}
p.h3, p.h4, p.h5 {
margin-bottom: .5rem;
}
.overflow_y_hidden{
overflow-y: hidden !important;
}
.wpgmza-filter-widgets {
display: none !important;
}
section {
background-color: #121212;
}
section.light {
background-color: #1a1a1a;
}
section.white {
background-color: #ededed;
color: #1a191a;
}
section.purewhite {
background-color: #fff;
color: #1a1a1a;
}
section.dark {
background-color: #1a1a1a;
}
section.white h1,
section.white .h1,
section.white h2,
section.white .h2,
section.white h3,
section.white .h3,
section.white h4,
section.white .h4,
section.white h5,
section.white .h5 {
color: #1a1a1a;
}
[data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top:75px;
padding-bottom:75px;
}
[data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top:75px;
padding-bottom:0;
}
[data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:75px;
}
[data-auserer-abstand="auserer_abstand_oben_und_unten"]{
margin-top:75px;
margin-bottom:75px;
}
[data-auserer-abstand="auserer_abstand_nur_oben"]{
margin-top:75px;
margin-bottom:0;
}
[data-auserer-abstand="auserer_abstand_nur_unten"]{
margin-top:0;
margin-bottom:75px;
}
.container[data-ausrichtung="links"],
.container[data-ausrichtung="zentriert_ausfuellung_links"]{
margin-left:0;
padding-left: 0;
}
.container[data-ausrichtung="links"] > .row,
.container[data-ausrichtung="zentriert_ausfuellung_links"] > .row {
margin-left: 0;
}
.container[data-ausrichtung="links"] .first-col,
.container[data-ausrichtung="zentriert_ausfuellung_links"] .first-col {
padding-left: 0;
}
.container[data-ausrichtung="rechts"],
.container[data-ausrichtung="zentriert_ausfuellung_rechts"]{
margin-right:0;
padding-right: 0;
}
.container[data-ausrichtung="rechts"] > .row,
.container[data-ausrichtung="zentriert_ausfuellung_rechts"] > .row {
margin-right: 0;
}
.container[data-ausrichtung="rechts"] .last-col,
.container[data-ausrichtung="zentriert_ausfuellung_rechts"] .last-col {
padding-right: 0;
}
.container[data-container="container_full"] {
max-width: 100%;
padding-left:0;
padding-right:0;
}
.container[data-container="container_full"] .row {
margin-left:0;
margin-right:0;
}
[data-appearance="fade"]{
opacity:0;
}
a.button,
.button {
border: 1px solid #515151;
color: #fff;
border-radius: 30px;
padding: 15px 25px 17px;
line-height: 1;
background: #121212;
display: inline-flex;
align-items: center;
gap: 0 10px;
-webkit-transition: background .4s, color .4s, border-color .4s, opacity .4s;
-moz-transition: background .4s, color .4s, border-color .4s, opacity .4s;
-ms-transition: background .4s, color .4s, border-color .4s, opacity .4s;
-o-transition: background .4s, color .4s, border-color .4s, opacity .4s;
transition: background .4s, color .4s, border-color .4s, opacity .4s;
}
a.button span,
.button span {
display: inline-block;
line-height: 1;
color: #fff;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
a.button svg,
.button svg {
width: 9px;
height: 11px;
fill: #fff;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.white a.button,
.white .button {
background: #ededed;
}
.white a.button:not(.button_blue) span,
.white .button:not(.button_blue) span {
color: #333;
}
.white a.button:not(.button_blue) svg,
.white .button:not(.button_blue) svg {
fill: #333;
}
a.button.button_lightdark,
.button.button_lightdark {
background: #303030;
}
a.button.button_blue,
.button.button_blue {
background: #007fc5;
border-color: transparent;
color: #fff;
}
a.button.button_blue_border,
.button.button_blue_border {
border-color: #007fc5;
}
a.button:hover,
.button:hover {
background: #515151;
}
a.button.button_blue_border:hover,
.button.button_blue_border:hover {
background: #007fc5;
color: #fff;
}
a.button.button_blue:hover,
.button.button_blue:hover {
background: #121212;
}
.white a.button:hover span,
.white .button:hover span {
color: #fff;
}
.white a.button:hover svg,
.white .button:hover svg {
fill: #fff;
}
a.button.link,
.button.link {
border-radius: 0;
padding: 0;
background: transparent;
border: none;
}
a.button.link span,
.button.link span {
color: #fff;
}
a.button.link svg,
.button.link svg {
width: 15px;
height: 14px;
margin-bottom: 3px;
margin-right: 5px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
a.button.link:hover,
.button.link:hover,
a.button.link:hover span,
.button.link:hover span {
color: #007fc5;
}
a.button.link:hover svg,
.button.link:hover svg {
fill: #007fc5;
}
@media screen and (max-width: 400px) {
a.button,
.button {
font-size: .9rem;
padding: 13px 13px 13px;
}
} footer {
background: #1b1a1a;
position: relative;
overflow: hidden;
}
.footer_to_top_container {
position: absolute;
top: 120px;
right: 0;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid rgba(255,255,255,.5);
cursor: pointer;
border-radius: 50%;
-webkit-transition: border-color .4s, background .4s;
-moz-transition: border-color .4s, background .4s;
-ms-transition: border-color .4s, background .4s;
-o-transition: border-color .4s, background .4s;
transition: border-color .4s, background .4s;
}
.footer_to_top_container svg {
width: 9px;
height: 11px;
fill: #fff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.footer_to_top_container:hover {
background: #fff;
border-color: #fff;
}
.footer_to_top_container:hover svg {
fill: #1b1a1a;
}
.footer_content_container {
padding: 120px 0 145px;
}
.footer_title_container *:not(br) {
font-size: 3.75rem;
margin-bottom: 60px;
line-height: 1.2;
}
.footer_social_container {
display: flex;
gap: 12px;
margin-bottom: 35px;
}
.footer_single_social_item {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border: 1px solid rgba(204,204,204,.5);
border-radius: 50%;
-webkit-transition: border-color .4s, background .4s;
-moz-transition: border-color .4s, background .4s;
-ms-transition: border-color .4s, background .4s;
-o-transition: border-color .4s, background .4s;
transition: border-color .4s, background .4s;
}
.footer_single_social_item:hover {
border-color: #fff;
background: #fff;
}
.footer_single_social_item svg {
height: 20px;
width: auto;
fill: #ccc;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.footer_single_social_item:hover svg {
fill: #1b1a1a;
}
.footer_lang_switcher_container {
margin-bottom: 45px;
}
.footer_cert_container {
display: flex;
gap: 20px;
}
.footer_single_cert_item {
display: inline-block;
padding: 4px;
background: #fff;
border-radius: 50%;
width: 81px;
height: auto;
}
.footer_container_right {
display: flex;
justify-content: space-between;
padding-top: 35px;
}
.footer_content_container ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
color: #ccc;
}
.footer_content_container ul.menu > li > a {
font-weight: 700;
}
.footer_content_container ul.menu li > a {
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.footer_content_container ul.menu li > a:hover,
.footer_content_container .menu-footermenue-links-container > ul.menu li.current-menu-item > a,
.footer_content_container .menu-footermenue-mitte-container > ul.menu li.current-menu-item > a,
.footer_content_container .menu-footermenue-rechts-container > ul.menu li.current-menu-item > a {
color: #fff;
}
.footer_content_container ul.menu > li:first-child {
margin-bottom: 70px;
}
.footer_content_container ul .menu_margin_bottom {
margin-bottom: 50px;
}
.footer_container_bottom {
background: #333333;
color: #ccc;
font-size: .9rem;
}
.footer_inner_container_bottom {
display: flex;
justify-content: space-between;
align-items: center;
height: 48px;
}
.footer_container_bottom p {
margin-bottom: 0;
}
.footer_container_bottom_left {
display: flex;
gap: 45px;
}
.footer_container_bottom_left ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
display: flex;
}
.footer_container_bottom_left ul li:not(:last-child) {
padding-right: 30px;
position: relative;
}
.footer_container_bottom_left ul li:not(:last-child):after {
content: '';
position: absolute;
right: 0;
top: 6px;
height: 15px;
width: 2px;
background: #ccc;
}
.footer_container_bottom_left ul li:not(:first-child) {
padding-left: 28px;
}
.footer_container_bottom a {
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.footer_container_bottom li a:hover,
.footer_container_bottom li.current-menu-item a {
color: #fff;
}
.footer_container_bottom_right a {
text-decoration: underline;
}
.footer_container_bottom_right li a:hover,
.footer_container_bottom_right li.current-menu-item a {
text-decoration: none;
}
.untertitel {
text-transform: uppercase;
color: #007fc5;
font-size: .9rem;
}  .search_results_titel_container {
margin-bottom: 41px;
}
.search_result_count {
margin-bottom: 52px;
}
.search_result_item {
display: block;
padding: 42px 44px 45px;
background: #121212;
border: 1px solid #333333;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
.search_result_item:hover {
background: #1d1d1d;
}
.search_result_item:not(:last-child) {
margin-bottom: 22px;
}
.search_result_title_container {
margin-bottom: 26px;
}
body #ajaxsearchlite1 .probox .proinput input,
body #ajaxsearchlite1 .probox .proinput input::placeholder,
body div.asl_w .probox .proinput input,
body div.asl_w .probox .proinput input::placeholder {
color: #fff !important;
}
.mm_above_header_news_lang .footer_social_container {
margin-bottom: 0;
}
.mm_above_header_news_lang .footer_single_social_item {
width: 40px;
height: 40px;
}
.footer_single_social_item svg {
height: 15px;
}
.mm_lang_switcher {
display: none !important;
}
.bigger_font_size {
font-size: 1.5rem;
}
@media screen and (max-width: 575px) {
.search_section {
margin-top: 90px;
}
.search_result_item {
padding: 26px 28px 29px;
}
.footer_container_bottom {
font-size: 1rem;
}
}
@media screen and (max-width: 450px) {
.search_result_item {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}
@media screen and (max-width: 330px) {
.search_results_titel_container * {
font-size: 1.35rem;
}
}   @media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1599px) {
.footer_title_container *:not(br) {
font-size: 3.25rem;
}
}
@media screen and (max-width: 1399px) {
.footer_to_top_container {
top: 100px;
}
}
@media screen and (max-width: 1199px) {
.footer_container_bottom .container {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.footer_to_top_container {
top: 75px;
right: 30px;
}
.footer_inner_container_bottom {
height: auto;
flex-wrap: wrap;
padding: 30px 0;
justify-content: center;
text-align: center;
}
.footer_container_bottom_left {
flex-wrap: wrap;
gap: unset;
justify-content: center;
}
.footer_inner_container_bottom > div,
.footer_container_bottom_left > * {
width: 100%;
}
.footer_container_bottom_left > p {
order: 2;
margin-top: 10px;
}
.footer_container_bottom_left > div {
order: 1;
}
.footer_container_bottom_left ul {
justify-content: center;
}
}
@media screen and (max-width: 991px) {
.footer_to_top_container {
top: 120px;
}
.footer_content_container {
padding: 90px 0 60px;
}
.footer_content_container ul.menu > li:first-child {
margin-bottom: 40px;
}
.form_container_last {
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.footer_mob_menu_container {
flex-wrap: wrap;
padding-top: 0;
margin-bottom: 10px;
}
.footer_to_top_container {
right: 42px;
}
.footer_mob_menu_container nav {
width: 100%;
}
.footer_title_container *:not(br) {
font-size: 2.25rem;
}
.footer_content_container ul.menu > li:first-child,
.footer_content_container ul .menu_margin_bottom {
margin-bottom: 0;
}
.footer_content_container ul.sub-menu {
display: none;
margin-top: 10px;
}
.footer_content_container ul.menu > li {
padding: 20px 0;
position: relative;
}
.footer_content_container ul.menu > li {
border-bottom: 1px solid rgba(255,255,255,.3);
}
.footer_content_container nav:last-child ul.menu > li:last-child {
border-bottom: none;
}
.footer_content_container ul.menu > li.menu-item-has-children:after {
content: '';
position: absolute;
right: 0;
top: 32px;
width: 6px;
height: 3px;
background-image: url(//habe.de/wp-content/themes/HA-BE/img/list-arrow.png);
background-size: contain;
background-repeat: no-repeat;
}
.footer_content_container ul.menu > li > a {
font-weight: 400;
}
.footer_content_container ul.menu > li.active > a {
color: #fff;
}
.footer_cert_container {
margin-bottom: 30px;
}
.footer_social_container {
margin-bottom: 0;
}
}
@media screen and (max-width: 575px) {
.container {
padding-left: 42px;
padding-right: 42px;
}
[data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top:45px;
padding-bottom:45px;
}
[data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top:45px;
padding-bottom:0;
}
[data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:45px;
}
[data-auserer-abstand="auserer_abstand_oben_und_unten"]{
margin-top:45px;
margin-bottom:45px;
}
[data-auserer-abstand="auserer_abstand_nur_oben"]{
margin-top:45px;
margin-bottom:0;
}
[data-auserer-abstand="auserer_abstand_nur_unten"]{
margin-top:0;
margin-bottom:45px;
}
footer #menu-rechtliches-1 {
flex-direction: column;
align-items: center;
}
footer #menu-rechtliches-1 .menu-item {
padding-right: 0;
padding-left: 0;
}
footer #menu-rechtliches-1 .menu-item:after {
display: none;
}
}
@media screen and (max-width: 450px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
.footer_to_top_container {
right: 20px;
}
}
@media screen and (max-width: 400px) {
.footer_title_container :not(br) {
font-size: 1.85rem;
}
}
@media screen and (max-width: 767px) {	
h1,
.h1 {
font-size: 2.75rem;
}
h2,
.h2 {
font-size: 2.25rem;
}
h3,
.h3,
h4,
.h4,
h5,
.h5 {
font-size: 1.25rem;
}
}
@media screen and (max-width: 575px) {	
h1,
.h1 {
font-size: 2.25rem;
}
h2,
.h2 {
font-size: 1.75rem;
}
h3,
.h3,
h4,
.h4,
h5,
.h5 {
font-size: 1.1rem;
}
}
@media screen and (max-width: 1199px) {
.shiftnav-main-toggle-content-before {
margin-top: 10px;
}
}