/* open-sans-regular */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-regular.woff') format('woff'); } /* open-sans-italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-italic.woff') format('woff'); } /* open-sans-600 */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-600.woff') format('woff'); } /* open-sans-600italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/open-sans-v17-latin-600italic.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-600italic.woff') format('woff'); } /* open-sans-700 */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-700.woff') format('woff'); } /* open-sans-700italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-700italic.woff') format('woff'); } /* open-sans-800 */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v17-latin-800.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-800.woff') format('woff'); } /* open-sans-800italic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/open-sans-v17-latin-800italic.woff2') format('woff2'), url('../fonts/open-sans-v17-latin-800italic.woff') format('woff'); } :root { --hausfarbeBlau: #3772b4; --hellBlau: #f3f6fd; --hoverHintergrund: #f1f1f1; --textFarbe: #3a3a3a; --hellGrau: #f5f5f5; --sehrHellGrau: #fdfdfd; --hervorhebungRot: #d90000; --weiss: #ffffff; } /* Eintraege aus menu_min.css ueberschreiben: */ #cssmenu > ul > li:hover > a, #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover, #cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li.active > a { color: var(--hausfarbeBlau); } #cssmenu.small-screen #menu-button.menu-opened:after, #cssmenu.small-screen #menu-button.menu-opened:before, #cssmenu.small-screen .submenu-button.submenu-opened:after { background: var(--hausfarbeBlau); } /* Ende Eintraege aus menu_min.css ueberschreiben: */ /* 1. Zeile aendern fuer primo */ .section-bg-colorPrimo1 { background-color: var(--hellBlau); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--hausfarbeBlau); } .section-bg-color1:nth-child(even) { background-color: var(--hellBlau); } /* 1. Zeile aendern fuer primo */ body { overflow-anchor: none; } header h2 a { padding: .75em !important; } div div ul { padding-top: .6em; } .button { padding-top: .9em !important; padding-bottom: .9em !important; } div.section-btn a.button { padding-top: 1em !important; padding-bottom: 1em !important; } aside.blog-sidebar h5 { text-align: center; } aside.blog-sidebar h5, .related-posts h5 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0; text-transform: none; padding-bottom: .5em; } aside.blog-sidebar li, aside.blog-sidebar p { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.6; letter-spacing: 0; text-transform: none; list-style-type: none; padding-bottom: 1em; text-align: center; } aside.blog-sidebar ul { margin-left: 0; } aside.blog-sidebar ul li { list-style-type: none; margin-left: 0; } aside.blog-sidebar ul li a, aside.blog-sidebar ul li a:hover, aside.blog-sidebar p a, aside.blog-sidebar p a:hover, article h1 a, article h1 a:hover { border-bottom: none !important; text-decoration: none; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } article { border-bottom: 1px solid #c6c0c0; padding-bottom: 1.25em; margin-bottom: 2.5em; } article h1, h1.archive-title { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 800; font-style: normal; font-size: 1.5rem; line-height: 1.3; letter-spacing: 0; text-transform: none; } article h6.date { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: .875rem; line-height: 1.2; letter-spacing: 0; text-transform: none; margin-bottom: 1.5em; } article p, article li { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .875rem; line-height: 1.6; } article p a { -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } article p.byline { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: .875rem; line-height: 1.2; letter-spacing: 0; text-transform: none; } article img { padding-top: .5em; padding-bottom: .5em; } article .caption { margin-top: -1em; } .comments { border-top: 1px solid #c6c0c0; margin-top: 3em; padding-top: 3em; padding-bottom: 1em; } div div div article h2 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.3125rem; line-height: 1.3; letter-spacing: 0; text-transform: none; padding-bottom: .25em; } div div div article h3 { font-weight: 700; font-size: .875rem; } .related-posts { margin-top: 2em; margin-bottom: 1.5em; } .related-posts h5 { margin-bottom: .25em; } .related-posts ul { list-style-type: none; margin-left: 0; } .related-posts ul li { margin-left: 0; line-height: 1.8; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.6; letter-spacing: 0; text-transform: none; } h1.archive-title { text-align: center; margin-bottom: 1.25em; } .archive-item { margin-bottom: 2em; } .archive-item h2 a { -webkit-transition: border .2s ease-out; -moz-transition: border .2s ease-out; transition: border .2s ease-out; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; border-bottom: 1px solid #a6a2a6; padding-bottom: 2px; text-decoration: none; } .archive-item h2 a:hover { border-bottom: 1px solid var(--hausfarbeBlau); -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } .archive-item h2 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.125rem; line-height: 1.7; letter-spacing: 0; text-transform: none; text-align: center; } .archive-item h6.date { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: .875rem; line-height: 1.3; letter-spacing: 0; text-transform: none; text-align: center; padding-top: .125em; } .pagination-custom { margin-bottom: 2em; } .pagination-custom p span { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #8f9299; } .pagination-custom a, .pagination-custom a:hover { border-bottom: none !important; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } .pagination-left { padding-right: 1em; } @media only screen and (min-width: 40.063em) { aside.blog-sidebar h5 { text-align: left; } aside.blog-sidebar li, aside.blog-sidebar p { text-align: left; } article h1, h1.archive-title { font-size: 2rem; } article p, article li, div div div article h3 { font-size: 1.125rem; } } html { background-color: #f5f1f0 !important; } p a, li a, h1 a { border-bottom: 1px solid #a6a2a6; padding-bottom: 1px; } p a:hover, li a:hover, h1 a:hover { -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; color: var(--hausfarbeBlau); } a img:hover { border: none; } table td+td, table th+th { border-left: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; } table tr th, table tr td { color: #222; border: none; padding: .5rem .5rem 0 0; text-align: left; } .table2 td+td, .table2 th+th { border: none; } .table2 tr th, .table2 tr td { color: #222; font-size: 1rem; padding: .4rem 0; line-height: 1.9rem; text-align: left; } .button { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: .875rem !important; letter-spacing: 0; text-transform: none; line-height: 1.1 !important; } a.button, a.button:visited { background-color: var(--hausfarbeBlau); padding-top: 1em !important; padding-bottom: 1em !important; } a.button:hover, a.button:focus { background-color: var(--hausfarbeBlau); } input.button, a.button { padding-left: 1.25em; padding-right: 1.25em; float: center; clear: both; } .p-small, article .caption, .caption { font-size: .875rem; line-height: 1.5; } .p-smaller { font-size: .75rem; line-height: 1.5; text-align: center; } ul.inline-list-custom li { margin-left: 0 !important; } ul li { margin-left: .25em; padding-bottom: .1em; } ol li { margin-left: .25em; padding-bottom: 1em; } .boxed { border: 1px solid #b5b1b3; padding: 1em; } div hr { margin-top: 2em; margin-bottom: 2em; } .row blockquote { border-left: 1px solid #c6c0c0; } .row blockquote p, .row blockquote { color: #30333c; font-style: italic; } .row blockquote p cite a { color: #30333c; } .row blockquote p cite a:hover { color: var(--hausfarbeBlau); } .row blockquote cite { font-weight: 700; font-style: normal; color: #30333c; font-size: 1em; margin-top: 1em; } div div div h3 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.3125rem; line-height: 1.3; letter-spacing: 0; text-transform: none; margin-bottom: .625em; } div div div h4 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.125rem; line-height: 1.3; letter-spacing: 0; text-transform: none; margin-bottom: .625em; } .caption { margin-top: -.5em; } .social-inline { margin-left: 0; } .social-inline li { display: block; float: left; margin-left: 0; margin-right: 1.5em; vertical-align: top !important; } .social-inline li:first-child { margin-right: 0; } .social-inline li span { vertical-align: top !important; } header { background-color: #363B40; padding-top: 1em; padding-bottom: 1.1em; } header div.logo { text-align: right; padding-right: 50px; padding-left: 30px; } header h2 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.125rem; line-height: .3; letter-spacing: .1em; text-transform: uppercase; text-align: left; color: #ebe3e2; } header h2 a { text-decoration: none; color: #ebe3e2; padding: .5em; border: 2px solid #cfc6c5; } header h2 a:hover, header h2 a:focus { color: #ebe3e2; } nav { background-color: #3772B4; border-top: 1px solid #3e424d; border-bottom: 1px solid #dfd6d4; } a.current { color: #8f9299 !important; pointer-events: none; border-bottom: none; } a.current:hover { color: #8f9299 !important; } p a { -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; } .responsiveContainer { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; } .responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #red { color: var(--hausfarbeBlau); } #red_two, .red_two, .fettRot { color: var(--hervorhebungRot); } .first-row { padding-top: 4em; padding-bottom: 4em; } .section-headline { background-color: #f5f1f0 !important; padding-top: .5em; padding-bottom: .5em; padding-left: 1.5em; -webkit-transition: background-color .3s ease-out !important; -moz-transition: background-color .3s ease-out !important; transition: background-color .3s ease-out !important; } .section-bg-color1, .section-bg-color1.shadow { background-color: var(--weiss); } /* .section-bg-color2 { background-color: #f5f1f0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } */ .section-bg-color3 { background-color: #ffb484; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .section-bg-color4 { background-color: #F7F7D6; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .section-headline h1 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.875rem; line-height: 1.2; letter-spacing: 0; text-transform: none; text-align: center; color: #30333c; } .section-headline h1 a { color: #30333c; } .section-headline h1 a:hover { color: var(--hausfarbeBlau); } .section-headline h5 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 1.125rem; line-height: 1.3; letter-spacing: 0; text-transform: none; text-align: center; color: #454a56; padding-bottom: 3em; } .section-hero { padding-top: 4em; padding-bottom: 2.5em; border-top: 1px solid #e6dddb; -webkit-transition: background-color .3s ease-out !important; -moz-transition: background-color .3s ease-out !important; transition: background-color .3s ease-out !important; } a.no-underline, a.no-underline:hover { border-bottom: none; text-decoration: none; } .templates { margin-top: -1em; margin-bottom: 1em; -webkit-transition: background-color .3s ease-out !important; -moz-transition: background-color .3s ease-out !important; transition: background-color .3s ease-out !important; } .templates h3 { font-size: 1.5rem !important; margin-bottom: .25em; } .templates h3:nth-of-type(2) { padding-top: .25em; } .section-hero img { margin-top: .25em; margin-bottom: -.75em; } .section-one-img { padding-top: 3em; padding-bottom: 2em; border-top: 1px solid #e6dddb; -webkit-transition: background-color .3s ease-out !important; -moz-transition: background-color .3s ease-out !important; transition: background-color .3s ease-out !important; } .section-one-img h3 { padding-bottom: .25em; } .section-one-img p { padding-top: 1.25em; } .section-four-img { padding-top: 3em; padding-bottom: 3.5em; border-top: 1px solid #e6dddb; } .section-four-img div div ul li { margin-bottom: 0; padding-bottom: 1em; } .section-four-img p { padding-top: 0; } .section-features { border-top: 1px solid #e6dddb; } .section-features h3 { margin-bottom: 0; } .feature-box { border: 1px solid #b5b1b3; padding: 1em; padding-bottom: 1.25em; margin-top: 1em; margin-bottom: 2em; } div div div .feature-box h4 { margin-top: .5em; margin-bottom: .25em; padding-bottom: 0; } .feature-box p, .feature-box li { font-size: .875rem; line-height: 1.5; margin-bottom: .5em; } .section-steps { padding-top: 1em; padding-bottom: 0; border-top: 1px solid #e6dddb; } .step-holder { padding-top: .5em; padding-bottom: 1em; } .step { float: left; margin-right: 1em; margin-bottom: 0; border-radius: 50%; width: 3.5em; height: 3.5em; background-color: #3e424d; display: table; } .step-number { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.625rem; line-height: 1.3; letter-spacing: 0; text-transform: none; color: #f2eeed; text-align: center; padding: 0; margin: 0; display: table-cell; vertical-align: middle; } .section-features-pricing { padding-top: 3em; padding-bottom: 2em; border-top: 1px solid #e6dddb; } .pricing { text-align: center; } div div div.pricing h4 { margin-bottom: 1em; } .pricing ul { list-style-type: none; margin-left: 0; } .pricing ul li { margin-left: 0 !important; padding-left: 0 !important; margin-bottom: .75em; padding-bottom: .5em; } .pricing-footer { text-align: center; } .section-html { padding-top: 2em; padding-bottom: .5em; border-top: 1px solid #e6dddb; } .section-faq { padding-top: 3em; padding-bottom: 3em; border-top: 1px solid #e6dddb; } .questions li p { margin-top: .75em; margin-bottom: -1em; } .section-btn { padding-top: 2em; padding-bottom: 1.5em; text-align: center; } .section-btn .button { background-color: var(--hausfarbeBlau); padding-top: 1em !important; padding-bottom: 1em !important; } .section-btn .button:hover { background-color: var(--hausfarbeBlau); } .pdfWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .pdfWrapper embed { position: absolute; top: 0; left: 0; } .download-box { background-color: #363B40; padding: 2em; padding-bottom: 1em; border-radius: 8px; -webkit-transition: background-color .3s ease-out !important; -moz-transition: background-color .3s ease-out !important; transition: background-color .3s ease-out !important; } .download-box .button { background-color: var(--hausfarbeBlau); } .download-box h3, .download-box p { color: #fcfbfb; } .download-box p.p-small, .download-box p.caption { margin-top: -.5em; } .download-box .button:hover, .download-box .button:focus { background-color: #7c8088 !important; border: none; } .download-box .p-smaller { margin-top: 1em; border: 1px solid #8f9299; padding: 1em; } footer { padding-top: .5em; padding-bottom: .2em; border-top: 2px solid #e6dddb; } footer ul { text-align: center; } footer li { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: .8125rem; line-height: 1.7; letter-spacing: 0; text-transform: none; display: inline-block; padding-left: 1em; margin-right: 1em; color: #373b44; margin-bottom: .2em; } footer li a { color: #373b44; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } footer div.social-icons { text-align: center; } footer div.social-icons i { padding-left: .25em; padding-right: .25em; color: #373b44; border: none !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } footer div.social-icons a:hover i { color: var(--hausfarbeBlau); -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } footer div.social-icons a i { -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; transition: color .2s ease-out; } .footer-badge { text-align: center; padding-top: 2em; } @media only screen and (min-width: 40.063em) { header h2 { font-size: 1.3125rem; } .section-headline h1 { font-size: 2.5rem; } } meta.foundation-mq-small { font-family: "/only screen and (max-width: 40em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; width: 40.063em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } *, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #f5f1f0; color: #30333c; padding: 0; margin: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; cursor: default; } a:hover { cursor: pointer; } img, object, embed { max-width: 100%; height: auto; } img.center { display: block; margin-left: auto; margin-right: auto; } img.shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; margin-left: 15px; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -1.5em; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"]>li { display: inline; height: auto; float: left; padding: 0 1.5em 1.5em; } @media only screen { .small-block-grid-1>li { width: 100%; padding: 0 1.5em 1.5em; } .small-block-grid-1>li:nth-of-type(n) { clear: none; } .small-block-grid-1>li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2>li { width: 50%; padding: 0 1.5em 1.5em; } .small-block-grid-2>li:nth-of-type(n) { clear: none; } .small-block-grid-2>li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3>li { width: 33.33333%; padding: 0 1.5em 1.5em; } .small-block-grid-3>li:nth-of-type(n) { clear: none; } .small-block-grid-3>li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4>li { width: 25%; padding: 0 1.5em 1.5em; } .small-block-grid-4>li:nth-of-type(n) { clear: none; } .small-block-grid-4>li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5>li { width: 20%; padding: 0 1.5em 1.5em; } .small-block-grid-5>li:nth-of-type(n) { clear: none; } .small-block-grid-5>li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6>li { width: 16.66667%; padding: 0 1.5em 1.5em; } .small-block-grid-6>li:nth-of-type(n) { clear: none; } .small-block-grid-6>li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7>li { width: 14.28571%; padding: 0 1.5em 1.5em; } .small-block-grid-7>li:nth-of-type(n) { clear: none; } .small-block-grid-7>li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8>li { width: 12.5%; padding: 0 1.5em 1.5em; } .small-block-grid-8>li:nth-of-type(n) { clear: none; } .small-block-grid-8>li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9>li { width: 11.11111%; padding: 0 1.5em 1.5em; } .small-block-grid-9>li:nth-of-type(n) { clear: none; } .small-block-grid-9>li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10>li { width: 10%; padding: 0 1.5em 1.5em; } .small-block-grid-10>li:nth-of-type(n) { clear: none; } .small-block-grid-10>li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11>li { width: 9.09091%; padding: 0 1.5em 1.5em; } .small-block-grid-11>li:nth-of-type(n) { clear: none; } .small-block-grid-11>li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12>li { width: 8.33333%; padding: 0 1.5em 1.5em; } .small-block-grid-12>li:nth-of-type(n) { clear: none; } .small-block-grid-12>li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { .medium-block-grid-1>li { width: 100%; padding: 0 1.5em 1.5em; } .medium-block-grid-1>li:nth-of-type(n) { clear: none; } .medium-block-grid-1>li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2>li { width: 50%; padding: 0 1.5em 1.5em; } .medium-block-grid-2>li:nth-of-type(n) { clear: none; } .medium-block-grid-2>li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3>li { width: 33.33333%; padding: 0 1.5em 1.5em; } .medium-block-grid-3>li:nth-of-type(n) { clear: none; } .medium-block-grid-3>li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4>li { width: 25%; padding: 0 1.5em 1.5em; } .medium-block-grid-4>li:nth-of-type(n) { clear: none; } .medium-block-grid-4>li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5>li { width: 20%; padding: 0 1.5em 1.5em; } .medium-block-grid-5>li:nth-of-type(n) { clear: none; } .medium-block-grid-5>li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6>li { width: 16.66667%; padding: 0 1.5em 1.5em; } .medium-block-grid-6>li:nth-of-type(n) { clear: none; } .medium-block-grid-6>li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7>li { width: 14.28571%; padding: 0 1.5em 1.5em; } .medium-block-grid-7>li:nth-of-type(n) { clear: none; } .medium-block-grid-7>li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8>li { width: 12.5%; padding: 0 1.5em 1.5em; } .medium-block-grid-8>li:nth-of-type(n) { clear: none; } .medium-block-grid-8>li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9>li { width: 11.11111%; padding: 0 1.5em 1.5em; } .medium-block-grid-9>li:nth-of-type(n) { clear: none; } .medium-block-grid-9>li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10>li { width: 10%; padding: 0 1.5em 1.5em; } .medium-block-grid-10>li:nth-of-type(n) { clear: none; } .medium-block-grid-10>li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11>li { width: 9.09091%; padding: 0 1.5em 1.5em; } .medium-block-grid-11>li:nth-of-type(n) { clear: none; } .medium-block-grid-11>li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12>li { width: 8.33333%; padding: 0 1.5em 1.5em; } .medium-block-grid-12>li:nth-of-type(n) { clear: none; } .medium-block-grid-12>li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { .large-block-grid-1>li { width: 100%; padding: 0 1.5em 1.5em; } .large-block-grid-1>li:nth-of-type(n) { clear: none; } .large-block-grid-1>li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2>li { width: 50%; padding: 0 1.5em 1.5em; } .large-block-grid-2>li:nth-of-type(n) { clear: none; } .large-block-grid-2>li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3>li { width: 33.33333%; padding: 0 1.5em 1.5em; } .large-block-grid-3>li:nth-of-type(n) { clear: none; } .large-block-grid-3>li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4>li { width: 25%; padding: 0 1.5em 1.5em; } .large-block-grid-4>li:nth-of-type(n) { clear: none; } .large-block-grid-4>li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5>li { width: 20%; padding: 0 1.5em 1.5em; } .large-block-grid-5>li:nth-of-type(n) { clear: none; } .large-block-grid-5>li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6>li { width: 16.66667%; padding: 0 1.5em 1.5em; } .large-block-grid-6>li:nth-of-type(n) { clear: none; } .large-block-grid-6>li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7>li { width: 14.28571%; padding: 0 1.5em 1.5em; } .large-block-grid-7>li:nth-of-type(n) { clear: none; } .large-block-grid-7>li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8>li { width: 12.5%; padding: 0 1.5em 1.5em; } .large-block-grid-8>li:nth-of-type(n) { clear: none; } .large-block-grid-8>li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9>li { width: 11.11111%; padding: 0 1.5em 1.5em; } .large-block-grid-9>li:nth-of-type(n) { clear: none; } .large-block-grid-9>li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10>li { width: 10%; padding: 0 1.5em 1.5em; } .large-block-grid-10>li:nth-of-type(n) { clear: none; } .large-block-grid-10>li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11>li { width: 9.09091%; padding: 0 1.5em 1.5em; } .large-block-grid-11>li:nth-of-type(n) { clear: none; } .large-block-grid-11>li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12>li { width: 8.33333%; padding: 0 1.5em 1.5em; } .large-block-grid-12>li:nth-of-type(n) { clear: none; } .large-block-grid-12>li:nth-of-type(12n+1) { clear: both; } } button, .button { cursor: pointer; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 1rem; padding-bottom: 1.0625rem; font-size: 1rem; background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; -webkit-appearance: none; border: none; font-weight: 600 !important; width: 300px; } #button, #go { cursor: pointer; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: .4rem; padding-bottom: .4rem; font-size: 1rem; background-color: #3772B4; border-color: #000; color: #fff; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out -webkit-appearance: none; border: none; font-weight: 600 !important; width: 5em; float: right; font-size: .875rem; } #button:hover { color: var(--hausfarbeBlau); } #opac { color: #fff; } #opac:hover { color: var(--hausfarbeBlau); } #button_two { cursor: pointer; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; line-height: normal; margin: 0; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: .4rem; padding-bottom: .4rem; font-size: 1rem; background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; border: none; font-weight: 600 !important; width: 5em; float: left; font-size: .875rem; } #button_two:hover { color: var(--hausfarbeBlau); } button:hover, button:focus, .button:hover, .button:focus { background-color: #1b416c; color: #fff; } button.secondary, .button.secondary { background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #000; color: #fff; } button.success, .button.success { background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #000; color: #fff; } button.alert, .button.alert { background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #000; color: #fff; } button.large, .button.large { font-size: 1.25rem; padding: 1.125rem 2.25rem 1.1875rem; } button.small, .button.small { font-size: .8125rem; padding: .875rem 1.75rem .9375rem; } button.tiny, .button.tiny { font-size: .6875rem; padding: .625rem 1.25rem .6875rem; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: .75rem; } button.right-align, .button.right-align { text-align: right; padding-right: .75rem; } button.radius, .button.radius { -webkit-border-radius: 1px; border-radius: 1px; } button.round, .button.round { -webkit-border-radius: 4px; border-radius: 4px; text-align: center; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #30333c; border-color: #000; color: #fff; cursor: default; opacity: .4; -webkit-box-shadow: none; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #000; color: #fff; background-color: #30333c; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; cursor: default; opacity: .4; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #000; color: #fff; background-color: var(--hausfarbeBlau); } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; cursor: default; opacity: .4; -webkit-box-shadow: none; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #000; color: #fff; background-color: var(--hausfarbeBlau); } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: var(--hausfarbeBlau); border-color: #000; color: #fff; cursor: default; opacity: .4; -webkit-box-shadow: none; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #000; color: #fff; background-color: var(--hausfarbeBlau); } @media only screen and (min-width: 40.063em) { button, .button { display: inline-block; } } .flex-video { position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 1rem; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } form { margin: 0 0 1.5rem; } form .row .row { margin: 0 -.75rem; } form .row .row .column, form .row .row .columns { padding: 0 .75rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: .75rem; } label { font-size: .875rem; color: #fefefe; cursor: text; display: block; font-weight: 400; margin-bottom: .5rem; } label.right { float: none; text-align: right; } label.inline { margin: 0 0 1.5rem; padding: .875rem 0; } label small { text-transform: capitalize; color: #666; } select { -webkit-appearance: none !important; background: #fafafa url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; background-position-x: 97%; background-position-y: center; border: 1px solid #3a3e49; padding: .75rem; font-size: 1rem; -webkit-border-radius: 0; border-radius: 0; } select.radius { -webkit-border-radius: 1px; border-radius: 1px; } select:hover { background: #f2f2f2 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; background-position-x: 97%; background-position-y: center; border-color: #fff; background: #f2f2f2; } .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: .875rem; height: 3.0625rem; line-height: 3.0625rem; } .postfix.button { text-align: center; line-height: 2.125rem; border: none; padding: 0; } .prefix.button { text-align: center; line-height: 2.125rem; border: none; padding: 0; } .prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1px; -moz-border-radius-topleft: 1px; -webkit-border-bottom-left-radius: 1px; -webkit-border-top-left-radius: 1px; border-bottom-left-radius: 1px; border-top-left-radius: 1px; } .postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; -webkit-border-top-right-radius: 1px; -webkit-border-bottom-right-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; } .prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } span.prefix, label.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333; } span.prefix.radius, label.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1px; -moz-border-radius-topleft: 1px; -webkit-border-bottom-left-radius: 1px; -webkit-border-top-left-radius: 1px; border-bottom-left-radius: 1px; border-top-left-radius: 1px; } span.postfix, label.postfix { background: #f2f2f2; border-color: #ccc; border-left: none; color: #333; } span.postfix.radius, label.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; -webkit-border-top-right-radius: 1px; -webkit-border-bottom-right-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; } .input-group.radius> :first-child, .input-group.radius> :first-child * { -moz-border-radius-bottomleft: 1px; -moz-border-radius-topleft: 1px; -webkit-border-bottom-left-radius: 1px; -webkit-border-top-left-radius: 1px; border-bottom-left-radius: 1px; border-top-left-radius: 1px; } .input-group.radius> :last-child, .input-group.radius> :last-child * { -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; -webkit-border-top-right-radius: 1px; -webkit-border-bottom-right-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; } .input-group.round> :first-child, .input-group.round> :first-child * { -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .input-group.round> :last-child, .input-group.round> :last-child * { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; background-color: #fcfbfb; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #3a3e49; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); color: #3a3e49; display: block; font-size: .875rem; margin: 0 0 .5rem; padding: .35rem; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fff; border-color: #fff; outline: none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } input[type="file"] { width: 100%; } fieldset { border: solid 1px #ddd; padding: 1.25rem; margin: 1.125rem 0; } fieldset legend { font-weight: 700; background: #fff; padding: 0 .1875rem; margin: 0; margin-left: -.1875rem; } [data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: .375rem .5625rem .5625rem; margin-top: -1px; margin-bottom: 1.5rem; font-size: .75rem; font-weight: 400; font-style: italic; background: var(--hausfarbeBlau); color: #fff; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; padding: .375rem .5625rem .5625rem; margin-top: -1px; margin-bottom: 1.5rem; font-size: .75rem; font-weight: 400; font-style: italic; background: var(--hausfarbeBlau); color: #fff; } .error input, .error textarea, .error select { margin-bottom: 0; } .error label, .error label.error { color: var(--hausfarbeBlau); } .error>small, .error small.error { display: block; padding: .375rem .5625rem .5625rem; margin-top: -1px; margin-bottom: 1.5rem; font-size: .75rem; font-weight: 400; font-style: italic; background: var(--hausfarbeBlau); color: #fff; } .error span.error-message { display: block; } input.error, textarea.error { margin-bottom: 0; } label.error { color: var(--hausfarbeBlau); } .row { width: 100%; max-width: 70.5em; *zoom: 1; margin: 0 auto; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse>.column, .row.collapse>.columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; max-width: none; *zoom: 1; margin: 0 -1.5em; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 1.5em; padding-right: 1.5em; width: 100%; float: left; } @media only screen { .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.66667%; right: auto; } .small-pull-2 { position: relative; right: 16.66667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.33333%; right: auto; } .small-pull-4 { position: relative; right: 33.33333%; left: auto; } .small-push-5 { position: relative; left: 41.66667%; right: auto; } .small-pull-5 { position: relative; right: 41.66667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.33333%; right: auto; } .small-pull-7 { position: relative; right: 58.33333%; left: auto; } .small-push-8 { position: relative; left: 66.66667%; right: auto; } .small-pull-8 { position: relative; right: 66.66667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.33333%; right: auto; } .small-pull-10 { position: relative; right: 83.33333%; left: auto; } .small-push-11 { position: relative; left: 91.66667%; right: auto; } .small-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.5em; padding-right: 1.5em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"]+[class*="column"]:last-child { float: right; } [class*="column"]+[class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 40.063em) { .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.5em; padding-right: 1.5em; float: left; } .medium-1 { position: relative; width: 8.33333%; } .medium-2 { position: relative; width: 16.66667%; } .medium-3 { position: relative; width: 25%; } .medium-4 { position: relative; width: 33.33333%; } .medium-5 { position: relative; width: 41.66667%; } .medium-6 { position: relative; width: 50%; } .medium-7 { position: relative; width: 58.33333%; } .medium-8 { position: relative; width: 66.66667%; } .medium-9 { position: relative; width: 75%; } .medium-10 { position: relative; width: 83.33333%; } .medium-11 { position: relative; width: 91.66667%; } .medium-12 { position: relative; width: 100%; } .medium-offset-0 { position: relative; margin-left: 0; } .medium-offset-1 { position: relative; margin-left: 8.33333%; } .medium-offset-2 { position: relative; margin-left: 16.66667%; } .medium-offset-3 { position: relative; margin-left: 25%; } .medium-offset-4 { position: relative; margin-left: 33.33333%; } .medium-offset-5 { position: relative; margin-left: 41.66667%; } .medium-offset-6 { position: relative; margin-left: 50%; } .medium-offset-7 { position: relative; margin-left: 58.33333%; } .medium-offset-8 { position: relative; margin-left: 66.66667%; } .medium-offset-9 { position: relative; margin-left: 75%; } .medium-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"]+[class*="column"]:last-child { float: right; } [class*="column"]+[class*="column"].end { float: left; } .column.medium-centered, .columns.medium-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right !important; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.66667%; right: auto; } .large-pull-2 { position: relative; right: 16.66667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.33333%; right: auto; } .large-pull-4 { position: relative; right: 33.33333%; left: auto; } .large-push-5 { position: relative; left: 41.66667%; right: auto; } .large-pull-5 { position: relative; right: 41.66667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.33333%; right: auto; } .large-pull-7 { position: relative; right: 58.33333%; left: auto; } .large-push-8 { position: relative; left: 66.66667%; right: auto; } .large-pull-8 { position: relative; right: 66.66667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.33333%; right: auto; } .large-pull-10 { position: relative; right: 83.33333%; left: auto; } .large-push-11 { position: relative; left: 91.66667%; right: auto; } .large-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.5em; padding-right: 1.5em; float: left; } .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .large-offset-0 { position: relative; margin-left: 0; } .large-offset-1 { position: relative; margin-left: 8.33333%; } .large-offset-2 { position: relative; margin-left: 16.66667%; } .large-offset-3 { position: relative; margin-left: 25%; } .large-offset-4 { position: relative; margin-left: 33.33333%; } .large-offset-5 { position: relative; margin-left: 41.66667%; } .large-offset-6 { position: relative; margin-left: 50%; } .large-offset-7 { position: relative; margin-left: 58.33333%; } .large-offset-8 { position: relative; margin-left: 66.66667%; } .large-offset-9 { position: relative; margin-left: 75%; } .large-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"]+[class*="column"]:last-child { float: right; } [class*="column"]+[class*="column"].end { float: left; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 90.063em) { .xlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xlarge-push-2 { position: relative; left: 16.66667%; right: auto; } .xlarge-pull-2 { position: relative; right: 16.66667%; left: auto; } .xlarge-push-3 { position: relative; left: 25%; right: auto; } .xlarge-pull-3 { position: relative; right: 25%; left: auto; } .xlarge-push-4 { position: relative; left: 33.33333%; right: auto; } .xlarge-pull-4 { position: relative; right: 33.33333%; left: auto; } .xlarge-push-5 { position: relative; left: 41.66667%; right: auto; } .xlarge-pull-5 { position: relative; right: 41.66667%; left: auto; } .xlarge-push-6 { position: relative; left: 50%; right: auto; } .xlarge-pull-6 { position: relative; right: 50%; left: auto; } .xlarge-push-7 { position: relative; left: 58.33333%; right: auto; } .xlarge-pull-7 { position: relative; right: 58.33333%; left: auto; } .xlarge-push-8 { position: relative; left: 66.66667%; right: auto; } .xlarge-pull-8 { position: relative; right: 66.66667%; left: auto; } .xlarge-push-9 { position: relative; left: 75%; right: auto; } .xlarge-pull-9 { position: relative; right: 75%; left: auto; } .xlarge-push-10 { position: relative; left: 83.33333%; right: auto; } .xlarge-pull-10 { position: relative; right: 83.33333%; left: auto; } .xlarge-push-11 { position: relative; left: 91.66667%; right: auto; } .xlarge-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.5em; padding-right: 1.5em; float: left; } .xlarge-1 { position: relative; width: 8.33333%; } .xlarge-2 { position: relative; width: 16.66667%; } .xlarge-3 { position: relative; width: 25%; } .xlarge-4 { position: relative; width: 33.33333%; } .xlarge-5 { position: relative; width: 41.66667%; } .xlarge-6 { position: relative; width: 50%; } .xlarge-7 { position: relative; width: 58.33333%; } .xlarge-8 { position: relative; width: 66.66667%; } .xlarge-9 { position: relative; width: 75%; } .xlarge-10 { position: relative; width: 83.33333%; } .xlarge-11 { position: relative; width: 91.66667%; } .xlarge-12 { position: relative; width: 100%; } .xlarge-offset-0 { position: relative; margin-left: 0; } .xlarge-offset-1 { position: relative; margin-left: 8.33333%; } .xlarge-offset-2 { position: relative; margin-left: 16.66667%; } .xlarge-offset-3 { position: relative; margin-left: 25%; } .xlarge-offset-4 { position: relative; margin-left: 33.33333%; } .xlarge-offset-5 { position: relative; margin-left: 41.66667%; } .xlarge-offset-6 { position: relative; margin-left: 50%; } .xlarge-offset-7 { position: relative; margin-left: 58.33333%; } .xlarge-offset-8 { position: relative; margin-left: 66.66667%; } .xlarge-offset-9 { position: relative; margin-left: 75%; } .xlarge-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"]+[class*="column"]:last-child { float: right; } [class*="column"]+[class*="column"].end { float: left; } .column.xlarge-centered, .columns.xlarge-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.xlarge-uncentered, .columns.xlarge-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.xlarge-uncentered.opposite, .columns.xlarge-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 120.063em) { .xxlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xxlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xxlarge-push-2 { position: relative; left: 16.66667%; right: auto; } .xxlarge-pull-2 { position: relative; right: 16.66667%; left: auto; } .xxlarge-push-3 { position: relative; left: 25%; right: auto; } .xxlarge-pull-3 { position: relative; right: 25%; left: auto; } .xxlarge-push-4 { position: relative; left: 33.33333%; right: auto; } .xxlarge-pull-4 { position: relative; right: 33.33333%; left: auto; } .xxlarge-push-5 { position: relative; left: 41.66667%; right: auto; } .xxlarge-pull-5 { position: relative; right: 41.66667%; left: auto; } .xxlarge-push-6 { position: relative; left: 50%; right: auto; } .xxlarge-pull-6 { position: relative; right: 50%; left: auto; } .xxlarge-push-7 { position: relative; left: 58.33333%; right: auto; } .xxlarge-pull-7 { position: relative; right: 58.33333%; left: auto; } .xxlarge-push-8 { position: relative; left: 66.66667%; right: auto; } .xxlarge-pull-8 { position: relative; right: 66.66667%; left: auto; } .xxlarge-push-9 { position: relative; left: 75%; right: auto; } .xxlarge-pull-9 { position: relative; right: 75%; left: auto; } .xxlarge-push-10 { position: relative; left: 83.33333%; right: auto; } .xxlarge-pull-10 { position: relative; right: 83.33333%; left: auto; } .xxlarge-push-11 { position: relative; left: 91.66667%; right: auto; } .xxlarge-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.5em; padding-right: 1.5em; float: left; } .xxlarge-1 { position: relative; width: 8.33333%; } .xxlarge-2 { position: relative; width: 16.66667%; } .xxlarge-3 { position: relative; width: 25%; } .xxlarge-4 { position: relative; width: 33.33333%; } .xxlarge-5 { position: relative; width: 41.66667%; } .xxlarge-6 { position: relative; width: 50%; } .xxlarge-7 { position: relative; width: 58.33333%; } .xxlarge-8 { position: relative; width: 66.66667%; } .xxlarge-9 { position: relative; width: 75%; } .xxlarge-10 { position: relative; width: 83.33333%; } .xxlarge-11 { position: relative; width: 91.66667%; } .xxlarge-12 { position: relative; width: 100%; } .xxlarge-offset-0 { position: relative; margin-left: 0; } .xxlarge-offset-1 { position: relative; margin-left: 8.33333%; } .xxlarge-offset-2 { position: relative; margin-left: 16.66667%; } .xxlarge-offset-3 { position: relative; margin-left: 25%; } .xxlarge-offset-4 { position: relative; margin-left: 33.33333%; } .xxlarge-offset-5 { position: relative; margin-left: 41.66667%; } .xxlarge-offset-6 { position: relative; margin-left: 50%; } .xxlarge-offset-7 { position: relative; margin-left: 58.33333%; } .xxlarge-offset-8 { position: relative; margin-left: 66.66667%; } .xxlarge-offset-9 { position: relative; margin-left: 75%; } .xxlarge-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"]+[class*="column"]:last-child { float: right; } [class*="column"]+[class*="column"].end { float: left; } .column.xxlarge-centered, .columns.xxlarge-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.xxlarge-uncentered, .columns.xxlarge-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.xxlarge-uncentered.opposite, .columns.xxlarge-uncentered.opposite { float: right !important; } } .inline-list { margin: 0 auto 1.0625rem; margin-left: -1.375rem; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list>li { list-style: none; float: left; margin-left: 1.375rem; display: block; } .inline-list>li>* { display: block; } ul.pagination { display: block; height: 1.5rem; margin-left: -.3125rem; } ul.pagination li { height: 1.5rem; color: #222; font-size: .875rem; margin-left: .3125rem; } ul.pagination li a { display: block; padding: .0625rem .625rem; color: #999; -webkit-border-radius: 1px; border-radius: 1px; } ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; } ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } ul.pagination li.current a { background: #30333c; color: #fff; font-weight: 700; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #30333c; } ul.pagination li { float: left; display: block; } .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { float: none; display: inline-block; } p.lead { font-size: 1.21875rem; line-height: 1.6; } .subheader { line-height: 1.4; color: #757c90; font-weight: 300; margin-top: .2rem; margin-bottom: .5rem; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } a { color: #30333c; text-decoration: none; line-height: 1.5em; } a:hover, a:focus { color: var(--hausfarbeBlau); } a img { border: none; } p { font-family: inherit; font-weight: 400; font-size: 1rem; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; } p aside { font-size: .875rem; line-height: 1.35; font-style: italic; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; color: #30333c; text-rendering: optimizeLegibility; margin-top: .2rem; margin-bottom: .5rem; line-height: 1.4; } h7 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; color: #fff !important; text-rendering: optimizeLegibility; margin-top: .2rem; margin-bottom: .5rem; line-height: 2.4; font-size: .875rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #757c90; line-height: 0; } h1 { font-size: 1.625rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1875rem; } h4 { font-size: 1rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1em; } hr { border: solid #c6c0c0; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 700; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: 700; color: #b54e32; } ul, ol, dl { line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; } ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } ul li ul, ul li ol { margin-left: 0; margin-bottom: 0; font-size: .875rem; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } ul.no-bullet { list-style: none; } ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } dl dt { margin-bottom: .3rem; font-weight: 700; } dl dd { margin-bottom: .75rem; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #30333c; border-bottom: 1px dotted #ddd; cursor: help; } abbr { text-transform: none; } blockquote { margin: 0 0 1.25rem; padding: .5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: .8125rem; color: #5d6375; } blockquote cite:before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited { color: #5d6375; } blockquote, blockquote p { line-height: 1.6; color: #757c90; } .vcard { display: inline-block; margin: 0 0 1.25rem; border: 1px solid #ddd; padding: .625rem .75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: 700; font-size: .9375rem; } .vevent .summary { font-weight: 700; } .vevent abbr { cursor: default; text-decoration: none; font-weight: 700; border: none; padding: 0 .0625rem; } @media only screen and (min-width: 40.063em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.25rem; } h2 { font-size: 1.875rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.3125rem; } } .print-only { display: none !important; } @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } .contain-to-grid { width: 100%; background: #333; } .contain-to-grid .top-bar { margin-bottom: 0; } .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 45px; } .top-bar { overflow: hidden; height: 45px; line-height: 45px; position: relative; background: #333; margin-bottom: 0; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: auto; padding-top: .35rem; padding-bottom: .35rem; font-size: .75rem; } .top-bar .button { padding-top: .45rem; padding-bottom: .35rem; margin-bottom: 0; font-size: .75rem; } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 45px; margin: 0; font-size: 16px; } .top-bar .name h1 { line-height: 45px; font-size: 1.0625rem; margin: 0; } .top-bar .name h1 a { font-weight: 400; color: #fff; width: 50%; display: block; padding: 0 15px; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: #fff; text-transform: uppercase; font-size: .8125rem; font-weight: 700; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; } .top-bar .toggle-topbar.menu-icon { right: 15px; top: 50%; margin-top: -16px; padding-left: 40px; } .top-bar .toggle-topbar.menu-icon a { text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: #fff; } .top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px #fff; box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px #fff; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #333; } .top-bar.expanded .toggle-topbar a { color: #888; } .top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888; box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888; } .top-bar-section { left: 0; position: relative; width: auto; -webkit-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -o-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; } .top-bar-section ul { width: 100%; height: auto; display: block; background: #333; font-size: 16px; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px #1a1a1a; clear: both; height: 1px; width: 100%; } .top-bar-section ul li>a { display: block; width: 100%; color: #fff; padding: 12px 0; padding-left: 15px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .8125rem; font-weight: 400; background: #333; } .top-bar-section ul li>a.button { background: #30333c; font-size: .8125rem; padding-right: 15px; padding-left: 15px; } .top-bar-section ul li>a.button:hover { background: #191b20; } .top-bar-section ul li>a.button.secondary { background: var(--hausfarbeBlau); } .top-bar-section ul li>a.button.secondary:hover { background: #c85739; } .top-bar-section ul li>a.button.success { background: var(--hausfarbeBlau); } .top-bar-section ul li>a.button.success:hover { background: #c85739; } .top-bar-section ul li>a.button.alert { background: var(--hausfarbeBlau); } .top-bar-section ul li>a.button.alert:hover { background: #c85739; } .top-bar-section ul li:hover>a { background: #272727; color: #fff; } .top-bar-section ul li.active>a { background: #30333c; color: #fff; } .top-bar-section ul li.active>a:hover { background: #25272e; } .top-bar-section .has-form { padding: 15px; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown>a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved>.dropdown { display: block; } .top-bar-section .dropdown { position: absolute; left: 100%; top: 0; display: none; z-index: 99; } .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: 400; padding: 8px 15px; } .top-bar-section .dropdown li a.parent-link { font-weight: 400; } .top-bar-section .dropdown li.title h5 { margin-bottom: 0; } .top-bar-section .dropdown li.title h5 a { color: #fff; line-height: 22.5px; display: block; } .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #777; font-weight: 700; font-size: .625rem; } .js-generated { display: block; } @media only screen and (min-width: 40.063em) { .top-bar { background: #333; *zoom: 1; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button { font-size: .875rem; position: relative; top: 7px; } .top-bar.expanded { background: #333; } .contain-to-grid .top-bar { max-width: 70.5em; margin: 0 auto; margin-bottom: 0; } .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline } .top-bar-section ul li { float: left; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li.hover>a:not(.button) { background: #272727; color: #fff; } .top-bar-section li a:not(.button) { padding: 0 15px; line-height: 45px; background: #333; } .top-bar-section li a:not(.button):hover { background: #272727; } .top-bar-section .has-dropdown>a { padding-right: 35px !important; } .top-bar-section .has-dropdown>a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.4) transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved>.dropdown { display: none; } .top-bar-section .has-dropdown.hover>.dropdown, .top-bar-section .has-dropdown.not-click:hover>.dropdown { display: block; } .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -2px; right: 5px; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: #fff; line-height: 1; white-space: nowrap; padding: 12px 15px; background: #333; } .top-bar-section .dropdown li label { white-space: nowrap; background: #333; } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #4d4d4d; clear: none; height: 45px; width: 0; } .top-bar-section .has-form { background: #333; padding: 0 15px; height: 45px; } .top-bar-section ul.right li .dropdown { left: auto; right: 0; } .top-bar-section ul.right li .dropdown li .dropdown { right: 100%; } .no-js .top-bar-section ul li:hover>a { background: #272727; color: #fff; } .no-js .top-bar-section ul li:active>a { background: #30333c; color: #fff; } .no-js .top-bar-section .has-dropdown:hover>.dropdown { display: block; } } .off-canvas-wrap, .inner-wrap, nav.tab-bar, .left-off-canvas-menu, .left-off-canvas-menu *, .right-off-canvas-menu, .move-right a.exit-off-canvas, .move-left a.exit-off-canvas { -webkit-backface-visibility: hidden; } .off-canvas-wrap, .inner-wrap { position: relative; width: 100%; } .left-off-canvas-menu, .right-off-canvas-menu { width: 250px; top: 0; bottom: 0; height: 100%; position: absolute; overflow-y: auto; background: #333; z-index: 1001; box-sizing: content-box; } section.left-small, section.right-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; } .off-canvas-wrap { overflow: hidden; } .inner-wrap { *zoom: 1; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .inner-wrap:before, .inner-wrap:after { content: " "; display: table; } .inner-wrap:after { clear: both; } nav.tab-bar { background: #333; color: #fff; height: 2.8125rem; line-height: 2.8125rem; position: relative; } nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 { color: #fff; font-weight: 700; line-height: 2.8125rem; margin: 0; } nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 { font-size: 1.125rem; } section.left-small { border-right: solid 1px #1a1a1a; box-shadow: 1px 0 0 #4d4d4d; left: 0; } section.right-small { border-left: solid 1px #4d4d4d; box-shadow: -1px 0 0 #1a1a1a; right: 0; } section.tab-bar-section { padding: 0 .625rem; position: absolute; text-align: center; height: 2.8125rem; top: 0; } @media only screen and (min-width: 40.063em) { section.tab-bar-section { text-align: left; } } section.tab-bar-section.left { left: 0; right: 2.8125rem; } section.tab-bar-section.right { left: 2.8125rem; right: 0; } section.tab-bar-section.middle { left: 2.8125rem; right: 2.8125rem; } a.menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; line-height: 2.0625rem; padding: 0; color: #fff; position: relative; } a.menu-icon span { position: absolute; display: block; width: 1rem; height: 0; left: .8125rem; top: .3125rem; -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px #fff; box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px #fff; } a.menu-icon:hover span { -webkit-box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; } .left-off-canvas-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .right-off-canvas-menu { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; } ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0; } ul.off-canvas-list li label { padding: .3rem .9375rem; color: #999; text-transform: uppercase; font-weight: 700; background: #444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0; } ul.off-canvas-list li a { display: block; padding: .66667rem; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #262626; } .move-right>.inner-wrap { -webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); } .move-right a.exit-off-canvas { transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; } @media only screen and (min-width: 40.063em) { .move-right a.exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .move-left>.inner-wrap { -webkit-transform: translate3d(-250px, 0, 0); -moz-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); -o-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } .move-left a.exit-off-canvas { transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; } @media only screen and (min-width: 40.063em) { .move-left a.exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .lt-ie10 .left-off-canvas-menu { left: -250px; } .lt-ie10 .right-off-canvas-menu { right: -250px; } .lt-ie10 .move-left>.inner-wrap { right: 250px; } .lt-ie10 .move-right>.inner-wrap { left: 250px; } .startHdrei { margin: 1em 0 0.5em 0; } .uhrZeit { display: inline-block; width: auto; min-width: 5em; } .laenger { min-width: 6em; } #slides img { width: 100%; max-width: 700px; height: auto; } .abstandVor { width: 100%; margin: 2.125rem 0 0 0; padding: 0; height: 1px; } .abstand { width: 100%; margin: 0; padding: 0; height: 1px; } .hoeheA { height: 1.5em; } .hoeheL { height: 20em; } .telMailInfo tr th, .telMailInfo tr td { vertical-align: top; padding: .25rem 0 0 0; line-height: 1.65rem; } .telMailInfo { margin: 0 0 1rem 0; } td a { line-height: inherit; } span.fussNote, p.fussNote { font-size: 0.75em; } p.fussNote { line-height: 1em; } .nochLaenger { min-width: 16em; } #homeKasten .nichtHome { display: none; } .keinAnach { margin: 0.5em 0 0 0; } .bereitstellung, .bereitstellung tr, .bereitstellung th, .bereitstellung td { margin: 0; padding: 0; } .bereitstellung { border-spacing: 0; } .bereitstellung th, .bereitstellung td { padding: 0.25em 1em 0.25em 0; text-align: right; font-weight: normal; } .bereitstellung th:first-child, .bereitstellung td:first-child { min-width: 12.3em; } .bereitstellung th:first-child { text-align: left; } .bereitstellung td:first-child { padding-right: 7em; } .mitAvor { margin-top: 1em; } .datHervor { color: var(--hervorhebungRot); } #logoDesktop, #logoMobil, #aktuellDesktop, #aktuellMobil { display: none; } .hinweisKasten { display: block; border: 1px solid var(--hervorhebungRot); padding: 0.2em 0.5em; } .hinweisKasten a:hover { color: var(--hervorhebungRot); } .farbeRot { color: var(--hervorhebungRot); } .mitLink { padding-bottom: 0.5em; } #simple p { font-size: .875rem; padding-top: 0.3125rem; margin: 0; } #simple a { border-bottom: 0 none; padding-bottom: 0; } #primo, #simple p, #simple a { color: var(--hausfarbeBlau); } #primo:hover, #simple a:hover { color: var(--hausfarbeBlau); } .bereitStunde { display: inline-block; width: auto; min-width: 2.125rem; } .stundeTrenner { width: auto; min-width: 0.5em; display: inline-block; padding: 0 0.2em 0 0.3em; } .nurMobil, .nurMobilWochentage { display: none; } .langText { padding: 2em 0 0 0; } .langText .row { max-width: 50em; } .bildGalerie { border-top: 0 none; } .bildGalerie { border-top: 0 none; } p.ankuendigung { text-align: left; display: block; max-width: 40em; margin: 2em auto; min-height: 20em; } a.plakatBild { display: block; box-sizing: content-box; float: left; width: 170px; height: 248px; padding: 7px 14px 0 0; border-bottom: 0 none; } .linksClearen { clear: left; } .section-bg-color1:nth-child(even) { background-color: var(--hellBlau); } nav+.section-bg-color2 { background-color: var(--hellBlau); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--hausfarbeBlau); } .hgWeiss { background-color: var(--weiss) !important; } @media only screen and (max-width:713px) { #logoMobil { display: block; float: right; width: 55vw; } #logoMobil .logo { padding-left: 0; } } @media only screen and (max-width: 641px) { #SuchFeld { padding-right: 1.5em; } #logoMobil { width: 100vw; } #aktuellMobil { display: block; } } @media only screen and (max-width: 580px) { .nochLaenger { min-width: 33vw; } } @media only screen and (max-width: 35em) { .nurMobilWochentage { display: inline; } } @media only screen and (max-width: 480px) { .klappText .button { width: 100%; } .nichtMobil { display: none; } .nurMobil { display: inline; } } @media only screen and (max-width: 350px) { .nichtKleinste { display: none; } } @media only screen and (min-width: 642px) { #aktuellDesktop { display: block; } } @media only screen and (min-width: 642px) and (max-width: 979px) { .nochLaenger { min-width: 15.6vw; } } @media only screen and (min-width: 642px) and (max-width: 928px) { .nichtMobil { display: none; } .nurMobil { display: inline; } } @media only screen and (min-width: 642px) and (max-width: 64em) { .nurMobilWochentage { display: inline; } } @media only screen and (min-width: 642px) and (max-width: 680px) { .nichtKleinste { display: none; } } @media (min-width: 700px) { /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } } @media only screen and (min-width:714px) { #logoDesktop { display: block; } } @media only screen and (min-width:980px) and (max-width: 1024px) { .home .nochLaenger { min-width: 16vw; } } @media only screen and (min-width: 64.0625em) { .large-5 .nochLaenger, .home .nochLaenger { min-width: 12em; } } .seitenlinks { display: none; list-style: none; padding: 0; margin: 0; } ul.seitenlinks li { margin-left: 0; padding: 0 1em 1em 0; } a.plakatBild { display: block; box-sizing: content-box; float: left; width: 170px; height: 248px; padding: 7px 14px 0 0; border-bottom: 0 none; } .linksClearen { clear: left; } header { background-color: #fff; } h7 { color: #3a3a3a !important; } #primo, #simple p, #simple a { color: var(--hausfarbeBlau); } .section-bg-color2 { background-color: var(--hausfarbeBlau); } footer li, footer li a { color: #fff; } .section-btn { padding: 1.75rem 0; } .section-bg-color1 a.button:hover { text-decoration: underline; } #cssmenu > ul > li:hover > a, #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover, #cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li.active > a, #simple input#go+p>a:hover, #simple input#go:hover, #simple input#go:focus, #simple input#go:active { text-decoration: underline; } #cssmenu > ul > li.has-sub > a:before, #cssmenu > ul > li.has-sub > a:after { display: none; } #cssmenu ul ul { background-color: #fff; } #cssmenu ul ul li a { background-color: transparent; } #cssmenu ul ul li a , #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover, #simple input#go+p>a { color: var(--hausfarbeBlau); } #cssmenu li:hover > ul > li { height: auto; } #cssmenu ul ul li.has-sub > a:before, #cssmenu ul ul li.has-sub > a:after { background-color: var(--hausfarbeBlau); } #cssmenu li:hover > ul > li:hover { background-color: var(--hoverHintergrund); } #cssmenu ul ul li.has-sub > a:before { top: 17px; } #cssmenu ul ul li.has-sub > a::after { top: 20px; } #simple input { height: 2.25rem; border-radius: 1.125rem; padding: 0.375rem 1rem; } #simple input#primoQueryTemp { background-color: var(--sehrHellGrau); color: #2e2e27; border: 1px solid #c9c9c9; } #simple input#go { border: 1px solid var(--hausfarbeBlau); width: auto; } #simple input::placeholder { color: #8dadd1; } #simple input#primoQueryTemp:hover, #simple input#primoQueryTemp:active, #simple input#primoQueryTemp:focus, #simple input#primoQueryTemp:not(:placeholder-shown) { border-color: #000; background-color: var(--hellGrau); } #simple input#go+p>a { font-weight: 600; } @media only screen and (max-width: 641px) { .no-js #introEinAus, .no-js h2.randRot { display: none; } .no-js #dseEinAus { display: inline; font-size: 1.25rem; font-weight: 700; color: var(--hervorhebungRot); } .seitenlinks { display: block; } ul.seitenlinks li { display: inline-block; } .section-html { padding-top: 0.5em; } #dseEinAus { display: none; } .klappText { padding: 10px 0; transition: all 1.5s ease; } .klappText .zeigeText { display: none; margin-top: 1em; } .no-js .klappText .zeigeText { display: block; margin-top: 0; } h2.button { border: 5px solid var(--hausfarbeBlau); padding: .375rem 0 !important; display: inline-block; } h2.randRot { font-size: 1.25rem; font-weight: 700; border-color: var(--hervorhebungRot); } h2.button::before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out; } h2.offen::before { transform: rotate(90deg) translateX(-3px); } .klappText .button { max-width: 100%; width: auto; min-width: 50%; } } @media only screen and (min-width: 642px) { #introEinAus, h2.randRot { display: none; } #dseEinAus { display: inline; font-size: 1.25rem; font-weight: 700; color: var(--hervorhebungRot); } .klappText .zeigeText { display: block !important; margin-top: 0; } } @media only screen and (max-width: 768px) { #cssmenu.small-screen > ul > li { background-color: #fff; } #cssmenu.small-screen > ul > li a { color: var(--hausfarbeBlau); } #cssmenu.small-screen #menu-button.menu-opened:before, #cssmenu.small-screen #menu-button.menu-opened:after { background: #fff; } #cssmenu.small-screen .submenu-button { border-left: 0 none; } #cssmenu.small-screen .submenu-button.submenu-opened { background: transparent; } /* #fff; } */ #cssmenu.small-screen ul ul li a, #cssmenu.small-screen ul ul li a:hover { color: var(--hausfarbeBlau); } #cssmenu.small-screen ul ul .submenu-button:before, #cssmenu.small-screen ul ul .submenu-button:after, #cssmenu.small-screen .submenu-button.submenu-opened:after, #cssmenu.small-screen .submenu-button:before, #cssmenu.small-screen .submenu-button:after { background-color: var(--hausfarbeBlau); } #cssmenu.small-screen .submenu-button:before { top: 20px; right: 22px; } #cssmenu.small-screen .submenu-button:after { top: 23px; right: 19px; } #cssmenu.small-screen ul ul .submenu-button::before { top: 17px; right: 22px; } #cssmenu.small-screen ul ul .submenu-button::after { top: 20px; right: 19px; } #cssmenu > ul > li:hover > a, #cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li.active > a { color: var(--hausfarbeBlau); } } @media only screen and (min-width: 769px) { #cssmenu > ul > li:hover > a, #cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li.active > a { color: #fff; } #cssmenu.small-screen #menu-button.menu-opened:before, #cssmenu.small-screen #menu-button.menu-opened:after, #cssmenu.small-screen .submenu-button.submenu-opened:after { background: #fff; } #cssmenu li:hover > ul { box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.3); } }