html{height:100%}
#body-wrapper .container{padding:2rem 0 2rem}
.header-fixed #body-wrapper{padding-top:3.5rem}
.header-fixed .hero+#start>#body-wrapper{padding-top:0}
section.section{position:relative;padding-right:1rem;padding-left:1rem}
.overlay-dark,.overlay-dark-gradient,.overlay-light,.overlay-light-gradient{z-index:0}
.hero h1{font-size:4rem;color:#242931}
.hero h2{font-size:2.5rem;color:rgba(36,41,49,.8)}

.header-fixed .hero{background-position:50% 0}

@media (max-width:840px){.hero h1{font-size:3rem}.hero h2{font-size:1.75rem}
}
@media (max-width:600px){.hero h1{font-size:2rem}.hero h2{font-size:1.25rem}}

.hero.text-light h1{color:#fff}.hero.text-light h2{color:rgba(255,255,255,.8)}.hero p{font-size:.9rem;font-weight:300}.hero #to-start{font-size:2rem;position:absolute;bottom:10px;display:inline-block;cursor:pointer}.image-overlay{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0}.overlay-light .image-overlay{background:rgba(255,255,255,.4)}.overlay-light-gradient .image-overlay{background:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.2))}.overlay-dark .image-overlay{background:rgba(0,0,0,.4)}
.overlay-dark-gradient .image-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.2))}html{font-size:16px}

@media screen and (min-width:480px){html{font-size:calc(16px + 4 * ((100vw - 480px)/ 800))}}
@media screen and (min-width:1280px){html{font-size:20px}}

