@font-face {font-family:"Source Sans Pro";font-style:normal;font-weight:300;src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url("../fonts/SourceSansPro/SourceSansPro-Light.ttf") format("truetype")} @font-face {font-family:"Source Sans Pro";font-style:normal;font-weight:400;src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url("../fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype")} @font-face {font-family:"Source Sans Pro";font-style:normal;font-weight:600;src:local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url("../fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype")} @font-face {font-family:"Source Sans Pro";font-style:normal;font-weight:700;src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url("../fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype")} body {font-family:"Source Sans Pro";color:#00549e;font-size:16px;line-height:1.35em;background:#fff} body.noscroll {height:100vh;overflow:hidden !important} *::-moz-selection {background:#00549e;color:#fff;text-shadow:none} ::-moz-selection {background:#00549e;color:#fff;text-shadow:none} ::selection {background:#00549e;color:#fff;text-shadow:none} :focus,.uk-button-link:focus {outline:0} a {-o-transition:0.25s;-ms-transition:0.25s;-moz-transition:0.25s;-webkit-transition:0.25s;transition:0.25s} a:hover {text-decoration:none} h1,.h1 {font-family:"Source Sans Pro";font-weight:600;font-size:44px;line-height:1.2em;letter-spacing:-0.025em;color:#00549e;margin-bottom:30px} h2,.h2 {font-family:"Source Sans Pro";font-weight:700;font-size:36px;line-height:1.2em;letter-spacing:-0.025em;color:#00549e;margin-bottom:30px} h3,.h3 {font-family:"Source Sans Pro";font-weight:600;font-size:30px;line-height:1.2em;letter-spacing:-0.025em;color:#00549e} h4,.h4 {font-family:"Source Sans Pro";font-weight:600;font-size:24px;line-height:1.2em;letter-spacing:-0.025em;color:#00549e} h5,.h5 {font-family:"Source Sans Pro";font-size:18px;line-height:1.35em;letter-spacing:-0.01em;color:#808080} h6,.h6 {font-family:"Source Sans Pro";font-size:13px;line-height:1.35em;text-transform:uppercase;color:#808080;letter-spacing:-0.01em} .uk-contrast .uk-text-primary {color:#00549e !important} .uk-contrast .uk-button-primary {background-color:#00549e !important;color:#fff !important} .headline {margin-bottom:30px} .uk-block-primary h1,.uk-block-primary .h1,.uk-block-secondary h1,.uk-block-secondary .h1,.uk-block-primary h2,.uk-block-primary .h2,.uk-block-secondary h2,.uk-block-secondary .h2,.uk-block-primary h3,.uk-block-primary .h3,.uk-block-secondary h3,.uk-block-secondary .h3,.uk-block-primary h4,.uk-block-primary .h4,.uk-block-secondary h4,.uk-block-secondary .h4,.uk-block-primary h5,.uk-block-primary .h5,.uk-block-secondary h5,.uk-block-secondary .h5,.uk-block-primary h6,.uk-block-primary .h6,.uk-block-secondary h6,.uk-block-secondary .h6 {color:#fff} .uk-block-primary .uk-grid-divider > [class*="uk-width-medium-"]:not(.uk-width-medium-1-1):nth-child(n + 2),.uk-block-secondary .uk-grid-divider > [class*="uk-width-medium-"]:not(.uk-width-medium-1-1):nth-child(n + 2) {border-left:1px solid rgba(255,255,255,0.3)} .uk-link,a {color:#00549e} .uk-link:hover,a:hover {color:#00549e} .uk-block-primary,.color-primary {background:#00549e} .uk-block-secondary,.color-secondary {background:#a4d265} .uk-block-muted {background:#e5eef5} .uk-heading-large {font-size:54px;line-height:1.2em;letter-spacing:-0.025em} em {color:#808080} img.uk-border-circle {border:1px solid #e6eaed} .text-center {text-align:center} hr {border-top-color:#c0cbe1} hr.bold {border-top-width:4px} #preloader {position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:9999} .spinner {-webkit-animation-name:spin;-webkit-animation-duration:4000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear} @-webkit-keyframes spin {from {-webkit-transform:rotateY(0deg)} to {-webkit-transform:rotateY(360deg)} } .uk-dropdown {background:#fff;color:#00549e;border:1px solid #c0cbe1} .uk-nav-dropdown > li > a {color:#00549e} .uk-nav-dropdown > li > a:hover,.uk-nav-dropdown > li > a:focus {background:#00549e} #menubar .uk-navbar-nav > li {} #menubar .uk-navbar-nav > li:first-child {margin-left:0} #menubar .uk-navbar-nav > li > a {font-family:"Source Sans Pro";font-size:16px;font-weight:600;text-transform:uppercase;background:none;color:#fff;border-radius:3px 2px 0 0;height:50px;padding:0 15px;line-height:50px} #menubar .uk-navbar-nav > li > a:hover {background:rgba(255,255,255,0.15);color:#fff} #menubar .uk-navbar-nav > li.uk-active > a {background:#a4d265;color:#00549e} #menubar .uk-badge,#offcanvas-menu .uk-badge {background:#00549e;vertical-align:super} #menubar .uk-dropdown {background:#00549e;padding:15px;border:0} #menubar .uk-dropdown li a {color:#fff;text-transform:uppercase;font-size:16px;font-weight:400} #menubar .uk-dropdown li a:hover {background:#a4d265;color:#00549e} #header {background:#00549e} #header .uk-container {height:100px} #header .logo {display:inline-block;position:relative;z-index:990;padding:15px 0} #header .logo > a:first-child {display:inline-block} #header .logo img {width:181px;height:38px} #header .logo.beta img {width:220px;height:38px} #header .logo-ap {bottom:-12px} #header .logo-ap img {width:138px;height:101px} #header.uk-active .uk-container {height:69px} #header.uk-active .logo img {} #header.uk-active .logo-ap img {} #header.uk-active #menu-icon {} #header .cart {color:#fff !important;font-size:15px;line-height:1em;top:auto;bottom:13px;margin-right:155px} #header .cart a:before {content:url("../img/ico_basket_contrast.svg");display:inline-block;width:36px;height:36px;margin-right:5px} #header .uk-text-large {font-size:18px;line-height:24px} #header .link-chat a,#header .link-hotline a {display:inline-block;color:rgba(0,0,0,0.5);text-decoration:none;font-weight:300;margin-right:50px} #header .link-chat a:hover,#header .link-hotline a:hover {color:#00549e} #header .uk-text-large {line-height:18px} #header .link-chat i,#header .link-hotline i {margin-top:2px;margin-right:8px;color:rgba(0,0,0,0.25);float:left} #header .link-chat a:hover i,#header .link-hotline a:hover i {color:#00549e} #header .uk-navbar {background:none} #menu {background:#fff;border-top:1px solid #e6eaed} #menu .logo {display:none;padding:0} #menu .logo a {padding:15px 0 14px !important} #menu .logo a:after {width:0 !important;margin-left:50% !important} #menu .logo img {height:45px} #menu.uk-active {border-top:0 none} #menu.uk-active li.item31 {display:none} #menu ul.uk-navbar-nav > li {margin-right:35px} #menu ul.uk-navbar-nav > li:last-child {margin-right:0} #menu ul.uk-navbar-nav > li > a,#menu ul.uk-navbar-nav > li > span {cursor:pointer;display:block;background:none;font-size:16px;line-height:1.2em;text-transform:uppercase;font-weight:500;color:#6d6e71;padding:22px 0 23px;height:auto !important;line-height:1.2em} #menu ul.uk-navbar-nav > li > a:after,#menu ul.uk-navbar-nav > li > a:after,#menu ul.uk-navbar-nav > li > span:after,#menu ul.uk-navbar-nav > li > span:after {content:"";display:block;width:0;height:2px;background:#00549e;position:absolute;margin-left:50%;top:-1px;-webkit-transition-duration:0.25s;transition-duration:0.25s} #menu ul.uk-navbar-nav > li.uk-active > a:after,#menu ul.uk-navbar-nav > li:hover > a:after,#menu ul.uk-navbar-nav > li.uk-active > span:after,#menu ul.uk-navbar-nav > li:hover > span:after {margin-left:0%;width:100%;-webkit-transition-duration:0.25s;transition-duration:0.25s} #menu ul.uk-navbar-nav > li:hover > a,#menu ul.uk-navbar-nav > li:hover > span {background:none;color:#00549e} #menu ul.uk-navbar-nav > li.active > a,#menu ul.uk-navbar-nav > li.active > span {color:#005080} #menu ul.uk-navbar-nav > li.item31 > a:before {content:"\f015";font-family:"FontAwesome";margin-right:10px;line-height:1em} #menu ul.uk-navbar-nav > li.parent > a:before,#menu ul.uk-navbar-nav > li.parent > span:before {content:"\f0d7";font-family:"FontAwesome";margin-left:10px;float:right} #header .dropdown-menu {background:#fff;margin-top:0;padding:0;border-top:1px solid #e6eaed;border-bottom:1px solid #e6eaed;overflow:hidden} #header .dropdown-menu .uk-grid > div > div {position:relative;height:300px} #header .dropdown-menu .uk-grid > div > div > div,#header .dropdown-menu .uk-grid > div > div > ul {position:absolute;left:0;bottom:60px} #header .dropdown-menu .uk-grid > div > div > div > .uk-heading-large {font-weight:300;letter-spacing:-0.025em} #header .dropdown-menu .uk-grid > div > div > div > .subheadline {font-weight:600;font-size:21px;line-height:28px;padding-bottom:15px} #header .dropdown-menu .uk-grid > div > div > ul {list-style:none;margin:0} #header .dropdown-menu .uk-grid > div > div > ul li {margin-bottom:10px} #header .dropdown-menu .uk-grid > div > div > ul li a {display:inline-block;font-size:16px;line-height:1.2em} #header .dropdown-menu .uk-grid > div > div > ul li:hover a {text-decoration:none} #header .dropdown-menu .uk-grid > div > div > ul li.active a {color:#000;font-weight:600} #submenu-toggle {display:block;width:100%;border-radius:0;font-size:21px;line-height:1.2em;padding:15px;text-transform:uppercase;background:#a4d265;color:#fff} #submenu-toggle:active {background:#00549e} #submenu-toggle:after {font-family:"FontAwesome";content:"\f29a";margin-left:5px} #submenu {background:#fff;border-bottom:1px solid #e6eaed} #submenu.uk-active {z-index:99} #submenu .uk-tab {margin:0 0 -1px;text-align:center} #submenu .uk-tab::before {border-bottom:0} #submenu .uk-tab > * {padding-left:0} #submenu .uk-tab > * > a {padding:15px 20px;font-size:13px;letter-spacing:-0.01em} #submenu .uk-tab > * > a:hover,#tab-68 a:hover {color:#00549e} #submenu .uk-active > a:hover,#submenu .uk-tab > * > a:focus {color:#444444} .uk-tab {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-20px;padding:0;list-style:none;position:relative} .uk-tab::before {content:"";position:absolute;bottom:0;left:20px;right:0;border-bottom:1px solid #e6eaed} .uk-tab > * {-ms-flex:none;-webkit-flex:none;flex:none;padding-left:20px;position:relative} .uk-tab > * > a {display:block;text-align:center;padding:9px 20px;color:#808080;border-bottom:2px solid transparent;font-size:13px;text-transform:uppercase;-webkit-transition:color 0.1s ease-in-out;transition:color 0.1s ease-in-out;line-height:20px} .uk-tab > * > a:hover,.uk-tab > * > a:focus {color:#666;text-decoration:none} .uk-tab > .uk-active > a {color:#222;border-color:#a4d265;color:#444444} .uk-tab > .uk-disabled > a {color:#999} .uk-tab-bottom::before {top:0;bottom:auto} .uk-tab-bottom > * > a {border-top:2px solid transparent;border-bottom:none} .uk-tab-left,.uk-tab-right {-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;margin-left:0} .uk-tab-left > *,.uk-tab-right > * {padding-left:0} .uk-tab-left::before {top:0;bottom:0;left:auto;right:0;border-left:1px solid #e6eaed;border-bottom:none} .uk-tab-right::before {top:0;bottom:0;left:0;right:auto;border-left:1px solid #e6eaed;border-bottom:none} .uk-tab-left > * > a {text-align:right;border-right:2px solid transparent;border-bottom:none} .uk-tab-right > * > a {text-align:left;border-left:2px solid transparent;border-bottom:none} .uk-tab .uk-dropdown {margin-left:40px} .spinner {color:#00549e} .uk-slidenav-position .uk-slidenav {display:block;line-height:0;border-radius:50%;color:#a4d265} .uk-slidenav-previous:before,.uk-slidenav-next:before {font-size:40px;line-height:56px} .uk-slidenav-position .uk-slidenav:hover {background:#00549e;border-color:#00549e;color:#fff} .uk-slidenav-previous:before {content:"\f111"} .uk-slidenav-next:before {content:"\f112"} #main {font-size:16px;line-height:1.35em;font-weight:400;color:#00549e} #breadcrumb {} .uk-breadcrumb > li:nth-child(n + 2):before {content:"\f105";font-family:FontAwesome} .mod-articles-slider .image {overflow:hidden} .mod-text {position:relative} .mod-text a:not(.uk-button) {border-bottom:1px solid #00549e} .mod-text a:hover:not(.uk-button) {background:#00549e;border-top:1px solid #00549e;border-bottom:1px solid #00549e;color:#fff} .mod-text a:hover + img {background:none} a.arrow-right {margin-left:24px} a.arrow-right:before {content:"";display:inline-block;width:14px;height:12px;background:url("../img/arrow-right.png") center center no-repeat;background-size:contain;margin-right:5px;margin-left:-19px} .mod-text em {color:#808080} .mod-text ul,.text ul,.slick-slide ul {padding-left:15px} .mod-text ul li,.text ul li,.slick-slide ul li {position:relative;margin:0 0 5px 0;list-style:none} .mod-text ul li:before,.text ul li:before,.slick-slide ul li:before {content:"¬";position:absolute;left:-15px;top:0;font-weight:700;color:#00549e} ul.list-check {padding-left:40px} ul.list-check li {position:relative;margin:0 0 15px -40px;list-style:none;padding-top:15px;padding-left:50px} ul.list-check li:before {content:"";display:inline-block;width:40px;height:40px;background:url("../img/li_check.png") center center no-repeat;background-size:contain !important;margin-left:25px;left:-25px} .uk-block ul.list-check li:before {background:url("../img/li_check_contrast.png") center center no-repeat} .uk-contrast ul li:before {color:rgba(255,255,255,0.5)} .mod-text .uk-list-line > li:nth-child(n + 2) {margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,84,158,0.3)} .mod-text .uk-list-line > li:nth-child(n + 2):before {padding-top:15px} .mod-imgtext {position:relative} .mod-imgtext .text .uk-panel-space {padding:50px} .mod-imgtext.oben,.mod-imgtext.unten {text-align:center} .mod-imgtext.oben .uk-grid > div,.mod-imgtext.unten .uk-grid > div {width:100%} .mod-textimg .img img {width:100%;height:auto} .mod-textimg .einzug .img img,.mod-textimg .einzug .img img {max-width:418px} .mod-textimg.links .container .img img,.mod-textimg.rechts .container .img img {max-width:640px} .mod-articles-slider .uk-panel-box {background:inherit} .mod-articles-slider h2 {color:#a4d265;margin-top:5px;font-size:24px;line-height:1.2em;text-transform:none} .mod-articles-slider .title {margin:0;padding:15px;background:rgba(0,84,158,0.1);border:0 solid rgba(0,84,158,0.7);-webkit-transition-duration:0.5s;transition-duration:0.5s} .mod-articles-slider .slick-slide:hover .title {opacity:0} .mod-articles-slider .title > * {color:#fff;font-size:30px;line-height:1.2em;letter-spacing:-0.01em} .mod-articles-slider .title > *:before,.mod-articles-slider .title > *:after {content:"";display:block;height:3px;width:40px;background:#a4d265;margin:15px auto} .mod-articles-slider .title > *:before {margin-bottom:5px;background:none} .mod-articles-slider .slick-slide:hover .title {margin:0;padding:30px;-webkit-transition-duration:0.5s;transition-duration:0.5s;color:rgba(255,255,255,0);text-shadow:none;border-color:rgba(0,84,158,0)} .mod-articles-slider .subtitle {text-transform:uppercase;font-size:20px;line-height:1.2em} .mod-articles-slider .description {} .mod-articles-slider .uk-dotnav {margin-top:0;margin-bottom:0} .mod-articles-slider .uk-overlay-panel {background:#a4d265;background:rgba(0,84,158,0.9);color:#fff;margin:15px} .uk-dotnav > * > * {width:15px;height:15px} .uk-dotnav > .uk-active > * {background:#005080} .slick-dotted.slick-slider {margin-bottom:80px} .mod-buchtipp .slick-dotted.slick-slider {margin-bottom:0} .slick-dots {bottom:-50px} .slick-dots li {margin:0;width:27px;height:27px} .slick-dots li button {font-size:0;line-height:0;display:block;width:27px;height:27px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;padding:4px} .slick-dots li button:before {display:block;content:"";width:15px;height:15px;margin:5px;border-radius:50%;background:#fff;opacity:1;border:1px solid #00549e} .slick-dots li button:hover:before {background:#00549e} .slick-dots li.slick-active button:before {background:#00549e;opacity:1} .slick-slide img {display:inline-block} .slick-slide a {border-bottom:1px solid #00549e} .slick-slide a:hover {background:#00549e;border-top:1px solid #00549e;border-bottom:1px solid #00549e;color:#fff} .start-slider .slick-slide a {border:0 !important} .start-slider .slick-slide a:hover {background:none} .mod-toggle .panel {background:#edf1f9;padding:0;margin-bottom:10px} .mod-toggle .open .panel {margin-bottom:30px} .mod-toggle .caption {position:relative} .mod-toggle .title {display:block;margin-bottom:0;margin:0;padding:10px 50px 10px 25px} .mod-toggle a .title {display:block;color:#00549e} .mod-toggle a:hover .title {color:#00549e;background:#d9e6f1} .mod-toggle a .title:after {position:absolute;right:7px;top:0;content:"\f0da";font-family:"FontAwesome";font-size:24px;background:none;color:#00549e;height:45px;width:45px;text-align:center;line-height:45px;box-sizing:border-box;-moz-transition:all 0.15s ease;-webkit-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease} .mod-toggle a .title:after:before {border-color:#00549e;color:#00549e} .mod-toggle .open a .title:after {-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .mod-toggle .content {display:none;padding:15px 25px 15px 25px} .mod-toggle .open .content {display:block} .mod-logos img {max-width:210px;max-height:140px} #modal .uk-modal-dialog,.modal .uk-modal-dialog {width:996px;min-height:70px} .uk-modal-dialog .close {display:inline-block;padding:10px;color:#ccc;width:auto;height:auto;top:0 !important;right:0 !important;opacity:1;margin:0 !important;float:none !important;z-index:9} .uk-modal-dialog .close:hover {color:#00549e} .uk-modal-dialog .title {font-family:"Mato Sans Medium";font-size:48px;line-height:1.2em;letter-spacing:-0.025em;margin:0;color:#fff;text-shadow:0 0 15px rgba(0,80,128,0.7)} .uk-modal-dialog .einzug {width:100%} .uk-modal-dialog .content {} .uk-modal-dialog .uk-form-horizontal .uk-form-label {width:auto} .uk-modal-dialog .uk-form-horizontal .uk-form-controls {margin-left:0} .uk-notify-message > .uk-close {position:absolute;top:10px;right:10px} #footer {margin:0 auto} #footer h4 {font-size:21px;line-height:1.2em;letter-spacing:-0.01em} #footer .uk-contrast .uk-subnav > * {margin-right:20px} #footer .uk-contrast .uk-subnav > * > a {font-size:18px;line-height:1.2em} #footer .uk-text-muted,#footer .uk-text-muted * {color:rgba(255,255,255,0.7) !important} #footer .sitemap {background:#00549e;padding:30px 0 30px;color:rgba(255,255,255,0.5)} #footer .logo img {height:67px} #about .contact i,.mod-contactform i {width:40px;margin-left:-40px} #footer .sitemap .uk-text-large {font-size:18px} #footer .sitemap li,#menu-dropdown li {padding:0;margin:0;font-size:16px;line-height:1.35em} #footer .sitemap li {border-color:rgba(255,255,255,0.1)} #footer .sitemap a,#menu-dropdown a {display:block;padding:6px 0 7px} #footer .sitemap a:hover,#menu-dropdown a:hover {text-decoration:none} #footer #mc-embedded-subscribe {border-top-left-radius:0;border-bottom-left-radius:0} #footer .bottom {border-top:1px solid rgba(255,255,255,0.1);padding:30px 0;background:#00549e;font-size:16px;line-height:1.35em} #footer .button-social {font-size:14px;letter-spacing:-0.025em} .cookieMsg #footer .bottom {padding-bottom:100px} #scrollToTop {display:none;position:fixed;bottom:0;right:0} #scrollToTop a {display:block} #scrollToTop a:hover,#scrollToTop a:active {background:#a4d265;color:#fff} #social {position:fixed;right:0;top:50%;margin-top:-94px;z-index:990} #social a,#scrollToTop a {display:block;width:60px;height:60px;background:#00549e;margin:2px 0;color:#fff;font-size:30px;line-height:60px;text-align:center} #social a:hover,#scrollToTop a:hover {background:#a4d265} #social img {max-width:24px;max-height:24px;vertical-align:sub} #scrollToTop a {margin-bottom:0} #voucher-form .wrapper {display:none} #voucher-form.active a {display:none} #voucher-form.active .wrapper {display:block} .uk-text-large {} .uk-text-primary {color:#00549e !important} .uk-text-secondary {color:#a4d265 !important} .text-red {color:#b30d25} #cookiesInfo {position:fixed;left:0;bottom:0;width:100%;z-index:999;text-align:left;background:#fff;box-shadow:0 0 25px rgba(0,0,0,0.3)} #cookiesInfo > div {padding-left:30px;padding-right:30px;color:#808080;font-size:13px;line-height:1.35em;text-align:center} #cookiesInfo .btn-close i {padding:5px;color:#a4d265} #cookiesInfo .btn-close i:hover {color:#00549e} .uk-button,input[type="submit"] {display:inline-block;border-radius:3px;background:#00549e;color:#fff;font-size:1em;line-height:30px;font-weight:600;border:0;vertical-align:unset} .uk-button-large {line-height:40px;font-size:20px} .uk-button-primary,input.uk-button-primary,.uk-button-primary:focus,input.uk-button-primary:focus {background:#00549e;color:#fff} .uk-button-primary:hover,.uk-button-primary:active {background:#00549e;color:#fff} .uk-block-primary .uk-button {color:#fff;border:1px solid rgba(255,255,255,1)} .uk-block-primary .uk-button:hover,.uk-block-secondary .uk-button:hover {background:#fff;color:#00549e} .uk-button-secondary,input.uk-button-secondary,.uk-button-secondary:focus,input.uk-button-secondary:focus {background:#a4d265 !important;color:#fff;border:0 !important} .uk-block-primary .uk-button:active,.uk-contrast input.uk-button:active,.uk-block-primary .uk-button:focus,.uk-contrast input.uk-button:focus {background:#fff;color:#00549e} .uk-button-link {color:#00549e;background:none} .uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active {background:none;color:#00549e} .uk-contrast .uk-button,.uk-contrast input[type="submit"] {background:#00549e;color:#fff} .uk-contrast .uk-button-link {background:none;color:#00549e} .uk-contrast .uk-button:hover,.uk-contrast input[type="submit"]:hover,.uk-contrast .uk-button:focus,.uk-contrast input[type="submit"]:focus {background:#fff;color:#00549e} .uk-button-rounded {height:40px;border-radius:20px !important} .uk-button:hover,.uk-button:active,input.uk-button:active {background:#a4d265;color:#fff} .uk-button-small {line-height:25px !important;font-size:12px !important} .uk-button-large.uk-button-rounded {height:56px;border-radius:30px !important;border-width:2px;font-size:24px;line-height:50px;text-transform:unset} .uk-button-large.uk-button-rounded:before {content:"";display:inline-block;font-size:48px;line-height:48px;width:48px;height:48px;border-radius:50%;margin-left:-10px;margin-top:4px;margin-right:5px;color:#00549e;text-align:center;vertical-align:bottom;background:rgba(255,255,255,0.5) url("../img/arrow_double_right.png") center center no-repeat;background-size:30px 27px} .uk-button-large.uk-button-rounded:hover {background-color:#00549e} .uk-block.uk-contrast .uk-button-large.uk-button-rounded:before {margin-left:-12px;margin-top:2px} .uk-contrast .uk-button-large.uk-button-rounded:hover {background-color:#fff} .uk-button-large.uk-button-rounded:hover:before {background-color:#fff !important;-webkit-transition-duration:0.25s;transition-duration:0.25s} .uk-button[disabled] {background-color:#e5eef5 !important;color:#97a9cc !important} .button-bordered,.button-bordered:active,.button-bordered:focus {border:1px solid #00549e} .button-facebook:hover,.button-facebook:focus {background:#3b5998;color:#fff} .button-twitter:hover,.button-twitter:focus {background:#1da1f2;color:#fff} .button-youtube:hover,.button-youtube:focus {background:#e62117;color:#fff} .button-instagram:hover,.button-instagram:focus {background-image:linear-gradient( 270deg,#bc32a4 0%,#e03768 50%,#f67c33 100% );color:#fff} .uk-pagination > .uk-active > span {background:#00549e} .uk-pagination > li > a:hover,.uk-pagination > li > a:focus {background:#8dc63f;color:#fff} textarea,.uk-scrollable-text {resize:vertical} .uk-form select:focus,.uk-form textarea:focus,.uk-form input:not([type]):focus,.uk-form input[type="text"]:focus,.uk-form input[type="password"]:focus,.uk-form input[type="datetime"]:focus,.uk-form input[type="datetime-local"]:focus,.uk-form input[type="date"]:focus,.uk-form input[type="month"]:focus,.uk-form input[type="time"]:focus,.uk-form input[type="week"]:focus,.uk-form input[type="number"]:focus,.uk-form input[type="email"]:focus,.uk-form input[type="url"]:focus,.uk-form input[type="search"]:focus,.uk-form input[type="tel"]:focus,.uk-form input[type="color"]:focus {border-color:#e6eaed;background:#f7f9fa;color:#00549e} .uk-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),.uk-form select {color:#00549e} .uk-form-icon > [class*="uk-icon-"] {font-size:16px;margin-top:0;line-height:32px;top:0} .uk-form-large .uk-form-icon > [class*="uk-icon-"] {font-size:21px;line-height:40px} select {appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-border-radius:0px} .uk-form-icon-right > [class*="uk-icon-"] {left:auto;right:0;top:0;color:#00549e} .uk-form select,.uk-form input {height:32px;font-weight:600;border-color:#00549e} .uk-form select {padding-right:30px;background-clip:border-box !important} .uk-form.uk-form-large select,.uk-form select.uk-form-large {height:40px;font-size:18px} select.uk-form-small,textarea.uk-form-small,input[type].uk-form-small,input:not([type]).uk-form-small {height:21px} .uk-form-blank {border-style:none !important} .disabled,input:disabled,select:disabled {color:#808080 !important;background:#f7f9fa !important} .mod-contactform textarea {resize:vertical} .uk-contrast .uk-form input[type="text"] {background-clip:border-box} .uk-form select:focus,.uk-form textarea:focus,.uk-form input:not([type]):focus,.uk-form input[type="text"]:focus,.uk-form input[type="password"]:focus,.uk-form input[type="datetime"]:focus,.uk-form input[type="datetime-local"]:focus,.uk-form input[type="date"]:focus,.uk-form input[type="month"]:focus,.uk-form input[type="time"]:focus,.uk-form input[type="week"]:focus,.uk-form input[type="number"]:focus,.uk-form input[type="email"]:focus,.uk-form input[type="url"]:focus,.uk-form input[type="search"]:focus,.uk-form input[type="tel"]:focus,.uk-form input[type="color"]:focus {border-color:#00549e;background:#fff} .uk-contrast .uk-form select,.uk-contrast .uk-form select:focus {border-color:#00549e;border-color:#00549e;background:#fff} .mod-berufefinder {} .mod-buchtipp {background:#fdead2} .mod-buchtipp .headline {z-index:99} .mod-buchtipp .slick-slider {margin-bottom:0} .mod-buchtipp .slick-slide {} .mod-buchtipp .slick-slide > div {padding-bottom:100px;background-size:contain;background-position:center bottom;background-repeat:no-repeat} .mod-buchtipp .slick-dots {bottom:50px} .mod-buchtipp img.titel {height:280px;width:auto} .mod-downloads .download-item {display:block;padding:15px 45px 15px 15px;position:relative;background:#e6eaed} .mod-downloads .download-item:hover {background:#00549e;color:#fff} .mod-downloads .download-item p {position:relative;margin:0;z-index:9} .mod-downloads .download-item span {-webkit-transition-duration:0.25s;transition-duration:0.25s;color:#808080} .mod-downloads .download-item:hover span {color:#fff} .mod-downloads .download-item:after {display:block;content:"\f1bd";font-family:"FontAwesome";color:rgba(255,255,255,1);position:absolute;right:-15px;top:50%;width:90px;height:90px;line-height:90px;font-size:45px;margin-top:-45px;text-align:center;border:2px solid rgba(255,255,255,0.5);border-radius:50%} .mod-youtube {text-align:center} .mod-youtube span {display:block;border-radius:50%;width:80px;height:80px;background:#00549e} .mod-youtube span:after {display:block;content:"";width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:20px 0 20px 30px;border-color:transparent transparent transparent #fff;margin:20px 0 20px 30px} .mod-youtube:hover span {background:#8dc63f} .mod-youtube:hover span:after {border-color:transparent transparent transparent #fff} .mod-youtube .wrapper {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;height:auto} .mod-youtube .wrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%} .uk-overlay-background {background:rgba(0,84,158,0.5)} .text-dashed {border-bottom:1px dashed #00549e} .uk-table td,.uk-table th {border-bottom:1px solid #e6eaed;text-align:center} .uk-table th {color:#444444;border-bottom-width:2px;font-weight:bold} .mod-table .table-right td,.mod-table .table-right th {text-align:right} .mod-table .table-firstcol-left td:first-child,.mod-table .table-firstcol-left th:first-child {text-align:left;font-weight:bold} .mod-table .table-footer tr:last-child td {font-weight:bold;border-top:2px solid #e6eaed;color:#444444;border-bottom:0} .uk-table-striped tbody tr:nth-of-type(odd) {background:#f7f9fa} .uk-panel-box {background:#f7f9fa;color:#00549e;box-shadow:2px 2px 10px rgba(0,0,0,0.3)} .uk-panel-box-primary {background:#edf1f9;box-shadow:none} .uk-panel-box-secondary {background:#f3f9eb;box-shadow:none} .uk-icon-large {font-size:250% !important} .uk-icon-medium {font-size:200% !important} .uk-icon-small {font-size:150% !important} .uk-icon-button {background:#fff;border:1px solid #c0cbe1;font-size:13px;position:relative} .uk-icon-button:hover {background:#edf1f9} .bc-checkout:before {content:"";height:1px;width:100%;background:#c0cbe1;position:absolute;left:0;top:18px} .bc-checkout .active {color:#8dc63f} .bc-checkout .active .uk-icon-button {color:#8dc63f;border-color:#8dc63f} .bc-checkout .done {color:#00549e} .bc-checkout .done .uk-icon-button {color:#00549e;border-color:#00549e} .uk-text-small {font-size:13px} .uk-text-large {font-size:20px} #offcanvas-controls {display:none;border-bottom:1px solid #c0cbe1} #offcanvas-controls a {display:inline-block;font-size:18px} #offcanvas-controls span {vertical-align:sub} #offcanvas-controls .cart {display:none} #offcanvas-btn {position:relative;display:inline-block;padding:0;height:21px;line-height:21px;text-align:center;cursor:pointer;z-index:990} #offcanvas-btn:hover,#offcanvas-btn:focus,#offcanvas-btn:active,:hover #offcanvas-btn {background:none} #offcanvas-btn .menu-icon {position:relative;width:30px;height:21px;margin-right:10px} #offcanvas-menu {display:none} #offcanvas-menu.open {display:block;position:absolute;left:0;top:0;width:100%;height:100vh;z-index:998;-webkit-animation-duration:0.5s;animation-duration:0.5s} #offcanvas-menu li {margin:0;padding-top:0;border-top:0 none;border-bottom:1px solid #c0cbe1;animation-timing-function:ease;-webkit-animation-timing-function:ease} #offcanvas-menu li > a {display:block;padding:10px;text-align:center;text-transform:uppercase} #offcanvas-menu li > a:hover {color:#043344 !important} .menu-line {background-color:#00549e;height:2px;width:100%;border-radius:2px;position:absolute;left:0;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)} #header.uk-active .menu-line {background:#8998a0} .menu-line-1 {top:-1px} .menu-line-2 {top:0;bottom:0;margin:auto} .menu-line-3 {bottom:-2px} #offcanvas-btn.open .menu-line-1 {transform:translateY(12px) translateY(-50%) rotate(-135deg)} #offcanvas-btn.open .menu-line-2 {opacity:0} #offcanvas-btn.open .menu-line-3 {transform:translateY(-12px) translateY(50%) rotate(135deg)} #professions {background:url("../img/bg_berufe.jpg") top center repeat-y;background-size:1600px auto;padding-top:50px;padding-bottom:50px} #professions ul.professionList > li {background:#f3f9eb;margin-top:3px;padding:10px} #professions ul.professionList > li.letter {background:#a4d265;color:#fff;margin-top:10px;padding-top:0;padding-bottom:0} #professions ul.professionList > li .name,#professions ul.professionList > li .price {line-height:1.2em} #professions ul.professionList > li img.logo {width:105px;height:auto;vertical-align:unset;margin-bottom:-2px} #professions .addtocart:after {content:url("../img/ico_basket_contrast.svg");display:inline-block;width:24px;height:24px;margin-left:5px;vertical-align:sub} #professions .category {background:#edf1f9;padding:0;margin-bottom:10px} #professions .keymap .letters {background:#dceec5} iframe {border:1px solid #00549e} #demo {position:fixed;left:0;top:0;width:100%;height:100vh;z-index:998;padding:25px;box-sizing:border-box} #demo .overlay {background:rgba(0,0,0,0.7);z-index:998} #demo iframe {position:relative;width:1020px;height:780px;border:0;z-index:999} #close-demo {z-index:999;right:50%;top:50%;margin-right:-528px;margin-top:-407px;background:rgba(255,255,255,0.7);border-radius:50%;width:35px;height:35px;box-shadow:2px 2px 4px rgba(0,0,0,0.5);text-align:center;line-height:35px} #close-demo:hover {background:rgba(255,255,255,1)} #mod-professions .keys {padding:4px 10px} #mod-professions .profession-list {overflow:scroll;height:400px;border-top:1px solid #fff;border-bottom:1px solid #fff} #mod-professions .profession-list ul {margin:15px 0} #mod-professions .profession-list a {display:block;padding:5px 10px;margin:0} #mod-professions .profession-list a:hover,#mod-professions .profession-list a.active {background:#006faf} #mod-professions .profession-details {height:410px;max-height:435px;overflow:auto;margin-top:25px} #mod-professions .profession-details h4 {border-bottom:1px solid #fff;padding-bottom:5px} #mod-professions .profession-details .mod-toggle .panel {background:none;color:#fff;margin:0;border-bottom:1px solid #fff} #mod-professions .profession-details p {border-bottom:1px solid #fff;margin:0;padding:0 0 15px 0} #mod-professions .profession-details .mod-toggle a .title {color:#fff;padding:5px 30px 5px 10px} #mod-professions .profession-details .mod-toggle a:hover {text-decoration:none} #mod-professions .profession-details .mod-toggle a:hover .title {background:#006faf} #mod-professions .profession-details .mod-toggle a .title:after {color:#fff;height:30px;width:30px;line-height:30px;right:0} #mod-professions .profession-details .mod-toggle .content {padding:10px 10px 20px} #slice_263 .img {text-align:right !important} #slice_386 {padding-bottom:80px} #slice_386 h2 {text-align:center} #paymentMethodContainer .paymentMethodRow.selected {background:#f7f9fa !important} #paymentMethodContainer .separator {border-bottom:1px solid #c0cbe1 !important} @media (min-width:1220px) {.uk-container {max-width:1400px} } @media (max-width:1219px) {#header .uk-container {height:70px} #offcanvas-controls {display:block;padding:15px 0} #offcanvas-btn {display:inline-block} #menubar {display:none} .uk-width-medium-2-3.uk-container-center {width:100%} .uk-block {padding-top:50px;padding-bottom:50px} } @media (max-width:959px) {.einzug {width:100%} #offcanvas-menu.open {display:block !important;position:relative} #offcanvas-menu li > a.uk-button {line-height:1.35em !important;border:0} #offcanvas-menu li > a.uk-button:hover {background:none;color:#00549e} #footer .button-social {width:50px;height:50px;line-height:50px !important;text-align:center;border-radius:50% !important} .mod-buchtipp .headline {position:relative !important} #professions {background:none} #social {right:0;top:auto;bottom:60px;margin-top:0} } @media (max-width:767px) {h1,.h1 {font-size:30px;line-height:1.2em;letter-spacing:-0.025em} h2,.h2 {font-size:24px;line-height:1.2em;letter-spacing:-0.01em} h3,.h3 {font-size:21px;line-height:1.2em;letter-spacing:-0.01em} h4,.h4 {font-size:18px;line-height:1.2em;letter-spacing:-0.01em} h5,.h5 {font-size:16px;line-height:1.2em;letter-spacing:-0.01em} #header .logo-ap {overflow:hidden} #header .logo-ap img {position:relative;right:-20px;z-index:90} #header .cart {color:#00549e !important;top:75px;bottom:auto;margin-right:25px;display:none} #header .cart span {color:#00549e !important} #header .cart a:before {content:url("../img/ico_basket.svg")} #header .logo img {width:142px;height:30px} #header .logo.beta img {width:173px;height:30px} #offcanvas-controls .cart {display:inline-block;margin-top:-6px !important} #breadcrumb {display:none} #social {right:auto;left:0;bottom:0;font-size:0;width:100%;border-top:1px solid #fff} #social span {display:inline-block;width:20%} #social a {margin:0;width:100%;border-right:1px solid #fff;height:45px;line-height:45px;font-size:24px;box-sizing:border-box} #social span:last-child a {border-right:0} #scrollToTop {bottom:55px;right:10px} #scrollToTop a {border-radius:50%;background:rgba(255,255,255,0.7);color:#00549e} #footer {padding-bottom:45px} #footer .contact i {width:40px;margin-left:0} #footer .uk-contrast .uk-subnav > * {float:none} #submenu-wrapper:not(.uk-active) {position:relative;z-index:9} #submenu .uk-container {padding:0} #submenu li {display:block;width:100%} #submenu li a {font-size:16px !important;line-height:1.2em !important} #submenu li:not(.uk-active) a {border-bottom:1px solid #e6eaed} .mod-articles-slider .title > * {font-size:24px;line-height:1.2em} .mod-articles-slider .subtitle {font-size:16px;line-height:1.2em} .mod-articles-slider .description {font-size:14px;line-height:1.2em} .mod-imgtext .uk-grid > div {height:auto !important} .mod-imgtext .text .uk-panel-space {padding:30px} .mod-imgtext.links,.mod-imgtext.rechts {} .mod-imgtext.links .img:after,.mod-imgtext.rechts .img:after {border-width:0 30px 30px 30px !important;left:50%;top:auto;bottom:0;margin-left:-30px;border-color:transparent transparent #fff transparent !important} .mod-imgtext.links.primary .img:after,.mod-imgtext.rechts.primary .img:after {border-bottom-color:#a4d265 !important} .mod-imgtext.links.secondary .img:after,.mod-imgtext.rechts.secondary .img:after {border-bottom-color:#00549e !important} .mod-imgtext.links.grau .img:after,.mod-imgtext.rechts.grau .img:after {border-bottom-color:#f7f9fa !important} .mod-quote.uk-contrast,.mod-text.uk-contrast,.mod-textimg.uk-contrast {background-attachment:inherit !important} .mod-youtube span {width:60px;height:60px} .mod-youtube span:after {border-width:15px 0 15px 22px;margin:15px 0 15px 22px} .mod-buchtipp .uk-text-right {text-align:left !important} #cookiesInfo .btn-close {padding:4px 2px} #professions {background:none;padding-top:0;padding-bottom:0} ul#professionList > li {margin-top:25px} ul#professionList > li a,ul#professionList > li span {display:inline-block;margin-bottom:5px} .mod-imgtext .text .uk-panel-space {padding:10px 30px} #slice_263,#slice_263 .img {text-align:center !important} #about .contact i,.mod-contactform i {width:35px;margin-left:0;font-size:24px !important} .uk-button-large.uk-button-rounded {font-size:21px !important;line-height:38px;height:44px !important} .uk-button-large.uk-button-rounded:before {font-size:36px;line-height:36px;width:36px;height:36px;background-size:24px 21px} .uk-contrast .uk-button-large.uk-button-rounded:before {margin-left:-12px;margin-top:2px} #professions ul.professionList > li {padding:15px} #professions ul.professionList .uk-button {margin:5px 0 0;width:100%} #mod-professions .profession-list {height:220px} .uk-breadcrumb {margin-bottom:-30px} .uk-panel-space {padding:15px} body.noscroll {position:fixed;height:100vh;overflow:hidden !important} #demo {padding:10px;height:100%;align-items:self-start;overflow:hidden} #demo iframe {width:100%;height:100%;box-sizing:border-box;overflow:hidden !important} #close-demo {right:0;top:0;margin-right:0;margin-top:0} .slick-dotted.slick-slider {margin-bottom:80px} } .dtz-container {max-width:1200px;margin:0 auto;padding:20px} @media (max-width:768px) {.dtz-container {padding:5px;margin-top:-10px} } .dtz-container h1 {color:#0056b3;text-align:center} .dtz-container .search-container {display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;gap:10px} .dtz-container .search-container input,.dtz-container .search-container select {padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;flex:1;max-width:600px} .dtz-container .search-container select {background-color:white;color:#333} .dtz-container .search-container button {background-color:#0056b3;color:white;border:none;padding:12px 16px;font-size:16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px} .dtz-container .search-container button:hover {background-color:#004494} .dtz-container .search-container button img {filter:invert(1)} .dtz-container .search-row {display:flex;justify-content:flex-start;align-items:center;gap:10px;width:100%} .dtz-container table {width:100%;border-collapse:collapse;margin-bottom:20px} @media (max-width:768px) {.dtz-container table {margin-left:-5px;width:calc(100% + 10px) !important} } .dtz-container table th,.dtz-container table td {text-align:left;padding:8px;font-size:14px} @media (max-width:768px) {.dtz-container table th.row-phone,.dtz-container table td.row-phone {display:none} } .dtz-container table th {background-color:#0056b3;color:white;cursor:pointer;display:table-cell;align-items:center;justify-content:space-between} .dtz-container table th:hover {background-color:#004494} .dtz-container table th i {margin-left:5px} .dtz-container table table th a {display:block;color:inherit;text-decoration:none;padding:8px} .dtz-container table table th a:hover {background-color:#004494;color:white} .dtz-container table tr:nth-child(even) {background-color:#e8f5e9} .dtz-container table tr:nth-child(odd) {background-color:#ffffff} .dtz-container table tr:hover {background-color:#c8e6c9} .dtz-container .details-link {color:#0056b3;text-decoration:none;font-weight:bold} .dtz-container .details-link:hover {text-decoration:underline;color:#004494} .dtz-container .uk-pagination {display:flex;justify-content:center;list-style:none;padding:0;margin:20px 0} .dtz-container .uk-pagination li {margin:0 5px} .dtz-container .uk-pagination li a {display:block;border:1px solid #ccc;border-radius:4px;text-decoration:none;color:#0056b3;background-color:#fff} .dtz-container .uk-pagination li a:hover,.dtz-container .uk-pagination li span:hover {background-color:#e8f5e9} .dtz-container .uk-pagination li.uk-active a {background-color:#0056b3;color:#fff;border-color:#0056b3} .dtz-container .uk-pagination li.uk-disabled span {color:#ccc;cursor:not-allowed} .dtz-container a {color:inherit;text-decoration:none} .dtz-container a:hover {text-decoration:underline} .dtz-container a:visited {color:inherit} @media (max-width:768px) {.dtz-container .search-row {display:flex;flex-direction:row;justify-content:flex-start;gap:10px} .dtz-container .search-container input,.dtz-container .search-container select,.dtz-container .search-container button {font-size:14px;padding:10px} .dtz-container table {font-size:12px;border-collapse:collapse;width:100%} .dtz-container table thead {display:table-header-group} .dtz-container table tr {display:table-row} .dtz-container table td,.dtz-container table th {display:table-cell;padding:6px;font-size:12px} } .dtz-container .autoComplete_wrapper > input {height:18px} .info-container {margin:0 auto;max-width:1000px;padding:20px} .info-container h2 {color:#0056b3;margin-bottom:50px} .info-container .detail-box {background-color:#e3f2fd;border:2px solid #0056b3;border-radius:0;padding:20px;margin-bottom:20px} .info-container .detail-box h2 {font-size:18px;margin-bottom:15px} .info-container .detail-box h2 span {font-size:15px;color:#333;font-weight:normal} .info-container .detail-box p {margin:8px 0;font-size:16px;line-height:1.5} .info-container .status-container {display:flex;align-items:center;margin-top:10px} .info-container .status-label {margin-right:3px} .info-container .button-container {text-align:center;margin-top:20px;margin-bottom:40px} @media (max-width:768px) {.info-container .button-container {display:flex;flex-direction:column} } .info-container .back-button,.info-container .prev-button,.info-container .next-button {background-color:#0056b3;color:white;padding:10px 20px;font-size:14px;border:none;border-radius:4px;text-decoration:none;cursor:pointer;margin:5px} .info-container .back-button:hover,.info-container .prev-button:hover,.info-container .next-button:hover {background-color:#004494} .info-container a {font-weight:bold} .info-container a:hover {text-decoration:underline} #cookieWrapper {position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;display:none;overflow:auto} #cookieWrapper .row {display:flex;flex-direction:row;flex-wrap:wrap} #cookieWrapper .row--gap {margin:0 -1em} #cookieWrapper .row--gap > * {padding:0 1em 2em} #cookieWrapper .row--gap-sm {margin:0 div(-1em,2)} #cookieWrapper .row--gap-sm > * {padding:0 div(1em,2) 1em} #cookieWrapper .direction-row {flex-direction:row} #cookieWrapper .no-wrap {flex-wrap:nowrap} #cookieWrapper .direction-row-reverse {flex-direction:row-reverse} #cookieWrapper .direction-column {flex-direction:column} #cookieWrapper .direction-column-reverse {flex-direction:column-reverse} #cookieWrapper .align-center {justify-content:center} #cookieWrapper .align-right {justify-content:flex-end} #cookieWrapper .align-left {justify-content:flex-start} #cookieWrapper .align-justify {justify-content:space-between !important} #cookieWrapper .align-around {justify-content:space-around} #cookieWrapper .align-top {align-items:flex-start} #cookieWrapper .align-middle {align-items:center} #cookieWrapper .align-bottom {align-items:flex-end} #cookieWrapper .align-stretch {align-items:stretch} #cookieWrapper .align-self-start {align-self:flex-start} #cookieWrapper .align-self-center {align-self:center} #cookieWrapper .align-self-end {align-self:flex-end} #cookieWrapper .group-desc {width:80%} @media (max-width:360px) {#cookieWrapper .group-desc {width:70%} } #cookieWrapper .links {display:flex;justify-content:center;align-items:center;padding:15px 0;flex-direction:row;gap:0.5rem;width:100%} #cookieWrapper #cookieModal {max-width:420px} #cookieWrapper #cookieModal .mt-5px {margin-top:5px} #cookieWrapper #cookieModal .mt-05 {margin-top:0.5em} #cookieWrapper #cookieModal .headline-container {height:44px;width:100%;display:flex;justify-content:space-between} #cookieWrapper #cookieModal .cookieModal__setting-headline {margin-bottom:0.9px;font-size:14px;line-height:calc(2px + 2ex + 2px);text-transform:uppercase;letter-spacing:2px;width:60%} @media (max-width:768px) {#cookieWrapper #cookieModal .cookieModal__settingHeadline {margin-top:0.875rem;margin-bottom:1em} } #cookieWrapper #cookieModal .cookieModal__settings-entry {font-size:1em;line-height:1.2em;width:calc(100% - 30px)} #cookieWrapper #cookieModal > div {position:relative;max-width:735px;background:#fff;margin:0 auto;padding:15px 0;box-shadow:0 0 30px rgba(0,0,0,0.08)} #cookieWrapper #cookieModal > div.setup {padding:0 0 15px} #cookieWrapper #cookieModal .image {margin-top:10px;margin-bottom:10px;display:flex;justify-content:center} #cookieWrapper #cookieModal .image img {width:50px;height:auto} #cookieWrapper #cookieModal .icon {width:10px;margin-right:6px} #cookieWrapper #cookieModal .image-mobile {display:none} #cookieWrapper #cookieModal .title {padding:15px 15px 15px 30%;text-transform:uppercase;font-family:"Arial Narrow","Arial",sans-serif;font-size:30px;line-height:1} #cookieWrapper #cookieModal .start .text {background:#e5eef5;color:#000;font-size:0.8em;line-height:1.2;padding:15px} #cookieWrapper #cookieModal .start .buttons,#cookieWrapper #cookieModal .setup .buttons {padding:15px;display:flex;row-gap:1em;-moz-column-gap:0.5em;column-gap:0.5em;flex-direction:column;text-align:center;justify-content:center;align-items:center} #cookieWrapper #cookieModal .start .buttons a,#cookieWrapper #cookieModal .setup .buttons a {width:220px;font-size:1rem;font-weight:bold} #cookieWrapper #cookieModal .start .buttons a.confirm img,#cookieWrapper #cookieModal .setup .buttons a.confirm img {width:20px;height:auto} #cookieWrapper #cookieModal .setup {display:none} #cookieWrapper #cookieModal .setup .back {font-size:14px} #cookieWrapper #cookieModal .setup .text {padding:30px 30px 15px 30px;background:#e5eef5;color:#000;font-size:0.8em;line-height:1.2} #cookieWrapper #cookieModal .setup .buttons {padding:15px 0 15px;display:flex;justify-content:center;align-items:center} #cookieWrapper #cookieModal .buttons > a {display:inline-block;margin:0 5px;padding:5px 20px;border-radius:50px;border:1px solid #666666;color:#666666;font-size:16px;line-height:30px;height:30px;text-decoration:none;white-space:nowrap;background:#fff} #cookieWrapper #cookieModal .buttons > .button-primary {display:inline-block;margin:0 5px;padding:5px 20px;border-radius:50px;border:1px solid #a4d265;color:#fff;font-size:16px;line-height:30px;height:30px;text-decoration:none;white-space:nowrap;background:#a4d265;font-size:24px;text-transform:uppercase;margin-left:0} #cookieWrapper #cookieModal .switch {position:relative;display:inline-block;width:40px;height:24px} #cookieWrapper #cookieModal .switch input {opacity:0;width:0;height:0} #cookieWrapper #cookieModal .switch .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s} #cookieWrapper #cookieModal .switch .slider::before {position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;transition:0.4s} #cookieWrapper #cookieModal .switch input:checked + .slider {background-color:#a4d265} #cookieWrapper #cookieModal .switch input:checked + .slider::before {transform:translateX(12px)} #cookieWrapper #cookieModal .switch input:focus + .slider {box-shadow:0 0 1px #a4d265} #cookieWrapper #cookieModal .switch.round .slider {border-radius:34px} #cookieWrapper #cookieModal .switch.round .slider::before {border-radius:50%} #cookieWrapper #cookieModal .expand {display:flex;flex-direction:column;cursor:pointer;align-items:end} #cookieWrapper #cookieModal .expand .icon-container {text-align:right} #cookieWrapper #cookieModal .expand img {width:15px;height:15px} #cookieWrapper #cookieModal .js-expand-necessary-content,#cookieWrapper #cookieModal .js-expand-functional-content,#cookieWrapper #cookieModal .js-expand-video-content,#cookieWrapper #cookieModal .js-expand-stats-content,#cookieWrapper #cookieModal .js-expand-marketing-content {display:none} #cookieWrapper #cookieModal .js-expand-necessary.is-expanded,#cookieWrapper #cookieModal .js-expand-functional.is-expanded,#cookieWrapper #cookieModal .js-expand-video.is-expanded,#cookieWrapper #cookieModal .js-expand-stats.is-expanded,#cookieWrapper #cookieModal .js-expand-marketing.is-expanded {display:none} #cookieWrapper #cookieModal .switch {width:34px} #cookieWrapper #cookieModal .switch .slider {height:20px;width:34px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s} #cookieWrapper #cookieModal .switch .slider.round {border-radius:34px} #cookieWrapper #cookieModal .switch .slider.round::before {border-radius:50%} #cookieWrapper #cookieModal .switch .slider::before {position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2px;background-color:white;transition:0.4s} #cookieWrapper #cookieModal .switch .slider input:checked + .slider::before {-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translateX(12px)} #cookieWrapper #cookieModal .switch.switch-small {width:30px;height:18px} #cookieWrapper #cookieModal .switch.switch-small .slider {width:30px} #cookieWrapper #cookieModal .switch.switch-small input:checked + .slider::before {-webkit-transform:translateX(11px);-ms-transform:translateX(11px);transform:translateX(11px)} #cookieWrapper #cookieModal .switch.switch-small .slider::before {height:15px;width:15px;bottom:3px}