@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: 33%; transform: none; } } @keyframes rotate_a2 { 0% { top: 48%; transform: rotate(-45deg); } 50% { top: 48%; transform: none; } 100% { top: 63%; transform: none; } } @keyframes rotate_b1 { 0% { top: 33%; transform: none; } 50% { top: 48%; transform: none; } 100% { top: 48%; transform: rotate(45deg); } } @keyframes rotate_b2 { 0% { top: 63%; 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%; height: 60px; 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: block; position: fixed; z-index: 4000; left: calc(50% + 520px); top: 20px; width: 40px; height: 40px; background: #878383; cursor: pointer; transition: 0.4s ease-in-out } div.switch:before { display: block; position: absolute; left: 30%; width: 40%; height: 4%; background: #ffffff; content: ''; animation: rotate_a1 0.4s forwards; transition: 0.4s ease-in-out } div.switch:after { display: block; position: absolute; left: 30%; width: 40%; height: 4%; background: #ffffff; content: ''; animation: rotate_a2 0.4s forwards; transition: 0.4s ease-in-out } div.switch div { position: absolute; left: 30%; top: 48%; width: 40%; height: 4%; background: #ffffff; transition: 0.4s ease-in-out } div.switch.active { left: calc(50% + 240px) } div.switch.active:before { background: #ffffff99; animation: rotate_b1 0.4s forwards } div.switch.active:after { background: #ffffff99; animation: rotate_b2 0.4s forwards } div.switch.active div { left: 50%; width: 0%; background: #ffffff99 } div.switch.active:hover:before, div.switch.active:hover:after { background: #ffffff } nav { position: fixed; z-index: 3000; left: calc(50% + 580px); top: 0%; width: 100%; height: 100%; padding: 20px calc(100% - 310px) 20px 30px; background: #878383; filter: opacity(0); pointer-events: none; transition: 0.4s ease-in-out } nav.active { left: calc(50% + 300px); filter: none; pointer-events: auto } nav ul { float: left; width: 100%; padding: 0px; margin: 0px; list-style-type: none } nav ul li { display: block; float: left; width: 100%; border-top: solid 1px #ffffff99 } nav ul li:first-child { border: none } nav ul li a { display: block; float: left; width: 100%; padding: 13px 10px 13px 10px; color: #ffffff99; line-height: 14px; text-transform: uppercase; letter-spacing: 0.2em; transition: 0.4s ease-in-out } nav ul li a:hover { color: #ffffff } nav ul li a span { font-style: italic; text-transform: none; letter-spacing: 0em } div.overlay { display: none; position: fixed; z-index: 2000; left: 0%; top: 0%; width: 100%; height: 100%; background: #ffffffcc; backdrop-filter: blur(5px) } 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 } a.scrolltop { display: none; position: fixed; z-index: 1000; left: calc(50% + 520px); bottom: 20px; width: 40px; height: 40px; background: #878383 url(../../images/layout/top.svg) no-repeat center; background-size: contain } header { float: left; width: 100%; padding: 20px calc(50% - 220px) 20px calc(50% - 560px); background: #878383 } header a { display: block; float: left; width: 100% } header a h2 { float: left; width: 100%; color: #ffffff; font-size: 36px; line-height: 36px; font-family: 'Ablation', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.3em } header a h3 { float: left; width: 100%; color: #ffffff; font-size: 18px; line-height: 24px; font-style: italic; text-transform: uppercase; letter-spacing: 0.2em; text-align: right } section.content { display: flex; flex-flow: row wrap; justify-content: center; float: left; width: 100%; padding: 20px calc(50% - 580px) 20px calc(50% - 580px) } section.content hr { display: block; float: left; width: calc(100% - 40px); height: 1px; background: #000000; border: none; margin: 20px } section.content .column { float: left; padding: 10px } section.content .column.slim { width: 33.3333% } section.content .column.medium { width: 50% } section.content .column.wide { width: 66.6666% } section.content .column.full { width: 100% } section.content .column .entry { float: left; width: calc(100% - 20px); margin: 10px; text-align: center } section.content .column .entry h1, section.content .column .entry h2 { margin: 0px 0px -20px 0px; font-size: 36px; line-height: 36px; font-family: 'Breathing', Georgia, Times, serif } section.content .column .entry h3 { font-size: 14px; line-height: 18px; text-transform: uppercase } section.content .column .start { float: left; width: calc(100% - 20px); padding: 20px 40px 20px 40px; background: #e9e5e1; margin: 10px; list-style-type: none } section.content .column .start li { display: block; float: left; width: calc(100% - 20px); margin: 10px } section.content .column .start li h3 { position: relative; float: left; width: 100%; font-size: 18px; line-height: 18px; font-weight: 700; text-transform: uppercase } section.content .column .start li h3:before { display: block; position: absolute; right: 101%; top: 0%; font-size: 30px; line-height: 24px; font-weight: 400; text-transform: none; font-family: 'Breathing', Georgia, Times, serif; content: 'für' } section.content .column .start li a { display: block; float: left; width: 100%; padding: 18px 29px 18px 29px; border: solid 1px #000000; font-size: 12px; line-height: 12px; text-transform: uppercase; transition: 0.4s ease-in-out } section.content .column .start li a:hover { background: #000000; color: #ffffff } section.content .column .list { float: left; width: calc(100% + 20px); padding: 10px; margin: -10px; list-style-type: none } section.content .column .list li { display: block; float: left; width: calc(100% - 20px); margin: 10px } section.content .column .list li a { display: block; float: left; width: 100%; padding: 35px 50px 35px 50px; line-height: 18px; text-transform: uppercase; transition: 0.4s ease-in-out } section.content .column .list.pool li a { background: #d0cac5 } section.content .column .list.pool li a:hover { background: #f7f4f2 } section.content .column .list.jobs li a { background: #e9e5e1 } section.content .column .list.jobs li a:hover { background: #d9d6d3 } section.content .column .cta { display: flex; flex-flow: row wrap; justify-content: flex-end; float: left; width: calc(100% + 20px); padding: 10px; margin: -10px; list-style-type: none } section.content .column .cta li { display: block; float: left; margin: 10px } section.content .column .cta li a { display: block; float: left; line-height: 14px; font-style: italic; cursor: pointer } section.content .column .cta li a:after { content: ' >>' } section.content .column .filterbox { float: left; width: calc(100% - 20px); height: calc(100% - 20px); padding: 19px 39px 19px 39px; border: solid 1px #6a6767; margin: 10px } section.content .column .filterbox h3 { float: left; width: calc(100% - 20px); margin: 10px; font-size: 18px; line-height: 30px; text-transform: uppercase } section.content .column .filterbox .multiwrapper { float: left; width: calc(100% - 20px); margin: 10px } section.content .column .filterbox .multiwrapper input[type=text] { height: 40px; padding: 13px; background-image: url(../../images/layout/lens.svg); background-repeat: no-repeat; background-position: calc(100% - 5px) center; background-size: auto 30px; font-size: 12px; line-height: 12px } section.content .column .filterbox .multiwrapper h4 { float: left; width: 100%; padding: 13px; background-image: url(../../images/layout/down.svg); background-repeat: no-repeat; background-position: calc(100% - 5px) center; background-size: auto 30px; border: solid 1px #d0cac5; font-size: 12px; line-height: 12px; cursor: pointer } section.content .column .filterbox .multiwrapper h4.active { background-image: url(../../images/layout/up.svg); border-color: #a59f9f } section.content .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.content .column .filterbox .multiwrapper ul li { display: block; float: left; width: 100%; border-top: solid 1px #a59f9f } section.content .column .filterbox .multiwrapper ul li label { display: block; position: relative; float: left; width: 100%; padding: 14px 5px 14px 35px; font-size: 9px; line-height: 12px; cursor: pointer } section.content .column .filterbox .multiwrapper ul li label input[type=radio], section.content .column .filterbox .multiwrapper ul li label input[type=checkbox] { display: none } section.content .column .filterbox .multiwrapper ul li label input[type=radio] + b { display: block; position: absolute; left: 5px; top: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #a59f9f; border-radius: 50% } section.content .column .filterbox .multiwrapper ul li label input[type=checkbox] + b { display: block; position: absolute; left: 5px; top: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #a59f9f } section.content .column .filterbox .multiwrapper ul li label input[type=radio].error + b, section.content .column .filterbox .multiwrapper ul li label input[type=checkbox].error + b { border-color: #ff0000 } section.content .column .filterbox .multiwrapper ul li label input[type=radio]:checked + b { background-image: url(../../images/layout/radio.svg); border-color: #000000 } section.content .column .filterbox .multiwrapper ul li label input[type=checkbox]:checked + b { background-image: url(../../images/layout/checkbox.svg); border-color: #000000 } section.content .column .filterbox .multiwrapper input[type=submit] { float: right; width: auto; height: 14px; padding: 0px; background: none; font-size: 14px; line-height: 14px } section.content .boxes { display: flex; flex-flow: row wrap; justify-content: center; float: left; width: 100%; padding: 20px } section.content .boxes .entry { order: 1; position: relative; float: left; padding: 30px 50px 50px 50px; font-size: 12px; line-height: 18px; text-align: justify } section.content .boxes .entry.slim { width: 33.3333% } section.content .boxes .entry.medium { width: 50% } section.content .boxes .entry.wide { width: 66.6666% } section.content .boxes .entry.full { width: 100% } section.content .boxes .entry.flat { order: 0; padding: 30px 50px 30px 50px } section.content .boxes .entry h1, section.content .boxes .entry h2 { font-size: 24px; line-height: 36px; font-weight: 300; font-family: 'SafiraMarch', Georgia, Times, serif; text-align: left } section.content .boxes .entry h3 { font-size: 18px; line-height: 30px; text-transform: uppercase; text-align: left } section.content .boxes .entry h4 { font-size: 14px; line-height: 24px; text-transform: uppercase; text-align: left } section.content .boxes .entry a { display: block; position: absolute; left: 50px; bottom: 30px } section.content .boxes .entry:nth-child(1) { background: #e9e5e1 } section.content .boxes .entry:nth-child(2) { background: #d9d6d3 } section.content .boxes .entry:nth-child(3) { background: #d0cac5 } section.content .boxes .entry:nth-child(4) { background: #f7f4f2 } section.content .boxes.jobs .entry:nth-child(1) { background: #d9d6d3 } section.content .boxes.jobs .entry:nth-child(2) { background: #e9e5e1 } section.content .boxes.jobs .entry:nth-child(3) { background: #f7f4f2 } section.content .boxes.jobs .entry:nth-child(4) { background: #d0cac5 } section.content .boxes.vertical { display: grid; grid-template-columns: 50% 50% } section.content .boxes.vertical .entry:nth-child(1) { width: 100%; grid-row: 1 / span 2 } section.content .boxes.vertical .entry:nth-child(2) { width: 100%; grid-row: 1 } section.content .boxes.vertical .entry:nth-child(3) { width: 100%; grid-row: 2 } section.content .capture { float: left; width: 100%; padding: 10px } section.content .capture .box { float: left; width: calc(100% - 20px); padding: 40px; background: #e9e5e1; margin: 10px } section.content .capture .box div h2 { margin: 0px 0px 40px 0px } section.content .capture .box table tr td:first-child { width: 33.3333% } section.content .capture .box table tr td input[type=text].plz { width: 25% } section.content .capture .box table tr td input[type=text].ort { width: calc(75% - 20px); margin: 0px 0px 0px 20px } section.content .capture .box table tr td .multiwrapper { float: left; width: 100% } section.content .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.content .capture .box table tr td .multiwrapper .multishow.active{ background-image: url(../../images/layout/up.svg); border-color: #a59f9f } section.content .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.content .capture .box table tr td .multiwrapper .multiselect li { display: block; float: left; width: 100%; border-top: solid 1px #a59f9f } section.content .capture .box table tr td .multiwrapper .multiselect li input[type=radio], section.content .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] { display: none } section.content .capture .box table tr td .multiwrapper .multiselect li input[type=radio] + label, section.content .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.content .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.content .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.content .capture .box table tr td .multiwrapper .multiselect li input[type=radio].error + label b, section.content .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox].error + label b { border-color: #ff0000 } section.content .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.content .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.content .capture .send { float: left; width: calc(100% - 20px); margin: 10px } section.content .capture .send table tr td { width: 50% } section.content .capture .send table tr td button { float: right; width: auto; height: 14px; padding: 0px; background: none; font-size: 14px; line-height: 14px } section.menu { display: flex; flex-flow: row wrap; float: left; width: 100%; padding: 0px calc(50% - 580px) 0px calc(50% - 580px); background: #878383 } section.menu .column { align-content: flex-end; float: left; width: calc(50% - 210px); padding: 15px } section.menu .column:nth-child(1) { margin: 0px 210px 0px 0px } section.menu .column:nth-child(2) { margin: 0px 80px 0px 0px } section.menu .column:nth-child(3) { width: 130px } section.menu .column .entry { float: left; width: calc(100% - 10px); margin: 5px } section.menu .column .entry h2 { float: left; width: calc(100% - 24px); color: #ffffff; font-size: 18px; line-height: 24px; font-family: 'Ablation', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.3em } section.menu .column .entry h3 { float: left; width: calc(100% - 24px); color: #ffffff; font-size: 9px; line-height: 12px; font-style: italic; text-transform: uppercase; letter-spacing: 0.2em } section.menu .column .entry h4, section.menu .column .entry a { display: block; float: left; width: calc(100% - 24px); color: #ffffff; font-size: 12px; line-height: 14px; text-transform: uppercase } section.menu .column .entry a.linkedin { float: right; width: 24px; aspect-ratio: 1/1; background: #ffffff url(../../images/layout/linkedin.svg) no-repeat center; background-size: 140% } section.menu .column .entry a.ovp { width: 100%; aspect-ratio: 1/1; background: url(../../images/layout/ovp.webp) no-repeat center; background-size: contain } footer { float: left; width: 100%; padding: 20px calc(50% - 580px) 20px calc(50% - 580px) } footer div { float: left; padding: 14px 20px 14px 20px; font-size: 12px; line-height: 12px } @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] { height: 40px; 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 { left: calc(50% + 110px); width: 30px; height: 30px } div.switch.active { left: calc(50% - 70px) } nav { left: calc(50% + 160px); padding: 20px calc(100% - 160px) 20px 20px } nav.active { left: calc(50% - 20px) } nav ul li a { padding: 10.5px 5px 10.5px 5px; line-height: 9px } 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 } a.scrolltop { left: calc(50% + 110px); width: 30px; height: 30px } header { padding: 20px calc(50% - 100px) 20px calc(50% - 140px) } header a h2 { font-size: 14px; line-height: 18px } header a h3 { font-size: 7px; line-height: 12px } 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 { margin: 0px 0px -10px 0px; font-size: 24px; line-height: 24px } section.content .column .entry h3 { font-size: 9px; line-height: 12px } section.content .column .start { width: calc(100% - 10px); padding: 15px 30px 15px 30px; margin: 5px } section.content .column .start li { width: calc(100% - 10px); margin: 5px } section.content .column .start li h3 { font-size: 12px; line-height: 12px } section.content .column .start li h3:before { font-size: 18px; line-height: 14px } section.content .column .start li a { padding: 10.5px 19px 10.5px 19px; font-size: 7px; line-height: 7px } section.content .column .list { width: calc(100% + 10px); padding: 5px; margin: -5px } section.content .column .list li { width: calc(100% - 10px); margin: 5px } section.content .column .list li a { padding: 20px 35px 20px 35px; line-height: 12px } section.content .column .cta { width: calc(100% + 10px); padding: 5px; margin: -5px } section.content .column .cta li { margin: 5px } section.content .column .cta li a { line-height: 9px } section.content .column .filterbox { width: calc(100% - 10px); height: calc(100% - 10px); padding: 14px 29px 14px 29px; margin: 5px } section.content .column .filterbox h3 { width: calc(100% - 10px); margin: 5px; font-size: 12px; line-height: 18px } section.content .column .filterbox .multiwrapper { width: calc(100% - 10px); margin: 5px } section.content .column .filterbox .multiwrapper input[type=text], section.content .column .filterbox .multiwrapper h4 { height: 30px; padding: 9.5px; background-size: auto 20px; font-size: 9px; line-height: 9px } section.content .column .filterbox .multiwrapper ul { padding: 4px; margin: -5px 0px 0px 0px } section.content .column .filterbox .multiwrapper ul li label { padding: 10.5px 5px 10.5px 20px; font-size: 7px; line-height: 9px } section.content .column .filterbox .multiwrapper ul li label input[type=radio] + b, section.content .column .filterbox .multiwrapper ul li label input[type=checkbox] + b { width: 10px; height: 10px } section.content .column .filterbox .multiwrapper input[type=submit] { height: 9px; font-size: 9px; line-height: 9px } section.content .boxes { padding: 10px } section.content .boxes .entry { width: 100% !important; padding: 20px 35px 30px 35px; font-size: 7px; line-height: 12px } section.content .boxes .entry.flat { padding: 20px 35px 20px 35px } section.content .boxes .entry h1, section.content .boxes .entry h2 { font-size: 14px; line-height: 24px } section.content .boxes .entry h3 { font-size: 12px; line-height: 18px } section.content .boxes .entry h4 { font-size: 9px; line-height: 14px } section.content .boxes .entry table { width: calc(100% + 10px); padding: 2.5px; margin: -5px } section.content .boxes .entry table tr tr { display: block; float: left; width: 100%; padding: 2.5px; font-size: 9px; line-height: 14px } section.content .boxes .entry table tr td { display: block; float: left; width: 100%; padding: 2.5px; font-size: 7px; line-height: 12px } section.content .boxes .entry a { left: 35px; bottom: 20px } section.content .boxes.vertical { display: block } section.content .capture { padding: 5px } section.content .capture .box { width: calc(100% - 10px); padding: 20px; margin: 5px } section.content .capture .box div h2 { margin: 0px 0px 20px 0px } section.content .capture .box table tr td { display: block; float: left; width: 100% !important; padding: 5px 5px 10px 5px } section.content .capture .box table tr td:first-child { padding: 10px 5px 5px 5px } section.content .capture .box table tr td input[type=text].ort { width: calc(75% - 10px); margin: 0px 0px 0px 10px } section.content .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.content .capture .box table tr td .multiwrapper .multiselect { padding: 4px; margin: -5px 0px 0px 0px } section.content .capture .box table tr td .multiwrapper .multiselect li input[type=radio] + label, section.content .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] + label { padding: 9px 5px 9px 35px; font-size: 7px; line-height: 12px } section.content .capture .box table tr td .multiwrapper .multiselect li input[type=radio] + label b, section.content .capture .box table tr td .multiwrapper .multiselect li input[type=checkbox] + label b { left: 5px; top: 5px } section.content .capture .send { width: calc(100% - 10px); margin: 5px } section.content .capture .send table tr td button { height: 9px; font-size: 9px; line-height: 9px } section.menu { padding: 10px calc(50% - 150px) 10px calc(50% - 150px) } section.menu .column { width: calc(100% - 75px); padding: 7.5px } section.menu .column:nth-child(1) { order: 0; margin: 0px } section.menu .column:nth-child(2) { order: 2; margin: 0px } section.menu .column:nth-child(3) { order: 1; width: 75px } section.menu .column .entry { width: calc(100% - 5px); margin: 2.5px } section.menu .column .entry h2 { width: calc(100% - 14px); font-size: 12px; line-height: 14px } section.menu .column .entry h3 { width: calc(100% - 14px); font-size: 6px; line-height: 7px } section.menu .column .entry h4, section.menu .column .entry a { width: calc(100% - 14px); font-size: 7px; line-height: 9px } section.menu .column .entry a.linkedin { width: 14px } footer { padding: 10px calc(50% - 100px) 10px calc(50% - 150px) } footer div { padding: 16px 10px 16px 10px; font-size: 7px; line-height: 9px } } @media print { .no-print, .no-print * { display: none !important } }