h1,h2,h3,h4,h5,h6 {/*font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif*/;margin-top:2rem;color:#3a414e}

.h1,h1{font-size:3rem}
.h2,h2{font-size:1.8rem}
.h6,h6{font-weight:400}

a:focus{outline:0!important;box-shadow:none!important}img{max-width:100%}pre code,pre.xdebug-var-dump{line-height:1.5;display:block;overflow-x:auto;padding:1rem!important;color:inherit;border-radius:2px;background:#fafafa}pre code:not(.hljs){background:#f8f8f8}i.fa.fa-heart-o.pulse,i.fa.fa-heart.pulse{color:#920}b,strong{font-weight:700}.heavy{font-weight:700}.light{font-weight:200}.text-light{color:rgba(255,255,255,.8)}

.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6{color:rgba(255,255,255,.9)}

ol,ul{margin-left:1.6rem}
ol ol,ol ul,ul ol,ul ul{margin-left:1.6rem}
ul{list-style:none}
ol{list-style:decimal outside}

form .button-wrapper{margin-top:.75rem;margin-bottom:1rem}
form span.required{font-size:1.2rem;font-weight:700;color:#e85600}
form .form-input[type=range]{-webkit-appearance:slider-horizontal;-moz-appearance:slider-horizontal;appearance:slider-horizontal}
form .form-input[type=range]:focus{border:none;box-shadow:none}

.mobile-container{position:absolute;z-index:2;top:40%;left:0;margin:0 auto}
.mobile-logo img,
.mobile-logo svg{height:42px;margin-top:.7rem;margin-left:1.4rem}
.mobile-logo img path,
.mobile-logo svg path{fill:#fff}
.mobile-menu{z-index:3;top:0;right:0;display:none}
.header-fixed .mobile-menu{position:fixed}

@media (max-width:840px){.mobile-menu{display:block}}

.mobile-menu .button_container{position:absolute;z-index:100;top:1.3rem;right:1rem;width:28px;height:24px;cursor:pointer;transition:opacity .25s ease,top .5s ease}
.mobile-menu 
.button_container:hover{opacity:.7}
.mobile-menu .button_container.active{position:fixed}

.mobile-menu .button_container span{position:absolute;top:0;left:0;width:100%;height:4px;cursor:pointer;transition:all .35s ease;border:none;background:#0800aa}

.mobile-menu .button_container span:nth-of-type(2){top:8px}
.mobile-menu .button_container span:nth-of-type(3){top:16px}
.mobile-menu .button_container .kreuzer {top:8px; opacity:0;}
.overlay{position:fixed;top:0;left:0;visibility:hidden;width:100%;height:0;transition:opacity .35s,visibility .35s,height .35s;opacity:0;background:rgba(255,255,255,.9)}
.overlay.open{visibility:visible;height:100%;opacity:.95}
.overlay nav{position:relative;margin:0 auto;text-align:center}
.overlay-menu{overflow-y:scroll;height:calc(100% - 90px)}

.overlay-menu>.tree{text-align:left}

.treemenu.treemenu-root{margin:1rem 0 0 .5rem}
.treemenu li{line-height:1.2rem;margin:0 0 1px;padding:5px 0;list-style:none;background:rgba(255,255,255,.7)}
.treemenu li a{font-size:1rem;display:block;margin-left:1.2rem}
.treemenu li a.active,.treemenu li a:focus,
.treemenu li a:hover{text-decoration:none;color:#0900c8!important;}
.treemenu ul{margin:0 0 0 1rem}
.treemenu .toggler{font-size:1.1rem;line-height:1rem;float:left;padding-left:5px;cursor:pointer;vertical-align:top}
.treemenu .toggler:before{display:inline-block;margin-right:2pt}
.treemenu li.tree-empty>

.toggler{cursor:default;opacity:.3}

.treemenu li.tree-closed>.toggler:before{content:''}
.treemenu li.tree-opened>.toggler:before{content:''}

.mobile-nav-open{overflow-y:hidden}
#header,#header .logo img,#header .logo svg,#header .navbar-section,.default-animation,.modular-features .feature-icon,.modular-features.small .feature-icon i{transition:all .5s ease}

@keyframes pulse_animation{0%{transform:scale(1)}30%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.05)}80%{transform:scale(1)}100%{transform:scale(1)}}

#header{font-size:.72rem;font-weight:700;width:100%;height:3.5rem;color:#454d5d;border-bottom:1px solid rgba(172,179,194,.2);background:#fff}
#header a{color:#454d5d}
#header .logo svg path{fill:#222}
.header-dark #header:not(.scrolled){color:#fff;background:#222}
.header-dark #header:not(.scrolled) a{color:rgba(255,255,255,.7)!important}
.header-dark #header:not(.scrolled) a.active{color:#fff!important}
.header-dark #header:not(.scrolled) .dropmenu ul ul a{color:#454d5d!important}
.header-dark #header:not(.scrolled) .logo svg path{fill:#fff}
.header-dark.header-transparent #header:not(.scrolled){background:rgba(0,0,0,.05)}
.header-transparent #header:not(.scrolled){background:rgba(255,255,255,.05)}#header 
.navbar-section{height:3.5rem}

@media (max-width:840px){#header .navbar-section{margin-right:2rem}}
@media (max-width:600px){#header {height:4rem;} .navbar-section {height: 4rem;}}

#header .logo img,#header .logo svg{display:inherit;height:42px}
.header-fixed #header{position:fixed;z-index:2;top:0}
body.header-fixed.header-animated #header.scrolled{height:2.3rem}
body.header-fixed.header-animated #header.scrolled .navbar-section{height:2.3rem}
body.header-fixed.header-animated #header.scrolled .logo img,body.header-fixed.header-animated #header.scrolled .logo svg{height:28px}
body.header-fixed.header-animated #header.scrolled~.mobile-menu .button_container{top:.5rem}
.login-status-wrapper{white-space:nowrap}
body.sticky-footer{display:-ms-flexbox;display:flex;flex-direction:column;height:100%;min-height:100vh;-ms-flex-direction:column}

@media (max-width:350px){#header .logo img, .mobile-logo img{height:35px;}}

body.sticky-footer #page-wrapper{-ms-flex:1 0 auto;flex:1 0 auto}
#footer{padding:1rem 1rem 0;text-align:center;color:#acb3c2}

@media (max-width:840px){
    .dropmenu{display:none}}

    .dropmenu ul{display:-ms-flexbox;display:flex;margin:0;white-space:nowrap}
    .dropmenu ul li{position:relative;margin:0}
    .dropmenu ul li a{display:block;padding:7px 30px 7px 20px;text-decoration:none}
    .dropmenu ul li a.active,.dropmenu ul li a:focus,
    .dropmenu ul li a:hover{color:#0800aa!important}
    .dropmenu ul li a:before{font-family:FontAwesome;display:inline-block;float:right;margin-right:-20px;content:'';vertical-align:middle}
    .dropmenu ul li a:only-child{padding-right:20px}
    .dropmenu ul li a:only-child:before{content:''}
    .dropmenu ul li:hover>ul{display:block;visibility:visible}
    .dropmenu ul ul li a:before{content:''}
    .dropmenu ul ul{position:absolute;top:100%;visibility:hidden;list-style:none;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,.1)}
    .dropmenu ul ul ul{position:absolute;top:0;left:100%}
    .dropmenu>ul>li{display:inline-block}
    .dropmenu.animated ul li{transition:background .7s,color .5s}
    .dropmenu.animated ul li:hover>ul{transform:translateY(0);opacity:1}
    .dropmenu.animated ul ul{transition:transform .3s,opacity .5s;transform:translateY(-10px);opacity:0}
    .extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:1rem}

@media (max-width:840px){.extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:0}
    body.header-fixed.header-animated #header.scrolled{height:2.9rem}
    body.header-fixed.header-animated #header.scrolled .navbar-section{height:2.9rem}
    body.header-fixed.header-animated #header.scrolled .logo img,body.header-fixed.header-animated #header.scrolled .logo svg{height:36px}
    body.header-fixed.header-animated #header.scrolled~.mobile-menu .button_container{top:.8rem}
    body.header-fixed.header-animated #header{height:2.9rem}
    body.header-fixed.header-animated #header .navbar-section{height:2.9rem}
    body.header-fixed.header-animated #header .logo img,body.header-fixed.header-animated #header.scrolled .logo svg{height:36px}
    body.header-fixed.header-animated #header~.mobile-menu .button_container{top:.8rem}}

ul.pagination{-ms-flex-pack:center;justify-content:center}.prev-next{margin-top:4rem}
    
    
p{max-width:600px;margin-right:auto;margin-left:auto}