@charset "UTF-8"; @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/open-sans-v29-latin-300-eot.eot); src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v29-latin-300-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-300-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-300-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-300-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-300-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/open-sans-v29-latin-regular-eot.eot); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v29-latin-regular-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-regular-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-regular-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-regular-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-regular-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/open-sans-v29-latin-600-eot.eot); src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/open-sans-v29-latin-600-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-600-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-600-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-600-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-600-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/open-sans-v29-latin-700-eot.eot); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v29-latin-700-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-700-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-700-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-700-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-700-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/open-sans-v29-latin-800-eot.eot); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v29-latin-800-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-800-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-800-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-800-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-800-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fonts/open-sans-v29-latin-300italic-eot.eot); src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/open-sans-v29-latin-300italic-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-300italic-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-300italic-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-300italic-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-300italic-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/open-sans-v29-latin-italic-eot.eot); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v29-latin-italic-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-italic-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-italic-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-italic-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-italic-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fonts/open-sans-v29-latin-700italic-eot.eot); src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v29-latin-700italic-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-700italic-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-700italic-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-700italic-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-700italic-svg.svg#OpenSans') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(../fonts/open-sans-v29-latin-800italic-eot.eot); src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/open-sans-v29-latin-800italic-eot.eot?#iefix') format('embedded-opentype'), url(../fonts/open-sans-v29-latin-800italic-woff2.woff2) format('woff2'), url(../fonts/open-sans-v29-latin-800italic-woff.woff) format('woff'), url(../fonts/open-sans-v29-latin-800italic-ttf.ttf) format('truetype'), url('../fonts/open-sans-v29-latin-800italic-svg.svg#OpenSans') format('svg'); } a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } html { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; font-family: 'Open Sans',sans-serif; font-size: 100%; font-style: normal; font-weight: 300; overflow-x: hidden; } body { line-height: 1; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:after,blockquote:before,q:after,q:before { content: ''; content: none; } .header .main__container,.menu,.menu .nav .menu-container .nav_items>.nav_items_primary,.menu .nav .menu-container .nav_items>.nav_items_secondary,.menu .nav .menu-container .nav_quicklinks,.menu .nav .menu-container.mobile-open .mobile_menu_actions { -ms-flex-align: center; -ms-flex-wrap: wrap; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; max-width: 100%; padding-left: 15px; padding-right: 15px; } .hide { display: none; } .inline-block { display: inline-block; } .arrow-right-blue { background: url(../icons-vorlagen/icon-arrow_right-blue.svg) no-repeat center left; background-size: 12px 12px; padding-left: 25px; } .arrow-right-green { background: url(../icons-vorlagen/icon-arrow_right-green.svg) no-repeat center left; background-size: 12px 12px; padding-left: 25px; } .bg-secondary-blue { background: #f5f8fd; } .bg-blue-waves { background: url(../icons-vorlagen/teasti-teaser-pattern-mobile.png) repeat-y; } .bg-blue-main { background-color: #11284e; } ol,p,ul { margin-bottom: 1.5rem; } i { font-style: italic; } b { font-style: normal; font-weight: 700; } h1 { line-height: 1.35; } .h2,h2,h3.h2,h4.h2 { font-size: 1.625rem; line-height: 2.25rem; } .h4,h2.h4,h3.h4,h4 { font-size: 1rem; line-height: 1.375rem; } section a { -o-transition: all .2s; -webkit-transition: all .2s; color: inherit; cursor: pointer; font-size: inherit; font-style: normal; font-weight: 300; line-height: inherit; outline: 0; text-decoration: underline; transition: all .2s; } section a:active,section a:focus,section a:hover { color: #2066d6; } *,::after,::before { -webkit-box-sizing: border-box!important; box-sizing: border-box!important; } body .coco-main__wrapper { margin: 0 auto; max-width: 1320px; padding: 0 5%; position: relative; } body footer { padding: 0 5%; position: relative; } .main__container>section, .main__container>.main__container_datasource>section { margin-bottom: 50px; z-index: 1; } .main__container>section.margin-bottom-100 { margin-bottom: 100px; } .main__container>section.margin-bottom-150 { margin-bottom: 150px; } .order1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .full-width { margin: 0 calc(50% - 50vw); padding: 0 8%; } .header { background-color: #fff; z-index: 1; } .header::after { clear: both; content: ""; display: block; } .header .main__container { -ms-flex-align: center; -ms-flex-direction: row; -ms-flex-line-pack: center; -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-pack: justify; align-content: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: nowrap; height: 54px; justify-content: space-between; } .header .main__container .header-logo-wrapper { margin-right: 21px; max-width: 133px; } .header .main__container #header-shortcuts a.shortcuts-tariff,.header .main__container .mobile_menu_actions a.shortcuts-tariff { -ms-flex-align: center; -webkit-box-align: center; align-items: center; background-color: #62bb46; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .55rem; font-style: italic; font-weight: 800; height: 54px; line-height: .75rem; margin-right: 13px; text-align: center; text-decoration: none; width: 65px; } .header .main__container #header-shortcuts a.shortcuts-tariff span,.header .main__container .mobile_menu_actions a.shortcuts-tariff span { display: inline!important; } .header .main__container #header-shortcuts a.shortcuts-profile,.header .main__container .mobile_menu_actions a.shortcuts-profile { background: url(../icons-vorlagen/icon-profile-dark_blue.svg) left center no-repeat; display: inline-block; height: 28px; width: 28px } span.nav_secondary_headline { color: #11284e; } .header .main__container #header-shortcuts a.shortcuts-search,.header .main__container .mobile_menu_actions a.shortcuts-search, .shortcuts-search { background: url(../icons-vorlagen/icon-search-dark_blue.svg) center center no-repeat; display: none; height: 28px; width: 28px; } .header .main__container #header-shortcuts a.shortcuts-phone,.header .main__container .mobile_menu_actions a.shortcuts-phone { background: url(../icons-vorlagen/icon-phone-dark_blue.svg) center center no-repeat; display: inline-block; height: 28px; margin-right: 21px; width: 28px; } .header .main__container #header-shortcuts .shortcuts-menu-trigger span#mobile_menu_trigger,.header .main__container .mobile_menu_actions .shortcuts-menu-trigger span#mobile_menu_trigger { background: url(../icons-vorlagen/icon-burguer-menu-dark_blue.svg) center center no-repeat; cursor: pointer; display: inline-block; height: 28px; position: relative; width: 28px; z-index: 50; } .header .main__container #header-shortcuts .shortcuts-menu-trigger span#mobile_menu_trigger.mobile-open,.header .main__container .mobile_menu_actions .shortcuts-menu-trigger span#mobile_menu_trigger.mobile-open { background-image: url(../icons-vorlagen/icon-close-menu-white.svg); } .header .main__container #header-shortcuts .shortcuts-phone-text,.header .main__container .mobile_menu_actions .shortcuts-phone-text { color: #62bb46; display: none; font-size: 1.25rem; font-style: normal; font-weight: 700; height: 37px; line-height: 1.6875rem; text-align: right; } .header .main__container #header-shortcuts { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } img { display: block; height: auto; max-width: 100%; } ul.list-bulletpoints { list-style: disc inside; } ul.list-bulletpoints li { margin-bottom: 5px; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } .bg-gray-one,.bg-gray-color { background-color: #f4f4f4; } h1,h2,h3,.main__container>section.margin-bottom-0 { margin-bottom: 0; } b>i,i>b,h1,h2,h3,h4,.h2,.h3,.h4 { font-style: italic; font-weight: 700; } .header .main__container #header-shortcuts a,.header .main__container .mobile_menu_actions a,.header .main__container #header-shortcuts .shortcuts-mobile-wrapper,.header .main__container .mobile_menu_actions .shortcuts-mobile-wrapper,.header .main__container .mobile_menu_actions a.shortcuts-search { display: inline-block; } span.shortcuts-profile-mobile-menu-text { display: none; } } @-webkit-keyframes barAnimation { 0% { height: 0; } 70%,100% { height: 100%; } } @keyframes barAnimation { 0% { height: 0; } 70%,100% { height: 100%; } } .content-image-fullwidth img { margin: 0 auto; position: relative; } .content-text-imagetext .textblock-text { float: left; margin-right: 5%; width: 45%; } .content-text-imagetext .textblock-image { float: right; width: 50%; } .menu .nav { margin: 0; z-index: 50; } .menu .nav .menu-container { -ms-transform: translateY(-1000vh); -o-transition: all .4s; -webkit-transform: translateY(-1000vh); -webkit-transition: all .4s; background-color: #11284e; bottom: 0; height: 100vh; left: 0; overflow-y: auto; position: fixed; right: 0; top: 0; transform: translateY(-1000vh); transition: all .4s; width: 100vw; z-index: -2; } .menu .nav .menu-container.mobile-open { -ms-transform: translateY(0); -o-transition: all .4s; -webkit-transform: translateY(0); -webkit-transition: all .4s; display: block; transform: translateY(0); transition: all .4s; } .menu .nav .menu-container.mobile-open .mobile_menu_actions { -ms-flex-pack: justify; -webkit-box-pack: justify; height: 54px; justify-content: space-between; } .menu .nav .menu-container.mobile-open .mobile_menu_actions .shortcuts-profile { background-image: url(../icons-vorlagen/icon-profile-white.svg); margin-right: 43px; } .menu .nav .menu-container.mobile-open .mobile_menu_actions .shortcuts-search { background-image: url(../icons-vorlagen/icon-search-white.svg); } .menu .nav .menu-container .nav_items { -ms-flex-align: start; -ms-flex-direction: column-reverse; -ms-flex-pack: distribute; -ms-flex-pack: space-evenly; -ms-flex-wrap: nowrap; -webkit-box-align: start; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-box-pack: space-evenly; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column-reverse; flex-wrap: nowrap; height: calc(100vh - 54px - 62px - 31px); justify-content: space-around; justify-content: space-evenly; margin: 0; padding: 0 10%; width: auto; } .menu .nav .menu-container .nav_items>.nav_items_primary,.menu .nav .menu-container .nav_items>.nav_items_secondary { -ms-flex-align: start; -ms-flex-direction: column; -webkit-box-align: start; -webkit-box-direction: normal; -webkit-box-orient: vertical; align-items: flex-start; flex-direction: column; font-size: 1.5rem; font-style: normal; font-weight: 300; line-height: 1.2; width: calc(175px + (100% - 175px)); } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item { margin-bottom: 1em; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item a,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item a, .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item .nav_item_headline span { border-bottom: 2px solid transparent; color: #fff; display: block; text-decoration: none; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item a:hover,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item a:hover { border-bottom-color: #fff; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.nav_item--active a,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item.nav_item--active a { border-bottom: 2px solid #fff; } .menu .nav .menu-container .nav_quicklinks { -ms-flex-direction: column; -ms-flex-pack: center; -ms-flex-wrap: nowrap; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; flex-direction: column; flex-wrap: nowrap; height: 62px; justify-content: center; margin-bottom: 31px; text-align: center; } .menu .nav .menu-container .nav_quicklinks a { color: #fff; font-size: 4vmin; font-style: normal; font-weight: 300; line-height: 1.7; margin-left: 1em; text-decoration: none; } .content-hero-image { position: relative; width: 100%; } .content-hero-image .hero-content-wrapper { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; margin: 20px; position: absolute; top: 0; } .content-hero-image .hero-content-wrapper .hero-content h1 { font-size: 1.25rem; line-height: 1.25rem; margin: 0; } .content-hero-image .hero-content-wrapper .hero-content p { font-size: .9375rem; line-height: 1.25rem; margin: 0; } .content-hero-image .hero-content-wrapper .hero-content a { font-size: .9375rem; } .flex-direction-nav a:before { background: url(../icons-vorlagen/icon-nav-arrow_left-green.svg); color: #62bb46!important; content: ''!important; height: 18px; opacity: .5; width: 11px; } .flex-control-paging li a { background-color: #62bb46!important; height: 14px!important; opacity: .5; width: 14px!important; } .flex-direction-nav a { color: transparent; content: ''; font-size: 0; line-height: 0; } .flex-direction-nav a.flex-next:before { background: url(../icons-vorlagen/icon-nav-arrow_right-green.svg); content: ''!important; height: 18px; width: 11px; } section.flexslider { border: none; padding-bottom: 50px; } section.flexslider .flex-control-nav { bottom: 12px; } .menu .nav .menu-container .nav_items>.nav_items_primary { font-style: normal; font-weight: 700; } .content-hero-image .hero-content-wrapper .hero-content.text-center { text-align: center; } .content-hero-image .hero-content-wrapper .hero-content.text-left { text-align: left; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.nav_item--desktop,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item.nav_item--desktop { display: none; } .content-hero-image .hero-content-wrapper .hero-content.center { -ms-flex-item-align: center; align-self: center; } .content-hero-image .hero-image img { width: 100%; } .menu .nav .menu-container .nav_quicklinks a:first-of-type { margin-left: 0; } .content-hero-image .hero-content-wrapper .hero-content.text-right { text-align: right; } .flex-caption { background: rgba(0,0,0,.5); bottom: 0; color: #fff; font-size: 14px; left: 0; line-height: 18px; padding: 2%; text-shadow: 0 -1px 0 rgba(0,0,0,.3); width: 96%; } .content-hero-image .hero-content-wrapper .hero-content.left { -ms-flex-item-align: start; align-self: flex-start; } .content-hero-image .hero-content-wrapper .hero-content.right { -ms-flex-item-align: end; align-self: flex-end; } .content-image-fullwidth,.content-text-fullwidth { margin-bottom: 20px; } .ac { -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; } .ac>.ac-q { color: #11284E; cursor: pointer; display: block; font: bold 15px Arial,sans-serif; font-family: 'Open Sans',sans-serif; margin: 0; padding: 10px 30px 10px 10px; position: relative; text-decoration: none; } .ac>.ac-q::after { -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); content: '+'; position: absolute; right: 10px; text-align: center; top: 50%; transform: translate(0,-50%); width: 15px; } .ac>.ac-a { -o-transition-property: all; -o-transition-timing-function: ease; -webkit-transition-property: all; -webkit-transition-timing-function: ease; overflow: hidden; transition-property: all; transition-timing-function: ease; } .ac.is-active>.ac-a { visibility: visible; } .ac.is-active>.ac-q::after { content: '\2013'; } @font-face { font-family: flexslider-icon; font-style: normal; font-weight: 400; src: url(../fonts/flexslider-icon.eot); src: url(../fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(../fonts/flexslider-icon.woff) format("woff"),url(../fonts/flexslider-icon.ttf) format("truetype"),url(../fonts/flexslider-icon.svg#flexslider-icon) format("svg"); } .flex-container a:hover,.flex-slider a:hover { outline: 0; } .flex-control-nav,.flex-direction-nav,.slides,.slides>li { list-style: none; margin: 0; padding: 0; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: "" 0 1px 4px rgba(0,0,0,.2); border-radius: 4px; box-shadow: "" 0 1px 4px rgba(0,0,0,.2); margin: 0; margin: 0 0 60px; padding: 4px; position: relative; zoom:1; } .flexslider .slides>li { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; display: none; } .flexslider .slides img { -moz-user-select: none; display: block; height: auto; width: 100%; } .flexslider .slides:after { clear: both; content: "\0020"; display: block; height: 0; line-height: 0; visibility: hidden; } * html .flexslider .slides { height: 1%; } .flexslider .slides { zoom:1; } .flex-viewport { -o-transition: all 1s ease; -webkit-transition: all 1s ease; max-height: 2000px; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } html[xmlns] .flexslider .slides,.no-js .flexslider .slides>li:first-child { display: block; } .carousel li { margin-right: 5px; } .flex-direction-nav a { -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; color: rgba(0,0,0,.8); cursor: pointer; display: block; height: 40px; margin: -20px 0 0; opacity: 0; overflow: hidden; position: absolute; text-decoration: none; text-shadow: 1px 1px 0 rgba(255,255,255,.3); top: 50%; transition: all .3s ease-in-out; width: 40px; z-index: 10; } .flex-direction-nav a:before { color: rgba(0,0,0,.8); content: '\f001'; display: inline-block; font-family: flexslider-icon; font-size: 40px; text-shadow: 1px 1px 0 rgba(255,255,255,.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { left: 10px; opacity: .7; } .flexslider:hover .flex-direction-nav .flex-next { opacity: .7; right: 10px; } .flex-direction-nav .flex-disabled { cursor: default; opacity: 0!important; z-index: -1; } .flex-pauseplay a { bottom: 5px; color: #000; cursor: pointer; display: block; height: 20px; left: 10px; opacity: .8; overflow: hidden; position: absolute; width: 20px; z-index: 10; } .flex-pauseplay a:before { content: '\f004'; display: inline-block; font-family: flexslider-icon; font-size: 20px; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { bottom: -40px; position: absolute; text-align: center; width: 100%; } .flex-control-nav li { display: inline-block; margin: 0 6px; zoom:1; } .flex-control-paging li a { -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background: #666; background: rgba(0,0,0,.5); border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,.3); cursor: pointer; display: block; height: 11px; text-indent: -9999px; width: 11px; } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; overflow: hidden; position: static; } .flex-control-thumbs li { float: left; margin: 0; width: 25%; } .flex-control-thumbs img { -moz-user-select: none; -o-transition: all 1s ease; -webkit-transition: all 1s ease; cursor: pointer; display: block; height: auto; opacity: .7; transition: all 1s ease; width: 100%; } .flex-control-thumbs .flex-active { cursor: default; opacity: 1; } .tablesaw { border: 0; border-collapse: collapse; empty-cells: show; max-width: 100%; padding: 0; width: 100%; } .tablesaw * { -webkit-box-sizing: border-box; box-sizing: border-box; } .tablesaw-btn { -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: 0 1px 0 #fff; appearance: none; background: 0 0; border: 1px solid #ccc; border-radius: .25em; box-shadow: 0 1px 0 #fff; color: #4a4a4a; cursor: pointer; display: inline-block; margin: 0; padding: .5em .85em .4em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; } a.tablesaw-btn { color: #1c95d4; } .tablesaw-btn:hover { text-decoration: none; } .tablesaw-btn:active { background-color: #ddd; } .tablesaw-btn:focus { -webkit-box-shadow: 0 0 .35em #4faeef!important; box-shadow: 0 0 .35em #4faeef!important; } .flexslider:hover .flex-direction-nav .flex-prev:hover,.flexslider:hover .flex-direction-nav .flex-next:hover,.flex-pauseplay a:hover,.flex-control-thumbs img:hover { opacity: 1; } .tablesaw-btn-select select { background: 0 0; border: none; color: transparent; display: inline-block; height: 100%; left: 0; margin: 0; min-height: 1em; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .tablesaw-btn select option { background: #fff; color: #000; } .tablesaw-btn { display: inline-block; height: auto; position: relative; top: 0; width: auto; } .tablesaw-btn.btn-small { font-size: 1.0625em; line-height: 19px; padding: .3em 1em; } .tablesaw-btn.btn-micro { font-size: .8125em; padding: .4em .7em .25em; } .tablesaw-btn-select { color: #4d4d4d; display: inline-block; min-width: 7.25em; padding-right: 2.5em; text-align: left; } .tablesaw-btn-select:after { background: 0 0; background-position: .25em .45em; background-repeat: no-repeat; bottom: 0; content: " "; content: \25bc; font-size: .55em; left: auto; margin: 0; padding-left: 1em; padding-top: 1.2em; position: absolute; right: 0; top: 0; width: 1.8em; } .tablesaw-btn-select.btn-micro:after,.tablesaw-btn-select.btn-small:after { -webkit-box-shadow: none; background: 0 0; border-left-width: 0; box-shadow: none; font-size: .5em; line-height: 1.65; padding-right: .5em; padding-top: 1em; width: 1.2em; } .tablesaw-advance .tablesaw-btn { -moz-appearance: none; -webkit-appearance: none; -webkit-box-sizing: border-box; border-radius: .25em; box-sizing: border-box; text-shadow: 0 1px 0 #fff; } .tablesaw-advance .tablesaw-btn.btn-micro { font-size: .8125em; padding: .3em .7em .25em; } .tablesaw-advance a.tablesaw-nav-btn:first-child { margin-left: 0; } .tablesaw-advance a.tablesaw-nav-btn:last-child { margin-right: 0; } .tablesaw-advance a.tablesaw-nav-btn { background-position: 50% 50%; display: inline-block; height: 1.8em; margin-left: .25em; margin-right: .25em; overflow: hidden; position: relative; text-indent: -9999px; width: 1.8em; } .tablesaw-advance a.tablesaw-nav-btn.down:before,.tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-advance a.tablesaw-nav-btn.right:before,.tablesaw-advance a.tablesaw-nav-btn.up:before { content: "\0020"; height: 0; overflow: hidden; position: absolute; width: 0; } .tablesaw-advance a.tablesaw-nav-btn.down:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid grey; left: .5em; top: .65em; } .tablesaw-advance a.tablesaw-nav-btn.up:before { border-bottom: 5px solid grey; border-left: 5px solid transparent; border-right: 5px solid transparent; left: .5em; top: .65em; } .tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-advance a.tablesaw-nav-btn.right:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; top: .45em; } .tablesaw-advance a.tablesaw-nav-btn.left:before { border-right: 5px solid grey; left: .6em; } .tablesaw-advance a.tablesaw-nav-btn.right:before { border-left: 5px solid grey; left: .7em; } .tablesaw-bar * { -webkit-box-sizing: border-box; box-sizing: border-box; } .tablesaw-bar-section { float: left; } .tablesaw-bar-section label { clear: both; color: #888; display: block; font-size: .875em; margin-right: .5em; padding: .5em 0; text-transform: uppercase; } .tablesaw-btn,.tablesaw-enhanced .tablesaw-btn { margin-bottom: .5em; margin-top: .5em; } .tablesaw-btn-select,.tablesaw-enhanced .tablesaw-btn-select { margin-bottom: 0; } .tablesaw-bar .tablesaw-bar-section .tablesaw-btn { -webkit-box-shadow: none; background: 0 0; border: none; box-shadow: none; font-size: 1em; margin-left: .4em; margin-top: 0; padding-left: .3em; text-transform: uppercase; } .tablesaw-bar .tablesaw-bar-section .btn-select { min-width: 0; } .tablesaw-bar .tablesaw-bar-section .btn-select:after { padding-top: .9em; } .tablesaw-bar .tablesaw-bar-section select { background: 0 0; color: #888; text-transform: none; } .tablesaw-bar-section .abbreviated { display: inline; } .tablesaw td,.tablesaw th { padding: .5em; text-align: left; vertical-align: middle; } .tablesaw-sortable-btn { background: 0 0; border: 0; color: inherit; font: inherit; min-width: 100%; padding: .5em .7em; text-align: inherit; text-transform: inherit; } .tablesaw thead th { text-align: left; } .tablesaw-row-border tr { border-bottom: 1px solid #dfdfdf; } .tablesaw-row-zebra tr:nth-child(2n) { background-color: #f8f8f8; } .tablesaw caption { margin: .59375em 0; text-align: left; } .tablesaw-swipe .tablesaw-swipe-cellpersist { border-right: 2px solid #e4e1de; } .tablesaw-swipe-shadow .tablesaw-swipe-cellpersist { -webkit-box-shadow: 3px 0 4px -1px #e4e1de; border-right-width: 1px; box-shadow: 3px 0 4px -1px #e4e1de; } .tablesaw-fix-persist { table-layout: fixed; } .tablesaw-overflow { -webkit-overflow-scrolling: touch; overflow-x: auto; position: relative; width: 100%; } .tablesaw-overflow>.tablesaw { margin-top: 2px; } .tablesaw-columntoggle-btn span { display: inline-block; text-indent: -9999px; } .tablesaw-columntoggle-btnwrap { position: relative; } .tablesaw-columntoggle-btnwrap .dialog-content { left: auto!important; margin: -.5em auto 0; max-width: 18em; padding: .5em; right: 1em; top: 0!important; width: 12em; } .tablesaw-columntoggle tbody td { line-height: 1.5; } .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup { -webkit-box-shadow: 0 1px 2px #ccc; background-color: #fff; border: 1px solid #ccc; border-radius: .2em; box-shadow: 0 1px 2px #ccc; display: block; padding: .5em .8em; position: absolute; right: 0; top: 2em; z-index: 1; } .tablesaw-columntoggle-popup fieldset { margin: 0; } .tablesaw-columntoggle-btnwrap .dialog-content:focus { outline-style: none; } .tablesaw-columntoggle-popup .btn-group>label { cursor: default; display: block; padding: .2em 0; white-space: nowrap; } .tablesaw-columntoggle-popup .btn-group>label input { margin-right: .8em; } .tablesaw-sortable-head { position: relative; vertical-align: top; } .tablesaw .tablesaw-sortable-head { padding: 0; } .tablesaw-sortable-arrow:after { content: " "; display: inline-block; height: 14px; margin-left: .3125em; width: 10px; } .tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,.tablesaw-sortable-descending .tablesaw-sortable-arrow:after { content: "\0020"; } .tablesaw-sortable-ascending .tablesaw-sortable-arrow:after { content: "\2191"; } .tablesaw-sortable-descending .tablesaw-sortable-arrow:after { content: "\2193"; } .tablesaw-advance { float: right; } .tablesaw-advance.minimap { margin-right: .4em; } .tablesaw-advance-dots { float: left; list-style: none; margin: 0; padding: 0; } .tablesaw-advance-dots li { display: table-cell; margin: 0; padding: .4em .2em; } .tablesaw-advance-dots li i { background: #555; border-radius: 100%; display: inline-block; height: .25em; width: .25em; } .tablesaw-mode-swipe.tablesaw-all-cols-visible .tablesaw-advance { display: none!important; } .tablesaw-advance a.tablesaw-nav-btn.disabled,.tablesaw-advance-dots-hide { cursor: default; opacity: .25; pointer-events: none; } .tablesaw-bar,.tablesaw-bar-section~table { clear: both; } .tablesaw-bar-section .longform,.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label,.tablesaw-columntoggle-popup { display: none; } .with-750 { width: 100%; } @media (min-width: 20em) { .tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-1 { display:table-cell; } } @media (min-width: 24em) { .tablesaw-bar-section .abbreviated { display:none; } .tablesaw-bar-section .longform { display: inline; } } @media (min-width: 30em) { .tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-2 { display:table-cell; } } @media (min-width: 40em) { .tablesaw-stack tr { display:table-row; } .tablesaw-stack td,.tablesaw-stack th,.tablesaw-stack thead td,.tablesaw-stack thead th { display: table-cell; margin: 0; } .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label { display: none!important; } .tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-3 { display: table-cell; } .tablesaw-columntoggle tbody td { line-height: 2; } } @media (min-width: 768px) { .header .main__container,.menu,.menu .nav .menu-container .nav_items>.nav_items_primary,.menu .nav .menu-container .nav_items>.nav_items_secondary,.menu .nav .menu-container .nav_quicklinks,.menu .nav .menu-container.mobile-open .mobile_menu_actions { padding-right: 25px; } } @media (min-width: 50em) { .tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-4 { display:table-cell; } } @media (min-width: 60em) { .tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-5 { display:table-cell; } } @media (max-width: 1023px) { .header .main__container #header-shortcuts a.shortcuts-profile { width: 45px; } img.nav_menu_icon { display: none; } span.shortcuts-profile-mobile-menu-text-profile { display: none; } span.shortcuts-profile-mobile-menu-text-search { display: none; } span.shortcuts-profile-text { display: none; } span.nav_secondary_headline { font-size: 1rem; color: #FFFF; font-weight: 700; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.dritte_ebene.nav_badge { background-image: url(../icons-vorlagen/neu_blau.svg); background-repeat: no-repeat; background-size: 32px; background-position-x: right; background-position-y: 0px; width: fit-content; padding-right: 45px } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.zweite_ebene { min-height: 35px; height: fit-content; } ul.topic_list { display: none; margin-bottom: 0px; } ul.navhover { margin-bottom: 0px; } } @media (min-width: 1024px) { .header .main__container,.menu,.menu .nav .menu-container .nav_items>.nav_items_primary,.menu .nav .menu-container .nav_items>.nav_items_secondary,.menu .nav .menu-container .nav_quicklinks,.menu .nav .menu-container.mobile-open .mobile_menu_actions { max-width:1320px; padding-right: 30px; } .bg-blue-waves { background: url(../icons-vorlagen/teasti-teaser-pattern-desktop-975x9sehrflach.png) repeat-y; } .with-750 { width: 750px; } .with-750 h2 { max-width: 100%!important; } .with-max { max-width: 100%!important; } .h4,h2.h4,h3.h4,h4 { font-size: 1.125rem; line-height: 1.5rem; } .header .main__container { height: 114px; position: relative; } .header .main__container .header-logo-wrapper { margin-right: 0; max-width: none; } .header .main__container .header-logo-wrapper img { min-width: 230px; margin-right: 2.3rem; } span.nav_secondary_headline { color: #11284e; } .header .main__container #header-shortcuts a.shortcuts-tariff,.header .main__container .mobile_menu_actions a.shortcuts-tariff { -ms-flex-pack: center; -webkit-box-pack: center; border-bottom-left-radius: 100% 1000px; border-bottom-right-radius: 100% 1000px; border-top-left-radius: 100% 1000px; border-top-right-radius: 100% 1000px; font-size: 1rem; font-style: normal; font-weight: 700; height: 37px; justify-content: center; line-height: 1.375rem; margin: -5px 0 5px 25px; width: 100%; } .header .main__container #header-shortcuts a.shortcuts-profile,.header .main__container .mobile_menu_actions a.shortcuts-profile { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; padding-left: 30px; padding-top: 6px; color: #11284E; font-weight: 700; text-decoration-line: none; order: 1; margin-right: 100px; } .header .main__container #header-shortcuts a.shortcuts-profile span:not(#mobile_menu_trigger){ display: block; } span.shortcuts-search-text { display: none; } .header .main__container #header-shortcuts a.shortcuts-search,.header .main__container .mobile_menu_actions a.shortcuts-search { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; display: inline-block; order: 1; } .header .main__container #header-shortcuts a.shortcuts-phone,.header .main__container .mobile_menu_actions a.shortcuts-phone { display: none!important; } .header .main__container #header-shortcuts .shortcuts-phone-text,.header .main__container .mobile_menu_actions .shortcuts-phone-text { display: inline-block; width: 100%; } .header .main__container #header-shortcuts { -ms-flex-align: center; -ms-flex-direction: row; -ms-flex-line-pack: center; -ms-flex-pack: end; -ms-flex-wrap: wrap; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-pack: end; align-content: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; height: 114px; justify-content: space-between; width: 21%; margin-top: 10px; } ul.navhover { display: flex; flex-direction: row !important; align-content: flex-start; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.zweite_ebene { height: auto !important; min-width: 322px; margin-bottom: 5px; margin-right: 0px !important; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } .nav_headline_with_icon { display: flex; flex-direction: column; align-items: center; margin-left: 20px; font-weight: 700; } ul.topic_list { position: relative !important; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; box-shadow: none !important; } .nav_menu_icon { width: 80px; height: 80px; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.dritte_ebene.nav_badge { background-image: url(../icons-vorlagen/neu_blau.svg); background-repeat: no-repeat; background-size: 37px; background-position-x: right; background-position-y: -2px; width: fit-content; padding-right: 45px } .ui-button-text { font-size: 1rem; margin: 0 auto; } .menu .nav .menu-container { -ms-transform: translateY(0); -ms-transform: none; -webkit-transform: translateY(0); -webkit-transform: none; background: 0 0; bottom: auto; height: auto; left: auto; overflow: visible; overflow-y: inherit; position: relative; position: static; right: auto; top: auto; transform: translateY(0); transform: none; width: auto; z-index: auto; } .menu { height: 114px; padding: 0; margin-left: 0px } .menu .nav .menu-container .nav_items { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: block; flex-direction: column; height: auto; padding: 0; width: 100%; } .menu .nav .menu-container .nav_items>.nav_items_primary,.menu .nav .menu-container .nav_items>.nav_items_secondary { -ms-flex-align: start; -ms-flex-direction: row; -webkit-box-align: start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; align-items: flex-start; flex-direction: row; font-size: 1rem; font-style: normal; font-weight: 700; line-height: 1.375rem; margin-top: 10px; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item { margin-bottom: auto; margin-right: 25px; padding-right: 20px } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item a,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item a, .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item .nav_item_headline span { border-bottom: 2px solid transparent; color: #11284e; } .menu .nav .menu-container .nav_items>.nav_items_secondary { font-size: .875rem; font-style: normal; font-weight: 300; line-height: 1.1875rem; margin-bottom: 18px; } .content-hero-image .hero-content-wrapper .hero-content h1 { font-size: 3.125rem; line-height: 3.125rem; } .content-hero-image .hero-content-wrapper .hero-content p { font-size: .9375rem; line-height: 1.25rem; } .h2,h2,h3.h2,h4.h2 { font-size: 2.2rem; line-height: 3.4375rem; } .h3,h2.h3,h3,h4.h3 { font-size: 1.5rem; line-height: 2.0625rem; } body .coco-main__wrapper,.full-width { padding: 0; } .order1,.order2,.order3,.order4,.order5,.order6,.order7,.order8,.order9 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .header .main__container #header-shortcuts .shortcuts-menu-trigger span#mobile_menu_trigger,.header .main__container .mobile_menu_actions .shortcuts-menu-trigger span#mobile_menu_trigger,.header .main__container #header-shortcuts .shortcuts-mobile-wrapper,.header .main__container .mobile_menu_actions .shortcuts-mobile-wrapper,.menu .nav .menu-container .mobile_menu_actions,.menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.nav_item--desktop,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item.nav_item--desktop,.menu .nav .menu-container .nav_quicklinks { display: none; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item:last-child,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item:last-child { margin-right: 0; } .flex-direction-nav { display: block; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item a:hover,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item a:hover,.menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.nav_item--active a,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item.nav_item--active a { border-bottom-color: #11284e; } } @media (min-width: 70em) { .tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-6 { display:table-cell; } } @media (min-width: 1440px) { .header .main__container { padding:0; } .header .main__container .header-logo-wrapper img { margin-left: 15px; min-width: 293px; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item,.menu .nav .menu-container .nav_items>.nav_items_secondary .nav_item { margin-right: 50px; } } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { left:10px; opacity: 1; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } @media (max-width: 39.9375em) { .tablesaw-stack tbody tr { border-bottom:1px solid #dfdfdf; border-bottom-color: #48b276; display: block; width: 100%; } .tablesaw-stack tbody td,.tablesaw-stack tbody th { clear: left; display: block; float: left; width: 100%; } .tablesaw-cell-label { vertical-align: top; } .tablesaw-cell-content { display: inline-block; max-width: 47%; } .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content,.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label { display: block; max-width: 100%; padding: 0; width: 100%; } .tablesaw-stack tbody tr:first-child { border-bottom: 2px solid #48b276; } .tablesaw-stack thead td,.tablesaw-stack thead th,.tablesaw-stack td:empty,.tablesaw-stack th:empty { display: none; } } @media only all { .tablesaw-stack { clear: both; } .tablesaw-stack td,.tablesaw-stack th { display: block; text-align: left; } .tablesaw-stack tr { clear: both; display: table-row; } .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label { display: inline-block; padding: 0 1em 0 0; width: 50%; } .tablesaw-stack td .tablesaw-cell-label-top,.tablesaw-stack th .tablesaw-cell-label-top { display: block; margin: .4em 0; padding: .4em 0; } .tablesaw-cell-label { display: block; } .tablesaw-stack tbody th.group { margin-top: -1px; } .tablesaw-stack th.group b.tablesaw-cell-label { display: none!important; } .tablesaw-columntoggle td.tablesaw-toggle-cellvisible,.tablesaw-columntoggle th.tablesaw-toggle-cellvisible { display: table-cell; } .cc-window { opacity: 1; transition: opacity 1s ease; } .cc-window.cc-invisible { opacity: 0; } .cc-animate.cc-revoke { transition: transform 1s ease; } .cc-animate.cc-revoke.cc-top { transform: translateY(-2em); } .cc-animate.cc-revoke.cc-bottom { transform: translateY(2em); } .cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover { transform: translateY(0); } .cc-grower { max-height: 0; overflow: hidden; transition: max-height 1s; } .cc-link,.cc-revoke:hover { text-decoration: underline; } .cc-revoke,.cc-window { -ms-flex-wrap: nowrap; box-sizing: border-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; font-family: Helvetica,Calibri,Arial,sans-serif; font-size: 16px; line-height: 1.5em; overflow: hidden; position: fixed; z-index: 9999; } .cc-window.cc-static { position: static; } .cc-window.cc-floating { -ms-flex-direction: column; flex-direction: column; max-width: 24em; padding: 2em; } .cc-window.cc-banner { -ms-flex-align: center; -ms-flex-direction: row; align-items: center; flex-direction: row; padding: 1em 1.8em; width: 100%; } .cc-revoke { padding: .5em; } .cc-header { font-size: 18px; font-weight: 700; } .cc-btn,.cc-close,.cc-link,.cc-revoke { cursor: pointer; } .cc-link { display: inline-block; opacity: .8; padding: .2em; } .cc-link:active,.cc-link:visited { color: initial; } .cc-btn { border-style: solid; border-width: 2px; display: block; font-size: .9em; font-weight: 700; padding: .4em .8em; text-align: center; white-space: nowrap; } .cc-banner .cc-btn:last-child { min-width: 140px; } .cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; } .cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; } .cc-close { display: block; font-size: 1.6em; line-height: .75; opacity: .9; position: absolute; right: .5em; top: .5em; } .cc-revoke.cc-top { border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; left: 3em; top: 0; } .cc-revoke.cc-bottom { border-top-left-radius: .5em; border-top-right-radius: .5em; bottom: 0; left: 3em; } .cc-revoke.cc-left { left: 3em; right: unset; } .cc-revoke.cc-right { left: unset; right: 3em; } .cc-top { top: 1em; } .cc-left { left: 1em; } .cc-right { right: 1em; } .cc-bottom { bottom: 1em; } .cc-floating>.cc-link { margin-bottom: 1em; } .cc-floating .cc-message { display: block; margin-bottom: 1em; } .cc-banner.cc-top { left: 0; right: 0; top: 0; } .cc-banner.cc-bottom { bottom: 0; left: 0; right: 0; } .cc-compliance { -ms-flex-align: center; -ms-flex-line-pack: justify; align-content: space-between; align-items: center; display: -ms-flexbox; display: flex; } .cc-btn+.cc-btn { margin-left: .5em; } .tablesaw-swipe td.tablesaw-swipe-cellhidden,.tablesaw-swipe th.tablesaw-swipe-cellhidden,.tablesaw-columntoggle td.tablesaw-priority-0,.tablesaw-columntoggle td.tablesaw-priority-1,.tablesaw-columntoggle td.tablesaw-priority-2,.tablesaw-columntoggle td.tablesaw-priority-3,.tablesaw-columntoggle td.tablesaw-priority-4,.tablesaw-columntoggle td.tablesaw-priority-5,.tablesaw-columntoggle td.tablesaw-priority-6,.tablesaw-columntoggle th.tablesaw-priority-0,.tablesaw-columntoggle th.tablesaw-priority-1,.tablesaw-columntoggle th.tablesaw-priority-2,.tablesaw-columntoggle th.tablesaw-priority-3,.tablesaw-columntoggle th.tablesaw-priority-4,.tablesaw-columntoggle th.tablesaw-priority-5,.tablesaw-columntoggle th.tablesaw-priority-6,.tablesaw-columntoggle td.tablesaw-toggle-cellhidden,.tablesaw-columntoggle th.tablesaw-toggle-cellhidden { display: none; } .cc-link:hover,.cc-close:focus,.cc-close:hover { opacity: 1; } .cc-window.cc-floating .cc-compliance,.cc-banner .cc-message,.cc-compliance>.cc-btn { -ms-flex: 1; flex: 1; } } @media print { .cc-revoke,.cc-window { display: none; } } @media screen and (max-width: 900px) { .cc-btn { white-space:normal; } } @media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) { .cc-window.cc-top { top:0; } .cc-window.cc-bottom { bottom: 0; } .cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -ms-flex-align: unset; -ms-flex-direction: column; align-items: unset; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -ms-flex: 1; flex: 1; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } } .cc-floating.cc-theme-classic { border-radius: 5px; padding: 1.2em; } .cc-floating.cc-type-info.cc-theme-classic .cc-compliance { -ms-flex: none; display: inline; flex: none; text-align: center; } .cc-theme-classic .cc-btn { border-radius: 5px; } .cc-theme-classic .cc-btn:last-child { min-width: 140px; } .cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; } .cc-theme-edgeless.cc-window { padding: 0; } .cc-floating.cc-theme-edgeless .cc-message { margin: 2em 2em 1.5em; } .cc-banner.cc-theme-edgeless .cc-btn { height: 100%; margin: 0; padding: .8em 1.8em; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; } .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn { margin-left: 0; } .cc-theme-classic .cc-btn:last-child { max-width: 40px!important; min-width: 40px!important; } .overlap { margin-top: -80px; } * { -moz-hyphens: manual; hyphens: manual; } @media (min-width: 1440px) { .cta-link { line-height: 1.5rem; background-size:16px 13px; margin-top:16px; padding-left:22px; } } .cta-link { background: url(../icons-vorlagen/icon-arrow_right-green.svg) left center no-repeat; background-size: 13px 10px; color: #62bb46!important; font-weight: 700; line-height: 1.25rem; margin-top: 18px; padding-left: 18px; text-decoration: none; } .link-green { color: #62bb46!important; font-weight: 700; line-height: 1.25rem; text-decoration: none; } @media (min-width: 1440px) { .link-green { line-height:1.5rem; } } .UnderlineGap { margin: 0 0 20px; } .weight-500 { font-weight: 500; } .weight-700 { font-weight: 700; } .blue-label { color: #2066d6; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .00125em; line-height: .875rem; margin-bottom: 4px; text-transform: uppercase; } .grey-label { color: #999; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .00125em; line-height: .875rem; margin-bottom: 4px; text-transform: uppercase; } section a.cta-button, .cta-button { -ms-flex-item-align: center; align-self: center; background-color: #62bb46; border-bottom-left-radius: 100% 1000px; border-bottom-right-radius: 100% 1000px; border-top-left-radius: 100% 1000px; border-top-right-radius: 100% 1000px; color: #fff; display: inline-block; font-size: .9375rem; font-weight: 700; line-height: .9375rem; padding: 12px 40px 13px; position: relative; text-decoration: none; } .main__container>.main__container_blog>section.NoGap, .main__container>.main__container_blog>section, section.NoGap, main section.NoGap, .NoGap, .NoGap p:last-child, .NoGap ol:last-child, .NoGap ul:last-child { margin-bottom: 0; } .textRight { text-align: right; } .textCenter { text-align: center; } .textLeft { text-align: left; } #Image_Headline_Combination { margin: 0 auto; padding: 40px 0 0; } @media (min-width: 1024px){ .widescreen { max-width:1024px!important; } } .header .main__container #header-shortcuts .shortcuts-phone-text a,.header .main__container .mobile_menu_actions .shortcuts-phone-text a,.header .main__container #header-shortcuts .shortcuts-phone-text a:hover,.header .main__container .mobile_menu_actions .shortcuts-phone-text a:hover { color: #62bb46; text-decoration: none; } h1,.h2,.h3,.h4 { margin-bottom: .75rem!important; } .h3 { font-size: 1.4rem; line-height: 1.9rem; } .h4,h3.h4 { font-size: 1.2rem; line-height: 1.62rem; } @media (min-width: 1024px) { .h3 { font-size:1.6rem; line-height: 2.16rem; } .h4,h3.h4 { font-size: 1.4rem; line-height: 1.89rem; } } .msg-error { color: red; line-height: normal; padding-bottom: 10px; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .ui-autocomplete-panel { background: #f5f8fd; font: inherit; max-width: 100%; position: absolute; } .ui-autocomplete-items { list-style: none; margin: 0; padding: 0; } .ui-autocomplete-item { color: #11284e; cursor: pointer; font-size: 1.25rem; font-style: normal; font-weight: 300; letter-spacing: .00063rem; line-height: 2.25rem; margin: 22px 11px 10px; } .ui-state-highlight { background: #d2e3fc; } .autocomplete-input { height: 40px; width: 520px; } .btn-default, .btn-default:hover, .ui-button.ui-state-default, .ui-button.ui-state-hover { background: linear-gradient(0deg,#62BB46,#62BB46); border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; padding: 5px 20px; border: none; } @media (max-width: 1023px) { .autocomplete-input,.ui-autocomplete { width: 100%; } } #map { height: 500px; width: 100%; margin-left: auto; margin-right: auto; } a.invisible-link{ text-decoration: none; } a.invisible-link:hover{ color: inherit; } .alignCenter { text-align:center; } span[id^="gsi_"] { position: absolute; margin-top: -120px; } div.nav_item ul{ font-weight: normal; flex-direction: column; padding: 15px 12px 20px 20px; width: 100%; } .mobile-open div.nav_item ul { width: auto !important; } .menu {z-index:9990 !important;} .shortcuts-menu-trigger {z-index:9991 !important;} @media (min-width: 1024px) { div.nav_item ul{ box-shadow: 0 14px 15px 0 rgb(0 0 0 / 10%); visibility: hidden; background-color: white; position: absolute; left: 0; } } @media (min-width: 1024px) { div.nav_item:hover ul, div.nav_item:hover ul:hover, div.nav_item ul:hover{ visibility: visible; } } .menu .nav .menu-container .nav_items > .nav_items_primary .nav_item ul li { margin-bottom: 20px; } .menu .nav .menu-container .nav_items > .nav_items_primary .nav_item.nav_item--active ul li a{ border-bottom: none; } span.accordion-btn-wrap { width: 15%; cursor: pointer; display: none; height: 36px; } @media (max-width: 1023px) { span.accordion-btn-wrap{ display: inline-block; } .accordion-btn.accordion-collapsed { background: url(../icons-vorlagen/icon-arrow_down-white.svg) 10px 10px no-repeat; } .accordion-btn.accordion-expanded { background: url(../icons-vorlagen/icon-arrow_up-white.svg) 10px 10px no-repeat; } div.nav_item { width: 100%; } span.nav_item_headline{ display: inline-flex; width: 100%; } a.nav-with-ul.navhover,span.nav-with-ul.navhover{ width: fit-content; max-width: 85%; } .menu .nav .menu-container .nav_items { height: fit-content; margin-top: 20px; padding: 0 15px; } .menu .nav .menu-container .nav_quicklinks { position: fixed; width: -webkit-fill-available; bottom: 0px; } .menu .nav .menu-container .nav_items > .nav_items_primary { margin-bottom: 25px; padding-right:0px; padding-left:0px; } .nav_item a, .nav_item .nav_item_headline span{ font-size: 1.3rem; } .nav_item.zweite_ebene a { font-size:1rem; } .nav_item .accordion-btn-wrap { right: 0px; position: absolute; } div.nav_item ul { padding-left: 10px; } .menu .nav .menu-container .nav_items > .nav_items_secondary { padding-right: 0px; padding-left: 0px; } .menu .nav .menu-container .nav_items > .nav_items_primary .nav_item, .menu .nav .menu-container .nav_items > .nav_items_secondary .nav_item { margin-bottom: 0.5em; } .menu .nav .menu-container .nav_items > .nav_items_primary .nav_item ul li { margin-bottom: 0.5em; } .mobile-open div.nav_item ul { margin-left:0px; padding-left:0px; } #ot-sdk-btn-floating.ot-floating-button { z-index:1 !important; } } @media (min-width: 1024px) { .nav-with-ul:after { content: ''; position: absolute; z-index: 5; margin-top: 9px; margin-left: 5px; } .menu .nav .menu-container .nav_items > .nav_items_primary .nav_item .nav-with-ul:after { background: url(../icons-vorlagen/icon-arrow_down-primary-green.svg) no-repeat; height: 13px; width: 10px; background-size: 100% auto; } .menu .nav .menu-container .nav_items > .nav_items_primary .nav_item .nav-hover:after { background: url(../icons-vorlagen/icon-arrow_up-primary-green.svg) no-repeat; background-size: 100% auto; } .nav_item.zweite_ebene { margin-right: 40px !important; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item .nav_item_headline span.accordion-btn-wrap { display: none; } } .message { background-color: #f5f8fd; border: 1px solid #D2E3FC; width: 750px; margin: 0 auto; border-radius: 10px; text-align: center; } .message p { margin: 10px; } div.content_container .content_wrapper { height: 100%; position: relative; } div.content_container .content_wrapper div{ position: absolute; top: 80px; } .max-width{ max-width: 100%!important; } #moin-ai-container {z-index:999999;} #trustedShop, #trustbadge-container-98e3dadd90eb493088abdc5597a70810 {z-index:50;} @media (max-width: 767px){ .fade-background-{ background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 100%); z-index: 1; top: 50%; height: 50%; left: 0; position: absolute; width: 100%; z-index: 1; } .fade-background-text_top{ background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 100%); z-index: 1; top: 0; height: 50%; left: 0; position: absolute; width: 100%; z-index: 1; } } @media (max-width: 1023px){ iframe#moin-ai-button { transform: scale(0.75)!important; } } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.zweite_ebene{ margin-bottom: 5px; } @media (max-width: 1023px){ .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.zweite_ebene{ margin-bottom: 0; } .menu .nav .menu-container .nav_items>.nav_items_primary .nav_item.zweite_ebene.nav_badge{ background-image: url(../icons-vorlagen/neu_weiss.svg); background-size: 45px; } } .nav_item.zweite_ebene.nav_badge a { margin-right: 55px; } .nav_item.zweite_ebene a { width: fit-content; }