html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline; box-sizing:border-box;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { line-height: 1;}
ol, ul { list-style: none; margin:0; padding:0;}
blockquote, q { quotes: none;}
table { border-collapse: collapse; border-spacing: 0;}
input:focus, textarea:focus { outline: none!important; } span.wpcf7-form-control-wrap { position: unset!important; }
.wpcf7-checkbox input,
.wpcf7-acceptance input { -webkit-appearance: checkbox; margin-left: 0px;}
.wpcf7-radio { margin:20px 0 0 0; display: inline-block; }
.wpcf7-radio input { -webkit-appearance: radio; width: 16px; height: 16px; margin-left: 0; } .links { float:left;}
.rechts { float:right;}
.center { text-align:center;}
.keincss { border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft { float:left; margin-right:20px;}
img.alignright, .entry .alignright { float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter { display: block; margin-left: auto; margin-right: auto; }
iframe {max-width:100%;}
sub { vertical-align: sub; font-size: smaller;}
sup { vertical-align: super; font-size: smaller; }
.clear { clear:both;}
.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
p.wp-caption-text { font-size:11px; font-style:italic;}
.hinweisbar { padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;} .btn { display: inline-block; text-align: center; background: rgb(160, 45, 52) none repeat scroll 0% 0%; border-radius: 3px; padding: 10px 15px;}
.haru-button-1 { width:100%!important; }
.haru-button-1 a { width:100%!important; background-color:#029be1!important; font-family: 'Bebas'; font-size:32px!important; padding-top:10px!important; padding-bottom:8px!important;}
.haru-button-1 a:hover { opacity:0.85;}
@media screen and (max-width: 1300px){
.haru-button-1 a { font-size:22px!important; }
}
.haru-button-2 { }
.haru-button-2 { display:inline-block; border:1px solid #1a1a1a; padding:15px 60px 15px 30px; font-family: 'Bebas'; font-size:18px; line-height:18px; background-color:white; background-image:url(//ha-ru.de/wp-content/themes/web-labels/images/right-arrow.png); background-position:calc(100% - 27px) 50%; background-repeat:no-repeat; margin-top:20px; transition:300ms; color:#1a1a1a!important;}
.haru-button-2:hover { cursor:pointer; background-color:rgba(0,0,0,0.1); transition:300ms; opacity:1!important;}
.haru-button-3 { display:inline-block; border:1px solid #1a1a1a; padding:15px 60px 15px 30px; font-family: 'Bebas'; font-size:18px; line-height:18px; background-color:white; background-image:url(//ha-ru.de/wp-content/themes/web-labels/images/right-arrow.png); background-position:calc(100% - 27px) 50%; background-repeat:no-repeat; margin-top:20px; transition:300ms;}
.haru-button-3:hover { cursor:pointer; background-color:rgba(0,0,0,0.1); transition:300ms; opacity:1!important;} input, textarea { -webkit-appearance: none; border-radius: 0px; } body {}
a { outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
h1, h2, h3, h4, h5 { font-weight:normal;}
#page { width:100%; margin:0 auto;}
.bold { font-weight:bold; } #logo, #logo img { display:inline-block; width:auto!important; min-width:0px!important; max-width:100%;}
#header { width:100%; height:auto; position:relative;}
#header img.headimg { width:100%; height:auto; min-height:300px; object-fit:cover;}
#branding { display:grid; grid-template-columns:auto 1fr auto; grid-gap:50px; position:absolute; width:100%; background-color:rgba(255,255,255,0.9); padding-right: 50px; padding-left: 50px; position:sticky; top:0; z-index:100; height:100px; margin-bottom:-100px; }
.admin-bar #branding { top:32px; margin-bottom:-100px;} #branding #nav { height:100%;}
#branding #nav > div { height:100%;}
#branding .menu { display:flex; align-items:center; height:100%;}
#branding .menu > li { display:inline-block; position:relative;}
#branding .menu > li > a { display:inline-block; font-family: 'Bebas'; font-size:20px; padding:15px 30px;}
#branding .menu > li:hover > a { background-color:#029be1; color:#1a1a1a;}
#branding .menu > li.current_page_item > a { color:#029be1;}
#branding .menu > li.current_page_item:hover > a { color:#029be1; background-color:transparent;}
#branding .menu .sub-menu { display:none; background-color:white; border:1px solid #1a1a1a; padding:20px; min-width:250px;}
#branding .menu .sub-menu li ~ li::before { display:block; content:""; width:100%; height:1px; background-color:#1a1a1a; margin:5px 0;}
#branding .menu .sub-menu li a { color:#1a1a1a; display: block; }
#branding .menu .sub-menu li a:hover { color:#029be1; }
#branding .menu > li:hover .sub-menu { display:block; position:absolute;}
#header-contact-buttons { display:flex; align-items:center; height:100%;}
#header-contact-buttons a { padding:5px;}
#header-contact-buttons a img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; filter:brightness(1) grayscale(1); transition:0ms;}
#header-contact-buttons a:hover img { filter:brightness(1) grayscale(0); transition:0ms;}
#header-contact-buttons .separator { display:block; width:1px; height:50px; background-color:#029be1; margin:0 20px;}
@media screen and (max-width: 1530px){
#logo { max-width:250px; }
#branding { grid-gap:20px; align-items:center;}
}
@media screen and (max-width: 1360px){
#branding .menu > li { padding:10px 5px;}
#branding .menu > li > a { font-size:18px; padding:15px 10px;}
#branding { grid-gap:30px; align-items:center;}
}
@media screen and (max-width: 1160px){
#logo { max-width:200px; }
#branding { padding:10px 30px;}
}
@media screen and (max-width: 1070px){
#logo { max-width:200px; }
#header-contact-buttons { display:none;}
#branding { grid-template-columns:auto 1fr;}
}
@media screen and (max-width: 950px){
#branding { display:none;}
body { margin-top:-42px!important;}
}
html body div.wprm-wrapper { overflow:hidden!important;}
#wprmenu_bar { background-color:rgba(255,255,255,0.9)!important;} #content-wrap-page { width:100%; min-height:100px!important; height:auto; }
#content-wrap { min-height:100px; margin: 0 auto; padding:0 100px; box-sizing:border-box; }
#content { display:grid; grid-template-columns:1fr 450px; grid-gap:100px;}
#content.front { display:block!important;}
.breadcrumbs { padding:0 100px; box-sizing:border-box; }
.breadcrumb { margin: 10px 0; }
.breadcrumbs .arrow { background:url(//ha-ru.de/wp-content/themes/web-labels/images/right-arrow.png) no-repeat center center; background-size: 5px 8px; width: 14px; height: 10px; display:inline-block; }
#content-wrap { padding-top:60px !important; }
@media screen and (max-width: 1500px){
#content-wrap, .breadcrumbs { padding:0 50px; }
}
@media screen and (max-width: 1400px){
#content { grid-template-columns:1fr 300px; grid-gap:50px;}
}
@media screen and (max-width: 1150px){
#content { grid-template-columns:100%; grid-gap:100px;}
}
@media screen and (max-width: 450px){
#content-wrap, .breadcrumbs { padding:0 30px; }
}
h1, h2 { font-family: 'Bebas'; font-size:32px; line-height:50px; font-weight:400;}
h1 strong, h2 strong, h1 .bold, h2 .bold { font-weight:400; color:#029be1;}
h3, h4, .h3, .h4 { font-family: 'Bebas'; font-size:24px; line-height:50px; font-weight:400;}
h3 strong, h4 strong, h3 .bold, h4 .bold { font-weight:400; color:#029be1;}
h5, h6 { font-family: 'Bebas'; font-size:32px; line-height:50px; font-weight:400;}
h5 strong, h6 strong, h5 .bold, h6 .bold { font-weight:400; color:#029be1;}
@media screen and (max-width: 768px){
h1, h2 { font-size:24px!important; line-height:30px!important;}
h3, h4, .h3, .h4 { font-size:20px!important; line-height:24px!important;}
h5, h6 { font-size:18px!important; line-height:20px!important;}
}
.headline-frame { margin:0!important;}
.headline-frame::before,
.headline-frame::after,
.breadcrumbs::after { content:""; display:block; width:160px; height:1px; background-color:#1a1a1a; }
.headline-frame::before { margin:0 0 25px;}
.headline-frame::after { margin:20px 0 30px;}
#sidebar-page { position:relative;}
#sidebar-page > div { position:sticky; top:170px;}
@media screen and (max-width: 1150px){
#sidebar-page { display:flex; flex-wrap:wrap; justify-content:space-between;}
#sidebar-page-row-1 { min-width:calc(37% - 25px); max-width:calc(37% - 25px);}
#sidebar-page-row-2 { min-width:calc(63% - 25px); max-width:calc(63% - 25px);}
}
@media screen and (max-width: 600px){
#sidebar-page { display:flex; flex-wrap:wrap; justify-content:space-between;}
#sidebar-page-row-1 { min-width:100%; max-width:100%;}
#sidebar-page-row-2 { min-width:100%; max-width:100%;}
#sidebar-page-call-agent { grid-template-columns:auto 1fr!important; }
}
@media screen and (max-width: 380px){
#sidebar-page-call-agent { grid-template-columns:auto !important; }
}
#sidebar-page-row-1,
#sidebar-page-row-2 { margin-bottom:60px;}
#sidebar-page-call-agent { display:grid; grid-template-columns:auto 1fr; grid-gap:20px; margin-top:30px; align-items: center; }
#sidebar-page-call-agent-contact a { display:inline-block; font-size:22px; font-weight:bold;}
#sidebar-page-call-agent-contact a:hover { opacity:0.7;}
#sidebar-page-rechner a { display:inline-block; font-size:24px; line-height:34px; font-weight:bold;}
#sidebar-page-rechner a:hover { opacity:0.7;}
@media screen and (max-width: 1400px){
#sidebar-page-call-agent { grid-template-columns:auto; }
#sidebar-page-call-agent-contact a { font-size:18px; line-height:24px;}
}
.sidebar-page-ticked-word { font-weight:bold; display:inline-block;}
.sidebar-page-ticked-word::before { content:""; font-weight:bold; display:inline-block; height:14px; width:14px; background-image:url(//ha-ru.de/wp-content/themes/web-labels/images/check-mark.png); margin-right:5px; margin-bottom:-1px;}
#sidebar-page-contact-form .your-name,
#sidebar-page-contact-form .your-email,
#sidebar-page-contact-form .your-phone,
#sidebar-page-contact-form .your-location { display:inline-block; width:calc(50% - 15px);}
#sidebar-page-contact-form .your-email,
#sidebar-page-contact-form .your-location { margin-left:30px; }
#wpcf7-f2328-o1 .your-email { margin-left:20px; }
#sidebar-page-contact-form input[type=text],
#sidebar-page-contact-form input[type=email],
#sidebar-page-contact-form input[type=tel] { width:100%; margin-bottom:20px; border:1px solid #1a1a1a; padding:15px 10px 10px; color:#1a1a1a; font-style:italic; font-weight:500; box-sizing:border-box;}
#sidebar-page-contact-form .dsgvo label { display:flex; align-items:center;}
#sidebar-page-contact-form .dsgvo label span { font-style:italic; font-size:12px; line-height:14px; margin-left:7px;}
#sidebar-page-contact-form input[type=submit] { display:inline-block; border:1px solid #1a1a1a; padding:15px 60px 15px 30px; font-family: 'Bebas'; font-size:18px; line-height:18px; background-color:white; background-image:url(//ha-ru.de/wp-content/themes/web-labels/images/right-arrow.png); background-position:calc(100% - 27px) 50%; background-repeat:no-repeat; margin-top:20px; transition:300ms;}
#sidebar-page-contact-form input[type=submit]:not(:disabled):hover { cursor:pointer; background-color:rgba(0,0,0,0.1); transition:300ms;}
#sidebar-page-contact-form input.wpcf7-not-valid { background-color:rgba(225,2,33,0.13)!important;}
#sidebar-page-contact-form .wpcf7-not-valid-tip { display:none!important;}
#sidebar-page-contact-form .wpcf7-response-output { margin: 2em 0 1em!important; }
#sidebar-page-row-3 > p { margin-bottom:10px;}
#sidebar-page-row-3-phone { display:inline-block; font-size:24px; line-height:34px; font-weight:bold;}
#sidebar-page-row-3-phone:hover { opacity:0.7;}
.sidebar-page-bath-config-link { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border:1px solid #0053a0; border-radius:40px; padding:20px; margin-top:70px; margin-bottom:35px; position:relative;}
.sidebar-page-bath-config-link::before { content:""; display:block; width:160px; height:1px; background-color:#1a1a1a; position:absolute; top:-35px; left:0;}
.sidebar-page-bath-config-link::after { content:"€"; display:block; position:absolute; top:25px; right:80px; font-size:100px; line-height:100px; opacity:0.2; font-weight:bold; z-index:-1;}
.sidebar-page-bath-config-link h3 { font-family:'roboto'!important; color:#00b4f1; font-size:28px; line-height:35px; padding:5px; text-transform:uppercase; margin-bottom:10px;}
.sidebar-page-bath-config-link > div { display:flex; align-items:center; justify-content:flex-start;}
.sidebar-page-bath-config-link > div > img { max-width:70px; margin-right:20px;}
.sidebar-page-bath-config-link > div > a { color:white; background-color:#00b4f1; display:block; padding:8px 15px; border-radius:10px;}
.sidebar-page-bath-config-link > div > a:hover { opacity:0.7;}
.sidebar-page-teaser { margin-bottom:25px; }
.sidebar-page-teaser::before,
.sidebar-page-contact::before,
.sidebar-page-icons::before { content:""; display:block; width:160px; height:1px; background-color:#1a1a1a; margin:25px 0; }
.sidebar-page-contact::before { margin-top:0; }
.sidebar-page-teaser img { width:100%; height:auto; max-width: 400px; box-shadow: 0px 0px 10px rgba(0,0,0,.3); margin:10px 10px 0 0;}
.sidebar-page-contact a { font-family: 'bebas'; font-size: 24px; line-height: 24px; letter-spacing: .2px; vertical-align: middle; color: #000; }
.sidebar-page-contact a:hover { color: #029be1; }
.sidebar-page-contact span { display:inline-block; height:40px; width:38px; vertical-align: middle; margin: 5px 5px 5px 0; }
.sidebar-page-contact span.mail-icon { background:url(//ha-ru.de/wp-content/themes/web-labels/images/icon-sidebar-mail.png) no-repeat; background-size: contain; }
.sidebar-page-contact span.phone-icon { background:url(//ha-ru.de/wp-content/themes/web-labels/images/icon-sidebar-phone.png) no-repeat; background-size: contain; }
.sidebar-page-contact span.form-icon { background:url(//ha-ru.de/wp-content/themes/web-labels/images/icon-sidebar-form.png) no-repeat; background-size: contain; }
@media screen and (max-width: 1400px){
.sidebar-page-bath-config-link { max-width: 350px; }
.sidebar-page-bath-config-link h3 { font-size:22px; line-height:30px; }
.sidebar-page-bath-config-link::after { top:0px; right:20px; font-size:80px; line-height:80px; }
}
@media screen and (max-width: 370px){
.sidebar-page-bath-config-link > div > img { max-width:40px; margin-right:10px;}
}
.entry { }
.entry img { max-width:100%; height:auto;}
.entry a { color:#029be1;}
.entry a:hover { opacity:0.7;}
.entry a.btn { color: rgb(255, 255, 255);}
.entry a.btn:hover { border:2px solid rgb(160, 45, 52); background:#fff; color:rgb(160, 45, 52);}
.entry ol li { list-style: decimal outside none; margin-left: 15px;}
.entry ul li { list-style: disc outside none; margin-left: 15px;} #front-service-boxes-col { padding-left:100px;}
#service-boxes-container { display:grid; grid-template-columns:33.33% 33.33% 33.33%;
}
#service-boxes-container .service-box { display:flex; height:400px; flex-direction:column; align-items:center; justify-content:center; color:white; background-repeat:no-repeat; background-size:cover;}
#service-boxes-container .service-box img { margin-bottom:30px; transition:300ms;}
#service-boxes-container .service-box a { color:white; font-family: 'Bebas'; font-size:32px; line-height:36px;}
#service-boxes-container .service-box h2 { margin-bottom:0; color:#fff;}
#service-boxes-container .service-box p { padding:0.5em 1em 1em 1em; color:#fff; text-align: center;}
#service-boxes-container .service-box:hover { opacity:0.9;}
#service-boxes-container .service-box:hover img { transform:scale(1.07); transition:300ms;}
@media screen and (max-width: 1800px){
#service-boxes-container { grid-template-columns:33.33% 33.33% 33.33%; }
}
@media screen and (max-width: 1300px){
#service-boxes-container { grid-template-columns:50% 50%; }
}
@media screen and (max-width: 1024px){
#front-service-boxes-col { padding-left:0!important; padding-top:50px;}
#service-boxes-container { grid-template-columns:50vw 50vw; margin-left:-50px; }
}
@media screen and (max-width: 600px){
#service-boxes-container { grid-template-columns:100vw;}
}
#front-row-3-img-col { padding-right:100px;}
#front-row-3-text-col .headline-frame { display: flex; flex-direction: column; align-items: flex-end;}
#front-row-3-text-col .headline-frame::after { margin: 30px 0 30px;}
.front .haru-button-2 { margin-right:20px;}
#front-row-3-text-col .haru-button-2 { margin-right:0; }
#front-row-3-text-col .haru-button-3 { margin-left:20px; }
@media screen and (max-width: 1500px){
#front-service-boxes-col { padding-left:50px;}
#front-row-3-img-col { padding-right:50px;}
}
@media screen and (max-width: 1024px){
#front-row-3-img-col { padding-right:0;}
#ueber-uns-logo-row { margin-top:50px;}
#ueber-uns-logo-row * { text-align:center!important;}
}
#post-505 h2 { font-size:28px; line-height:32px;}
@media screen and (max-width: 1500px){
#post-505 h2 { font-size:18px; line-height:24px;}
}
@media screen and (max-width: 1150px){
#post-505 h2 { font-size:26px; line-height:30px;}
}
@media screen and (max-width: 1024px){
#post-505 .employee-row { display:flex; flex-wrap:wrap; }
#post-505 .employee-row > div { width:50%;}
}
@media screen and (max-width: 380px){
#post-505 .employee-row { display:flex; flex-wrap:wrap; }
#post-505 .employee-row > div { width:100%; }
#post-505 .employee-row .wpb_single_image { text-align:left;}
#post-505 .employee-row > div:nth-child(2n) { margin-bottom:50px;}
} .sidebar { max-width:300px;}
#sidebar > ul { list-style-type:none;}
#sidebar > ul > li { display:block; margin-bottom:30px; }
.blog-content h1,
.blog-content h2 { margin-bottom:30px;}
.blog-content .post-vorschau .vorschau { display:block; width:100%; height:250px; margin-bottom:30px; overflow:hidden;}
.blog-content .post-vorschau .vorschau img { display:block; width:100%; height:100%; object-fit:cover; transition:300ms;}
.blog-content .post-vorschau a:hover img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.1); transition:300ms;}
.blog-content .post-vorschau h3 { margin-bottom:20px; }
.blog-content .post-vorschau h3 a { text-decoration:none; }
.blog-content .post-vorschau h3 a:hover { opacity:0.7;}
.single .blog-content .wp-post-image { width:100%; height:auto; display:block; margin-bottom:30px;}
.single .sidebar .wp-post-image { width:100%; height:auto; display:block; margin-bottom:30px;} #side-contact-links { display:none; position:fixed; right:-300px; top:39.5vh; width:300px; z-index:100000;}
.side-contact-link { display:flex; background-color:#029be1; color:white; align-items:center; justify-content:flex-start; padding:15px 20px; left:0px; position:relative; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3); transition:300ms;}
.side-contact-link:hover { left:-300px!important; transition:300ms;}
.side-contact-link > img { height:35px; width:35px; object-fit:contain; margin-right:25px;}
.side-contact-link > span { font-size:20px;}
#side-contact-links.active .side-contact-link { left:-75px;}
#side-contact-link-phone { margin-bottom:20px;}
#side-contact-link-email { }
@media screen and (min-width: 1024px){
#side-contact-links { display:block; }
} #footer-wrap { width:100%; height:auto;}
#footer { background-color:transparent!important; width:100%!important;}
#footer-top { background-color:#029be1; padding:70px 100px; display:grid; grid-template-columns:auto auto 1fr; grid-gap:200px; color:#9ce6ff;}
#footer-top h2 { color:#9ce6ff;}
#footer-top h2 strong { font-weight:400; color:#fff;}
#footer-top h2 a { color:#fff;}
#footer-top h2 a:hover { opacity:0.7;}
#footer-top-col-1 { border-left:5px solid white; padding-left:20px;}
@media screen and (max-width: 1300px){
#footer-top { grid-gap:100px;}
}
@media screen and (max-width: 1075px){
#footer-top { grid-gap:50px; padding:50px 50px;}
}
@media screen and (max-width: 880px){
#footer-top { grid-template-columns:auto; grid-gap:50px; padding:50px 50px;}
}
#footer-middle { background-color:#535353; padding:50px 100px; display:grid; grid-template-columns:auto auto auto auto; grid-gap:50px; color:rgba(255,255,255,0.9);}
#footer-middle > div { padding-left: 20px; border-left: solid #999 1px; }
#footer-middle > div > img { margin-right:30px;}
#footer-middle h3 { color:white;}
#footer-middle h5 { color:white;}
#footer-middle h3 a { color:white;}
#footer-middle h3 a:hover { opacity:0.7;}
#footer-middle h5 a { color:white;}
#footer-middle h5 a:hover { opacity:0.7;}
#footer-middle h3 { color:#029be1 }
#footer-middle h3 strong { color:#029be1; font-weight:400;}
#footer-middle a.hotline { font-family: 'Bebas'; font-size:24px; margin-top:5px; display:inline-block; }
#footer-middle a:hover { color:rgba(255,255,255,0.9);}
#footer-middle .footer-logo {
border: none;
padding-left: 0;
}
.footer-icons a {
background-color:#fff;
padding:8px;
display:inline-block;
border-radius:50%;
margin-left:4px;
margin-bottom:8px;
vertical-align: middle;
}
.footer-icons a img {
display:block;
width:24px;
height:24px
}
#footer-middle-col-4 a {
display:inline-block;
vertical-align: middle;
}
.haru-icon {
display:block; height:44px; width:44px; background:url(//ha-ru.de/wp-content/themes/web-labels/images/haru-footer-icon.png) no-repeat; background-size: contain; float:right;
}
@media screen and (max-width: 1560px){
#footer-middle { padding:30px 50px;}
}
@media screen and (max-width: 1460px){
#footer-middle { grid-template-columns:auto auto auto; padding:50px;}
}
@media screen and (max-width: 950px){
#footer-middle { grid-template-columns:auto auto; padding:50px;}
.footer-icons { display: inline-block; vertical-align: middle;}
}
@media screen and (max-width: 500px){
#footer-middle h3 { font-size:20px; line-height:20px;}
#footer-middle { grid-template-columns:auto;}
}
#footer-bottom { background-color:#f3f3f3; padding:20px 88px;}
#footer-bottom .menu li { display:inline-block; margin:0 12px;}
#footer-bottom .menu li a { display:inline-block; color:#1a1a1a;}
#footer-bottom .menu li a:hover { opacity:0.7;}
@media screen and (max-width: 1460px){
#footer-bottom { padding:20px 50px;}
}
@media screen and (max-width: 768px){
#footer-bottom .menu { text-align:center;}
}
@media screen and (max-width: 768px) {
.entry img { max-width:100%; height:auto;}
}
h2.widgettitle { font-size: 24px; margin-bottom: .8em; }
.sidebar > li { margin-bottom: 30px; }
.sidebar > li:last-child { margin-bottom: 30px; }@font-face {
font-family: 'Bebas';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/bebas-neue-v2-latin-regular.eot); src: local(''),
url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/bebas-neue-v2-latin-regular.eot?#iefix) format('embedded-opentype'), url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/bebas-neue-v2-latin-regular.woff2) format('woff2'), url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/bebas-neue-v2-latin-regular.woff) format('woff'), url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/bebas-neue-v2-latin-regular.ttf) format('truetype'), url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/bebas-neue-v2-latin-regular.svg#BebasNeue) format('svg'); }@font-face {
font-family: 'roboto';
src: url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-bold-webfont.woff2) format('woff2'),
url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-bold-webfont.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'roboto';
src: url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-light-webfont.woff2) format('woff2'),
url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-light-webfont.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'roboto';
src: url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-medium-webfont.woff2) format('woff2'),
url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-medium-webfont.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'roboto';
src: url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-regular-webfont.woff2) format('woff2'),
url(//ha-ru.de/wp-content/themes/web-labels/fontstylesheets/fonts/roboto-regular-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
}.vc_gitem-zone { height: 400px; }
.searchbox {
background-color: rgba(2,155,225,0.1) !important;
padding:15px;
margin-top:15px;
border-radius: 6px;
}
.searchbox .datetime {
font-size:0.86em;
margin-bottom:5px;
}
.searchbox .haru-button-2 {
margin-top:0;
}
.ansprechpartner-img {
width: 100px;
height: 100px;
}