@font-face { font-family: 'Montserrat'; src: url('../../fonts/Montserrat-Regular.woff2') format('woff2'), local("?"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../../fonts/Montserrat-Italic.woff2') format('woff2'), local("?"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../../fonts/Montserrat-Bold.woff2') format('woff2'), local("?"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../../fonts/Montserrat-BoldItalic.woff2') format('woff2'), local("?"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Ablation'; src: url('../../fonts/Ablation-Regular.woff2') format('woff2'), local("?"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Breathing'; src: url('../../fonts/Breathing-Regular.woff2') format('woff2'), local("?"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'SafiraMarch'; src: url('../../fonts/SafiraMarch-Light.woff2') format('woff2'), local("?"); font-weight: 300; font-style: normal; font-display: swap; } @keyframes rotate_a1 { 0% { top: 48%; transform: rotate(45deg); } 50% { top: 48%; transform: none; } 100% { top: 38%; transform: none; } } @keyframes rotate_a2 { 0% { top: 48%; transform: rotate(-45deg); } 50% { top: 48%; transform: none; } 100% { top: 58%; transform: none; } } @keyframes rotate_b1 { 0% { top: 38%; transform: none; } 50% { top: 48%; transform: none; } 100% { top: 48%; transform: rotate(45deg); } } @keyframes rotate_b2 { 0% { top: 58%; transform: none; } 50% { top: 48%; transform: none; } 100% { top: 48%; transform: rotate(-45deg); } } html { box-sizing: border-box } *, *:before, *:after { box-sizing: inherit } body { padding: 0px; overflow-x: hidden; background: #ffffff; margin: 0px; color: #000000; font-size: 14px; line-height: 24px; font-weight: 400; font-family: 'Montserrat', Helvetica, Arial, sans-serif } h1 { margin: 0px; font-size: 36px; line-height: 60px; font-weight: 400 } h2 { margin: 0px; font-size: 30px; line-height: 48px; font-weight: 400 } h3 { margin: 0px; font-size: 24px; line-height: 36px; font-weight: 400 } h4 { margin: 0px; font-size: 18px; line-height: 30px; font-weight: 400 } ul { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; list-style-type: square; text-align: left } ol { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; text-align: left } img { border: none } b { font-weight: 700 } a { color: #000000; text-decoration: none } table { float: left; width: calc(100% + 40px); padding: 10px; border-style: none; border-spacing: 0px; margin: -20px } table tr th { position: relative; padding: 10px; font-size: 18px; line-height: 30px; font-weight: 400; text-transform: uppercase; text-align: left; vertical-align: top } table tr td { position: relative; padding: 10px; font-size: 14px; line-height: 24px; text-align: left; vertical-align: top } select, textarea, input[type=password], input[type=text] { float: left; width: 100%; padding: 17px; background: #ffffff; border: solid 1px #d0cac5; color: #000000; font-size: 14px; line-height: 24px; font-family: 'Montserrat', Helvetica, Arial, sans-serif; transition: 0.4s ease-in-out; -webkit-appearance: none; -moz-appearance: textfield } select:focus, textarea:focus, input[type=password]:focus, input[type=text]:focus { border-color: #a59f9f; outline: none } select { background-image: url(../images/layout/select.svg); background-repeat: no-repeat; background-position: right center; background-size: contain; -webkit-appearance: none } textarea { height: 320px !important; overflow: auto; resize: none } .error, .formularerror { border-color: #ff0000 !important } .pink, .missing, .texterror { color: #ff0000 !important } ::-webkit-input-placeholder { color: #000000 } ::-moz-placeholder { color: #000000; opacity: 1 } :-moz-placeholder { color: #000000; opacity: 1 } :-ms-input-placeholder { color: #000000 } input[type=file] { font-size: 14px; line-height: 24px; font-family: 'Montserrat', Helvetica, Arial, sans-serif } button, input[type=submit] { float: left; width: 100%; height: 80px; padding: 31px; background: none; border: none; color: #000000; font-size: 18px; line-height: 18px; font-weight: 400; font-style: italic; font-family: 'Montserrat', Helvetica, Arial, sans-serif; text-align: right; cursor: pointer; transition: 0.4s ease-in-out } button:hover, input[type=submit]:hover { background: #d0cac5 } div.switch { display: none } nav { float: left; width: 100%; padding: 0px calc(50% - 600px) 0px calc(50% - 600px) } nav ul { display: flex; flex-flow: row wrap; float: left; width: 100%; padding: 10px; margin: 0px; list-style-type: none } nav ul li { display: block; flex-grow: 1; float: left; margin: 10px } nav ul li a { display: block; float: left; width: 100%; padding: 13px; line-height: 14px; text-transform: uppercase; text-align: center; transition: 0.4s ease-in-out } nav ul li a:hover { background: #d0cac5 } nav ul li a span { font-style: italic; text-transform: none } div.overlay { display: none; position: fixed; z-index: 2000; left: 0%; top: 0%; width: 100%; height: 100%; background: #e9e5e1cc; backdrop-filter: blur(5px) } div.scrolltop { display: none; position: fixed; z-index: 1000; right: 40px; bottom: 40px } div.scrolltop a { display: block; float: left; width: 60px; height: 60px; background: #ffffff url(../../images/layout/up.svg) no-repeat center; background-size: contain; border: solid 1px #a59f9f } div.infobox { display: none; width: 720px; padding: 60px !important; background: #ffffff !important } div.infobox div { float: left; width: calc(100% - 40px); margin: 20px; text-align: center } div.infobox ul { display: flex; flex-flow: row wrap; justify-content: center; float: left; width: 100%; padding: 10px; margin: 0px; list-style-type: none } div.infobox ul li { display: block; float: left; margin: 10px } div.infobox ul li a { display: block; float: left; padding: 21px; font-size: 18px; line-height: 18px; font-style: italic; text-transform: uppercase; transition: 0.4s ease-in-out } div.infobox ul li a:hover { background: #d0cac5 } header { float: left; width: 100%; padding: 0px calc(50% - 580px) 20px calc(50% - 580px) } header a { display: block; float: left; width: 100%; padding: 10px } header a h2 { float: left; width: calc(100% - 20px); margin: 10px; color: #423f32; font-size: 60px; line-height: 60px; font-family: 'Ablation', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.4em } header a h3 { float: left; width: calc(100% - 20px); margin: 10px; line-height: 30px; font-style: italic; text-transform: uppercase; letter-spacing: 0.1em; text-align: right } section.theme { position: relative; float: left; width: 100%; padding: 0% 0% 25% 0%; overflow: hidden } section.theme div { display: block; position: absolute; z-index: 2; left: 0%; width: 100%; padding: 30px calc(50% - 10px) 30px calc(50% - 570px); transform: translateY(-50%) } section.theme div h2 { float: left; width: calc(100% - 20px); margin: 10px; font-size: 36px; line-height: 48px; font-weight: 700 } section.theme div h3 { float: left; width: calc(100% - 20px); margin: 10px; font-size: 18px; line-height: 24px } section.theme picture { display: block; position: absolute; z-index: 1; left: 50%; width: 1920px; height: 640px; transform: translate(-50%,-50%) } section.theme picture img { display: block; float: left; width: 100%; height: 100%; object-fit: cover } section.content { display: flex; flex-flow: row wrap; float: left; width: 100%; padding: 40px calc(50% - 600px) 40px calc(50% - 600px); background: #4f4c4c } section.content hr { display: block; float: left; width: calc(100% - 80px); height: 1px; background: #ffffff; border: none; margin: 40px } section.content .column { float: left; padding: 20px } section.content .column.full { width: 100% } section.content .column.wide { width: 66.6666% } section.content .column.medium { width: 50% } section.content .column.slim { width: 33.3333% } section.content .column .entry { float: left; width: calc(100% - 40px); margin: 20px; color: #ffffff; text-align: center } section.content .column .entry a { color: #ffffff } section.content .column .entry h1, section.content .column .entry h2 { font-size: 72px; line-height: 72px; font-family: 'Breathing', Georgia, Times, serif } section.content .column .entry h3 { font-size: 18px; line-height: 24px; text-transform: uppercase } section.content .column .list { float: left; width: calc(100% - 40px); padding: 30px; background: #ffffff; margin: 20px; list-style-type: none } section.content .column .list li { display: block; float: left; width: calc(100% - 20px); margin: 10px } section.content .column .list li h2 { font-weight: 700; text-transform: uppercase } section.content .column .list li h2 span { font-size: 60px; font-weight: 400; font-family: 'Breathing', Georgia, Times, serif; text-transform: none } section.content .column .list li a { display: block; float: left; width: 100%; padding: 20px; border: solid 1px #000000; font-size: 18px; line-height: 18px; text-transform: uppercase; transition: 0.4s ease-in-out } section.content .column .list li a:hover { background: #000000; color: #ffffff } section.search { display: flex; flex-flow: row wrap; float: left; width: 100%; padding: 40px calc(50% - 600px) 40px calc(50% - 600px) } section.search hr { display: block; float: left; width: calc(100% - 80px); height: 1px; background: #000000; border: none; margin: 40px } section.search .column { float: left; padding: 20px } section.search .column.full { width: 100% } section.search .column.wide { width: 66.6666% } section.search .column.medium { width: 50% } section.search .column.slim { width: 33.3333% } section.search .column .entry { float: left; width: calc(100% - 40px); margin: 20px } section.search .column .entry h1, section.search .column .entry h2 { font-size: 72px; line-height: 72px; font-family: 'Breathing', Georgia, Times, serif } section.search .column .entry h3 { font-size: 18px; line-height: 24px; text-transform: uppercase } section.search .column .list { float: left; width: 100%; padding: 10px; margin: 0px; list-style-type: none } section.search .column .list li { display: block; float: left; width: calc(100% - 20px); margin: 10px } section.search .column .list li a { display: block; float: left; width: 100%; background: #6a6767; padding: 30px; transition: 0.4s ease-in-out } section.search .column .list li a:hover { background: #4f4c4c } section.search .column .list li h3 { float: left; width: calc(100% - 20px); margin: 10px; color: #ffffff; font-size: 18px; line-height: 30px; text-transform: uppercase } section.search .column .list li h4 { float: left; margin: 10px; color: #ffffff; font-size: 14px; line-height: 24px } section.search .column .cta { display: flex; flex-flow: row wrap; justify-content: flex-end; float: left; width: 100%; padding: 10px; margin: 0px; list-style-type: none } section.search .column .cta li { display: block; float: left; margin: 10px } section.search .column .cta li a { display: block; float: left; padding: 21px; font-size: 18px; line-height: 18px; font-style: italic; text-transform: uppercase; cursor: pointer; transition: 0.4s ease-in-out } section.search .column .cta li a:after { content: ' >>' } section.search .column .cta li a:hover { background: #d0cac5 } section.search .column .filterbox { float: left; width: calc(100% - 40px); padding: 29px; border: solid 1px #6a6767; margin: 20px } section.search .column .filterbox h3 { float: left; width: calc(100% - 20px); margin: 10px; font-size: 18px; line-height: 30px; text-transform: uppercase } section.search .column .filterbox .multiwrapper { float: left; width: calc(100% - 20px); margin: 10px } section.search .column .filterbox .multiwrapper input[type=text] { background-image: url(../../images/layout/lens.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: auto 40px } section.search .column .filterbox .multiwrapper h4 { float: left; width: 100%; padding: 17px; background-image: url(../../images/layout/down.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: auto 40px; border: solid 1px #d0cac5; font-size: 14px; line-height: 24px; cursor: pointer } section.search .column .filterbox .multiwrapper h4.active { background-image: url(../../images/layout/up.svg); border-color: #a59f9f } section.search .column .filterbox .multiwrapper ul { display: none; float: left; width: 100%; padding: 9px; background: #ffffff; border: solid 1px #a59f9f; border-top: none; margin: -10px 0px 0px 0px; list-style-type: none } section.search .column .filterbox .multiwrapper ul li { display: block; float: left; width: 100%; border-top: solid 1px #a59f9f } section.search .column .filterbox .multiwrapper ul li input[type=radio], section.search .column .filterbox .multiwrapper ul li input[type=checkbox] { display: none } section.search .column .filterbox .multiwrapper ul li input[type=radio] + label, section.search .column .filterbox .multiwrapper ul li input[type=checkbox] + label { display: block; position: relative; float: left; width: 100%; padding: 11px 10px 11px 40px; font-size: 12px; line-height: 18px; cursor: pointer } section.search .column .filterbox .multiwrapper ul li input[type=radio] + label b { display: block; position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #a59f9f; border-radius: 50% } section.search .column .filterbox .multiwrapper ul li input[type=checkbox] + label b { display: block; position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #a59f9f } section.search .column .filterbox .multiwrapper ul li input[type=radio].error + label b, section.search .column .filterbox .multiwrapper ul li input[type=checkbox].error + label b { border-color: #ff0000 } section.search .column .filterbox .multiwrapper ul li input[type=radio]:checked + label b { background-image: url(../../images/layout/radio.svg); border-color: #000000 } section.search .column .filterbox .multiwrapper ul li input[type=checkbox]:checked + label b { background-image: url(../../images/layout/checkbox.svg); border-color: #000000 } section.search .boxes { display: flex; flex-flow: row wrap; float: left; width: 100%; padding: 40px } section.search .boxes .entry { float: left; padding: 40px } section.search .boxes .entry.full { width: 100% } section.search .boxes .entry.medium { width: 50% } section.search .boxes .entry:nth-child(1) { background: #e9e5e1 } section.search .boxes .entry:nth-child(2) { background: #d0cac5 } section.search .boxes .entry:nth-child(3) { background: #a59f9f } section.search .boxes .entry:nth-child(4) { background: #f7f4f2 } section.search .boxes .entry h1, section.search .boxes .entry h2 { font-size: 36px; line-height: 48px; font-weight: 300; font-family: 'SafiraMarch', Georgia, Times, serif } section.search .boxes .entry h3 { font-size: 18px; line-height: 24px; text-transform: uppercase } section.search .capture { float: left; width: 100%; padding: 20px } section.search .capture .box { float: left; width: calc(100% - 40px); padding: 40px; background: #e9e5e1; margin: 20px } section.search .capture .box div h2 { margin: 0px 0px 40px 0px } section.search .capture .box table tr td:first-child { width: 33.3333% } section.search .capture .box table tr td input[type=text].plz { width: 25% } section.search .capture .box table tr td input[type=text].ort { width: calc(75% - 20px); margin: 0px 0px 0px 20px } section.search .capture .box table tr td .multiwrapper { float: left; width: 100% } section.search .capture .box table tr td .multiwrapper .multishow { float: left; width: 100%; padding: 17px; background-color: #ffffff; background-image: url(../../images/layout/down.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: auto 40px; border: solid 1px #d0cac5; font-size: 14px; line-height: 24px; cursor: pointer } section.search .capture .box table tr td .multiwrapper .multishow.active{ background-image: url(../../images/layout/up.svg); border-color: #a59f9f } section.search .capture .box table tr td .multiwrapper .multiselect { display: none; float: left; width: 100%; padding: 9px; background: #ffffff; border: solid 1px #a59f9f; border-top: none; margin: -10px 0px 0px 0px; list-style-type: none } section.search .capture .box table tr td .multiwrapper .multiselect li { display: block; float: left; width: 100%; border-top: solid 1px #a59f9f } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=radio], section.search .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] { display: none } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=radio] + label, section.search .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] + label { display: block; position: relative; float: left; width: 100%; padding: 11px 10px 11px 40px; font-size: 12px; line-height: 18px; cursor: pointer } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=radio] + label b { display: block; position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #a59f9f; border-radius: 50% } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] + label b { display: block; position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #a59f9f } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=radio].error + label b, section.search .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox].error + label b { border-color: #ff0000 } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=radio]:checked + label b { background-image: url(../../images/layout/radio.svg); border-color: #000000 } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox]:checked + label b { background-image: url(../../images/layout/checkbox.svg); border-color: #000000 } section.search .capture .send { float: left; width: calc(100% - 40px); margin: 20px } section.search .capture .send table tr td:first-child { width: 50% } footer { display: flex; flex-flow: row wrap; float: left; width: 100%; padding: 40px calc(50% - 600px) 40px calc(50% - 600px); background: #4f4c4c } footer .column { float: left; padding: 20px } footer .column.full { width: 100% } footer .column.wide { width: 66.6666% } footer .column.medium { width: 50% } footer .column.slim { width: 33.3333% } footer .column .entry { float: left; width: calc(100% - 40px); margin: 20px; color: #ffffff; text-align: center } footer .column .entry a { color: #ffffff } footer .column .entry h2 { font-size: 72px; line-height: 72px; font-family: 'Breathing', Georgia, Times, serif } footer .column .entry h3 { font-size: 14px; line-height: 24px } footer .column .entry h4 { font-size: 12px; line-height: 18px } footer .column .list { float: left; width: calc(100% - 40px); height: calc(50% - 40px); padding: 15px; background: #ffffff; margin: 20px; list-style-type: none } footer .column .list.high { height: calc(100% - 40px) } footer .column .list li { display: block; float: left; width: calc(100% - 10px); margin: 5px; font-size: 11px; line-height: 14px; text-transform: uppercase } footer .column .list li .osm { float: left; width: calc(100% + 40px); padding: 0% 0% 50% 0%; margin: 10px -20px -20px -20px; filter: grayscale(0.8); text-transform: none } footer .column .list li .osm .leaflet-popup-content { margin: 5px; font-size: 9px; line-height: 12px } footer .column .list li .osm .leaflet-popup-content h4 { font-size: 12px; line-height: 14px } footer .column .ovp { display: block; float: left; width: calc(100% - 40px); height: calc(100% - 40px); background: url(../../images/layout/ovp.webp) no-repeat center; margin: 20px } @media only screen and (max-width: 1279px) { body { font-size: 9px; line-height: 14px } h1 { font-size: 24px; line-height: 36px } h2 { font-size: 18px; line-height: 30px } h3 { font-size: 14px; line-height: 24px } h4 { font-size: 12px; line-height: 18px } ul, ol { padding: 0px 0px 0px 5px; margin: 0px 0px 0px 5px } table { width: calc(100% + 20px); padding: 5px; margin: -10px } table tr th { padding: 5px; font-size: 12px; line-height: 18px } table tr td { padding: 5px; font-size: 9px; line-height: 14px } select, textarea, input[type=password], input[type=text] { padding: 12px; font-size: 9px; line-height: 14px } textarea { height: 240px !important } input[type=file] { font-size: 9px; line-height: 14px } button, input[type=submit] { height: 60px; padding: 24px; font-size: 12px; line-height: 12px } div.switch { display: block; position: fixed; z-index: 4000; right: 20px; top: 20px; width: 40px; height: 40px; background: #ffffff; border: solid 1px #a59f9f; cursor: pointer; transition: 0.4s ease-in-out } div.switch:before { display: block; position: absolute; left: 30%; width: 40%; height: 4%; background: #a59f9f; content: ''; animation: rotate_a1 0.4s forwards; transition: 0.4s ease-in-out } div.switch:after { display: block; position: absolute; left: 30%; width: 25%; height: 4%; background: #a59f9f; content: ''; animation: rotate_a2 0.4s forwards; transition: 0.4s ease-in-out } div.switch.flat { top: 10px } div.switch.active { right: 260px } div.switch.active:before { left: 30%; width: 40%; animation: rotate_b1 0.4s forwards } div.switch.active:after { left: 30%; width: 40%; animation: rotate_b2 0.4s forwards } nav { position: fixed; z-index: 3000; float: none; right: -240px; top: 0px; width: 240px; height: 100%; padding: 0px; background: #ffffff; transition: 0.4s ease-in-out } nav.active { right: 0px } nav ul li { width: calc(100% - 20px) } nav ul li a { padding: 14px; font-size: 12px; line-height: 12px; text-align: left } div.scrolltop { right: 20px; bottom: 20px } div.scrolltop a { width: 40px; height: 40px } div.infobox { width: 280px; padding: 30px !important } div.infobox div { width: calc(100% - 20px); margin: 10px } div.infobox ul { padding: 5px } div.infobox ul li { margin: 5px } div.infobox ul li a { padding: 14px; font-size: 12px; line-height: 12px } header { padding: 20px calc(50% - 80px) 20px calc(50% - 140px) } header a { padding: 7.5px } header a h2 { width: calc(100% - 1px); margin: 0.5px; font-size: 14px; line-height: 14px } header a h3 { width: calc(100% - 1px); margin: 0.5px; font-size: 7px; line-height: 9px } section.theme { padding: 0% 0% 66.6666% 0% } section.theme div { padding: 15px calc(50% - 65px) 15px calc(50% - 145px) } section.theme div h2 { width: calc(100% - 10px); margin: 5px; font-size: 14px; line-height: 18px } section.theme div h3 { width: calc(100% - 10px); margin: 5px; font-size: 9px; line-height: 12px } section.theme picture { width: 960px; height: 320px } section.content { padding: 10px calc(50% - 150px) 10px calc(50% - 150px) } section.content hr { width: calc(100% - 20px); margin: 10px } section.content .column { width: 100% !important; padding: 5px } section.content .column .entry { width: calc(100% - 10px); margin: 5px } section.content .column .entry h1, section.content .column .entry h2 { font-size: 36px; line-height: 36px } section.content .column .entry h3 { font-size: 9px; line-height: 12px } section.content .column .list { width: calc(100% - 10px); padding: 15px; margin: 5px } section.content .column .list li { width: calc(100% - 10px); margin: 5px; text-align: center } section.content .column .list li h2 span { font-size: 36px } section.content .column .list li a { padding: 10px; font-size: 9px; line-height: 9px } section.search { padding: 10px calc(50% - 150px) 10px calc(50% - 150px) } section.search hr { width: calc(100% - 20px); margin: 10px } section.search .column { width: 100% !important; padding: 5px } section.search .column .entry { width: calc(100% - 10px); margin: 5px; text-align: center } section.search .column .entry h1, section.search .column .entry h2 { font-size: 36px; line-height: 36px } section.search .column .entry h3 { font-size: 9px; line-height: 12px } section.search .column .list { width: calc(100% + 10px); padding: 5px; margin: -5px } section.search .column .list li { width: calc(100% - 10px); margin: 5px } section.search .column .list li a { padding: 15px } section.search .column .list li h3 { width: calc(100% - 10px); margin: 5px; font-size: 9px; line-height: 14px } section.search .column .list li h4 { margin: 5px; font-size: 7px; line-height: 12px } section.search .column .cta { width: calc(100% + 10px); padding: 5px; margin: -5px } section.search .column .cta li { margin: 5px } section.search .column .cta li a { padding: 14px; font-size: 12px; line-height: 12px } section.search .column .filterbox { width: calc(100% - 10px); padding: 14px; margin: 5px } section.search .column .filterbox h3 { width: calc(100% - 10px); margin: 5px; font-size: 12px; line-height: 18px } section.search .column .filterbox .multiwrapper { width: calc(100% - 10px); margin: 5px } section.search .column .filterbox .multiwrapper input[type=text] { background-position: calc(100% - 5px) center; background-size: auto 30px } section.search .column .filterbox .multiwrapper h4 { padding: 12px; background-position: calc(100% - 5px) center; background-size: auto 30px; font-size: 9px; line-height: 14px } section.search .column .filterbox .multiwrapper ul { padding: 4px; margin: -5px 0px 0px 0px } section.search .column .filterbox .multiwrapper ul li input[type=radio] + label, section.search .column .filterbox .multiwrapper ul li input[type=checkbox] + label { padding: 9px 5px 9px 35px; font-size: 7px; line-height: 12px } section.search .column .filterbox .multiwrapper ul li input[type=radio] + label b, section.search .column .filterbox .multiwrapper ul li input[type=checkbox] + label b { left: 5px; top: 5px } section.search .boxes { padding: 10px } section.search .boxes .entry { width: 100% !important; padding: 20px } section.search .boxes .entry h1, section.search .boxes .entry h2 { font-size: 18px; line-height: 24px } section.search .boxes .entry h3 { font-size: 12px; line-height: 14px } section.search .capture { padding: 5px } section.search .capture .box { width: calc(100% - 10px); padding: 20px; margin: 5px } section.search .capture .box div h2 { margin: 0px 0px 20px 0px } section.search .capture .box table tr td { display: block; float: left; width: 100% !important; padding: 5px 5px 10px 5px } section.search .capture .box table tr td:first-child { padding: 10px 5px 5px 5px } section.search .capture .box table tr td input[type=text].ort { width: calc(75% - 10px); margin: 0px 0px 0px 10px } section.search .capture .box table tr td .multiwrapper .multishow { padding: 12px; background-position: calc(100% - 5px) center; background-size: auto 30px; font-size: 9px; line-height: 14px } section.search .capture .box table tr td .multiwrapper .multiselect { padding: 4px; margin: -5px 0px 0px 0px } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=radio] + label, section.search .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] + label { padding: 9px 5px 9px 35px; font-size: 7px; line-height: 12px } section.search .capture .box table tr td .multiwrapper .multiselect li input[type=radio] + label b, section.search .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] + label b { left: 5px; top: 5px } section.search .capture .send { width: calc(100% - 10px); margin: 5px } footer { padding: 10px calc(50% - 150px) 70px calc(50% - 150px) } footer .column { width: 100% !important; padding: 5px } footer .column .entry { width: calc(100% - 10px); margin: 5px } footer .column .entry h2 { font-size: 36px; line-height: 36px } footer .column .entry h3 { font-size: 12px; line-height: 14px } footer .column .entry h4 { font-size: 9px; line-height: 14px } footer .column .list { width: calc(100% - 10px); height: auto !important; margin: 5px } footer .column .list li { font-size: 9px; line-height: 12px } footer .column .list li .osm { padding: 0% 0% 75% 0% } footer .column .list li .osm .leaflet-popup-content { font-size: 7px; line-height: 9px } footer .column .list li .osm .leaflet-popup-content h4 { font-size: 9px; line-height: 12px } footer .column .ovp { width: calc(100% - 10px); padding: 0% 0% calc(50% - 5px) 0%; background-size: contain; margin: 5px } } @media print { .no-print, .no-print * { display: none !important } }