/*
Theme Name: BerlinProjektBorchert
Theme URI:
Author:
Author URI: http://www.berlin-projekt.de
Description: BerlinProjektBorchert Wordpress-Theme
Version: 0.1
Tags: berlinprojekt
Text Domain: berlinprojekt

Don't copy that theme!
*/

/* Resets */


a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:Open Sans,Arial, Helvetica, sans-serif;letter-spacing:0}:focus{outline:0}body{font-size:10px;line-height:1;color:#8e8e8e;background:#fff}ol,ul{list-style:none}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}html{overflow:-moz-scrollbars-vertical;overflow-y:scroll}.nodisplay{display:none}#s{width:300px}#results{position:absolute;top:0;left:0;width:300px}#results ul{border:1px solid #bfbfbf;margin:0;padding:0;list-style:none;width:100%}#results ul li a{display:block;color:#444;background:#fff;font:400 12px arial;text-decoration:none;padding:1px 4px 2px 6px}* html #results ul li a{width:100%}#results ul li a strong{color:#000}#results ul li a.hover,#results ul li a:hover{background:#0056f4;color:#fff}#results ul li a.hover strong,#results ul li a:hover strong{color:#fff}
.clear, .c { clear:both; float:none; }
.clearr, .cr { clear:right; float:none; }
.clearl, .cl { clear:left; float:none; }
html, body { margin:0; padding:0; height:100%; width:100%; font-family: 'Open Sans',sans-serif; background:#fff; position:relative; }
html { overflow-x:hidden;  }
* { -webkit-font-feature-settings: "liga", "dlig"; }
* {	-webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; }

.hide { display:none !important; }

header, #content-wrapper, #fixed-header > div, footer .inner { max-width:1200px; width:100%; margin:0 auto; position:relative; }

header { padding:20px 0px 0 0;  margin-bottom:30px; }
header .header-row { margin-left:-7.5px; margin-right:-7.5px; border-bottom:1px solid #eee; padding-bottom:0px; }
header .header-row .col-left { float:right; }
header .header-row .col-right { margin-right:210px; padding-top:20px; }
header .brand img { height:100px; width:auto; display:block; }
header .brand-fixed { display:none; }
header .phone-head { text-transform:uppercase; font-size:14px; color:#888; font-weight:600; margin:0; line-height:1.5em; letter-spacing:0.05em; display:block; }
header .phone-head a { text-decoration:none; font:inherit; color:#005690; font-weight:600; font-size:18px; }
header .phone-head a:hover { color:#0078c9; }
header .socialmedia { margin-left:50px; display:inline-block; width:24px; height:24px; position:relative; }
header .socialmedia a { margin-top:0px; top:5px; color:#888; display:inline-block; width:24px; height:24px; border:1px solid #ccc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; font-size:12px; line-height:24px; position:absolute; }
.rounded2 { margin-left:3px; }
.social { margin-left:-6px; }
.rounded { margin-top:-5px; color:#fff; display:inline-block; width:24px; height:24px; border:1px solid #ccc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; font-size:12px; line-height:24px !important; margin-left:5px !important; }
a.rounded:hover { color:#fff; display:inline-block; width:24px; height:24px; border:1px solid #3B5998; background:#3B5998; }
header .socialmedia a:hover { color:#fff; display:inline-block; width:24px; height:24px; border:1px solid #3B5998; background:#3B5998; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; font-size:12px; line-height:24px; }
header #navigation {  }
header #navigation ul { display:block; text-align:left; padding-top:25px; }
header #navigation .menu-item { display:inline-block; margin-right:30px; }
header #navigation .menu-item:last-child { margin-right:0; }
header #navigation .menu-item a { font-family:'Ubuntu',sans-serif; font-weight:400; text-decoration:none; font-size:26px; color:#000; position:relative; display:block;  padding-bottom:22px;}
header #navigation .menu-item:hover a { color:#005690; }
header #navigation .menu-item.grey a, header #navigation .menu-item.grey:hover a, header #navigation .menu-item.grey.current-menu-item a { color:rgb(140,140,140); }
header #navigation .menu-item:hover a:before { content:""; display:block; border-bottom:3px solid #005690; position:absolute; bottom:-2px; left:0; right:0; }
header #navigation .menu-item.current-menu-item a { color:#005690; }
header #navigation .menu-item.current-menu-item a:before { content:""; display:block; border-bottom:3px solid #005690; position:absolute; bottom:-2px; left:0; right:0; }
header #navigation .menu-item.current-menu-item.grey a:before { content:""; display:block; border-bottom:3px solid transparent; position:absolute; bottom:-2px; left:0; right:0; }
header #navigation .menu-item.current-page-ancestor a { color:#005690; }
header #navigation .menu-item.current-page-ancestor a:before { content:""; display:block; border-bottom:3px solid #005690; position:absolute; bottom:-2px; left:0; right:0; }
header .subnavigation-top { display:block; margin:0; padding:0; margin-left:-7.5px; margin-right:-7.5px; padding:20px 0px 22px; border-bottom:1px solid #eee; }
header .subnavigation-top li { display:inline-block; font-size:15px; font-family:'Ubuntu',sans-serif; font-weight:300; text-decoration:none; color:#888; margin:0; padding:0; margin-right:25px; }
header .subnavigation-top li a { font:inherit; color:#888; text-decoration:none; margin:0; padding:0; }
header .subnavigation-top li a.current-sub-item { color:#005690; }

.mobile-btn { display:none; }
.mobile-menu { display:none; }

#fixed-header { position:fixed; top:-150px; left:0; right:0; z-index:9; background:#fff; border-bottom:1px solid #eee; opacity:0; transition:all 300ms ease; }
#fixed-header > div { padding:5px 0; }
#fixed-header .header-row .col-left { float:left; }
#fixed-header .header-row .col-right { margin-left:200px; }
#fixed-header .brand { display:none; }
#fixed-header .brand-fixed img { height:30px; display:block; }
#fixed-header #fixed-navigation { }
#fixed-header #fixed-navigation ul { display:block; text-align:right; }
#fixed-header #fixed-navigation .menu-item { display:inline-block; margin-left:30px; }
#fixed-header #fixed-navigation .menu-item a { font-family:'Ubuntu',sans-serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; line-height:30px; }

#fixed-header.open { top:0px; opacity:1; transition:all 300ms ease; }

img {max-width:100%; height:auto; }
h1, h1 strong { font-family:'Ubuntu',sans-serif; font-weight:400; text-decoration:none; font-size:26px; color:#000; position:relative; display:block; line-height:1.3em; margin-bottom:1em; }
h1 strong { margin-bottom:0em; }
h2 { font-family:'Ubuntu',sans-serif; font-weight:500; text-decoration:none; font-size:20px; color:#000; position:relative; display:block; line-height:1.3em; }
p { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; position:relative; display:block; margin-bottom:1em; line-height:1.5em; text-align:justify; }
.wpb_text_column > .wpb_wrapper > ul { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; position:relative; display:block; margin-bottom:30px; line-height:1.5em; }
.expose-detail-row ul { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; position:relative; display:block; margin-bottom:30px; line-height:1.5em; margin-top:0.5em; }
.expose-detail-row ul li { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; position:relative; display:block; margin-bottom:5px; line-height:1.5em; padding-left:15px; }
.expose-detail-row ul li:before { content:""; width:4px; height:4px; background:#005690; display:block; position:absolute; left:0; top:10px;  }
.wpb_text_column > .wpb_wrapper > ul li { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; position:relative; display:block; margin-bottom:5px; line-height:1.5em; padding-left:15px; }
.wpb_text_column > .wpb_wrapper > ul li:before { content:""; width:4px; height:4px; background:#005690; display:block; position:absolute; left:0; top:10px;  }
.wpb_text_column > .wpb_wrapper > ol { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; position:relative; margin-bottom:30px; line-height:1.5em; list-style:decimal; margin-left:20px; }
.wpb_text_column > .wpb_wrapper > ol li { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:14px; color:#000; position:relative;  margin-bottom:15px; line-height:1.5em; padding-left:15px; }
p a { font:inherit; text-decoration:none; color:#005690; }
li a { font:inherit; text-decoration:none; color:#005690; }
p a:hover { color:#000; }
li a:hover { color:#000; }
h4 { font-family:'Ubuntu',serif; font-weight:600; text-decoration:none; font-size:15px; color:#005690; position:relative; display:block; margin-bottom:1em; line-height:1.5em; }
h5 { font-family:'Ubuntu',serif; font-weight:600; text-decoration:none; font-size:15px; color:#005690; position:relative; display:block; line-height:1.5em; margin-bottom:0; }
h6 { font-family:'Ubuntu',serif; font-weight:300; text-decoration:none; font-size:14px; color:#888; position:relative; display:block; line-height:1.5em; margin-bottom:1em; }
label { font-family:'Ubuntu',serif; font-weight:400; text-decoration:none; font-size:14px; color:#005690; position:relative; display:block; line-height:1.5em; margin-bottom:0; }
footer h3 { font-family:'Ubuntu',serif; font-weight:400; text-decoration:none; font-size:18px; color:#fff; position:relative; display:block; margin-bottom:1em; line-height:1.5em; }

.full > div  > div { padding-left:0 !important; padding-right:0 !important; }

.box-icon { width:60px; margin:0 auto; margin-bottom:15px; display:block; }
.box .box-icon svg path, .box .box-icon svg polygon, .box .box-icon svg rect, .box .box-icon svg poly { stroke-width:1 !important;  }
.filling { fill:#005690; }
.box > div { background:#fafafa;  }
.box > div > div { padding:20px 15px; }
.box h2 { margin-bottom:20px; text-align:center; }
.box h2 a { font-family:'Ubuntu',sans-serif; font-weight:500; text-decoration:none; font-size:18px; color:#005690; position:relative; display:block; }
.box img { display:block; margin:0 auto; margin-bottom:15px !important; opacity:0.4; }
.box p { margin-bottom:0; font-size:13px; color:#333; text-align:justify; }
.box p a { font-family:'Open Sans',serif; font-weight:400; text-decoration:none; font-size:13px; color:#333; position:relative; display:block; margin-bottom:1em; line-height:1.5em; }

.textbox > div { background:#fafafa; }
.textbox > div > div { padding:20px 15px; }
.textbox h4 { font-weight:400; font-size:18px; }
.textbox p { margin-bottom:0em; font-size:13px; color:#333; text-align:justify; }
.textbox p a { color:#005690; display:inline; }
.textbox p a:hover { color:#000; display:inline; }

.onlyfilling { stroke:none !important; fill:#005690; }

.box:hover > div { background:#005690 !important;  }
.box:hover .box-icon svg path, .box:hover .box-icon svg polygon, .box:hover .box-icon svg rect, .box:hover .box-icon svg poly{ stroke:#fff !important;  }
.box:hover > div p, .box:hover > div p a, .box:hover > div h2, .box:hover > div h2 a { color:#fff;  }
.box:hover .filling { fill:#fff; }
.box:hover .box-icon svg path.onlyfilling, .box:hover .box-icon svg polygon.onlyfilling, .box:hover .box-icon svg rect.onlyfilling, .box:hover .box-icon svg poly.onlyfilling { stroke:none !important; fill:#fff; }
.box:hover .a_fill { fill: #005690; stroke:#fff; }

.form-row { margin-left:-15px; margin-right:-15px; }
.form-row:after { content:""; display:table; clear:both; float:none; }
.form-row .form-box { width:50%; float:left; padding:5px 15px; box-sizing:border-box; }
.form-row .form-box-full { padding:5px 15px; box-sizing:border-box; }
.form-divider { height:1px; border:0; background:#ebebeb; margin:30px 0; }
.wpcf7-recaptcha { margin-top:20px; }


.big-button a {  background:rgba(140,140,140,1); font-family:'Ubuntu',sans-serif; font-weight:400 !important; display:block; font-size:24px; line-height:1.25em !important; ; color:#fff !important; text-align:center !important; padding:20px;cursor:pointer; text-decoration:none;  }
.big-button a:hover {  background:rgba(0,86,144,.99); }

.big-button-inv a {  background:rgba(0,86,144,.99); font-family:'Ubuntu',sans-serif; font-weight:400 !important; display:block; font-size:24px; line-height:1.25em !important; ; color:#fff !important; text-align:center !important; padding:20px;cursor:pointer; text-decoration:none;  }
.big-button-inv a:hover { background:rgba(140,140,140,1);  }


.gmaps-dsgvo { background:#f3f3f3; padding:50px; margin:40px 0; }
.gmaps-dsgvo h3 { font-family:'Ubuntu'; font-weight:400; }


.google-translate { position:relative; display:none; margin-left:20px; }
li.prisna-gwt-flag-container { position:relative; margin-right:5px; padding-right:5px; }
li.prisna-gwt-flag-container:after { content:""; display:inline-block; border-right:1px solid #aaa; height:1em; position:absolute; top:4px; right:0; }
li.prisna-gwt-flag-container:last-child:after { content:""; display:none; }
.google-translate a { font-weight:300 !important; color:#aaa !important; font-size:13px !important; }
.google-translate a:hover { color:#005690 !important; }

.fix-width-icons .fa { width:20px; }
.opa { opacity:0; }


footer { margin-top:60px; }
footer > div { padding:25px; background:rgb(140, 140, 140); border-top:4px solid #005690; }
footer:before { display:block; height:91px; content:""; background:url(assets/images/skyline.png) no-repeat; width:600px; margin-left:50%; }
footer .footer-col { float:left; width:25%; font-size:14px; color:#fff; padding:0 30px; box-sizing:border-box; }
footer .footer-col p { font-size:13px; color:#fff; font-family:'Open Sans',serif; font-weight:400; line-height:1.6em; }
footer .footer-col p a { text-decoration:none; font:inherit; color:#fff; }
footer .footer-col p .fa { width:15px;  }
footer .footer-col ul li a { font-size:13px; color:#fff; font-family:'Open Sans',serif; font-weight:400; line-height:1.6em; text-decoration:none; padding:5px 0px; border-top:1px solid rgba(255,255,255,.2); display:block; }
footer .footer-col ul li a:hover { color:#005690; }

.alignleft { float:left; margin:0 15px 15px 0; }
.alignright { float:right; margin:0 0 15px 15px; }

.form-left { float:left; width:50%; padding-right:15px; box-sizing:border-box; }
.form-right { float:left; width:50%; padding-left:15px; box-sizing:border-box; }

select, input[type=text], input[type=email], input[type=tel], textarea { border:1px solid #ddd; box-sizing:border-box; padding:5px 10px; font-family:'Open Sans',serif; font-weight:400; line-height:1.6em; font-size:14px; color:#000; width:100%; margin-bottom:0.5em; border-radius:0; -webkit-appearance:none; -webkit-border-radius:0px; }
textarea { height:178px; resize:none; }
input[type=submit]{ background:#005690; box-sizing:border-box; padding:5px 10px; font-family:'Open Sans',serif; font-weight:400; line-height:1.6em; font-size:14px; color:#fff;  border-radius:0; -webkit-appearance:none; -webkit-border-radius:0px; cursor:pointer; transition:all 250ms ease; margin-top:20px; }
input[type=submit]:hover { background:#0078c9; transition:all 250ms ease; }


button.btn{ background:#005690; box-sizing:border-box; padding:5px 10px; font-family:'Open Sans',serif; font-weight:400; line-height:1.6em; font-size:14px; color:#fff;  border-radius:0; -webkit-appearance:none; -webkit-border-radius:0px; cursor:pointer; transition:all 250ms ease; margin-top:20px; border:0; }
button.btn:hover { background:#0078c9; transition:all 250ms ease; }
button.btn[disabled]{ background:#ccc; box-sizing:border-box; padding:5px 10px; font-family:'Open Sans',serif; font-weight:400; line-height:1.6em; font-size:14px; color:#fff;  border-radius:0; -webkit-appearance:none; -webkit-border-radius:0px; cursor:pointer; transition:all 250ms ease; margin-top:20px; border:0; }
button.btn[disabled]:hover { background:#ccc; transition:all 250ms ease; cursor:not-allowed; }


div.wpcf7-validation-errors { border:0 !important; padding:5px 10px !important; font-family:'Open Sans',serif; font-weight:400; line-height:1.6em; font-size:14px; color:#000; background:#ccc; margin:20px 0px !important; }
span.wpcf7-not-valid-tip { font-size:80% !important; margin-top:-10px !important; }

.vc_tta-panel-heading { border:0 !important; border-radius:0 !important; background:none !important; }
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left:0px !important; }
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left:25px !important; }
.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::before, .vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::after { border-color:#005690 !important; }
h4 .vc_tta-title-text { font-weight:400 !important; color:#005690; }
.vc_tta.vc_tta-style-classic .vc_tta-panel-body, .vc_tta.vc_tta-style-classic .vc_tta-panel-heading { border-width:0 0 1px 0 !important; border-color:#ebebeb !important; }
.vc_tta-panel-body { margin-bottom:30px !important; padding-left:25px !important; padding-bottom:30px !important; text-align:justify;}

blockquote { display:block; background:#fff; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; font-family: Georgia, serif; font-size: 16px; line-height: 1.2; color: #666; text-align: justify; border-left: 10px solid #005690;  -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; }
blockquote::before{ content: "\201C"; font-family: Georgia, serif; font-size:50px; font-weight: bold; color: #999;  position: absolute; left: 10px; top:5px; }
blockquote::after{ content: ""; }
blockquote em { display:block; margin-top:30px; }

.footer-break { display:none; }
.goog-te-gadget { display:none; }

#mobile-navigation > ul { display:block; margin-bottom:20px; }
#mobile-navigation ul { display:block; }
#mobile-navigation li { display:block; }
#mobile-navigation li a { display:block; font-family:'Ubuntu',sans-serif; font-weight:500; text-decoration:none; font-size:18px; color:#000; line-height:30px; }
#mobile-navigation li ul li a { display:block; font-family:'Ubuntu',sans-serif; font-weight:500; text-decoration:none; font-size:14px; color:#888; line-height:30px; padding-left:30px; }

.startfix { margin-top:-5px; }

.print-image { display:none; }

.fullwidth.width-75 img { width:66.6666%; height:auto; }

.verkaufshelfer-container { height:588px; }
.verkaufshelfer-container .wpb_text_column { width:600px; padding:30px; margin:0 auto; box-sizing:border-box; }
.steps, .verkauf-wohnung-container, .verkauf-haus-container, .verkauf-gewerbe-container, .verkauf-grundstueck-container { display:none; }
.step-0 { display:block; }
.bgbox { background:rgba(255,255,255,1); box-shadow:0px 0px 2px 2px rgba(0,0,0,.3); border-radius:5px; }

.bp-verkaufshelfer a { display:inline-block; font-size:16px; text-align:center; text-decoration:none; color:#000; }
.bp-verkaufshelfer .icon { width:100%; height:auto; display:block; margin:0 auto; margin-bottom:20px; }
.step-0 .immo-types { border-radius:5px; }
.step-0 a { width:25%; padding:20px; box-sizing:border-box; text-align:center; font-weight:600; color:#005690; }
.step-0 a:nth-child(1) { border-top-left-radius:5px; border-bottom-left-radius:5px; }
.step-0 a:nth-child(4) { border-top-right-radius:5px; border-bottom-right-radius:5px; }
.step-0 a:hover { background:#f2f2f2; }
.step-question { padding:5px; text-align:center; border-radius:5px; font-size:20px; font-weight:300; }
.quest-size { width:100%; }
.bp-verkaufshelfer .icon-small { width:100%; height:auto; }
.quest-icon { padding:20px; width:25%; box-sizing:border-box; float:left; }
.quest-content { padding:20px; margin-left:25%; }
.custom-handle { background:#005690 !important; border-radius:50% !important; width:30px !important; height:30px !important; color:#fff !important; font-weight:600; margin-top:-10px; border:0 !important; top:0 !important; font-size:14px; overflow:hidden; line-height:30px; text-align:center; }
.quest-support { font-size:18px; color:#888; margin-bottom:15px; display:block; font-weight:300; }
.input-flaeche { width:60px !important; text-align:center; font-weight:600; }


.wpcf7-checkbox { position:relative; padding-left:20px; }
.wpcf7-checkbox:before { content:""; width:11px; height:11px; position:absolute;  border:1px solid #ccc; background:#fff; top:1px; left:0px; }
.wpcf7-checkbox.checked:after { content:""; width:7px; height:7px; position:absolute; background:#ccc; top:4px; left:3px; }
.wpcf7-checkbox input { display:none; }
.wpcf7-checkbox span.wpcf7-list-item { margin-left:20px; }
.wpcf7-checkbox .wpcf7-list-item-label { font-family:"Open Sans",sans-serif; font-size:15px; font-weight:300; color:#000; line-height:27px; letter-spacing:0.05em; }

.ctcc-left-side { font-size:11px; }

@media (max-width:1280px){
  header, #content-wrapper, #fixed-header > div { padding-left:20px; box-sizing:border-box; padding-right:20px; }
  footer:before { margin-left:0; width:100%; background-position:right top; height:90px; }
}


@media (max-width:1080px){
  footer .footer-col { width:50%; }
  .footer-break { display:block; clear:both; margin:30px 0; }
  header #navigation .menu-item { margin-right:25px; }
}

@media (max-width:1024px){
  header .subnavigation-top li { font-size:14px; }
  header #navigation .menu-item { margin-right:20px; }
}

@media (max-width:1023px){
  .socialmedia { display:none !important; }
  .header-row .col-left { margin-bottom:20px; }
  header #navigation { display:none; }
  header .header-row .col-right { padding-top:0; }
  .google-translate { display:none; }
  .menu-btn { width:32px; height:32px; overflow:hidden; display:block; margin:30px 0 0 0; cursor:pointer; }
  .menu-btn span { display:block; background:#000; height:4px; margin-bottom:8px; width:100%; }
  .menu-btn:hover span { background:#005690; }
  header .subnavigation-top li { font-size:13px; }
}

@media (max-width:960px){
  header .subnavigation-top:after { content:""; display:table; clear:both; }
  header .subnavigation-top li { width:33.3333%; display:inline-block; box-sizing:border-box; margin-right:0; padding:5px 0; }
}

@media (max-width:800px){
}

@media (max-width:768px){
  footer .footer-col { padding:0 15px; }
}

@media (max-width:767px){
  header .subnavigation-top li { width:50%; display:inline-block; box-sizing:border-box; margin-right:0; padding:5px 0; }
  .form-left, .form-right { width:100%; float:none; padding-left:0; padding-right:0; }
  .vc_column-gap-30 .vc_col-sm-6 .wpb_text_column { padding-right:0 !important; }
}

@media (max-width:640px){
  .phone-head, header .phone-head a { font-size:12px !important; }
  header .header-row .col-right { margin-right:100px; }
}

@media (max-width:480px){
  footer .footer-col { width:100%; float:none; margin-bottom:40px; }
  .footer-break { display:none; }
  header .subnavigation-top li { width:100%; display:inline-block; box-sizing:border-box; margin-right:0; padding:5px 0; }
}

@media (max-width:380px){
  .phone-head { display:none !important; }
  .menu-btn { margin:0; }
  header .header-row .col-right { padding-top:35px; }
}

@media (max-width:320px){
  .phone-head { display:none; }
}


@media print {
  body { max-width:19cm; }
  #navigation, .google-translate, .menu-btn, .quickjumps-top, #fcarousel, #gmap, .footer-1, .footer-2, .footer-3, .social, .expose-galerie, footer:before { display:none; }
  footer > div { background:none; }
  footer .footer-col p { color:#aaa !important; }
  .print-image { display:block; width:100%; height:auto; display:block; page-break-after:always; }
  .entfernungen, .expose-split { page-break-inside:avoid;  }
  .entfernungen > div.entfernungs-item { width:25% !important; }
}
