/* by Christian Ladewig (eilmes & staub) */ 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; } .col-6 { width:50%; float:left; position:relative; } .col-4 { width:33.3333%; float:left; position:relative; } .col-5 { width:41.66666667%; float:left; position:relative; } .col-7 { width:58.33333333%; float:left; position:relative; } .col-8 { width:66.3333%; float:left; position:relative; } .col-left { padding-right:30px; box-sizing:border-box; } .col-right { padding-left:30px; box-sizing:border-box; } html, body { margin:0; padding:0; height:100%; width:100%; } .inner { width:100%; max-width:1100px; margin:0 auto; } .borders { margin:0 30px; } .border-top { height:30px; position:fixed; background:#fff; left:0; right:0; top:0; z-index:99; } .border-bottom { height:30px; position:fixed; background:#fff; left:0; right:0; bottom:0; z-index:99; } .dv { height:30px; } .border-puffer { height:30px; } section { position:relative; } header { position:absolute; z-index:3; width:100%; top:30px; } #navigation { padding:60px 0px 0 0; } #navigation ul { display:table; margin:0 auto; } #navigation ul li { display:inline-block; margin:0 20px; } #navigation ul li a { font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:0.1em; font-weight:400; display:block; color:#fff; text-transform:uppercase; text-decoration:none; } .sticky-header.hide { top:-150%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; } .sticky-header { position:fixed; background:rgba(255,255,255,1); top:0px; left:0; right:0; z-index:1000; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; height:75px; box-shadow:0px 5px 10px rgba(0,0,0,0.1); } .sticky-header #brand { position:absolute; left:-100px; top:-30px; } .sticky-header #brand img { display:block; width:100px; height:auto; } .sticky-header .navigation { padding:30px 0; position:relative; } .sticky-header ul { display:table; margin:0 auto; } .sticky-header ul li { display:inline-block; margin:0 20px; } .sticky-header ul li a { font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:0.1em; font-weight:400; display:block; color:#252525; text-transform:uppercase; text-decoration:none; } .sticky-header ul li a:hover { color:#F75311; } .sticky-header ul li a.active { color:#F75311; } .fullscreen { min-height:100%; position:relative; } #start:after { content:""; position:fixed; top:0; left:30px; height:100%; right:30px; background:url(../images/overlay.png); } .fullscreen-brand { display:block; position:absolute; top:50%; text-align:center; width:100%; z-index:4; } .fullscreen-brand img { display:block; margin:0 auto; width:400px; height:auto; margin-top:-112px; } .mbBgndGallery { position:fixed !important; width:auto !important; right:30px; left:30px; } .headlines { background:#f2f2f2; padding:60px 0px; } .headlines h2 { margin:0; font-size:13px; line-height:18px; font-weight:700; margin-bottom:10px; color:#F75311; letter-spacing:0.5em; text-transform:uppercase; text-align:center; font-family:'Open Sans',sans-serif; } .headlines h3 { position:relative; font-size:24px; line-height:38px; padding-bottom:6px; letter-spacing:0.10em; text-transform:uppercase; text-align:center; font-family:'fira_sanslight',sans-serif; font-weight:300; margin:0; } .headlines h3 span.lowercase{ position:relative; font-size:24px; line-height:38px; padding-bottom:6px; letter-spacing:0.10em; text-transform:none; text-align:center; font-family:'fira_sanslight',sans-serif; font-weight:300; margin:0; } .headlines h3:after { content:""; display:block; width:400px; height:1px; margin:20px auto 0px auto; border-bottom:1px dotted #888; } .headlines h3.noline:after { content:""; display:none; width:400px; height:1px; margin:20px auto 0px auto; border-bottom:1px dotted #888; } .headlines p { width:60%; color:#888; font-family:'Open Sans', sans-serif; font-size:12px; text-align:center; line-height:1.5em; margin:20px auto 0 auto; } .headlines:after { position:absolute; display:block; content:''; left:50%; bottom:-20px; margin-left:-17.5px; width:0px; height:0px; border-style:solid; border-width:20px 17.5px 0 17.5px; border-color:#f2f2f2 transparent transparent transparent; z-index:99; } .headlines p a { color:#888; font-family:'Open Sans', sans-serif; font-size:12px;line-height:1.5em; margin:0px 5px 0px 5px; text-decoration:none; } .headlines p a:hover { color:#000; } .headlines p a.active { color:#B9D029; } .headlines p a:after { content:"|"; color:#888; font-family:'Open Sans', sans-serif; font-size:12px;line-height:1.5em; margin:0px 0px 0px 10px; text-decoration:none; } .headlines p a:last-child:after { content:""; color:#888; font-family:'Open Sans', sans-serif; font-size:12px;line-height:1.5em; margin:0px 0px 0px 10px; text-decoration:none; } .sub-navigation { background:#f2f2f2; padding:10px 0px; position:fixed; top:75px; right:0px; left:0px; box-shadow:0px 5px 10px rgba(0,0,0,0.1); z-index:999; display:none; } .sub-navigation p { text-align:center; } .sub-navigation p a { color:#888; font-family:'Open Sans', sans-serif; font-size:12px;line-height:1.5em; margin:0px 5px 0px 5px; text-decoration:none; } .sub-navigation p a:hover { color:#000; } .sub-navigation p a.active { color:#B9D029; } .sub-navigation p a:after { content:"|"; color:#888; font-family:'Open Sans', sans-serif; font-size:12px;line-height:1.5em; margin:0px 0px 0px 10px; text-decoration:none; } .sub-navigation p a:last-child:after { content:""; color:#888; font-family:'Open Sans', sans-serif; font-size:12px;line-height:1.5em; margin:0px 0px 0px 10px; text-decoration:none; } .wrapper { background:#fff; position:relative; z-index:9; } .header-image { position:relative; } .header-image .image { opacity:0.90; } .sales-badge { position:absolute; right:0; bottom:105px; background:url(../images/badge-green.png); padding:15px 30px; font-size:22px; font-family:'Open Sans',serif; color:#fff; letter-spacing:0.05em; font-weight:300; text-transform:none; z-index:20; } .sales-badge.dd { line-height:1.6em; } .sales-badge .strong { font-size:22px; font-family:'Open Sans',serif; color:#fff; font-weight:300; text-transform:none; letter-spacing:0.05em; } .sales-badge .small { font-size:22px; font-family:'Open Sans',serif; color:#fff; font-weight:300; text-transform:none; letter-spacing:0.05em; } .in-image { background:#fff; background:rgba(146,168,183,.9); padding:30px; box-sizing:border-box; margin-top:-90px; position:relative; z-index:4; } .white { background:#fff; } .noimage { margin-top:0; } .text { padding-bottom:120px; } .text-less { padding-bottom:60px; } .footertext { background:none; padding:60px 30px 65px 30px; } .text h2 { font-size:24px; line-height:1.6em; color:#fff; font-family:'fira_sanslight',serif; font-weight:400; letter-spacing:0.10em; margin-bottom:2em; text-transform:uppercase; } .text h3 { font-size:18px; line-height:1.6em; color:rgba(0,0,0,0.6); font-family:'Open Sans',serif; font-weight:300; letter-spacing:0.05em; margin-bottom:1em; } .text p.intro { font-size:16px; line-height:1.65em; color:#fff; font-family:'Open Sans',serif; font-weight:300; margin-bottom:1em; } .text p, .error { font-size:14px; line-height:1.7em; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:400; } .text p strong { font-size:14px; line-height:1.7em; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:600; } .text p.small2 { font-size:12px; line-height:1.7em; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:400; } .text p a { font-size:14px; line-height:1.7em; color:rgba(0,0,0,0.5); font-family:'Open Sans',serif; font-weight:400; text-decoration:none; } .text p a:hover { color:#9CB0BE; } .text .long-list li { font-size:14px; line-height:1.7em; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:300; text-transform:uppercase; letter-spacing:0.0415em; padding:10px 0px; border:1px solid rgba(255,255,255,0.9); border-width:1px 0px 0px 0px; } .text .long-list.small-text li { font-size:14px; line-height:1.7em; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:300; text-transform:none; letter-spacing:0.0415em; padding:10px 0px; border:1px solid rgba(255,255,255,0.9); border-width:1px 0px 0px 0px; } .text .long-list.small-text li.head { font-size:14px; line-height:1.7em; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:400; text-transform:none; letter-spacing:0.0415em; padding:10px 0px; border:1px solid rgba(255,255,255,0.9); border-width:0px 0px 0px 0px; } .text .half-left { width:45%; float:left; } .text .half-right { width:45%; float:right; } h4 { background:rgba(146,168,183,.9); padding:36px 30px 30px 30px; font-size:24px; line-height:24px; color:#fff; font-family:'fira_sanslight',serif; font-weight:400; letter-spacing:0.10em; margin-bottom:2em; text-transform:uppercase; } h4 a { font-size:24px; line-height:24px; color:#fff; font-family:'fira_sanslight',serif; font-weight:400; letter-spacing:0.10em; text-transform:uppercase; text-decoration:none; } .h4link { font-size:24px; line-height:24px; color:#fff; font-family:'fira_sanslight',serif; font-weight:400; letter-spacing:0.10em; text-transform:uppercase; text-decoration:none; margin:90px 0px 0 0; display:block; } .luftbild { height:767px; } .ms-view { background:#fff !important; } .sub-section { margin-bottom:30px; } .chart-bar { margin:2em 0; font-size:14px; line-height:1.7em; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:400; } .chart-bar .row { clear:both; margin-bottom:10px; } .chart-bar .row > .date { float:left; width:80px; font-size:12px; line-height:15px; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:400; } .chart-bar .row > .value { float:right; width:80px; font-size:12px; line-height:15px; color:rgba(0,0,0,0.7); font-family:'Open Sans',serif; font-weight:400; } .chart-bar .row > .bar { margin:0 100px; } .bar > div { height:15px; background:rgba(255,255,255,.9); } .typen { margin:60px 30px; } .typen p { color:#888; font-family:'Open Sans', sans-serif; font-size:12px; text-align:left; line-height:1.5em; padding-bottom:5px; border-bottom:1px dotted #ccc; margin-bottom:15px; } .typen span { font-size:13px; line-height:13px; font-weight:700; margin-bottom:5px; color:#666; letter-spacing:0.5em; text-transform:uppercase; text-align:left; font-family:'Open Sans',sans-serif; display:block; padding-bottom:0px; } .typen .left { width:50%; float:left; } .typen .left div { padding-right:60px; } .typen .right { width:50%; float:left; } .typen .right div { padding-left:60px; } .typen img { width:100%; height:auto; } .apt-left { width:50%; float:left; } .apt-right { width:50%; float:left; } .apt-in-left { padding-right:30px; } .apt-in-right { padding-left:30px; padding-top:0px; } .contact-left { width:33.333333%; float:left; box-sizing:border-box; padding-right:30px; padding-top:60px; } .contact-middle { width:33.333333%; float:left; box-sizing:border-box; padding-right:15px; padding-left:15px; padding-top:60px; } .contact-right { width:33.333333%; float:left; box-sizing:border-box; padding-left:30px; padding-top:60px; } input, select, textarea { -webkit-appearance:value; -moz-appearance:value; appearance:value; } form { margin-top:30px; border-top:1px solid #ccc; padding-top:30px; } input { color:#333; font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.6em; background:#fff; border:1px solid #ccc; width:100%; padding:3px 10px; box-sizing:border-box; display:block; margin-bottom:15px; outline:none; } input[type=submit] { background:#A2C741; width:100%; color:#fff; font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.6em; padding:3px 10px; box-sizing:border-box; display:inline-block; margin-bottom:15px; outline:none; } textarea { resize:none; color:#333; font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.6em; background:#fff; border:1px solid #ccc; width:100%; padding:3px 10px; box-sizing:border-box; display:block; margin-bottom:15px; outline:none; } select { color:#333; font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.6em; background:#fff; border:1px solid #ccc; padding:3px 10px; box-sizing:border-box; display:block; margin-bottom:15px; outline:none; } label { color:#666; font-family:'Open Sans', sans-serif; font-size:13px; text-align:left; line-height:1.5em; } label.required:after { content:" *"; color:#F75311; font-family:'Open Sans', sans-serif; font-size:13px; text-align:left; line-height:1.5em; display:none; } p.small { font-size:12px; display:none } svg #apartments rect, svg #apartments poly, svg #apartments path { fill:#A2C741; opacity:0.0; transition:all 0.2 ease; -webkit-transition:all 0.2 ease; cursor:pointer; } svg #apartments rect.active, svg #apartments rect:hover, svg #apartments poly:hover, svg #apartments path:hover { fill:#A2C741; opacity:0.8; transition:all 0.2 ease; -webkit-transition:all 0.2 ease; } .ansicht-titel { display:block; margin-top:60px; color:#222; font-family:'Open Sans', sans-serif; font-size:13px; } .ansicht-titel-r { display:block; margin-top:31px; color:#222; font-family:'Open Sans', sans-serif; font-size:13px; } .etagen-nav { margin:30px 0px 30px 0; background:#f2f2f2; padding:5px 10px; } .etagen-nav a { display:inline-block; text-decoration:none; color:#222; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:300; text-transform:uppercase; letter-spacing:0.05em; margin-right:15px; line-height:1.6em; } .etagen-nav span { display:inline-block; text-decoration:none; color:#222; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:400; text-transform:uppercase; letter-spacing:0.05em; margin-right:30px; line-height:1.6em; } .etagen-nav a:hover { color:#A2C741; } .etagen-nav a.active { color:#F75311; } .etagen-nav a:after { content:""; display:inline-block; text-decoration:none; color:#222; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:300; text-transform:uppercase; letter-spacing:0.05em; margin-left:15px; } .etagen-nav a:last-child:after { display:none; } .apt-table { width:100%; border-spacing:0; } .apt-table thead th { color:#666; font-family:'Open Sans', sans-serif; font-size:13px; text-align:left; line-height:1.5em; padding:6px 5px; border-bottom:1px solid #ccc; text-transform:normal; letter-spacing:0.215em; } .apt-table tbody td { color:#222; font-family:'Open Sans', sans-serif; font-size:13px; text-align:left; line-height:1.5em; padding:5px 5px; border-top:1px solid #f2f2f2; transition:all 150ms ease; } .apt-table tbody td:nth-child(2), .apt-table tbody td:nth-child(3), .apt-table tbody td:nth-child(4), .apt-table tbody td:nth-child(5) { text-align:center; } .apt-table thead th:nth-child(2), .apt-table thead th:nth-child(3), .apt-table thead th:nth-child(4), .apt-table thead th:nth-child(5) { text-align:center; } .apt-table thead th:nth-child(6) { min-width:60px; text-align:right; } .apt-table tbody td:nth-child(6) { text-align:right; } .apt-table thead th:nth-child(1) { max-width:30px; } .apt-table thead th:nth-child(2) { max-width:80px; } .apt-table thead th:nth-child(4) { min-width:80px; } .apt-table tbody tr.active td, .apt-table tbody tr:hover td { color:#fff; background:#A2C741; cursor:pointer; transition:all 150ms ease; } #gmap { height:500px; } .news { padding-bottom:0; } .news-item { margin:60px 0 0 0; } .news-item:after { content:""; display:block; height:1px; border-bottom: 1px dotted #aaa; margin:40px 0px 40px 160px; } .news-item .datum { float:left; width:120px; position:relative; } .news-item .datum:after { content:""; display:block; height:1px; border-bottom: 1px dotted #aaa; margin-top:20px; position:absolute; right:0; width:140px; } .news-item .news-inner { margin-left:160px; } .news-item .day { font-family:'Open Sans', sans-serif; line-height:1em; font-size:52px; color:#333; font-weight:300; display:block; text-align:right; } .news-item .month { font-family:'Open Sans', sans-serif; line-height:1.5em; font-size:14px; color:#333; font-weight:400; display:block; text-align:right; margin-right:5px; } .news-item .news-author { font-family:'Open Sans', sans-serif; letter-spacing: 1px; line-height:18px; font-size:14px; color:#aaa; font-weight:600; display:block; text-align:left; text-transform:uppercase; padding-top:5px; } .news-item .news-title { font-family:'fira_sanslight', sans-serif; letter-spacing: 1px; line-height:36px; font-size:24px; color:#333; font-weight:400; display:block; text-align:left; text-transform:uppercase; margin:5px 0 20px 0; } .news-item a { font-family:'Open Sans', sans-serif; line-height:18px; font-size:13px; color:#000; font-weight:400; display:block; text-align:right; text-decoration:none; } .news-item a:hover { color:#A2C741; } .inside-footer { position:static; background:#8e8e8e; margin:0 30px; } .lefty { color:#ccc; font-family:'Open Sans', sans-serif; font-size:13px; float:left; } .meta { float:right; } .meta a { color:#ccc; font-family:'Open Sans', sans-serif; font-size:13px; text-decoration:none; display:inline-block; margin-left:20px; } svg { display:block; } /*footer { position:fixed; right:0; bottom:60px; background:url(../images/badge-green.png); padding:10px 30px; font-size:14px; font-family:'Open Sans',serif; color:#fff; letter-spacing:0.05em; font-weight:300; text-transform:none; z-index:1000; width:auto; } */ footer { position:fixed; right:-240px; bottom:60px; z-index:1000; transition:all 1s ease; } footer:hover { right:20px; transition:all 1s ease; } footer:before { position:fixed; content:""; display:block; width:30px; top:0; bottom:0; right:0; background:#fff; z-index:1001; } .menu-btn { width:40px; position:absolute; right:30px; display:none; } .menu-btn span { display:block; width:100%; height:4px; background:#A2C741; margin-bottom:9px; } .menu-btn-start { width:40px; position:absolute; right:30px; display:none; } .menu-btn-start span { display:block; width:100%; height:4px; background:#fff; margin-bottom:9px; } .m-navigation { display:none; } @media (max-width:1400px){ .sticky-header #brand { position:absolute; left: -50px; top:-30px; } } @media (max-width:1280px){ .sticky-header #brand { position:absolute; left: 0px; top:-30px; } } @media (max-width:1140px){ .apartment-list { padding:0px 30px; } .inner { width:100%; max-width:100%; } .etagen-nav a:after { margin-left:5px; } footer { right:-80px; bottom:60px; z-index:1000; transition:all 1s ease; } footer img { width:200px; height:auto; } .ansicht-titel-r { margin-top:35px; } .in-image { margin-top:0; } .sticky-header #brand { position:absolute; left: 15px; top:-30px; } .sticky-header #brand img { display:block; width: 80px; height:auto; } .sticky-header ul li { display:inline-block; margin:0 15px; } .sales-badge { position:absolute; right:0; bottom:60px; } } @media (max-width:960px){ .sticky-header ul { float:right; margin-right:30px; } .contact-left { width:100%; float:none; box-sizing:border-box; padding-right:0px; padding-top:60px; } .contact-right { width:100%; float:none; box-sizing:border-box; padding-left:0px; padding-top:60px; } .contact-middle { width:100%; float:none; box-sizing:border-box; padding-left:0px; padding-top:60px; } } @media (max-width:880px){ .m-navigation { position:fixed; top:30px; bottom:30px; left:30px; right:30px; background:rgba(255,255,255,.98); z-index:9999; } .m-navigation div { display:table; margin:0 auto; height:100%; min-height:100%; width:100%; position:absolute; } .m-navigation div ul { display:table-cell; margin:0 auto; height:100%; min-height:100%; width:100%; vertical-align:middle; } .m-navigation ul li { display:block; margin:0 auto; text-align:center; width:100%; line-height:3em;} .m-navigation ul li a { font-family: 'Open Sans', sans-serif; font-size:14px; letter-spacing:0.1em; font-weight:400; text-decoration:none; color:#111; } .menu-btn { display:block; margin-top:-8px;} .menu-btn-start { display:block; margin-top:-48px;} #navigation ul { display:none; } .navigation ul { display:none; } .navigation ul { position:absolute; left:0px; width:100%; background:#fff; top:70px; } #navigation ul { position:absolute; left:30px; left:30px; bottom:30px; background:rgba(255,255,255,.9); top:30px; } .navigation ul li { display:block; } #navigation ul li { display:block; } } @media (max-width:800px){ .sales-badge { bottom:60px; padding:10px 30px; font-size:18px; } .sales-badge .strong { font-size:18px; } .sales-badge .small { font-size:18px; } .apt-left, .apt-right { width:80%; margin:0 auto; float:none; display:block; } .apt-left .apt-in-left, .apt-right .apt-in-right { padding-left:0; padding-right:0; } .apt-left { margin-bottom:60px; } .contact-left { width:100%; float:none; box-sizing:border-box; padding-right:0px; padding-top:60px; } .contact-right { width:100%; float:none; box-sizing:border-box; padding-left:0px; padding-top:60px; } .contact-middle { width:100%; float:none; box-sizing:border-box; padding-left:0px; padding-top:60px; } } @media (max-width:767px){ #start:after, .mbBgndGallery { left:0px; right:0px; } .borders { margin:0 0px; } .fullscreen-brand img { max-width:90%; } .col-left, .col-right { float:none; width:100%; padding-left:0; padding-right:0; } .chart-bar .row > .date { float:none; } .chart-bar .row > .bar { clear:both; margin:0; } .chart-bar .row > .date:after { content:""; display:block; clear:both; height:2px; } .chart-bar .row > .value { width:auto; } .typen .left { width:100%; float:none; padding-right:0; padding-left:0; margin-bottom:60px; } .typen .right { width:100%; float:none; padding-right:0; padding-left:0; margin-bottom:60px; } .typen .left div{ width:100%; float:none; padding-right:0; padding-left:0; } .typen .right div { width:100%; float:none; padding-right:0; padding-left:0; } .overwriteme { display:none; } svg { display:none; } .apartment-list { padding:0px 10px; } .apt-left, .apt-right {width:100%; } .apt-table thead th:nth-child(5) { display:none; } .apt-table tbody td:nth-child(5) { display:none; } .apt-table thead th { font-size:12px; width:auto; max-width:auto; min-width:1px; padding:5px 0px; letter-spacing:0.1em; } .apt-table tbody td { font-size:12px; width:auto; max-width:auto; min-width:1px; padding:5px 0px; } .etagen-nav span { display:block; } .ansicht-titel { display:none; } .text .half-left, .text .half-right { width:100%; float:none; } h4, h4 a { font-size:18px; } .news-item .datum { float:none; } .news-item .day { font-family:'Open Sans', sans-serif; line-height:1em; font-size: 13px; color:#333; font-weight:700; display: inline; text-align: left; } .news-item .month { font-family:'Open Sans', sans-serif; line-height:1em; font-size: 13px; color:#333; font-weight:400; display: inline-block; text-align: left; margin-right:5px; } .news-item .news-inner { margin-left:0; } .news-item .datum:after { display:none; } .in-image { padding: 30px 15px; } footer { display:none; } .border-top , .border-bottom { display:none; } .text p img { display:block; float:none !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; } .etagen-nav a { margin-right:12px; } .ms-nav-next, .ms-nav-prev { display:none !important; } .news-item:after { display:none; } .inside-footer { margin:0 0; } .border-puffer { display:none; } .lefty, .meta { display:block; float:none; margin-left:auto; margin-right:auto; width:auto; text-align:center; } .meta { margin-top:10px; } .meta a { margin-left:0; margin:0 10px; } #gmap { height:320px; } .mbBgndGallery { position:absolute !important; } } @media (max-width:640px){ .headlines h3:after { width:240px; } .text h2, .headlines h3 { font-size:18px; } .headlines h3 { line-height:24px; } .text p.intro { font-size:14px; } .text h3 { font-size:16px; } .sales-badge { display:none; } }