/**
* @license
* MyFonts Webfont Build ID 474452
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license from one of MyFonts official sites.
* http://www.fonts.com
* http://www.myfonts.com
* http://www.linotype.com
*
*/

@font-face {
  font-family: 'Galano';
  src: url(../fonts/galano/GalanoGrotesqueRegular.woff2) format('woff2'),
      url(../fonts/galano/GalanoGrotesqueRegular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
* @license
* MyFonts Webfont Build ID 114885
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license from one of MyFonts official sites.
* http://www.fonts.com
* http://www.myfonts.com
* http://www.linotype.com
*
*/

@font-face {
  font-family: 'Galano';
  src: url(../fonts/galano/GalanoGrotesqueRegularItalic.woff2) format('woff2'),
      url(../fonts/galano/GalanoGrotesqueRegularItalic.woff) format('woff');
  font-weight: normal;
  font-style: italic;
}

/**
* @license
* MyFonts Webfont Build ID 427248
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license from one of MyFonts official sites.
* http://www.fonts.com
* http://www.myfonts.com
* http://www.linotype.com
*
*/

@font-face {
  font-family: 'Galano';
  src: url(../fonts/galano/GalanoGrotesqueMedium.woff2) format('woff2'),
      url(../fonts/galano/GalanoGrotesqueMedium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Galano';
  src: url(../fonts/galano/GalanoGrotesqueBold.woff2) format('woff2'),
      url(../fonts/galano/GalanoGrotesqueBold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}

/* Root variables */

:root{
  --footer-height: 266px;
}

/* The default font family. */

/* The font attributes */

/* widths */

/* paddings/margins */

/* misc */

/* Colors */

html {
  height: -webkit-fill-available;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body{
  min-height: 100vh;
  min-height: -webkit-fill-available;
  color: #005ca8;
  background-color: #fff7eb;
  font-family: 'Galano', 'Helvetica', 'Arial', monospace;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  margin:0;
  padding:0;
}

@media (min-width: 768px) {

body{
    font-size:20px
}
  }

@media (min-width: 1280px) {

body{
    font-size:24px
}
  }

a{
  color: #005ca8;
  text-decoration: none;
}

a:hover{
  color: #005ca8;
  text-decoration: none;
}

p{
  margin:0;
}

p+p{
  margin-top: 1em;
}

b, strong{
  font-weight:bold;
}

h1, .text-hero{
  font-family:'Galano', 'Helvetica', 'Arial', monospace;
  font-size:48px;
  font-weight:bold;
}

@media (min-width: 768px) {

h1, .text-hero{
    font-size:60px;
}
  }

@media (min-width: 1280px) {

h1, .text-hero{
    font-size:72px;
}
  }

h1, .text-hero {
  word-wrap: break-word;
	-webkit-hyphens: auto;
	        hyphens: auto;
}

h2, .text-large{
  font-family:'Galano', 'Helvetica', 'Arial', monospace;
  font-size:38px;
  font-weight:bold;
  /* word-wrap: break-word;
	hyphens: auto; */
}

@media (min-width: 768px) {

h2, .text-large{
    font-size:48px
}
  }

@media (min-width: 1280px) {

h2, .text-large{
    font-size:60px
}
  }

h3, .text-medium{
  font-family:'Galano', 'Helvetica', 'Arial', monospace;
  font-size:30px;
  font-weight:bold;
}

@media (min-width: 768px) {

h3, .text-medium{
    font-size:38px
}
  }

@media (min-width: 1280px) {

h3, .text-medium{
    font-size:48px
}
  }

h4{
  font-family:'Galano', 'Helvetica', 'Arial', monospace;
  font-size:24px;
  font-weight:bold;
}

@media (min-width: 768px) {

h4{
    font-size:30px
}
  }

@media (min-width: 1280px) {

h4{
    font-size:38px
}
  }

h5, .btn-primary{
  font-family:'Galano', 'Helvetica', 'Arial', monospace;
  font-size:19px;
  font-weight:bold;
}

@media (min-width: 768px) {

h5, .btn-primary{
    font-size:24px
}
  }

@media (min-width: 1280px) {

h5, .btn-primary{
    font-size:30px
}
  }

.btn.btn-primary{
    text-decoration:none;
    color:#ffffff;
    background-color: #005ca8;
    -webkit-mask-image: url(../images/buttons/btn-primary-white.svg);
            mask-image: url(../images/buttons/btn-primary-white.svg);
    background-size:100% 100%;
    -webkit-mask-size:100% 100%;
            mask-size:100% 100%;
    display:inline-block;
    padding: calc(4rem/3) calc(4rem/2);
    display:inline-flex;
    align-items:center;
    transition: background-color .25s ease, color .25s ease;
    text-decoration:none;
  }

.btn.btn-primary:hover{
      color: #ffffff;
      background-color: #ed8a1a;
    }

.btn.btn-primary:before{
      content:'';
      padding-top:15%;
    }

.btn.btn-secondary {
    text-decoration:none;
    color:#ffffff;
    background-color: #005ca8;
    -webkit-mask-image: url(../images/buttons/btn-primary-white.svg);
            mask-image: url(../images/buttons/btn-primary-white.svg);
    background-size:100% 100%;
    -webkit-mask-size:100% 100%;
            mask-size:100% 100%;
    display:inline-block;
    padding: calc(4rem/3) calc(4rem/2);
    display:inline-flex;
    align-items:center;
    transition: background-color .25s ease, color .25s ease;
    text-decoration:none;
    font-weight:bold;
    font-size: 18px;
  }

@media (min-width: 768px) {

.btn.btn-secondary {
      font-size:20px;
  }
  }

@media (min-width: 1280px) {

.btn.btn-secondary {
      font-size:24px;
  }
  }

.btn.btn-secondary:hover{
      color: #ffffff;
      background-color: #ed8a1a;
    }

.btn.btn-secondary:before{
      content:'';
      padding-top:10%;
    }

.button.button--primary{
    text-decoration:none;
    color:#ffffff;
    background-color: #005ca8;
    -webkit-mask-image: url(../images/buttons/btn-primary-white.svg);
            mask-image: url(../images/buttons/btn-primary-white.svg);
    background-size:100% 100%;
    -webkit-mask-size:100% 100%;
            mask-size:100% 100%;
    display:inline-block;
    padding: calc(4rem/3) calc(4rem/2);
    display:inline-flex;
    align-items:center;
    transition: background-color .25s ease, color .25s ease;
    text-decoration:none;
    font-weight:bold;
    font-size: 18px;
    border:0;
    cursor:pointer;
  }

@media (min-width: 768px) {

.button.button--primary{
      font-size:20px;
  }
  }

@media (min-width: 1280px) {

.button.button--primary{
      font-size:24px;
  }
  }

.button.button--primary:hover{
      color: #ffffff;
      background-color: #ed8a1a;
    }

.button.button--primary:before{
      content:'';
      padding-top:10%;
    }

.button--small,
.webform-button--next.button,
.webform-button--previous.button{
  padding: calc(4rem/8) calc(4rem/4);
  font-size: 16px;
  /* font-weight: $font-weight-bold; */
  color: #ffffff!important;
  background-color: #005ca8;
  border-radius: 0.6rem;
  display:inline-block;
  margin-right: calc(4rem/8);
  margin-bottom: calc(4rem/8);
  transition: background-color .25s ease, color .25s ease;
}

.button--small:hover,.webform-button--next.button:hover,.webform-button--previous.button:hover{
    color: #ffffff!important;
    background-color: #ed8a1a;
  }

.webform-button--next.button,
.webform-button--previous.button{
  margin-bottom:0;
  border:0;
  cursor:pointer;
}

.visually-hidden{
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.paragraph--id--80 .layout__region--first{
    text-align:center;
  }

.paragraph--id--80 .layout__region--first h1{
      font-size:calc(48px*0.9);
    }

.paragraph--id--80 .layout__region--second{
  }

@media (min-width: 480px) {
      .paragraph--id--80 .layout__region--first h1{
        font-size:calc(48px*1.25);
      }
    .paragraph--id--80 .layout__region--second{
      max-width:80%;
      margin-left:auto;
      margin-right:auto;
    }
  }

@media screen and (min-width: 40em) {
    .paragraph--id--80 .layout-builder{
      display:block;
    }
}

@media (min-width: 768px) {
    .paragraph--id--80 .layout-builder{
      display:flex;
      max-width:1440px!important;
    }
    .paragraph--id--80 .layout__region--first{
      text-align:inherit;
    }
    .paragraph--id--80 .layout__region--second{
      text-align:inherit;
      max-width:100%;
      margin-left:0;
      margin-right:0;
    }
      .paragraph--id--80 .layout__region--second .paragraph{
        padding-left:0;
      }
  }

@media (min-width: 960px) {
      .paragraph--id--80 .layout__region--first h1{
        font-size:calc(60px*1.25);
      }
  }

@media (min-width: 1280px) {
      .paragraph--id--80 .layout__region--first h1{
        font-size:calc(72px*1.25);
      }
  }

@media (min-width: 1440px) {
      .paragraph--id--80 .layout__region--first h1{
        font-size:calc(72px*1.45);
      }
  }

#block-simplikus-content{
  width:100%;
  position:relative;
  overflow:hidden;
}

.layout-container{
  margin:0;
}

.layout-content{
  /* overflow:auto; */
  height:auto;
  min-height: calc(108px);
  padding-top: calc(108px);
}

@media (min-width: 960px) {

.layout-content{
    min-height: calc(132px);
    padding-top: calc(132px)
}
  }

.page-node-type-page .layout-content{
    padding-top:0;
  }

/**
 * Layouts builder.
 */

.layout-builder {
  display: flex;
  flex-wrap: wrap;
}

.layout__region {
  width: 100%;
  overflow:hidden;
}

.layout__region > .paragraph{
    padding: calc(4rem/2);
  }

@media (min-width: 960px) {

.layout__region > .paragraph{
      padding: calc(4rem)
  }
  }

@media (min-width: 1280px) {

.layout__region > .paragraph{
      padding: calc(4rem)
  }
  }

.layout--twocol-equal > .layout__region,
.layout--twocol-40-60 > .layout__region,
.layout--twocol-60-40 > .layout__region {
    flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--twocol-equal > .layout__region--first,
  .layout--twocol-equal > .layout__region--second {
    flex: 0 1 50%;
  }
  .layout--twocol-40-60 > .layout__region--first,
  .layout--twocol-60-40 > .layout__region--second {
    flex: 0 1 40%;
  }
  .layout--twocol-40-60 > .layout__region--second,
  .layout--twocol-60-40 > .layout__region--first {
    flex: 0 1 60%;
  }
}

.layout--threecol-equal > .layout__region,
.layout--threecol-50-25-25 > .layout__region--first,
.layout--threecol-25-25-50 > .layout__region--third {
  flex: 0 1 100%;
}

.layout--threecol-50-25-25 > .layout__region--second,
.layout--threecol-50-25-25 > .layout__region--third,
.layout--threecol-25-25-50 > .layout__region--first,
.layout--threecol-25-25-50 > .layout__region--second {
    flex: 0 1 50%;
}

@media screen and (min-width: 40em) {
  .layout--threecol-equal > .layout__region--first,
  .layout--threecol-equal > .layout__region--second,
  .layout--threecol-equal > .layout__region--third {
    flex: 0 1 33.33333333%;
  }
  .layout--threecol-50-25-25 > .layout__region--first,
  .layout--threecol-25-25-50 > .layout__region--third {
    flex: 0 1 50%;
  }
  .layout--threecol-50-25-25 > .layout__region--second,
  .layout--threecol-50-25-25 > .layout__region--third,
  .layout--threecol-25-25-50 > .layout__region--first,
  .layout--threecol-25-25-50 > .layout__region--second {
      flex: 0 1 25%;
  }
}

.layout--fourcol-equal > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--fourcol-equal > .layout__region--first,
  .layout--fourcol-equal > .layout__region--second,
  .layout--fourcol-equal > .layout__region--third,
  .layout--fourcol-equal > .layout__region--fourth {
    flex: 0 1 25%;
  }
}

.region-branding{
  z-index:100;
}

.layout-container > footer{
  width:100%;
  padding: calc(4rem/2) calc(4rem/4);
}

@media (min-width: 960px) {

.layout-container > footer{
    padding: 4rem calc(4rem/2);
}
  }

@media (min-width: 1280px) {

.layout-container > footer{
    padding:4rem;
}
  }

.layout-container > footer {
  color: #ffffff;
  background: #005ca8;
}

.layout-container > footer a{
    color: #ffffff;
  }

.layout-container > footer a:hover, .layout-container > footer a:focus, .layout-container > footer a:active, .layout-container > footer a.hover, .layout-container > footer a.active{
    color: #ffffff;
    /* text-decoration: underline; */
  }

.layout-container > footer a.active{
    color: #ffffff;
    font-weight: bold;
    /* text-decoration: underline; */
  }

.layout-container > footer .btn.btn-primary, .layout-container > footer .btn.btn-secondary{
      color: #005ca8;
      background-color: #ffffff;
    }

.layout-container > footer .btn.btn-primary:hover, .layout-container > footer .btn.btn-primary:focus, .layout-container > footer .btn.btn-primary:active, .layout-container > footer .btn.btn-secondary:hover, .layout-container > footer .btn.btn-secondary:focus, .layout-container > footer .btn.btn-secondary:active{
        color:#ffffff;
        background-color: #ed8a1a;
      }

.layout-container > footer .region-footer{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:100%;
  }

.layout-container > footer .region-footer > *{
      width:100%;
    }

.layout-container > footer .bewegungseinheit{
    text-align:center;
    margin-top:calc(4rem/2);
    font-family: 'Galano', 'Helvetica', 'Arial', monospace;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
  }

.layout-container > footer .bewegungseinheit img{
      display:inline-block;
      width:80%;
    }

@media (max-width: 767px) {
      .layout-container > footer .region-footer #block-simplikus-newsletterfooter{
        margin-bottom: calc(4rem/2);
        order: -1;
      }
  }

@media (min-width: 768px) {
    .layout-container > footer .region-footer{
      display:flex;
      justify-content:space-between;
      width:100%;
    }
      .layout-container > footer .region-footer > *{
        width:33.333333%;
      }
    .layout-container > footer .bewegungseinheit{
      text-align:left;
    }
  }

.wrapper-help{
  /* position:absolute; */
  /* z-index:10; */
  width:100%;
  /* padding: 0 calc($padding/4);
  @mixin breakpoint-up large {
    padding: 0 calc($padding/2);
  }
  @mixin breakpoint-up huge {
    padding: 0 $padding;
  }
  padding-top: calc($content-padding-top-small);
  @mixin breakpoint-up large {
    padding-top: calc($content-padding-top);
  } */
}

/*
body.gin--horizontal-toolbar{
  .wrapper-help{
    padding-top: calc($content-padding-top-small + $admin-menu-top-small);
    @mixin breakpoint-up gin-large {
      padding-top: calc($content-padding-top-small + $admin-menu-top-small);
    }
    @mixin breakpoint-up huge {
      padding-top: calc($content-padding-top + $admin-menu-top-small);
    }
  }
} */

body.page-node-type-page .region-help{
    position:relative;
    z-index:10;
    padding-top: calc(108px);
    margin-bottom: calc(108px * -1);
  }

/* &::before{
      content: '';
      display:block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: $content-padding-top-small;
      background-color: $white;
    } */

@media (min-width: 960px) {

body.page-node-type-page .region-help{
      padding-top: calc(132px);
      margin-bottom: calc(132px * -1)
      /* &::before{
        height: $content-padding-top;
      } */
  }
  }

/* body.gin--horizontal-toolbar.path-node.page-node-type-page{
  .region-help{
    &::before{
      content: '';
      display:block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: calc($content-padding-top-small + $admin-menu-top-small);
      background-color: $white;
    }
    @mixin breakpoint-up large {
      &::before{
        height: calc($content-padding-top + $admin-menu-top-small);
      }
    }
  }
} */

.region-navigation{
  /* position:relative; */
  display:flex;
}

@media (max-width: 1279px) {
  .region-navigation{
    position:fixed;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    align-content:center;
    top:0;
    left:0;
    right:0;
    margin:0;
    padding:0;
    padding-top:6rem;
    padding-bottom:4rem;
    width:0%;
    height:100vh;
    z-index:90;
    background-color: #005ca8;
    opacity:0;
    margin-right:0;
    transition: opacity .25s linear 0s, width 0s linear .25s;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
  }
    body.menu-open .region-navigation{
      opacity:1;
      width:100%;
      transition: opacity .25s linear 0s, width 0s linear 0s;
    }
  }

#top{
  position:fixed;
  top:0;
  width:100%;
  padding: calc(4rem/4);
  background-color:transparent;
  /* border-bottom: 1px solid transparent; */
  /* border-color: transparent; */
  z-index:100;
}

@media (min-width: 1280px) {

#top{
    display:flex;
    justify-content:space-between;
    align-items: center;
    padding: calc(4rem/4) calc(4rem/2);
}
  }

@media (min-width: 1440px) {

#top{
    padding: calc(4rem/4) calc(4rem);
}
  }

#top {
  transition: background-color .25s linear, border-color .25s linear;
}

#top.scrolled{
    background: #ffffff;
    /* border-bottom: 1px solid $blue; */
    border-color: #005ca8;
  }

body.gin--horizontal-toolbar #top{
    top: 39px;
  }

@media (min-width: 976px) {

body.gin--horizontal-toolbar #top{
      top: 53px
  }
  }