@charset "UTF-8";/*!
* 
*
* Built with love by B&B. Markenagentur
*
* http://bundb.de
*

Theme Name: BundB Themen
Theme URI: http://bundb.de
Description: Development and Theme Design by B&B. Markenagentur
Version: 2.0.0
Author: B&B. Markenagentur
Author URI: http://bundb.de

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/:root{--color-black: #365746;--color-grey: #EAE7E3;--color-red: #A4282A;--color-yellow: #DBAD3B;--color-beige: #E2DACF;--color-white: #ffffff}@font-face{font-family:PPAgrandirText;font-style:normal;font-weight:400;src:url(/content/themes/bundb/fonts/PPAgrandirText-Regular.eot);src:local(""),url(/content/themes/bundb/fonts/PPAgrandirText-Regular.eot?#iefix) format("embedded-opentype"),url(/content/themes/bundb/fonts/PPAgrandirText-Regular.woff2) format("woff2"),url(/content/themes/bundb/fonts/PPAgrandirText-Regular.woff) format("woff")}@font-face{font-family:PPAgrandirText;font-style:italic;font-weight:400;src:url(/content/themes/bundb/fonts/PPAgrandirText-Italic.eot);src:local(""),url(/content/themes/bundb/fonts/PPAgrandirText-Italic.eot?#iefix) format("embedded-opentype"),url(/content/themes/bundb/fonts/PPAgrandirText-Italic.woff2) format("woff2"),url(/content/themes/bundb/fonts/PPAgrandirText-Italic.woff) format("woff")}@font-face{font-family:PPAgrandirText;font-style:normal;font-weight:700;src:url(/content/themes/bundb/fonts/PPAgrandirText-Bold.eot);src:local(""),url(/content/themes/bundb/fonts/PPAgrandirText-Bold.eot?#iefix) format("embedded-opentype"),url(/content/themes/bundb/fonts/PPAgrandirText-Bold.woff2) format("woff2"),url(/content/themes/bundb/fonts/PPAgrandirText-Bold.woff) format("woff")}@font-face{font-family:PPAgrandirText;font-style:italic;font-weight:700;src:url(/content/themes/bundb/fonts/PPAgrandirText-BoldItalic.eot);src:local(""),url(/content/themes/bundb/fonts/PPAgrandirText-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/content/themes/bundb/fonts/PPAgrandirText-BoldItalic.woff2) format("woff2"),url(/content/themes/bundb/fonts/PPAgrandirText-BoldItalic.woff) format("woff")}@font-face{font-family:PPAgrandirHeavy;font-style:normal;font-weight:900;src:url(/content/themes/bundb/fonts/PPAgrandir-GrandHeavy.eot);src:local(""),url(/content/themes/bundb/fonts/PPAgrandir-GrandHeavy.eot?#iefix) format("embedded-opentype"),url(/content/themes/bundb/fonts/PPAgrandir-GrandHeavy.woff2) format("woff2"),url(/content/themes/bundb/fonts/PPAgrandir-GrandHeavy.woff) format("woff")}::-webkit-scrollbar{display:none;-webkit-appearance:none;appearance:none;width:0;height:0}html{margin:0;padding:0;width:100%;height:auto;font-size:16px;scrollbar-width:none}body{position:relative;font-family:PPAgrandirText,Arial,sans-serif;margin:0;padding:0;background-color:var(--color-red);color:var(--color-white);line-height:1.35;width:100%;height:auto;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:lining-nums}body.holdscreen{overflow:hidden}body.holdscreen:before{content:"";display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1001}body.expired:after{content:"";display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1002;background-color:#000;opacity:.8}body.expired>*:not(.expiredbox){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}*{box-sizing:border-box}::selection{color:var(--color-black);background:var(--color-grey)}::-moz-selection{color:var(--color-black);background:var(--color-grey)}#jg--scrollbar{position:fixed;height:100%;width:14px;background-color:transparent;top:0;right:0;transform:translate3d(100%,0,0);transition:transform .2s cubic-bezier(.75,.25,0,1);z-index:1002}#jg--scrollstick{display:block;position:absolute;width:4px;margin:0 auto;left:0;right:0;background-color:var(--color-black);border-radius:1px;cursor:grab}#jg--scrollstick:active,body.stickdragging{cursor:grabbing}#jg--menuscrollbar{position:fixed;height:100%;width:14px;background-color:transparent;top:0;right:0;transform:translate3d(100%,0,0);transition:transform .2s cubic-bezier(.75,.25,0,1);z-index:1004}#jg--menuscrollstick{display:block;position:absolute;width:4px;margin:0 auto;left:0;right:0;background-color:var(--color-black);border-radius:1px;cursor:grab}#jg--menuscrollstick:active,body.stickdraggingmenu{cursor:grabbing}h1,h2,h3,h4,h5,h6,div,p,pre,span,ul,ol,li,cite{position:relative;color:inherit}canvas{height:auto;width:auto}pre{font-size:.75rem;line-height:1.2}ul,ol,li{list-style:none;margin:0;padding:0;font-size:1.25rem;line-height:1.35}h1,h2,h3,h4,h5,h6{font-family:PPAgrandirHeavy,Arial,sans-serif;line-height:1}h1{font-size:4rem;margin:0 0 40px}h2{font-size:3.4rem;margin:40px 0 20px}h3{font-size:2.375rem;margin:30px 0 15px}h4{font-size:1.875rem}h5{font-size:1.625rem}span,b,strong,figcaption{display:inline-block;font-size:inherit}p{line-height:1.65;font-size:1.25rem;padding:0 0 20px;margin:0}a{display:table;position:relative;width:auto;height:auto;font-size:inherit;text-decoration:none;color:inherit}figure.quote{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 40px}blockquote{display:block;font-size:2rem;font-weight:600;line-height:1.35;padding:25px 0 15px;margin:0;border:unset;color:var(--color-black)}@media screen and (max-width: 1400px){h1{font-size:3.6rem}h2{font-size:2.8rem}p,ul,ol,li{font-size:1.125rem}}@media screen and (max-width: 1200px){h3{font-size:2.1rem}h4{font-size:1.5rem}h5{font-size:1.3125rem}blockquote{font-size:1.625rem}}@media screen and (max-width: 970px){h1{margin:0 0 30px}h2{font-size:3.2rem}h3{font-size:1.625rem}h4{font-size:1.35rem}h5{font-size:1.125rem}blockquote{font-size:1.325rem}}@media screen and (max-width: 760px){h1{font-size:4.2rem}h2{font-size:3rem}h4{font-size:1.25rem}p,ul,ol,li{font-size:1rem}figure.zitat{padding:0 0 25px}body.single-cases h1{font-size:3rem}}@media screen and (max-width: 510px){h1{font-size:3.4rem}h2{font-size:2.4rem}h4,blockquote{font-size:1.25rem}h5{font-size:1.125rem}}@media screen and (max-width: 390px){h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.5rem}h4,blockquote{font-size:1.125rem}}figure{display:flex;justify-content:center;align-items:center;position:relative;margin:0;width:100%;height:auto;overflow:hidden}figure.caption--on{margin:0 0 6rem}img{display:block;position:relative;height:100%;max-width:100%;width:100%}figure.setratio{display:flex;justify-content:center;align-items:center;position:relative;height:auto;width:100%}figure.setratio img,figure.setratio video{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}figure.setratio:before{content:"";display:block;position:relative}figure.setratio.get21x9:before{padding-bottom:42.86%}figure.setratio.get16x9:before{padding-bottom:56.25%}figure.setratio.get4x3:before{padding-bottom:75%}figure.setratio.get1x1:before{padding-bottom:100%}figure.setratio.get9x16:before{padding-bottom:177%}figure.setratio.get3x4:before{padding-bottom:134%}figure.setratio.getfull:before,figure.setratio.getorigin:before{display:none}figure.setratio.getorigin img{position:relative;-o-object-fit:unset;object-fit:unset}figure.setratio.getfull video{position:relative}figure.setratio.getorigin video{position:relative}figure.vimeo iframe{position:absolute}figure.fitheight{height:intrinsic;height:-moz-fit-content;height:fit-content}figure.setratio figcaption{display:block;position:absolute;bottom:0;left:0;transform:translate3d(0,3.6rem,0)}figure.icons img{width:24px;height:24px;min-width:24px;min-height:24px}figure.icons.size36 img{width:36px;min-width:36px;height:36px;min-height:36px}figure.icons.size48 img{width:48px;min-width:48px;height:48px;min-height:48px}#preloadimg{display:block;background-color:var(--color-red);position:fixed;height:100vh;width:100vw;left:0;top:0;z-index:1000;opacity:0;transition:opacity .4s .2s ease-out}#preloadimg.plimg0{opacity:1}article,div{display:block;position:relative}section{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:auto}.section--bg{display:flex;position:absolute;width:100%;height:100%}.blocks{display:block;position:relative;width:100%;max-width:900px;height:auto}.blocks>*:first-child{margin-top:0}.block--contents{width:100%}.block--contents>*:first-child{margin-top:0;padding-top:0}.block--contents>*:last-child,.boxes>*:last-child{padding-bottom:0;margin-bottom:0}.block--contents li{margin-left:2em}.block--contents li:not(.last-child){margin-bottom:20px}.block--contents li:before{content:"";display:block;position:absolute;width:.35em;min-width:.35em;height:.35em;min-height:.35em;border-radius:50%;transform:translate3d(-1.2em,.4em,0);background-color:var(--color-red)}.block--contents a{display:initial;word-break:break-all;background:linear-gradient(to bottom,transparent 61%,var(--color-grey) 0) left bottom/100% 100% no-repeat;transition:all .8s cubic-bezier(.25,.75,0,1)}.block--contents a:hover{background-size:100% 50%}.header--container,.footer--container,.section--container{position:relative;width:100%;max-width:1600px;height:auto;box-sizing:border-box}.header--container{padding:0 120px}.footer--container,.section--container{padding:120px}.section--container.column{display:grid;grid-gap:60px}@media screen and (max-width: 1600px){.header--container{padding:0 90px}.footer--container,.section--container{padding:90px}}@media screen and (max-width: 1400px){.header--container{padding:0 60px}.footer--container,.section--container{padding:90px 60px}}@media screen and (max-width: 1200px){.header--container{padding:0 40px}.footer--container,.section--container{padding:60px 40px}.section--container.column{grid-gap:40px}.blocks{max-width:640px}}@media screen and (max-width: 970px){.footer--container,.section--container{padding:40px}}@media screen and (max-width: 760px){.section--container{max-width:640px}.section--container.column{grid-gap:30px}.header--container{padding:0 20px}.footer--container{padding:30px 20px}.section--container{padding:30px 20px 50px}}figure.jg--lazybg,div.jg--preview.jg--lazybg,footer .jg--social.jg--lazybg a{background-image:none!important;opacity:0!important;background-color:var(--color-black)}img.jg--lazyimg,iframe.jg--lazyimg{opacity:0}figure,div.jg--preview,footer .jg--social a{background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:1;transition:opacity .4s ease-in-out}img,iframe{opacity:1;transition:opacity .4s ease-in-out}.slider--container figure{background-repeat:no-repeat;background-position:center center;background-size:cover;transition:opacity .8s ease-in-out}.logo{width:auto;height:auto;min-width:360px;max-width:360px;min-height:81px;max-height:81px}@media screen and (max-width: 970px){.logo{min-width:280px;max-width:280px;min-height:63px;max-height:63px}}.dg.ac{top:1 0px!important;z-index:1000!important}.jg--videos{display:flex;justify-content:center;align-items:center;width:100%;height:auto}.jg--videos iframe{position:absolute;width:100%;height:100%;cursor:pointer}section.reel .jg--videos{justify-content:flex-start;align-items:flex-end}.jg--videos .buttons{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;position:absolute;z-index:1;cursor:pointer;margin:0}.buttons .player{display:flex;justify-content:center;align-items:center;width:107px;min-width:107px;height:107px;min-height:107px}.buttons .player:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-red);border-radius:50%;transform:scale(1);transition:transform .8s cubic-bezier(.75,.25,0,1),box-shadow .8s cubic-bezier(.25,.75,0,1);transform-origin:center center}.buttons .player figure.icons{display:flex}.buttons .player>span{position:absolute;bottom:-5px;width:130px;font-weight:600}.right .buttons .player>span{left:0;transform:translate3d(20px,100%,0)}.left .buttons .player>span{right:0;transform:translate3d(10px,100%,0);text-align:right}svg,svg *{pointer-events:none}.buttons svg polygon{fill:var(--color-white);transition:fill .6s .2s cubic-bezier(.25,.75,0,1)}@media (hover: hover) and (pointer: fine){.buttons .player:hover:before{transform:scale(.9)}.buttons .player:hover svg polygon{fill:var(--color-grey)}}@media screen and (max-width: 970px){section.reel .jg--videos{max-width:90%}.buttons .player{width:86px;min-width:86px;height:86px;min-height:86px}}@media screen and (max-width: 760px){.buttons .player{width:68px;min-width:68px;height:68px;min-height:68px}}.publicdate{display:flex;position:relative;color:inherit}.social--share{display:flex;flex-direction:column}.social--share:before{content:"";display:block;position:relative;width:100%;height:2px;background-color:var(--color-black);margin-bottom:40px}.social--share>div{display:flex;align-items:center}.social--share>div>p{padding:0;margin:0}.social--share>div ul{display:flex;align-items:center;justify-content:center}.social--share>div ul>li{margin-left:40px}@media screen and (max-width: 970px){.social--share:before{margin-bottom:25px}}@media screen and (max-width: 760px){.social--share>div ul>li{margin-left:30px}}ul.socialmedia{display:flex;align-self:center;margin:0 0 0 auto}ul.socialmedia li:not(:first-child){margin-left:40px}@media screen and (max-width: 760px){ul.socialmedia{margin:0 auto 0 0}}.scrollby .scrolltotarget>*{display:inline-block;cursor:pointer}.scrollby .scrolltotarget.transon>p{color:var(--color-red);font-weight:600}#etc #windowWH{position:fixed;width:100vw;height:100vh;z-index:-2;visibility:hidden;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:0;left:0}#etc #bodyWH{position:fixed;width:100vw;height:100%;z-index:-2;visibility:hidden;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:0;left:0}#etc{display:block;position:absolute;left:0;top:0;width:100%;height:auto}#etc .snow{position:absolute;top:0;left:0;pointer-events:none;z-index:1001}.expiredbox{position:fixed;display:flex;align-items:center;justify-content:center;bottom:80px;left:0;right:0;width:auto;height:0;z-index:10000;font-size:1.25rem}.expiredbox>.eb--container{width:auto;background-color:var(--color-red);border:1px solid var(--color-beige);color:var(--color-white);padding:30px 40px;border-radius:10px}.buttons{display:inline-block;position:relative;margin:30px 40px 0 0;color:var(--color-black)}.buttons a{display:table;align-items:center}.buttons a>*{display:inline-block;font-size:1.25rem;font-weight:800;vertical-align:middle}.buttons a>figure.icons,.buttons a>*>figure.icons,.buttons .submitcover>figure.icons{margin-left:10px;vertical-align:middle}.buttons a svg path{fill:var(--color-black)}.buttons figure.icons{display:inline-block}.buttons.icon24 figure.icons,.buttons.icon24 figure.icons svg{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px}.buttons.icon32 figure.icons,.buttons.icon32 figure.icons svg{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}.buttons.icon48 figure.icons,.buttons.icon48 figure.icons svg{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px}@media screen and (max-width: 1200px){.buttons{margin:20px 30px 0 0}}@media screen and (max-width: 970px){.buttons a span{font-size:1.125rem}.buttons.icon32 figure.icons,.buttons.icon32 figure.icons svg{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px}}@media screen and (max-width: 510px){.buttons{margin:15px 20px 0 0}}.buttons.btn0>*{background-color:var(--color-red);border-radius:50px;padding:14px 24px;transition:all .8s cubic-bezier(.25,.75,0,1)}.buttons.btn0>*>*:not(figure){margin:0;font-size:1.25rem;font-weight:600;color:var(--color-black)}.buttons.btn0>* figure.icons{vertical-align:middle;transition:all .8s cubic-bezier(.075,.82,.165,1)}@media (hover: hover) and (pointer: fine){.buttons.btn0>*:hover figure.icons{margin-left:25px}}@media screen and (max-width: 970px){.buttons.btn0>*{padding:14px 18px}.buttons.btn0>*>*{font-size:1.125rem}}@media screen and (max-width: 510px){.buttons.btn0>*>*:not(figure){font-size:1rem}}.buttons.btn1>*{display:table;background-color:var(--color-red);border-radius:50px;padding:14px 24px 14px 30px;transition:all .8s cubic-bezier(.25,.75,0,1);cursor:pointer}.buttons.btn1>*>*{vertical-align:middle}.buttons.btn1>*>*:not(figure){margin:0 10px 0 0;font-size:1.25rem;font-weight:600;color:var(--color-black)}.buttons.btn1>* figure.icons{transition:all .8s cubic-bezier(.075,.82,.165,1)}@media (hover: hover) and (pointer: fine){.buttons.btn1>*:hover figure.icons{margin-left:25px}}.buttons.btn2 figure.icons{vertical-align:middle;transform:translate(0);transition:all .8s cubic-bezier(.075,.82,.165,1)}@media (hover: hover) and (pointer: fine){.buttons.btn2:hover figure.icons{transform:translate(10px)}}.buttons.btn3{margin:0}.buttons.btn3>*{background-color:var(--color-red);padding:15px}.buttons.btn3>* figure.icons{margin:0}@media screen and (max-width: 970px){.buttons.btn1>*{padding:14px 18px 14px 26px}.buttons.btn1>*>*:not(figure){font-size:1.125rem}}.buttons.btn98{margin:40px 0 0;cursor:pointer}.buttons.btn98>*{padding:10px 30px;border-radius:15px;background-color:var(--color-red);color:var(--color-white);border:4px solid var(--color-red);transition:all .25s cubic-bezier(.075,.82,.165,1)}@media (hover: hover) and (pointer: fine){.buttons.btn98>*:hover{background-color:var(--color-white);color:var(--color-red);padding:10px 40px;border-radius:40px}}.buttons.btn99{margin:0;color:inherit}.buttons.submit>*{background-color:var(--color-red);padding:10px 24px;transition:all .8s cubic-bezier(.25,.75,0,1),margin .8s cubic-bezier(.075,.82,.165,1)}.buttons.submit>*>input{position:absolute;width:100%;height:100%;opacity:0;padding:0}.buttons.submit>*>*:not(figure){margin:0;font-size:1.25rem;font-weight:600;color:var(--color-white)}header nav#nav--primary ul.menu0>li.contact,.buttons.submit>* figure.icons{vertical-align:middle;transition:all .8s cubic-bezier(.075,.82,.165,1)}@media (hover: hover) and (pointer: fine){header nav#nav--primary ul.menu0>li.contact:hover,.buttons.submit:hover>*{background-color:var(--color-black)}}@media screen and (max-width: 970px){.buttons.submit>*>*{font-size:1.125rem}}@media screen and (max-width: 510px){.buttons.submit>*>*:not(figure){font-size:1rem}}.buttons.btnarrow>*{display:flex}.buttons.btnarrow>*>*{font-weight:600;text-transform:uppercase}.buttons.btnarrow>*>*:not(.arrow--container){display:inline-block}.arrow--container{display:flex;justify-content:center;align-items:flex-end;margin-right:1em;transform:translateY(-.35em)}.arrows{border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:6px}.a--right{transform:rotate(-45deg)}.a--left{transform:rotate(135deg)}.a--up{transform:rotate(-135deg)}.a--down{transform:rotate(45deg)}.a--stick{position:absolute;width:3px;height:75%;transform-origin:center bottom;background-color:var(--color-black)}.contacts li{display:table}.buttons.btnarrow>*>*:not(.arrow--container)>*,section.contactform form input:not([type=submit])+label span,section.contactform form input:not([type=checkbox])+label span,header nav#nav--primary ul.menu0>li:not(.contact)>a,header .menu1 li a,.scrollby .scrolltotarget>*,.buttons .player>span,section.accordion .contents>h3,footer .nav--main li a,footer .nav--side li a,.buttons.btn2>*>*:not(figure),.buttons.btn4>*>*:not(figure),.buttons.btn99>*>*:not(figure),.contacts .fax span,.contacts .tel span,.contacts .vcf span,.contacts .mobil span,.contacts .website span,.contacts .email span{display:initial;background:linear-gradient(to bottom,transparent 70%,var(--color-red) 0) center bottom/0 100% no-repeat;transition:background .8s cubic-bezier(.075,.82,.165,1)}@media (hover: hover) and (pointer: fine){.buttons.btnarrow>*:hover>*:not(.arrow--container)>*,section.contactform form input:not([type=submit]):hover+label span,section.contactform form input:not([type=checkbox]):hover+label span,header nav#nav--pside ul.menu0>li:not(.contact)>a:hover,header nav#nav--primary ul.menu0>li>a:hover,header .menu1 li a:hover,.scrollby .scrolltotarget>*:hover,.buttons .player:hover>span,section.accordion .contents>h3:hover,footer .nav--main li a:hover,footer .nav--side li a:hover,.buttons.btn2>*:hover>*:not(figure),.buttons.btn4>*:hover>*:not(figure),.buttons.btn99>*:hover>*:not(figure),.contacts .vcf:hover span,.contacts .fax:hover span,.contacts .tel:hover span,.contacts .mobil:hover span,.contacts .website:hover span,.contacts .email:hover span{background-size:100% 100%}}header nav#nav--primary ul.menu0>li.transon a{background-size:100% 100%}.social--share li a figure.icons path,.socialmedia li a figure.icons path{transition:all .8s cubic-bezier(.25,.75,0,1);transform-origin:center center}@media (hover: hover) and (pointer: fine){.social--share li a:hover figure.icons path,.socialmedia li a:hover figure.icons path{fill:var(--color-red);transform:scale(.9)}}.buttons.btn2 figure.icons path,.buttons.btn4 figure.icons g{filter:drop-shadow(1px 2px 2px rgba(49,211,124,0));transition:all .4s cubic-bezier(.075,.82,.165,1)}@media (hover: hover) and (pointer: fine){.buttons.btn2:hover figure.icons path,.buttons.btn4:hover figure.icons g{filter:drop-shadow(1px 2px 2px rgba(49,211,124,.3))}}#navbutton{display:none}header{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:auto;z-index:1;transform:translateZ(0)}body.home header{background-color:var(--color-red)}header .header--container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding-top:20px;padding-bottom:20px}header .homelogo{display:flex;align-items:center;position:relative;height:auto;width:100px;z-index:1;opacity:1;transition:opacity .25s cubic-bezier(.75,.25,0,1)}header .countdown{display:flex}@media screen and (max-width: 970px){header .countdown{flex-direction:column;align-items:center;justify-content:center}}.cd--text{display:flex;align-items:center;justify-content:center;text-align:center}.cd--text p{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.cd--text p strong{font-size:32px;line-height:1.35}.cd--text p span{font-size:18px}.cd--date{display:grid;grid-template-columns:64px 10px 64px 10px 64px 10px 64px;grid-gap:10px;min-height:100px;margin-left:60px;opacity:1;transform:scale(1);transition:transform .8s cubic-bezier(.075,.82,.165,1),opacity .8s ease}body.countstop .cd--date{opacity:0;transform:scaleY(.4)}body.expired header .countdown .cd--date{display:none}.cd--date>div.colon{display:flex;width:auto;height:auto;align-items:center;justify-content:center;transform:translateY(-.6em);font-weight:900;font-size:1.4em}.cd--date>div.datetime{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;color:var(--color-black);width:64px}.cd--date>div.datetime>span:nth-child(1){display:flex;justify-content:center;align-items:center;width:64px;height:64px;background-color:var(--color-white);border-radius:5px;font-weight:600;font-size:26px}.cd--date>div.datetime>span:nth-child(2){font-size:.8em;padding-top:.6em;color:var(--color-white);font-weight:600}@media screen and (max-width: 970px){.cd--date{margin:30px 0 0}}@media screen and (max-width: 510px){.cd--date{grid-template-columns:48px 6px 48px 6px 48px 6px 48px;grid-gap:6px}.cd--date>div.datetime{width:48px}.cd--date>div.datetime>span:nth-child(1){width:48px;height:48px;font-size:20px}}main{display:block;position:relative;width:100%;height:auto;overflow:hidden}footer{display:flex;justify-content:center;position:relative;width:100%;height:auto}footer .footer--container{display:grid;grid-template-columns:unset;grid-gap:60px;align-items:center;justify-content:center}footer .dsgvo{display:grid;grid-template-columns:auto 1fr;grid-gap:40px;font-size:1.125rem}footer .dsgvo ul{display:grid;grid-template-columns:auto 1fr;grid-gap:40px}footer .dsgvo ul li{font-size:1.125rem}footer .dsgvo ul li:before{content:"|";display:block;position:absolute;width:auto;height:auto;left:0;top:0;transform:translate(-20px)}footer .logo{margin-left:auto}@media screen and (max-width: 970px){footer .footer--container{grid-gap:20px}footer .dsgvo{font-size:1rem}footer .dsgvo ul li{font-size:1rem}}@media screen and (max-width: 760px){footer .footer--container{grid-template-columns:unset;grid-gap:30px}footer .dsgvo{grid-template-columns:unset;grid-gap:20px;align-items:center;justify-content:center}footer .dsgvo>span{order:2}footer .dsgvo ul{order:1;justify-self:center}footer .dsgvo ul li:first-child:before{display:none}footer .logo{margin-right:auto}}.footerbg{position:absolute;width:100vw;height:auto;bottom:0;left:0;z-index:-1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}body.error404 main{min-height:100vh}body.error404 section.page404{min-height:100vh}body.error404 section.page404 .section--container{display:flex;justify-content:center;align-items:flex-end;position:absolute;padding-top:0;padding-bottom:0;height:60vh}body.error404 section.page404 h1{font-size:20vw;position:absolute;line-height:.6;z-index:1;margin:0;color:var(--color-white)}body.error404 section.page404 .section--container.button{z-index:2}body.error404 section.page404 .section--container.button .buttons{margin:0;transform:translateY(50%)}body.error404 section.page404 .section--container.button .buttons span{color:var(--color-white)}body.error404 section.page404 .section--container.button .buttons>a{background-color:var(--color-black)}body.error404 section.page404 .section--container.button .buttons>a>div{transform:rotate(180deg)}body.error404 section.page404 .section--container.button .buttons>a>div svg path{fill:var(--color-white)}body.error404 #etc,body.error404 footer{display:none}section.head{display:flex;align-items:center;justify-content:center;text-align:center}section.head .blocks{margin:0 auto}section.head .title{display:flex;align-items:center;justify-content:center;flex-direction:column}section.head .title .tree{position:relative;max-width:92px;min-width:92px;height:auto;transform-origin:left bottom}section.head .title .homelogo{margin-bottom:60px}.headbgs.top{position:absolute;width:100vw;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.headbgs.top>div{position:relative}.headbgs.top>div>div{position:absolute;top:0;left:0}.headbgs.top>div>div:first-child{position:relative}.headbgs.top figure{width:100vw;height:auto}section.scrolldown{z-index:1}.headbgs.bottom{position:relative;width:100vw;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.headbgs.bottom>div{position:absolute;width:100%;height:auto;top:0;left:0}.headbgs.bottom>div>div{position:absolute;top:0;left:0}.headbgs.bottom>div.headbg-front{position:relative;z-index:2}.headbgs.bottom>div.headbg-front>div:first-child{position:relative}.headbgs.bottom>div.headbg-middle{z-index:1}.headbgs.bottom figure{width:100vw;height:auto}section.anleitung{background-color:var(--color-beige);color:var(--color-black)}section.anleitung .blocks{margin:0 auto;text-align:center}section.anleitung ol.list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;margin:0 auto}section.anleitung ol.list li{width:100%;max-width:640px}section.anleitung ol.list li>div{display:flex}section.anleitung ol.list li>div .count{display:flex;justify-content:center;align-items:center;position:relative;font-size:24px;font-weight:600;width:64px;height:64px;margin-right:20px}section.anleitung ol.list li>div .count span{z-index:1;color:var(--color-white)}section.anleitung ol.list li>div .count:before{content:"";display:block;position:absolute;background:url(/content/themes/bundb/img/svg/tree-nr.svg) no-repeat center center/contain;width:100%;height:100%}@media screen and (max-width: 1200px){section.anleitung ol.list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 970px){section.anleitung ol.list{grid-template-columns:unset}}body.open-0{overflow:hidden}section.tannenbaum{background-color:var(--color-beige)}body.open-0 section.tannenbaum ul.list{scrollbar-width:auto}section.tannenbaum ul.list.contents{display:flex;justify-content:center;align-items:flex-start;position:fixed;top:0;left:0;width:100%;height:auto;overflow-x:hidden;overflow-y:scroll;pointer-events:none;scrollbar-width:none}body.open-0 section.tannenbaum ul.list.contents{pointer-events:unset;z-index:1004}section.tannenbaum ul.list.contents li{display:none;position:relative;width:100%;max-width:640px;height:auto;margin-top:20vh;margin-bottom:10vh;transform:scale(0) translate3d(0,10vh,0);transform-origin:top center}@media screen and (max-width: 760px){body.open-0 section.tannenbaum ul.list.contents{padding:0 40px}}@media screen and (max-width: 510px){body.open-0 section.tannenbaum ul.list.contents{padding:0 25px}}body.open-0 section.tannenbaum ul.list.contents li.conton{display:flex;opacity:0;transition:transform .8s cubic-bezier(.75,.25,0,1),opacity .2s ease}body.open-0.open-1 section.tannenbaum ul.list.contents li.conton{transform:scale(1) translateZ(0);opacity:1}section.tannenbaum ul.list.contents li>div{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;height:auto;background-color:var(--color-white);color:var(--color-black);border-radius:60px;border:8px solid var(--color-red);text-align:center;padding:40px 60px}section.tannenbaum ul.list.contents li .images{position:relative;width:100%;max-width:280px;height:auto;opacity:0;border-radius:15px;overflow:hidden;animation:boxImgUp 1.2s .2s cubic-bezier(.075,.82,.165,1) forwards}section.tannenbaum ul.list.contents li>div>h3,section.tannenbaum ul.list.contents li>div>.block--contents,section.tannenbaum ul.list.contents li>div>.buttons{opacity:0;transform:translateY(40px)}section.tannenbaum ul.list.contents li>div>h3{animation:boxTextBtnUp 1.2s .3s cubic-bezier(.075,.82,.165,1) forwards}section.tannenbaum ul.list.contents li>div>.block--contents{animation:boxTextBtnUp 1.2s .4s cubic-bezier(.075,.82,.165,1) forwards}section.tannenbaum ul.list.contents li>div>.buttons{animation:boxTextBtnUp 1.2s .5s cubic-bezier(.075,.82,.165,1) forwards}@keyframes boxImgUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes boxTextBtnUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 760px){section.tannenbaum ul.list.contents li>div{padding:40px 40px 30px;border-radius:40px;border:6px solid var(--color-red)}}@media screen and (max-width: 510px){section.tannenbaum ul.list.contents li>div{padding:40px 25px 30px;border-radius:30px}}#contback{display:flex;align-items:center;justify-content:center;position:absolute;width:120px;height:120px;right:0;top:0;transform:translate3d(30%,-40%,0)}@media screen and (max-width: 760px){#contback{width:96px;height:96px;transform:translate3d(40%,-40%,0)}}#contback .close-x{display:flex;justify-content:center;align-items:center;position:relative;height:50%;width:50%;margin:0 auto;z-index:1;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.075,.82,.165,1)}#contback .close-x:before,#contback .close-x:after{content:"";display:block;position:absolute;width:60%;height:3px;border-radius:2px;background-color:var(--color-white);transition:all .4s cubic-bezier(.075,.82,.165,1)}#contback .close-x:before{transform:rotate(45deg)}#contback .close-x:after{transform:rotate(-45deg)}#contback .close-x:hover:before{transform:rotate(45deg) scale(.8)}#contback .close-x:hover:after{transform:rotate(-45deg) scale(.8)}#contback .close-bg{display:block;background:url(/content/themes/bundb/img/png/contentsbox/Close-bg.png) no-repeat center center/contain;position:absolute;width:100%;height:100%;top:0;left:0;transition:transform 1s cubic-bezier(.075,.82,.165,1);transform:scale(1) rotate(0)}#contback .close-x:hover+.close-bg{transform:scale(1.05) rotate(15deg)}.deko{position:absolute;top:0;left:0;transform-origin:center center;transform:scale(0)}body.open-0 .deko{transition:transform .8s cubic-bezier(.75,.25,0,1)}body.open-0.open-1 .deko{transform:scale(1)}@media screen and (max-width: 760px){body.open-0.open-1 .deko{transform:scale(.7)}}.deko>span{display:block;position:absolute}.deko>span>span{display:block;position:absolute;background-repeat:no-repeat;background-position:center center;background-size:contain}.deko>span:nth-child(1),.deko>span:nth-child(2),.deko>span:nth-child(3),.deko>span:nth-child(4){width:149px;height:195px;transform-origin:top center}.deko>span:nth-child(1){transform:scale(.6) translate3d(105%,-75%,0);z-index:7}.deko>span:nth-child(2){transform:scale(.6) translate3d(20%,-50%,0);z-index:8}.deko>span:nth-child(3){transform:scale(.6) translate3d(-90%,-20%,0);z-index:9}.deko>span:nth-child(4){transform:scale(.6) translate3d(-105%,-65%,0)}.deko>span:nth-child(5){width:220px;height:183px;transform-origin:top left}.deko>span:nth-child(5){transform:scale(.6) translate3d(-10%,-50%,0)}.deko>span:nth-child(6),.deko>span:nth-child(7),.deko>span:nth-child(8){width:310px;height:190px;transform:scale(.6);transform-origin:top left;transform:scale(.6) translate3d(45%,-70%,0)}.deko>span>span{width:100%;height:100%;transform-origin:bottom center}.deko>span:nth-child(1)>span,.deko>span:nth-child(2)>span,.deko>span:nth-child(3)>span,.deko>span:nth-child(4)>span{transform-origin:top center}.deko>span:nth-child(1)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/box-kugel-1.png);animation:dekokugel1 .8s .2s ease-out forwards;transform:rotate(-9deg)}.deko>span:nth-child(2)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/box-kugel-2.png);animation:dekokugel2 .8s .2s ease-out forwards;transform:rotate(0)}.deko>span:nth-child(3)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/box-kugel-3.png);animation:dekokugel3 .8s .2s ease-out forwards;transform:rotate(16deg) scale(1)}.deko>span:nth-child(4)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/box-kugel-4.png);transform:rotate(-20deg);animation:dekokugel4 .8s .2s ease-out forwards}.deko>span:nth-child(5)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/kugelmitblaetter.png)}.deko>span:nth-child(6)>span,.deko>span:nth-child(7)>span,.deko>span:nth-child(8)>span{transform:scale(1)}.deko>span:nth-child(6)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/Blaetter-0.png);animation:blaetter1 .8s .2s cubic-bezier(.8,.2,0,1) forwards}.deko>span:nth-child(7)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/Blaetter-1.png);animation:blaetter2 .8s .2s cubic-bezier(.8,.2,0,1) forwards}.deko>span:nth-child(8)>span{background-image:url(/content/themes/bundb/img/png/contentsbox/Blaetter-2.png);animation:blaetter3 .8s .2s cubic-bezier(.8,.2,0,1) forwards}@keyframes dekokugel1{8%,72%{transform:rotate(-9deg)}16%,64%{transform:rotate(-12deg)}24%,40%,56%{transform:rotate(-4deg)}32%,48%{transform:rotate(-16deg)}to{transform:rotate(-10deg)}}@keyframes dekokugel2{8%,72%{transform:rotate(-1deg)}16%,64%{transform:rotate(2deg)}24%,40%,56%{transform:rotate(-4deg)}32%,48%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes dekokugel3{8%,72%{transform:rotate(13deg)}16%,64%{transform:rotate(16deg)}24%,40%,56%{transform:rotate(8deg)}32%,48%{transform:rotate(20deg)}to{transform:rotate(14deg)}}@keyframes dekokugel4{8%,72%{transform:rotate(-19deg)}16%,64%{transform:rotate(-22deg)}24%,40%,56%{transform:rotate(-14deg)}32%,48%{transform:rotate(-26deg)}to{transform:rotate(-20deg)}}@keyframes blaetter1{0%{transform:scale(.8) rotate(35deg)}to{transform:scale(1) rotate(0)}}@keyframes blaetter2{0%{transform:scale(.8) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes blaetter3{0%{transform:scale(.8) rotate(-27deg)}to{transform:scale(1) rotate(0)}}.maintree{display:flex;justify-content:center;position:relative;width:100%;height:auto;z-index:1}.maintree .bodys{display:flex;justify-content:center;position:relative;width:100vw;margin:0 auto}.maintree .tree{width:100vw}.maintree .star{position:absolute;top:2%;left:43%;z-index:1}.maintree ol.list{position:absolute;width:100%;height:100%;z-index:2}.maintree ol.list li{display:block;position:absolute;transform-origin:center center;transform:scale(.8)}.maintree ol.list li .ball{display:flex;justify-content:center;align-items:center;transform-origin:top center}.maintree ol.list li .ball:hover{animation:bellshake .5s ease forwards}@keyframes bellshake{0%{transform:rotate(0) scale(1)}5%{transform:rotate(3deg) scaleX(.95)}15%{transform:rotate(-3deg) scale(1)}30%{transform:rotate(2deg) scale(1)}50%{transform:rotate(-1deg) scaleX(.98)}to{transform:rotate(0) scale(1)}}.maintree ol.list li.red figure.icons svg path.ballcolor{fill:var(--color-red)}.maintree ol.list li.yellow figure.icons svg path.ballcolor{fill:var(--color-yellow)}.maintree ol.list li .ball>span{position:absolute;z-index:1;font-size:4vw;font-weight:600;pointer-events:none}.maintree ol.list li .ball:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;transform:translate3d(0,2%,0) scale(1);opacity:0;z-index:-1;border:20px solid var(--color-beige)}.maintree ol.list li:nth-child(1) .ball:after{animation:ballAct 4s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(2) .ball:after{animation:ballAct 4s 8s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(3) .ball:after{animation:ballAct 4s 3s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(4) .ball:after{animation:ballAct 4s 7s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(5) .ball:after{animation:ballAct 4s 5s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(6) .ball:after{animation:ballAct 4s 12s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(7) .ball:after{animation:ballAct 4s 1s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(8) .ball:after{animation:ballAct 4s 4s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(9) .ball:after{animation:ballAct 4s 9s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(10) .ball:after{animation:ballAct 4s 2s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(11) .ball:after{animation:ballAct 4s 11s cubic-bezier(.25,.75,0,1) infinite}.maintree ol.list li:nth-child(12) .ball:after{animation:ballAct 4s 10s cubic-bezier(.25,.75,0,1) infinite}@keyframes ballAct{0%{transform:translate3d(0,2%,0) scale(.3);border:20px solid var(--color-beige);opacity:1}to{transform:translate3d(0,2%,0) scale(1);border:1px solid var(--color-beige);opacity:0}}.maintree ol.list li:nth-child(1){top:28%;left:37%}.maintree ol.list li:nth-child(2){top:32%;left:53%}.maintree ol.list li:nth-child(3){top:38%;left:31%}.maintree ol.list li:nth-child(4){top:47%;left:41%}.maintree ol.list li:nth-child(5){top:43%;left:55%}.maintree ol.list li:nth-child(6){top:53%;left:28%}.maintree ol.list li:nth-child(7){top:54%;left:58%}.maintree ol.list li:nth-child(8){top:57%;left:42%}.maintree ol.list li:nth-child(9){top:64%;left:35%}.maintree ol.list li:nth-child(10){top:68%;left:24%}.maintree ol.list li:nth-child(11){top:65%;left:62%}.maintree ol.list li:nth-child(12){top:70%;left:49%}.maintree .star figure.setratio,.maintree ol.list li .ball figure.icons,.maintree ol.list li .ball figure.icons>svg{width:12vw;min-width:12vw;max-width:12vw;height:12vw;min-height:12vw;max-height:12vw}.maintree ol.list li figure.icons{cursor:pointer}.bgs{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:-1}.bgs>div{position:absolute;width:100%;height:auto;transform-origin:bottom center}.bgfront{position:absolute;width:100vw;height:auto;bottom:0;left:0;z-index:2}.button-b{display:flex;justify-content:center;align-items:center;width:100vw;height:auto;min-height:260px;padding:0 20px;background-color:var(--color-white)}.button-b>.buttons{z-index:1;margin:20px 0;text-align:center}.bgbtn{position:absolute;width:100vw;height:auto;bottom:0;left:0}@media screen and (max-width: 1400px){.button-b{min-height:200px}}@media screen and (max-width: 970px){.button-b{min-height:160px}}@media screen and (max-width: 760px){.button-b{min-height:120px}}body header:after,body footer:after,body main section:after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:#000;z-index:-1;pointer-events:none;opacity:0;top:0;left:0}body.open-0 header:after,body.open-0 footer:after,body.open-0 main section:after{transition:opacity .4s .4s ease;pointer-events:unset;z-index:2}body.open-0.open-1 header:after,body.open-0.open-1 footer:after,body.open-0.open-1 main section:after{opacity:.8}