/*--------------------------------------------------------------
## CUSTOM PAGE VARS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## BRAND COLORS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## DBpedia Specials
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## TEXT COLORS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## TYPO
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## GLOBAL COLORS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## HEADER & NAVIGATION
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## MOBILE MENU
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## CONTENT
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## BUTTON
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## FORMS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## CUSTOM MIXINS / VORLAGEN
--------------------------------------------------------------*/
.soft-hide {
  opacity: 0 !important;
  -moz-transition: opacity .4s ease-in-out;
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px); }

.soft-show {
  opacity: 1;
  -moz-transition: opacity .4s ease-in-out;
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out; }

/* Animation */
.cta-yellow {
  min-height: 200px;
  background: #edc338;
  margin-top: 80px !important;
  margin-bottom: 80px !important; }
  .cta-yellow .wrap-inner {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }
  .cta-yellow .title div {
    font-weight: 900;
    line-height: 1;
    font-size: 40px;
    color: #002a43; }
  .cta-yellow .content > div {
    margin: 0 auto; }
  .cta-yellow .content p {
    padding: 20px 0;
    color: #002a43; }
  .cta-yellow:before {
    position: absolute;
    right: 0;
    left: 0;
    top: -69px;
    height: 70px;
    content: '';
    min-width: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 44' style='enable-background:new 0 0 100 44;'\a         xml:space='preserve'%3E%3Cstyle type='text/css'%3E\a         .st0%7Bfill:%23EDC338;%7D %3C/style%3E%3Cpath class='st0'\a         d='M0.2,44c16.4-0.3,37.2-2,49.8-18.7C62.6,42,83.4,44,99.8,44L0.2,44z'/%3E%3C/svg%3E"); }
  .cta-yellow:after {
    position: absolute;
    right: 0;
    left: 0;
    top: -69px;
    height: 70px;
    content: '';
    min-width: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    top: unset;
    bottom: -69px;
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 44' style='enable-background:new 0 0 100 44;'\a         xml:space='preserve'%3E%3Cstyle type='text/css'%3E\a         .st0%7Bfill:%23EDC338;%7D %3C/style%3E%3Cpath class='st0'\a         d='M0.2,44c16.4-0.3,37.2-2,49.8-18.7C62.6,42,83.4,44,99.8,44L0.2,44z'/%3E%3C/svg%3E"); }

@media (max-width: calc(1300px - 1px)) {
  body.single .cta-yellow .title {
    margin: 0 auto;
    max-width: 480px; }
    body.single .cta-yellow .title div {
      font-size: 40px; } }
@media (min-width: 960px) {
  .cta-yellow .wrap-inner {
    padding-left: 30px;
    padding-right: 30px; }
  .cta-yellow.alginwide {
    margin: calc((50% - 50vw) / 2);
    max-width: 1300px !important;
    width: 1300px; } }
@media (max-width: 1200px) {
  .cta-yellow .content > div {
    margin: 0 auto;
    max-width: 600px; } }
@media (min-width: 1200px) {
  .cta-yellow .title div {
    margin-right: 30px;
    font-size: 60px; }
  .cta-yellow .content p {
    padding-top: 0; } }
@media (min-width: 1600px) {
  .cta-yellow.alignwide {
    margin-left: calc((100% - 1300px)/2) !important;
    margin-right: calc((100% - 1300px)/2) !important; } }

/*# sourceMappingURL=cta-yellow.css.map */