@charset "UTF-8";
.externeMedien2click {
  position: relative;
  display: block;
}

.externeMedien2click:before {
  content: "\f04b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  z-index: 10;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.5);
  width: 40px;
  height: 40px;
  line-height: 20px;
  text-align: center;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

.externeMedien2click:hover:before {
  color: rgb(255, 255, 255);
}

.fancybox-content.embed-issuu {
  width: 80%;
  height: 80%;
}

/*** mobile first! ***/
/*****************************************************************************/
/*																			 */
/*                            		      max-desktop--,      				 */
/*                     		  max-tablet-quer--,       ,					 */
/*                	        max-tablet--,      ,	   ,					 */
/*         		  max-phone-quer--,     ,      ,	   , 					 */
/* 		  max-large-phone--,      ,     ,      ,	   ,					 */
/*     max-phone----,      ,      ,     ,      ,	   ,					 */
/*                  ,      ,      ,     ,	   ,	   ,   					 */
/*      		   320    480    600   768   1024   1280   1800				 */
/*                  '	   '      '     '      '      '      '-- maxSize	 */
/*                  '	   '      '     '      '      '-- desktop 			 */
/*                  ' 	   '      '     '      '-- tablet-quer 				 */
/*                  '	   '      '     '-- tablet 							 */
/*                  '	   '      '-- phone-quer 							 */
/*                  '	   '-- large-phone 									 */
/*					'-- phone			  								     */
/*																			 */
/*****************************************************************************/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?2a2ry0");
  src: url("../fonts/icomoon.eot?2a2ry0#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?2a2ry0") format("truetype"), url("../fonts/icomoon.woff?2a2ry0") format("woff"), url("../fonts/icomoon.svg?2a2ry0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  font-size: 80%;
}

.icon-intern:before {
  content: "\e900";
}

.icon-extern:before {
  content: "\e901";
}

.icon-close:before {
  content: "\e902";
}

.production .productionCaption .function, .person .productionCaption .function, #nav #navi .dropdown-content ul li, p, td, th, html {
  font-family: Alegreya;
  font-size: 18px;
  line-height: 24px;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.headline-6, h6, .headline-5, h5, .headline-4, .accordion-header, #nav #navi .dropdown-content h3, h4, .headline-3, #newslist .item .orangeBox .name,
#newslist .item .orangeBox .headline,
#newslist .item .textBelow .name,
#newslist .item .textBelow .headline,
.masonryItem .orangeBox .name,
.gridcol .orangeBox .name,
.textbreite .orangeBox .name,
.masonryItem .orangeBox .headline,
.gridcol .orangeBox .headline,
.textbreite .orangeBox .headline,
.masonryItem .textBelow .name,
.gridcol .textBelow .name,
.textbreite .textBelow .name,
.masonryItem .textBelow .headline,
.gridcol .textBelow .headline,
.textbreite .textBelow .headline, h3, .headline-2, h2, .headline-1, h1 {
  font-family: "Alegreya Sans";
  line-height: 1;
  font-weight: 500;
  margin: 0;
  margin-top: 1.3em;
  margin-bottom: 0.7em;
}

.headline-1, h1 {
  font-size: 32px;
  line-height: 38px;
}
.headline-1.pad, h1.pad {
  padding-left: 48px;
}

.headline-2, h2 {
  font-size: 28px;
  line-height: 34px;
}

.headline-3, #newslist .item .orangeBox .name,
#newslist .item .orangeBox .headline,
#newslist .item .textBelow .name,
#newslist .item .textBelow .headline,
.masonryItem .orangeBox .name,
.gridcol .orangeBox .name,
.textbreite .orangeBox .name,
.masonryItem .orangeBox .headline,
.gridcol .orangeBox .headline,
.textbreite .orangeBox .headline,
.masonryItem .textBelow .name,
.gridcol .textBelow .name,
.textbreite .textBelow .name,
.masonryItem .textBelow .headline,
.gridcol .textBelow .headline,
.textbreite .textBelow .headline, h3 {
  font-size: 22px;
  line-height: 28px;
}

.headline-4, .accordion-header, #nav #navi .dropdown-content h3, h4 {
  font-size: 18px;
  line-height: 28px;
}

.headline-5, h5 {
  font-family: Alegreya;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.headline-6, h6 {
  font-family: Alegreya;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.error {
  color: #FE6E00;
  font-weight: bold;
}

a {
  color: #646464;
  text-decoration: underline;
}
a.button, a[data-fancybox], a.ohne, #footer #navi2 a, #nav #mobileNavi.opened a, #header #sprachwahl a, a.linkschwarz, .konzert-kompakt .konzertindent a, .konzert .konzertindent .details .title_programme h2 a, .konzert .konzertindent .dates .location a, #newslist .item .orangeBox .name a,
#newslist .item .orangeBox .headline a,
#newslist .item .textBelow .name a,
#newslist .item .textBelow .headline a,
.masonryItem .orangeBox .name a,
.gridcol .orangeBox .name a,
.textbreite .orangeBox .name a,
.masonryItem .orangeBox .headline a,
.gridcol .orangeBox .headline a,
.textbreite .orangeBox .headline a,
.masonryItem .textBelow .name a,
.gridcol .textBelow .name a,
.textbreite .textBelow .name a,
.masonryItem .textBelow .headline a,
.gridcol .textBelow .headline a,
.textbreite .textBelow .headline a, .breadcrumb li a, .orangeBox a, a.icon-extern, a.icon-intern {
  text-decoration: none;
}
a:hover {
  color: #FE6E00;
}
a.icon-extern {
  color: #FE6E00;
}
a.icon-extern:hover {
  color: #646464;
}
a.icon-intern {
  color: #FE6E00;
}
a.icon-intern:hover {
  color: #646464;
}
a.grau {
  color: #646464;
}
a.grau:hover {
  color: #FE6E00;
}

.content > p:first-child {
  margin-top: 0;
}

.caption, .imageContainer .textBelow h6,
.imageContainer .textBelow p, #multiSlider .multi-slide .sliderCaption p, #multiSlider .multi-slide .sliderCaption h6, #multiSlider .multi-slide .sliderCaption, #headerSlider .header-slide .wrapper .sliderCaption .text {
  font-family: "Alegreya Sans";
  font-weight: normal;
  margin: 0;
}

.form.small .select2-dropdown, .form.small .select2-container--default .select2-selection--single, .form.small select, .form.small > .formfield > label + *, .form.small > .formfield > label, .small {
  font-size: 16px;
  line-height: 19px;
}

.highlight {
  color: #FE6E00;
  font-weight: 500;
}

.orangeBox a {
  color: #E1E1E1;
}
.orangeBox a:hover {
  color: #fff;
}

.konzert-kompakt .konzertindent a, .konzert .konzertindent .details .title_programme h2 a, .konzert .konzertindent .dates .location a, #newslist .item .orangeBox .name a,
#newslist .item .orangeBox .headline a,
#newslist .item .textBelow .name a,
#newslist .item .textBelow .headline a,
.masonryItem .orangeBox .name a,
.gridcol .orangeBox .name a,
.textbreite .orangeBox .name a,
.masonryItem .orangeBox .headline a,
.gridcol .orangeBox .headline a,
.textbreite .orangeBox .headline a,
.masonryItem .textBelow .name a,
.gridcol .textBelow .name a,
.textbreite .textBelow .name a,
.masonryItem .textBelow .headline a,
.gridcol .textBelow .headline a,
.textbreite .textBelow .headline a, .breadcrumb li a {
  color: #000;
}
.konzert-kompakt .konzertindent a:hover, .konzert .konzertindent .details .title_programme h2 a:hover, .konzert .konzertindent .dates .location a:hover, #newslist .item .orangeBox .name a:hover,
#newslist .item .orangeBox .headline a:hover,
#newslist .item .textBelow .name a:hover,
#newslist .item .textBelow .headline a:hover,
.masonryItem .orangeBox .name a:hover,
.gridcol .orangeBox .name a:hover,
.textbreite .orangeBox .name a:hover,
.masonryItem .orangeBox .headline a:hover,
.gridcol .orangeBox .headline a:hover,
.textbreite .orangeBox .headline a:hover,
.masonryItem .textBelow .name a:hover,
.gridcol .textBelow .name a:hover,
.textbreite .textBelow .name a:hover,
.masonryItem .textBelow .headline a:hover,
.gridcol .textBelow .headline a:hover,
.textbreite .textBelow .headline a:hover, .breadcrumb li a:hover {
  color: #FE6E00;
}

a.linkschwarz, #footer #navi2 a, #nav #mobileNavi.opened a {
  color: #000;
}
a.linkschwarz:hover, #footer #navi2 a:hover, #nav #mobileNavi.opened a:hover {
  color: #FE6E00;
}

/*-----------------------------------*\

  $TOAST-GRID

  An insane grid.
  You'd be mad to use it.

  Usage
  =====

  Assuming default values:

  <div class="grid">
    <div class="grid__col grid__col--1-of-2">
      A half-width column.
    </div>
    <div class="grid__col grid__col--1-of-4 grid__col--pull-1-of-4">
      A quarter, pulled left by its own width. You get this, right?
    </div>
  </div>


  Customisation
  =============

  $toast-grid-namespace and $toast-grid-column-namespace
  adjusts the class names for the grid. With
  default values, grid wrappers have a class
  of '.grid' and columns '.grid__col'.

  $toast-col-groups(n) adjusts column divisions.
  For example, $toast-col-groups(12) will produce
  a 12-column grid. $col-groups(3,6,8)
  will produce a 3-, 6-, and 8-column grid.

  $toast-gutter-width is—you guessed it—the gutter
  width. Accepts any unit.

  That's it. Have fun.

\*-----------------------------------*/
.grid {
  list-style: none;
  margin-left: -32px;
}

.gridcol, .textbreite {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -0.25em;
  min-height: 1px;
  padding-left: 32px;
  vertical-align: top;
  /*@media (max-width: 767px) {
      display: block;
      margin-left: 0;
      margin-right: 0;
      width: auto;
  }*/
}

.gridcol-1-of-1 {
  width: 100%;
}

.gridcol-push-1-of-1 {
  margin-left: 100%;
}

.gridcol-pull-1-of-1 {
  margin-left: -100%;
}

.gridcol-1-of-2 {
  width: 50%;
}

.gridcol-push-1-of-2 {
  margin-left: 50%;
}

.gridcol-pull-1-of-2 {
  margin-left: -50%;
}

.gridcol-2-of-2 {
  width: 100%;
}

.gridcol-push-2-of-2 {
  margin-left: 100%;
}

.gridcol-pull-2-of-2 {
  margin-left: -100%;
}

.gridcol-1-of-3 {
  width: 33.3333333333%;
}

.gridcol-push-1-of-3 {
  margin-left: 33.3333333333%;
}

.gridcol-pull-1-of-3 {
  margin-left: -33.3333333333%;
}

.gridcol-2-of-3 {
  width: 66.6666666667%;
}

.gridcol-push-2-of-3 {
  margin-left: 66.6666666667%;
}

.gridcol-pull-2-of-3 {
  margin-left: -66.6666666667%;
}

.gridcol-3-of-3 {
  width: 100%;
}

.gridcol-push-3-of-3 {
  margin-left: 100%;
}

.gridcol-pull-3-of-3 {
  margin-left: -100%;
}

.gridcol-1-of-4 {
  width: 25%;
}

.gridcol-push-1-of-4 {
  margin-left: 25%;
}

.gridcol-pull-1-of-4 {
  margin-left: -25%;
}

.gridcol-2-of-4 {
  width: 50%;
}

.gridcol-push-2-of-4 {
  margin-left: 50%;
}

.gridcol-pull-2-of-4 {
  margin-left: -50%;
}

.gridcol-3-of-4 {
  width: 75%;
}

.gridcol-push-3-of-4 {
  margin-left: 75%;
}

.gridcol-pull-3-of-4 {
  margin-left: -75%;
}

.gridcol-4-of-4 {
  width: 100%;
}

.gridcol-push-4-of-4 {
  margin-left: 100%;
}

.gridcol-pull-4-of-4 {
  margin-left: -100%;
}

.gridcol-1-of-5 {
  width: 20%;
}

.gridcol-push-1-of-5 {
  margin-left: 20%;
}

.gridcol-pull-1-of-5 {
  margin-left: -20%;
}

.gridcol-2-of-5 {
  width: 40%;
}

.gridcol-push-2-of-5 {
  margin-left: 40%;
}

.gridcol-pull-2-of-5 {
  margin-left: -40%;
}

.gridcol-3-of-5 {
  width: 60%;
}

.gridcol-push-3-of-5 {
  margin-left: 60%;
}

.gridcol-pull-3-of-5 {
  margin-left: -60%;
}

.gridcol-4-of-5 {
  width: 80%;
}

.gridcol-push-4-of-5 {
  margin-left: 80%;
}

.gridcol-pull-4-of-5 {
  margin-left: -80%;
}

.gridcol-5-of-5 {
  width: 100%;
}

.gridcol-push-5-of-5 {
  margin-left: 100%;
}

.gridcol-pull-5-of-5 {
  margin-left: -100%;
}

.gridcol-1-of-6 {
  width: 16.6666666667%;
}

.gridcol-push-1-of-6 {
  margin-left: 16.6666666667%;
}

.gridcol-pull-1-of-6 {
  margin-left: -16.6666666667%;
}

.gridcol-2-of-6 {
  width: 33.3333333333%;
}

.gridcol-push-2-of-6 {
  margin-left: 33.3333333333%;
}

.gridcol-pull-2-of-6 {
  margin-left: -33.3333333333%;
}

.gridcol-3-of-6 {
  width: 50%;
}

.gridcol-push-3-of-6 {
  margin-left: 50%;
}

.gridcol-pull-3-of-6 {
  margin-left: -50%;
}

.gridcol-4-of-6 {
  width: 66.6666666667%;
}

.gridcol-push-4-of-6 {
  margin-left: 66.6666666667%;
}

.gridcol-pull-4-of-6 {
  margin-left: -66.6666666667%;
}

.gridcol-5-of-6 {
  width: 83.3333333333%;
}

.gridcol-push-5-of-6 {
  margin-left: 83.3333333333%;
}

.gridcol-pull-5-of-6 {
  margin-left: -83.3333333333%;
}

.gridcol-6-of-6 {
  width: 100%;
}

.gridcol-push-6-of-6 {
  margin-left: 100%;
}

.gridcol-pull-6-of-6 {
  margin-left: -100%;
}

.gridcol-1-of-8 {
  width: 12.5%;
}

.gridcol-push-1-of-8 {
  margin-left: 12.5%;
}

.gridcol-pull-1-of-8 {
  margin-left: -12.5%;
}

.gridcol-2-of-8 {
  width: 25%;
}

.gridcol-push-2-of-8 {
  margin-left: 25%;
}

.gridcol-pull-2-of-8 {
  margin-left: -25%;
}

.gridcol-3-of-8 {
  width: 37.5%;
}

.gridcol-push-3-of-8 {
  margin-left: 37.5%;
}

.gridcol-pull-3-of-8 {
  margin-left: -37.5%;
}

.gridcol-4-of-8 {
  width: 50%;
}

.gridcol-push-4-of-8 {
  margin-left: 50%;
}

.gridcol-pull-4-of-8 {
  margin-left: -50%;
}

.gridcol-5-of-8 {
  width: 62.5%;
}

.gridcol-push-5-of-8 {
  margin-left: 62.5%;
}

.gridcol-pull-5-of-8 {
  margin-left: -62.5%;
}

.gridcol-6-of-8 {
  width: 75%;
}

.gridcol-push-6-of-8 {
  margin-left: 75%;
}

.gridcol-pull-6-of-8 {
  margin-left: -75%;
}

.gridcol-7-of-8 {
  width: 87.5%;
}

.gridcol-push-7-of-8 {
  margin-left: 87.5%;
}

.gridcol-pull-7-of-8 {
  margin-left: -87.5%;
}

.gridcol-8-of-8 {
  width: 100%;
}

.gridcol-push-8-of-8 {
  margin-left: 100%;
}

.gridcol-pull-8-of-8 {
  margin-left: -100%;
}

.gridcol-1-of-12 {
  width: 8.3333333333%;
}

.gridcol-push-1-of-12 {
  margin-left: 8.3333333333%;
}

.gridcol-pull-1-of-12 {
  margin-left: -8.3333333333%;
}

.gridcol-2-of-12 {
  width: 16.6666666667%;
}

.gridcol-push-2-of-12, .textbreite {
  margin-left: 16.6666666667%;
}

.gridcol-pull-2-of-12 {
  margin-left: -16.6666666667%;
}

.gridcol-3-of-12 {
  width: 25%;
}

.gridcol-push-3-of-12 {
  margin-left: 25%;
}

.gridcol-pull-3-of-12 {
  margin-left: -25%;
}

.gridcol-4-of-12 {
  width: 33.3333333333%;
}

.gridcol-push-4-of-12 {
  margin-left: 33.3333333333%;
}

.gridcol-pull-4-of-12 {
  margin-left: -33.3333333333%;
}

.gridcol-5-of-12 {
  width: 41.6666666667%;
}

.gridcol-push-5-of-12 {
  margin-left: 41.6666666667%;
}

.gridcol-pull-5-of-12 {
  margin-left: -41.6666666667%;
}

.gridcol-6-of-12 {
  width: 50%;
}

.gridcol-push-6-of-12 {
  margin-left: 50%;
}

.gridcol-pull-6-of-12 {
  margin-left: -50%;
}

.gridcol-7-of-12 {
  width: 58.3333333333%;
}

.gridcol-push-7-of-12 {
  margin-left: 58.3333333333%;
}

.gridcol-pull-7-of-12 {
  margin-left: -58.3333333333%;
}

.gridcol-8-of-12, .textbreite {
  width: 66.6666666667%;
}

.gridcol-push-8-of-12 {
  margin-left: 66.6666666667%;
}

.gridcol-pull-8-of-12 {
  margin-left: -66.6666666667%;
}

.gridcol-9-of-12 {
  width: 75%;
}

.gridcol-push-9-of-12 {
  margin-left: 75%;
}

.gridcol-pull-9-of-12 {
  margin-left: -75%;
}

.gridcol-10-of-12 {
  width: 83.3333333333%;
}

.gridcol-push-10-of-12 {
  margin-left: 83.3333333333%;
}

.gridcol-pull-10-of-12 {
  margin-left: -83.3333333333%;
}

.gridcol-11-of-12 {
  width: 91.6666666667%;
}

.gridcol-push-11-of-12 {
  margin-left: 91.6666666667%;
}

.gridcol-pull-11-of-12 {
  margin-left: -91.6666666667%;
}

.gridcol-12-of-12 {
  width: 100%;
}

.gridcol-push-12-of-12 {
  margin-left: 100%;
}

.gridcol-pull-12-of-12 {
  margin-left: -100%;
}

@media (max-width: 1279px) and (min-width: 1024px) {
  [class*=gridcol-bp4-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .gridcol-bp4-1-of-1 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-1 {
    margin-left: -100%;
  }
  .gridcol-bp4-1-of-2 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-2 {
    margin-left: -50%;
  }
  .gridcol-bp4-2-of-2 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-2 {
    margin-left: -100%;
  }
  .gridcol-bp4-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp4-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp4-3-of-3 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-3-of-3 {
    margin-left: -100%;
  }
  .gridcol-bp4-1-of-4 {
    width: 25%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-4 {
    margin-left: -25%;
  }
  .gridcol-bp4-2-of-4 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-4 {
    margin-left: -50%;
  }
  .gridcol-bp4-3-of-4 {
    width: 75%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-3-of-4 {
    margin-left: -75%;
  }
  .gridcol-bp4-4-of-4 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-4-of-4 {
    margin-left: -100%;
  }
  .gridcol-bp4-1-of-5 {
    width: 20%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-5 {
    margin-left: -20%;
  }
  .gridcol-bp4-2-of-5 {
    width: 40%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-5 {
    margin-left: -40%;
  }
  .gridcol-bp4-3-of-5 {
    width: 60%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-3-of-5 {
    margin-left: -60%;
  }
  .gridcol-bp4-4-of-5 {
    width: 80%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-4-of-5 {
    margin-left: -80%;
  }
  .gridcol-bp4-5-of-5 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-5-of-5 {
    margin-left: -100%;
  }
  .gridcol-bp4-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp4-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp4-3-of-6 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-3-of-6 {
    margin-left: -50%;
  }
  .gridcol-bp4-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp4-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp4-6-of-6 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-6-of-6 {
    margin-left: -100%;
  }
  .gridcol-bp4-1-of-8 {
    width: 12.5%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-8 {
    margin-left: 12.5%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-8 {
    margin-left: -12.5%;
  }
  .gridcol-bp4-2-of-8 {
    width: 25%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-8 {
    margin-left: 25%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-8 {
    margin-left: -25%;
  }
  .gridcol-bp4-3-of-8 {
    width: 37.5%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-3-of-8 {
    margin-left: 37.5%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-3-of-8 {
    margin-left: -37.5%;
  }
  .gridcol-bp4-4-of-8 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-4-of-8 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-4-of-8 {
    margin-left: -50%;
  }
  .gridcol-bp4-5-of-8 {
    width: 62.5%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-5-of-8 {
    margin-left: 62.5%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-5-of-8 {
    margin-left: -62.5%;
  }
  .gridcol-bp4-6-of-8 {
    width: 75%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-6-of-8 {
    margin-left: 75%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-6-of-8 {
    margin-left: -75%;
  }
  .gridcol-bp4-7-of-8 {
    width: 87.5%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-7-of-8 {
    margin-left: 87.5%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-7-of-8 {
    margin-left: -87.5%;
  }
  .gridcol-bp4-8-of-8 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-8-of-8 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-8-of-8 {
    margin-left: -100%;
  }
  .gridcol-bp4-1-of-12 {
    width: 8.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-12 {
    margin-left: 8.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-12 {
    margin-left: -8.3333333333%;
  }
  .gridcol-bp4-2-of-12 {
    width: 16.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-12 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-12 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp4-3-of-12 {
    width: 25%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-3-of-12 {
    margin-left: 25%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-3-of-12 {
    margin-left: -25%;
  }
  .gridcol-bp4-4-of-12 {
    width: 33.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-4-of-12 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-4-of-12 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp4-5-of-12 {
    width: 41.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-5-of-12 {
    margin-left: 41.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-5-of-12 {
    margin-left: -41.6666666667%;
  }
  .gridcol-bp4-6-of-12 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-6-of-12 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-6-of-12 {
    margin-left: -50%;
  }
  .gridcol-bp4-7-of-12 {
    width: 58.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-7-of-12 {
    margin-left: 58.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-7-of-12 {
    margin-left: -58.3333333333%;
  }
  .gridcol-bp4-8-of-12 {
    width: 66.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-8-of-12 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-8-of-12 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp4-9-of-12 {
    width: 75%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-9-of-12 {
    margin-left: 75%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-9-of-12 {
    margin-left: -75%;
  }
  .gridcol-bp4-10-of-12 {
    width: 83.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-10-of-12 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-10-of-12 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp4-11-of-12 {
    width: 91.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-11-of-12 {
    margin-left: 91.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-11-of-12 {
    margin-left: -91.6666666667%;
  }
  .gridcol-bp4-12-of-12 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-12-of-12 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-12-of-12 {
    margin-left: -100%;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  [class*=gridcol-bp3-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .gridcol-bp3-1-of-1, .textbreite {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-1 {
    margin-left: -100%;
  }
  .gridcol-bp3-1-of-2 {
    width: 50%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-2 {
    margin-left: -50%;
  }
  .gridcol-bp3-2-of-2 {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-2 {
    margin-left: -100%;
  }
  .gridcol-bp3-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp3-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp3-3-of-3 {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-3-of-3 {
    margin-left: -100%;
  }
  .gridcol-bp3-1-of-4 {
    width: 25%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-4 {
    margin-left: -25%;
  }
  .gridcol-bp3-2-of-4 {
    width: 50%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-4 {
    margin-left: -50%;
  }
  .gridcol-bp3-3-of-4 {
    width: 75%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-3-of-4 {
    margin-left: -75%;
  }
  .gridcol-bp3-4-of-4 {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-4-of-4 {
    margin-left: -100%;
  }
  .gridcol-bp3-1-of-5 {
    width: 20%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-5 {
    margin-left: -20%;
  }
  .gridcol-bp3-2-of-5 {
    width: 40%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-5 {
    margin-left: -40%;
  }
  .gridcol-bp3-3-of-5 {
    width: 60%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-3-of-5 {
    margin-left: -60%;
  }
  .gridcol-bp3-4-of-5 {
    width: 80%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-4-of-5 {
    margin-left: -80%;
  }
  .gridcol-bp3-5-of-5 {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-5-of-5 {
    margin-left: -100%;
  }
  .gridcol-bp3-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp3-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp3-3-of-6 {
    width: 50%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-3-of-6 {
    margin-left: -50%;
  }
  .gridcol-bp3-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp3-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp3-6-of-6 {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-6-of-6 {
    margin-left: -100%;
  }
  .gridcol-bp3-1-of-8 {
    width: 12.5%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-8 {
    margin-left: 12.5%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-8 {
    margin-left: -12.5%;
  }
  .gridcol-bp3-2-of-8 {
    width: 25%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-8 {
    margin-left: 25%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-8 {
    margin-left: -25%;
  }
  .gridcol-bp3-3-of-8 {
    width: 37.5%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-3-of-8 {
    margin-left: 37.5%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-3-of-8 {
    margin-left: -37.5%;
  }
  .gridcol-bp3-4-of-8 {
    width: 50%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-4-of-8 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-4-of-8 {
    margin-left: -50%;
  }
  .gridcol-bp3-5-of-8 {
    width: 62.5%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-5-of-8 {
    margin-left: 62.5%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-5-of-8 {
    margin-left: -62.5%;
  }
  .gridcol-bp3-6-of-8 {
    width: 75%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-6-of-8 {
    margin-left: 75%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-6-of-8 {
    margin-left: -75%;
  }
  .gridcol-bp3-7-of-8 {
    width: 87.5%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-7-of-8 {
    margin-left: 87.5%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-7-of-8 {
    margin-left: -87.5%;
  }
  .gridcol-bp3-8-of-8 {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-8-of-8 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-8-of-8 {
    margin-left: -100%;
  }
  .gridcol-bp3-1-of-12 {
    width: 8.3333333333%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-12 {
    margin-left: 8.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-12 {
    margin-left: -8.3333333333%;
  }
  .gridcol-bp3-2-of-12 {
    width: 16.6666666667%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-12 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-12 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp3-3-of-12 {
    width: 25%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-3-of-12 {
    margin-left: 25%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-3-of-12 {
    margin-left: -25%;
  }
  .gridcol-bp3-4-of-12 {
    width: 33.3333333333%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-4-of-12 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-4-of-12 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp3-5-of-12 {
    width: 41.6666666667%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-5-of-12 {
    margin-left: 41.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-5-of-12 {
    margin-left: -41.6666666667%;
  }
  .gridcol-bp3-6-of-12 {
    width: 50%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-6-of-12 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-6-of-12 {
    margin-left: -50%;
  }
  .gridcol-bp3-7-of-12 {
    width: 58.3333333333%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-7-of-12 {
    margin-left: 58.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-7-of-12 {
    margin-left: -58.3333333333%;
  }
  .gridcol-bp3-8-of-12 {
    width: 66.6666666667%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-8-of-12 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-8-of-12 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp3-9-of-12 {
    width: 75%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-9-of-12 {
    margin-left: 75%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-9-of-12 {
    margin-left: -75%;
  }
  .gridcol-bp3-10-of-12 {
    width: 83.3333333333%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-10-of-12 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-10-of-12 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp3-11-of-12 {
    width: 91.6666666667%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-11-of-12 {
    margin-left: 91.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-11-of-12 {
    margin-left: -91.6666666667%;
  }
  .gridcol-bp3-12-of-12 {
    width: 100%;
  }
  .gridcol-bp3-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp3-push-12-of-12 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-12-of-12 {
    margin-left: -100%;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  [class*=gridcol-bp2-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .gridcol-bp2-1-of-1, .textbreite {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-1 {
    margin-left: -100%;
  }
  .gridcol-bp2-1-of-2 {
    width: 50%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-2 {
    margin-left: -50%;
  }
  .gridcol-bp2-2-of-2 {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-2 {
    margin-left: -100%;
  }
  .gridcol-bp2-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp2-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp2-3-of-3 {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-3-of-3 {
    margin-left: -100%;
  }
  .gridcol-bp2-1-of-4 {
    width: 25%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-4 {
    margin-left: -25%;
  }
  .gridcol-bp2-2-of-4 {
    width: 50%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-4 {
    margin-left: -50%;
  }
  .gridcol-bp2-3-of-4 {
    width: 75%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-3-of-4 {
    margin-left: -75%;
  }
  .gridcol-bp2-4-of-4 {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-4-of-4 {
    margin-left: -100%;
  }
  .gridcol-bp2-1-of-5 {
    width: 20%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-5 {
    margin-left: -20%;
  }
  .gridcol-bp2-2-of-5 {
    width: 40%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-5 {
    margin-left: -40%;
  }
  .gridcol-bp2-3-of-5 {
    width: 60%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-3-of-5 {
    margin-left: -60%;
  }
  .gridcol-bp2-4-of-5 {
    width: 80%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-4-of-5 {
    margin-left: -80%;
  }
  .gridcol-bp2-5-of-5 {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-5-of-5 {
    margin-left: -100%;
  }
  .gridcol-bp2-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp2-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp2-3-of-6 {
    width: 50%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-3-of-6 {
    margin-left: -50%;
  }
  .gridcol-bp2-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp2-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp2-6-of-6 {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-6-of-6 {
    margin-left: -100%;
  }
  .gridcol-bp2-1-of-8 {
    width: 12.5%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-8 {
    margin-left: 12.5%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-8 {
    margin-left: -12.5%;
  }
  .gridcol-bp2-2-of-8 {
    width: 25%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-8 {
    margin-left: 25%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-8 {
    margin-left: -25%;
  }
  .gridcol-bp2-3-of-8 {
    width: 37.5%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-3-of-8 {
    margin-left: 37.5%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-3-of-8 {
    margin-left: -37.5%;
  }
  .gridcol-bp2-4-of-8 {
    width: 50%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-4-of-8 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-4-of-8 {
    margin-left: -50%;
  }
  .gridcol-bp2-5-of-8 {
    width: 62.5%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-5-of-8 {
    margin-left: 62.5%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-5-of-8 {
    margin-left: -62.5%;
  }
  .gridcol-bp2-6-of-8 {
    width: 75%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-6-of-8 {
    margin-left: 75%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-6-of-8 {
    margin-left: -75%;
  }
  .gridcol-bp2-7-of-8 {
    width: 87.5%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-7-of-8 {
    margin-left: 87.5%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-7-of-8 {
    margin-left: -87.5%;
  }
  .gridcol-bp2-8-of-8 {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-8-of-8 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-8-of-8 {
    margin-left: -100%;
  }
  .gridcol-bp2-1-of-12 {
    width: 8.3333333333%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-12 {
    margin-left: 8.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-12 {
    margin-left: -8.3333333333%;
  }
  .gridcol-bp2-2-of-12 {
    width: 16.6666666667%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-12 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-12 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp2-3-of-12 {
    width: 25%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-3-of-12 {
    margin-left: 25%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-3-of-12 {
    margin-left: -25%;
  }
  .gridcol-bp2-4-of-12 {
    width: 33.3333333333%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-4-of-12 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-4-of-12 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp2-5-of-12 {
    width: 41.6666666667%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-5-of-12 {
    margin-left: 41.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-5-of-12 {
    margin-left: -41.6666666667%;
  }
  .gridcol-bp2-6-of-12 {
    width: 50%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-6-of-12 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-6-of-12 {
    margin-left: -50%;
  }
  .gridcol-bp2-7-of-12 {
    width: 58.3333333333%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-7-of-12 {
    margin-left: 58.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-7-of-12 {
    margin-left: -58.3333333333%;
  }
  .gridcol-bp2-8-of-12 {
    width: 66.6666666667%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-8-of-12 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-8-of-12 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp2-9-of-12 {
    width: 75%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-9-of-12 {
    margin-left: 75%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-9-of-12 {
    margin-left: -75%;
  }
  .gridcol-bp2-10-of-12 {
    width: 83.3333333333%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-10-of-12 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-10-of-12 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp2-11-of-12 {
    width: 91.6666666667%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-11-of-12 {
    margin-left: 91.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-11-of-12 {
    margin-left: -91.6666666667%;
  }
  .gridcol-bp2-12-of-12 {
    width: 100%;
  }
  .gridcol-bp2-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp2-push-12-of-12 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-12-of-12 {
    margin-left: -100%;
  }
}
@media (max-width: 479px) {
  [class*=gridcol-bp1-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .gridcol-bp1-1-of-1, .textbreite {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-1 {
    margin-left: -100%;
  }
  .gridcol-bp1-1-of-2 {
    width: 50%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-2 {
    margin-left: -50%;
  }
  .gridcol-bp1-2-of-2 {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-2 {
    margin-left: -100%;
  }
  .gridcol-bp1-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp1-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp1-3-of-3 {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-3-of-3 {
    margin-left: -100%;
  }
  .gridcol-bp1-1-of-4 {
    width: 25%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-4 {
    margin-left: -25%;
  }
  .gridcol-bp1-2-of-4 {
    width: 50%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-4 {
    margin-left: -50%;
  }
  .gridcol-bp1-3-of-4 {
    width: 75%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-3-of-4 {
    margin-left: -75%;
  }
  .gridcol-bp1-4-of-4 {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-4-of-4 {
    margin-left: -100%;
  }
  .gridcol-bp1-1-of-5 {
    width: 20%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-5 {
    margin-left: -20%;
  }
  .gridcol-bp1-2-of-5 {
    width: 40%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-5 {
    margin-left: -40%;
  }
  .gridcol-bp1-3-of-5 {
    width: 60%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-3-of-5 {
    margin-left: -60%;
  }
  .gridcol-bp1-4-of-5 {
    width: 80%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-4-of-5 {
    margin-left: -80%;
  }
  .gridcol-bp1-5-of-5 {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-5-of-5 {
    margin-left: -100%;
  }
  .gridcol-bp1-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp1-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp1-3-of-6 {
    width: 50%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-3-of-6 {
    margin-left: -50%;
  }
  .gridcol-bp1-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp1-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp1-6-of-6 {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-6-of-6 {
    margin-left: -100%;
  }
  .gridcol-bp1-1-of-8 {
    width: 12.5%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-8 {
    margin-left: 12.5%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-8 {
    margin-left: -12.5%;
  }
  .gridcol-bp1-2-of-8 {
    width: 25%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-8 {
    margin-left: 25%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-8 {
    margin-left: -25%;
  }
  .gridcol-bp1-3-of-8 {
    width: 37.5%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-3-of-8 {
    margin-left: 37.5%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-3-of-8 {
    margin-left: -37.5%;
  }
  .gridcol-bp1-4-of-8 {
    width: 50%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-4-of-8 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-4-of-8 {
    margin-left: -50%;
  }
  .gridcol-bp1-5-of-8 {
    width: 62.5%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-5-of-8 {
    margin-left: 62.5%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-5-of-8 {
    margin-left: -62.5%;
  }
  .gridcol-bp1-6-of-8 {
    width: 75%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-6-of-8 {
    margin-left: 75%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-6-of-8 {
    margin-left: -75%;
  }
  .gridcol-bp1-7-of-8 {
    width: 87.5%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-7-of-8 {
    margin-left: 87.5%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-7-of-8 {
    margin-left: -87.5%;
  }
  .gridcol-bp1-8-of-8 {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-8-of-8 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-8-of-8 {
    margin-left: -100%;
  }
  .gridcol-bp1-1-of-12 {
    width: 8.3333333333%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-12 {
    margin-left: 8.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-12 {
    margin-left: -8.3333333333%;
  }
  .gridcol-bp1-2-of-12 {
    width: 16.6666666667%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-12 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-12 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp1-3-of-12 {
    width: 25%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-3-of-12 {
    margin-left: 25%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-3-of-12 {
    margin-left: -25%;
  }
  .gridcol-bp1-4-of-12 {
    width: 33.3333333333%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-4-of-12 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-4-of-12 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp1-5-of-12 {
    width: 41.6666666667%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-5-of-12 {
    margin-left: 41.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-5-of-12 {
    margin-left: -41.6666666667%;
  }
  .gridcol-bp1-6-of-12 {
    width: 50%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-6-of-12 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-6-of-12 {
    margin-left: -50%;
  }
  .gridcol-bp1-7-of-12 {
    width: 58.3333333333%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-7-of-12 {
    margin-left: 58.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-7-of-12 {
    margin-left: -58.3333333333%;
  }
  .gridcol-bp1-8-of-12 {
    width: 66.6666666667%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-8-of-12 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-8-of-12 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp1-9-of-12 {
    width: 75%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-9-of-12 {
    margin-left: 75%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-9-of-12 {
    margin-left: -75%;
  }
  .gridcol-bp1-10-of-12 {
    width: 83.3333333333%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-10-of-12 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-10-of-12 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp1-11-of-12 {
    width: 91.6666666667%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-11-of-12 {
    margin-left: 91.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-11-of-12 {
    margin-left: -91.6666666667%;
  }
  .gridcol-bp1-12-of-12 {
    width: 100%;
  }
  .gridcol-bp1-push-0, .textbreite {
    margin-left: 0;
  }
  .gridcol-bp1-push-12-of-12 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-12-of-12 {
    margin-left: -100%;
  }
}
.gridcol-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gridcol-d-first {
  float: left;
}

.gridcol-d-last {
  float: right;
}

.grid-no-gutter {
  margin-left: 0;
  width: 100%;
}
.grid-no-gutter .gridcol, .grid-no-gutter .textbreite {
  padding-left: 0;
}
.grid-no-gutter .gridcol-span-all {
  margin-left: 0;
  width: 100%;
}

.gridcol-ab {
  vertical-align: bottom;
}

.gridcol-am {
  vertical-align: middle;
}

@media (max-width: 479px) {
  .gridcol-bp1-1-of-1:not(.fortlaufend), .textbreite:not(.fortlaufend) {
    margin-top: 32px;
  }
  .gridcol-bp1-1-of-1:not(.fortlaufend):first-child, .textbreite:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .gridcol-bp1-1-of-1:not(.fortlaufend), .textbreite:not(.fortlaufend) {
    margin-top: 32px;
  }
  .gridcol-bp1-1-of-1:not(.fortlaufend):first-child, .textbreite:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
.gridcol p:first-child, .textbreite p:first-child {
  margin-top: 0;
}

.grid.rtl {
  direction: rtl;
}
.grid.rtl .gridcol, .grid.rtl .textbreite {
  direction: ltr;
}

/* ASPECT RATIOS */
.aspectRatio_4_3 {
  position: relative;
  display: block;
}
.aspectRatio_4_3:before {
  content: "";
  display: block;
  padding-top: 75%;
}

.aspectRatio_16_9 {
  position: relative;
  display: block;
}
.aspectRatio_16_9:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.aspectRatioContent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table-cell;
  background-color: #ffffff;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.aspectRatioContent img {
  max-height: 101%;
  max-width: 101%;
}

.masonry.masonry5 .grid-sizer,
.masonry.masonry5 .masonryItem,
.masonry.masonry5 .gridcol,
.masonry.masonry5 .textbreite {
  width: 90%;
  width: -moz-calc(100% - 0px);
  width: -webkit-calc(100% - 0px);
  width: -o-calc(100% - 0px);
  width: calc(100% - 0px);
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 480px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem,
  .masonry.masonry5 .gridcol,
  .masonry.masonry5 .textbreite {
    width: 45%;
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
@media (min-width: 768px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem,
  .masonry.masonry5 .gridcol,
  .masonry.masonry5 .textbreite {
    width: 30%;
    width: -moz-calc(33.3333333333% - 21.3333333333px);
    width: -webkit-calc(33.3333333333% - 21.3333333333px);
    width: -o-calc(33.3333333333% - 21.3333333333px);
    width: calc(33.3333333333% - 21.3333333333px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem,
  .masonry.masonry5 .gridcol,
  .masonry.masonry5 .textbreite {
    width: 22.5%;
    width: -moz-calc(25% - 24px);
    width: -webkit-calc(25% - 24px);
    width: -o-calc(25% - 24px);
    width: calc(25% - 24px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem,
  .masonry.masonry5 .gridcol,
  .masonry.masonry5 .textbreite {
    width: 18%;
    width: -moz-calc(20% - 25.6px);
    width: -webkit-calc(20% - 25.6px);
    width: -o-calc(20% - 25.6px);
    width: calc(20% - 25.6px);
  }
}

.masonry.masonry4 .grid-sizer,
.masonry.masonry4 .masonryItem,
.masonry.masonry4 .gridcol,
.masonry.masonry4 .textbreite {
  width: 90%;
  width: -moz-calc(100% - 0px);
  width: -webkit-calc(100% - 0px);
  width: -o-calc(100% - 0px);
  width: calc(100% - 0px);
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 480px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem,
  .masonry.masonry4 .gridcol,
  .masonry.masonry4 .textbreite {
    width: 45%;
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
@media (min-width: 768px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem,
  .masonry.masonry4 .gridcol,
  .masonry.masonry4 .textbreite {
    width: 45%;
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem,
  .masonry.masonry4 .gridcol,
  .masonry.masonry4 .textbreite {
    width: 22.5%;
    width: -moz-calc(25% - 24px);
    width: -webkit-calc(25% - 24px);
    width: -o-calc(25% - 24px);
    width: calc(25% - 24px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem,
  .masonry.masonry4 .gridcol,
  .masonry.masonry4 .textbreite {
    width: 22.5%;
    width: -moz-calc(25% - 24px);
    width: -webkit-calc(25% - 24px);
    width: -o-calc(25% - 24px);
    width: calc(25% - 24px);
  }
}

.masonry.masonry3 .grid-sizer,
.masonry.masonry3 .masonryItem,
.masonry.masonry3 .gridcol,
.masonry.masonry3 .textbreite {
  width: 90%;
  width: -moz-calc(100% - 0px);
  width: -webkit-calc(100% - 0px);
  width: -o-calc(100% - 0px);
  width: calc(100% - 0px);
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 480px) {
  .masonry.masonry3 .grid-sizer,
  .masonry.masonry3 .masonryItem,
  .masonry.masonry3 .gridcol,
  .masonry.masonry3 .textbreite {
    width: 90%;
    width: -moz-calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -o-calc(100% - 0px);
    width: calc(100% - 0px);
  }
}
@media (min-width: 768px) {
  .masonry.masonry3 .grid-sizer,
  .masonry.masonry3 .masonryItem,
  .masonry.masonry3 .gridcol,
  .masonry.masonry3 .textbreite {
    width: 45%;
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry3 .grid-sizer,
  .masonry.masonry3 .masonryItem,
  .masonry.masonry3 .gridcol,
  .masonry.masonry3 .textbreite {
    width: 30%;
    width: -moz-calc(33.3333333333% - 21.3333333333px);
    width: -webkit-calc(33.3333333333% - 21.3333333333px);
    width: -o-calc(33.3333333333% - 21.3333333333px);
    width: calc(33.3333333333% - 21.3333333333px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry3 .grid-sizer,
  .masonry.masonry3 .masonryItem,
  .masonry.masonry3 .gridcol,
  .masonry.masonry3 .textbreite {
    width: 30%;
    width: -moz-calc(33.3333333333% - 21.3333333333px);
    width: -webkit-calc(33.3333333333% - 21.3333333333px);
    width: -o-calc(33.3333333333% - 21.3333333333px);
    width: calc(33.3333333333% - 21.3333333333px);
  }
}

.masonry.masonry2 .grid-sizer,
.masonry.masonry2 .masonryItem,
.masonry.masonry2 .gridcol,
.masonry.masonry2 .textbreite {
  width: 90%;
  width: -moz-calc(100% - 0px);
  width: -webkit-calc(100% - 0px);
  width: -o-calc(100% - 0px);
  width: calc(100% - 0px);
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 480px) {
  .masonry.masonry2 .grid-sizer,
  .masonry.masonry2 .masonryItem,
  .masonry.masonry2 .gridcol,
  .masonry.masonry2 .textbreite {
    width: 90%;
    width: -moz-calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -o-calc(100% - 0px);
    width: calc(100% - 0px);
  }
}
@media (min-width: 768px) {
  .masonry.masonry2 .grid-sizer,
  .masonry.masonry2 .masonryItem,
  .masonry.masonry2 .gridcol,
  .masonry.masonry2 .textbreite {
    width: 45%;
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry2 .grid-sizer,
  .masonry.masonry2 .masonryItem,
  .masonry.masonry2 .gridcol,
  .masonry.masonry2 .textbreite {
    width: 45%;
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: calc(50% - 16px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry2 .grid-sizer,
  .masonry.masonry2 .masonryItem,
  .masonry.masonry2 .gridcol,
  .masonry.masonry2 .textbreite {
    width: 45%;
    width: -moz-calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -o-calc(50% - 16px);
    width: calc(50% - 16px);
  }
}

*[class^=show-bp], *[class*=" show-bp"] {
  display: none;
}

@media (max-width: 479px) {
  .show-bp1 {
    display: block;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .show-bp2 {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .show-bp3 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .show-bp4 {
    display: block;
  }
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.accordion__item > .accordion-header:after, .prev a,
.next a, .pullMore:after, .select2-container--default .select2-selection--single .select2-selection__arrow b, .production .prev a, .person .prev a,
.production .next a,
.person .next a {
  background-image: url(../images/sprites/arrowdown.png);
  display: block;
  width: 20px;
  height: 8px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 40%;
}
.form.small .accordion__item > .accordion-header:after, .form.small .prev a, .prev .form.small a,
.form.small .next a,
.next .form.small a, .form.small .pullMore:after, .form.small .select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow .form.small b {
  width: 10px;
  height: 4px;
}

.production .prev a, .person .prev a,
.production .next a,
.person .next a {
  background-image: url(../images/sprites/arrowdown-white.png);
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  margin: 0;
  display: inline-block;
  vertical-align: bottom;
}
a img {
  border: none;
}

iframe {
  max-width: 100%;
  border: none;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

h1 + h2.headline-5 {
  margin-top: -18px;
}

.pageHeader {
  margin-bottom: 30px;
}

strong {
  font-weight: 500;
}

p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .nowrap {
    white-space: nowrap;
  }
}

.nowrapAnycase {
  white-space: nowrap;
}

.nohyphen {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.hyphen {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clear, .masonry {
  clear: both;
}

.clearfix:after, .warenkorb .heading div.kategorien:after,
.warenkorb .position div.kategorien:after, .warenkorb .heading div.termin_konzert:after,
.warenkorb .position div.termin_konzert:after, .warenkorb .heading:after,
.warenkorb .position:after,
.warenkorb .summe:after, .radio:after, .cd:after, .konzert-kompakt .konzertindent:after, .konzert .konzertindent:after, .production:after, .person:after, .form > .list:after, .breadcrumb:after, #footer #navi2 ul:after, #footer:after, #nav:after, .wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.grey, .cd {
  background-color: #E1E1E1;
}

.orangeBox {
  background-color: #FE6E00;
  color: #fff;
}

.greyBox {
  background-color: #E1E1E1;
  margin-bottom: 20px;
}
.greyBox .button {
  margin-bottom: 0;
}

.lightgrey, .radio .sendung {
  background-color: #F0F0F0;
}
.lightgrey a:not(.button), .radio .sendung a:not(.button) {
  color: #FE6E00;
}
.lightgrey a:not(.button):hover, .radio .sendung a:not(.button):hover {
  color: #AAAAAA;
}

.lightgreyBox {
  background-color: #F0F0F0;
  margin-bottom: 20px;
}
.lightgreyBox .button {
  margin-bottom: 0;
}

.wrapper {
  width: 100%;
  max-width: 1260px;
  margin: auto;
  position: relative;
  padding: 0px 20px;
}
@media (min-width: 480px) {
  .wrapper {
    padding: 0px 50px;
  }
}
@media (min-width: 768px) {
  .wrapper {
    padding: 0px 30px;
  }
}
@media (min-width: 1024px) {
  .wrapper {
    padding: 0px 30px;
  }
}
@media (min-width: 1280px) {
  .wrapper {
    padding: 0px 0px;
  }
}

.block {
  padding-top: 40px;
  padding-bottom: 40px;
}

.blockouter {
  margin-top: 40px;
  margin-bottom: 40px;
}

.padding {
  padding: 20px;
}

#header {
  display: none;
}
@media (min-width: 1280px) {
  #header {
    display: block;
    width: 100%;
    line-height: 36px;
    font-color: #fff;
    background-color: #FE6E00;
    height: 36px;
  }
}
#header #search {
  float: right;
  margin-right: 20px;
  height: 24px;
  width: 196px;
  margin-top: 6px;
  background-color: #FF8121;
}
#header #search .input-icon-wrap {
  display: flex;
  flex-direction: row;
  height: 24px;
}
#header #search .input-icon {
  background-color: #FF8121;
  color: #fff;
  position: relative;
  cursor: pointer;
}
#header #search .input-icon .fa {
  position: absolute;
  top: 2px;
  right: 2px;
}
#header #search .input-with-icon {
  border: none;
  flex: 1;
}
#header #search .input-icon,
#header #search .input-with-icon {
  padding: 0px 10px;
}
#header #search input {
  color: #fff;
  height: 24px;
  border-bottom: 0;
  background-color: #FF8121;
  font-size: 80%;
}
#header #sprachwahl {
  float: right;
  font-family: "Alegreya Sans";
  font-size: 16px;
}
#header #sprachwahl a {
  color: #fff;
}
#header #sprachwahl a:hover {
  color: #646464;
}
#header #sprachwahl a.active {
  font-weight: bold;
}
#header #sprachwahl a:first-child:after {
  content: " · ";
  display: inline-block;
  margin-left: 4px;
  margin-right: 2px;
  color: #fff !important;
  font-weight: normal !important;
}

#nav {
  font-family: "Alegreya Sans";
  width: 100%;
  min-height: 80px;
  display: table;
  position: relative;
  border-top: 3px solid #FE6E00;
}
@media (min-width: 768px) {
  #nav {
    border-top: 12px solid #FE6E00;
  }
}
@media (min-width: 1280px) {
  #nav {
    border-top: none;
    min-height: 0;
  }
}
#nav #logoContainer {
  position: relative;
  left: -20px;
}
@media (max-width: 1279px) {
  #nav #logoContainer {
    display: inline-block;
  }
}
@media (min-width: 600px) {
  #nav #logoContainer {
    left: 0;
  }
}
@media (max-width: 1279px) {
  #nav.home #logoContainer {
    display: block;
  }
}
#nav #logo {
  float: left;
  width: 210px;
  height: 55px;
  top: 4px;
  position: relative;
  background-image: url(../images/logo@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 340px) {
  #nav #logo {
    width: 240px;
    height: 55px;
    top: 0px;
  }
}
@media (min-width: 768px) {
  #nav #logo {
    width: 304px;
    height: 68px;
  }
}
@media (min-width: 1280px) {
  #nav #logo {
    display: table-cell;
    vertical-align: top;
  }
}
#nav #logo.home {
  height: 150px;
  width: 150px;
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 1000;
  background-image: url(../images/logo_medium.png);
}
@media (min-width: 480px) {
  #nav #logo.home {
    left: 50px;
  }
}
@media (min-width: 768px) {
  #nav #logo.home {
    left: 30px;
    background-image: url(../images/logo_lg.png);
    width: 250px;
    height: 250px;
  }
}
@media (min-width: 1280px) {
  #nav #logo.home {
    top: -36px;
    left: 0;
    width: 304px;
    height: 304px;
    position: absolute;
    z-index: 1000;
    background-image: url(../images/logo_lg.png);
  }
}
#nav #navi {
  display: none;
  height: 68px;
  width: 100%;
  vertical-align: top;
  padding: 0px 30px;
  /* Navbar container */
  /* Links inside the navbar */
  /* Show the dropdown menu on hover */
}
@media (min-width: 1280px) {
  #nav #navi {
    display: table-cell;
  }
}
@media (min-width: 1280px) {
  #nav #navi.home {
    padding-left: 334px;
  }
}
#nav #navi ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
#nav #navi a {
  text-decoration: none;
  color: #000;
}
#nav #navi .navbar {
  overflow: hidden;
}
#nav #navi .navbar li {
  color: #000;
  text-decoration: none;
  list-style: none;
  line-height: 100%;
}
#nav #navi .navbar > li {
  float: left;
  height: 68px;
  line-height: 68px;
}
#nav #navi .navbar > li > a {
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  padding: 0px 10px;
  background-image: url(../images/sprites/navi.png);
  background-repeat: repeat-x;
  background-size: 10px 68px;
}
@media (min-width: 1280px) {
  #nav #navi .navbar > li > a {
    padding: 0px 30px;
  }
}
#nav #navi .navbar > li > a:hover, #nav #navi .navbar > li > a.active {
  background-image: url(../images/sprites/navi-active.png);
}
#nav #navi .dropdown {
  float: left;
  font-size: 22px;
  font-weight: 400;
  padding: 0px 10px;
  overflow: hidden;
  background-image: url(../images/sprites/navi.png);
  background-repeat: repeat-x;
  background-size: 10px 68px;
}
#nav #navi .dropdown:hover, #nav #navi .dropdown.active {
  background-image: url(../images/sprites/navi-active.png);
}
#nav #navi .dropdown .dropbtn {
  border: none;
  outline: none;
  color: #000;
  background-color: inherit;
  font: inherit;
  /* Important for vertical align on mobile phones */
  margin: 0;
  /* Important for vertical align on mobile phones */
}
#nav #navi .wrapperNavi {
  width: 848px;
  margin-left: 334px;
  background-image: url(../images/sprites/navi-active.png);
  background-repeat: repeat-x;
  background-size: 10px 68px;
  background-position: bottom;
  padding-left: 20px;
}
#nav #navi .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  padding-top: 21px;
  width: 100vw;
  top: 68px;
  z-index: 999;
}
@media (min-width: 1280px) {
  #nav #navi .dropdown-content {
    left: 0;
    left: -moz-calc(-50vw + 50%);
    left: -webkit-calc(-50vw + 50%);
    left: -o-calc(-50vw + 50%);
    left: calc(-50vw + 50%);
  }
}
@media (min-width: 1280px) {
  #nav #navi .dropdown-content {
    left: 0;
    left: -moz-calc(-50vw + 630px);
    left: -webkit-calc(-50vw + 630px);
    left: -o-calc(-50vw + 630px);
    left: calc(-50vw + 630px);
  }
}
#nav #navi .dropdown-content h3 {
  line-height: 24px;
  margin: 0;
  font-weight: 500;
}
#nav #navi .dropdown-content ul {
  margin: 0;
  margin-bottom: 18px;
  padding: 0;
}
#nav #navi .dropdown-content ul li {
  margin: 0;
}
#nav #navi .dropdown-content a:hover {
  color: #FE6E00;
}
#nav #navi .dropdown-content p {
  margin: 0;
}
#nav #navi .dropdown-content p:last-child {
  margin-bottom: 18px !important;
}
#nav #warenkorb {
  display: none;
}
#nav #warenkorb.show {
  display: table-cell;
}
#nav #warenkorb .warenkorbIcon {
  width: 64px;
  height: 68px;
  background-image: url(../images/sprites/warenkorb-inactive.png);
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}
#nav #warenkorb .warenkorbIcon:hover {
  background-image: url(../images/sprites/warenkorb-active.png);
}
@media (max-width: 1279px) {
  #nav #warenkorb {
    float: right;
    margin-right: 10px;
    margin-left: -20px;
  }
  #nav #warenkorb .warenkorbIcon {
    width: 30px;
    height: 30px;
    top: 9px;
    background-size: 64px 68px;
    background-position: center center;
    position: relative;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  #nav #warenkorb .warenkorbIcon {
    width: 64px;
    height: 63px;
    top: 0;
  }
}
@media (max-width: 1279px) and (min-width: 480px) {
  #nav #warenkorb {
    margin-right: 50px;
  }
}
@media (min-width: 1280px) {
  #nav #warenkorb {
    vertical-align: top;
  }
}
#nav #pull {
  float: right;
  width: 37px;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 16px;
  background-image: url(../images/sprites/pull2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  #nav #pull {
    background-image: url(../images/sprites/pull.png);
    width: 55px;
    height: 37px;
    margin-right: 40px;
  }
}
@media (min-width: 1280px) {
  #nav #pull {
    display: none;
  }
}
#nav #mobileNavi {
  display: none;
}
#nav #mobileNavi.opened {
  display: block;
  clear: both;
}
#nav #mobileNavi.opened > ul {
  margin-left: 20px;
  padding-left: 0;
  width: 95%;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: calc(100% - 20px);
}
#nav #mobileNavi.opened > ul li {
  list-style: none;
  margin: 0;
  font-size: 20px;
  padding: 10px 0px;
  border-bottom: 1px solid #878787;
}
#nav #mobileNavi.opened > ul li:last-child {
  border-bottom: 0;
}
#nav #mobileNavi.opened > ul li ul {
  display: none;
}
#nav #mobileNavi.opened > ul {
  margin-left: 0px;
  width: 95%;
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -o-calc(100% - 10px);
  width: calc(100% - 10px);
}
#nav #mobileNavi.opened p {
  margin: 0;
  font-family: "Alegreya Sans";
}
.home #mobileNavi {
  margin-top: 92px;
}
@media (min-width: 768px) {
  .home #mobileNavi {
    margin-top: 192px;
  }
}

#footer {
  font-family: "Alegreya Sans";
  margin-top: 10px;
  border-top: 1px solid #E1E1E1;
  padding: 20px 0px 30px 0px;
}
@media (min-width: 1024px) {
  #footer #notice {
    float: left;
    width: 50%;
  }
}
#footer #notice p {
  margin: 0;
}
#footer #navi2 {
  margin-top: 30px;
  display: none;
}
@media (min-width: 1024px) {
  #footer #navi2 {
    display: block;
    margin-top: 0px;
    float: right;
    width: 50%;
    text-align: right;
  }
}
#footer #navi2 a:hover {
  color: #FE6E00;
}
#footer #navi2 ul {
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
}
#footer #navi2 ul li {
  color: #000;
  text-decoration: none;
  list-style: none;
  line-height: 24px;
  float: left;
  padding-left: 40px;
}
@media (max-width: 1023px) {
  #footer #navi2 ul li:first-child {
    padding-left: 0 !important;
  }
}

.breadcrumb {
  display: block;
  float: right;
  padding: 0;
  margin: 20px 0px;
  font-size: 12px;
  line-height: 15px;
  font-family: "Alegreya Sans";
}
.werk_breadcrumb .breadcrumb {
  display: none;
}
@media (min-width: 1024px) {
  .werk_breadcrumb .breadcrumb {
    display: block;
  }
}
.breadcrumb li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}
.breadcrumb li:after {
  content: " > ";
  padding: 0 5px;
}
.breadcrumb li:last-child:after {
  display: none;
}
.breadcrumb li a {
  text-decoration: none;
}

#headerSlider {
  visibility: hidden;
  width: 100%;
  height: auto;
}
#headerSlider.loaded {
  visibility: visible;
}
#headerSlider .header-slide {
  position: relative;
}
#headerSlider .header-slide .img {
  overflow: hidden;
  background-color: #C8C8C8;
  height: 240px;
  position: relative;
}
@media (min-width: 480px) {
  #headerSlider .header-slide .img {
    height: 530px;
    width: 100%;
  }
}
#headerSlider .header-slide .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
}
#headerSlider .header-slide .wrapper {
  position: relative;
}
#headerSlider .header-slide .wrapper .sliderCaption {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (max-width: 479px) {
  #headerSlider .header-slide .wrapper .sliderCaption {
    width: 90%;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px;
  }
}
@media (min-width: 768px) {
  #headerSlider .header-slide .wrapper .sliderCaption {
    position: absolute;
    display: block;
    bottom: 20px;
    margin-bottom: 0;
    width: 90%;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
@media (min-width: 768px) {
  #headerSlider .header-slide .wrapper .sliderCaption {
    width: 90%;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
  }
}
@media (min-width: 1024px) {
  #headerSlider .header-slide .wrapper .sliderCaption {
    width: 90%;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
  }
}
@media (min-width: 1280px) {
  #headerSlider .header-slide .wrapper .sliderCaption {
    width: 90%;
    width: -moz-calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -o-calc(100% - 0px);
    width: calc(100% - 0px);
  }
}
#headerSlider .header-slide .wrapper .sliderCaption .text {
  background-color: rgba(240, 240, 240, 0.85);
  width: 100%;
  padding: 20px;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto;
}

#multiSlider {
  width: 100%;
  height: 248px;
  overflow: hidden;
  background-color: #C8C8C8;
}
#multiSlider.large {
  height: 530px;
}
#multiSlider .multi-slide {
  position: relative;
  height: 248px;
  width: 439px !important;
}
#multiSlider .multi-slide .img {
  position: relative;
}
#multiSlider .multi-slide .img img {
  max-width: none;
  height: 248px;
  width: 439px !important;
  border-right: 1px solid #fff;
}
#multiSlider .multi-slide.large {
  height: 530px;
  width: 706px !important;
}
#multiSlider .multi-slide.large img {
  height: 530px;
  width: 706px !important;
}
#multiSlider .multi-slide .sliderCaption {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -25%;
  background-color: rgba(240, 240, 240, 0.65);
  width: auto;
  padding: 5px;
  min-width: 45%;
  width: auto;
  max-width: 90%;
  max-width: -moz-calc(100% - 40px);
  max-width: -webkit-calc(100% - 40px);
  max-width: -o-calc(100% - 40px);
  max-width: calc(100% - 40px);
}
@media (min-width: 480px) {
  #multiSlider .multi-slide .sliderCaption {
    left: 20px;
    margin-left: 0;
  }
}
#multiSlider .multi-slide .sliderCaption p, #multiSlider .multi-slide .sliderCaption h6 {
  font-size: 75% !important;
  line-height: 140% !important;
}

.sliderCaption {
  display: none;
}
.slick-current .sliderCaption {
  display: block;
}

#nextPerformances > .headline {
  padding: 30px 30px 0px 30px;
}
#nextPerformances > .headline h2 {
  margin-bottom: 0;
}
#nextPerformances .nextPerformance {
  padding: 30px;
  background-color: #E1E1E1;
}

#nextPerformances + .center {
  margin-bottom: 20px;
}

.programm-left p,
.programm-right p {
  margin: 0;
  text-indent: -20px;
  padding-left: 20px;
}

.content {
  display: block;
  width: 100%;
  height: 100%;
}

/* Formulare */
.form > .formfield {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
}
.form > .formfield.alignTop {
  align-items: initial;
}
.form > .formfield:not(.checkbox) > label + * {
  flex: 1 0;
}
.form > .formfield p {
  flex: 1 0 110px;
}
@media (min-width: 480px) {
  .form > .formfield p {
    flex: 1 0 190px;
  }
}
.form > .formfield.tabular > label, .form > .formfield.tabular p {
  width: 110px;
}
@media (min-width: 480px) {
  .form > .formfield.tabular > label, .form > .formfield.tabular p {
    width: 190px;
  }
}
.form > .formfield.tabular > label.ort, .form > .formfield.tabular p.ort {
  margin-left: 20px;
  margin-right: 20px;
  width: auto;
}
.form > .formfield i {
  display: none;
}
@media (min-width: 1024px) {
  .form > .formfield i {
    display: inline-block;
  }
}
.form.small > .formfield {
  margin-bottom: 8px;
}
.form.small > .formfield > label {
  margin-right: 10px;
  min-width: 70px;
}
.form.small > .formfield > label + * {
  flex: 1 1 80px;
}
.form > .list {
  margin-bottom: 18px;
}
.form > .list input {
  float: left;
  width: 40px;
  margin-right: 10px;
  text-align: center;
}
.form > .list label {
  float: left;
  line-height: 24px;
  padding: 9px 0px 0px;
  width: 90%;
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: calc(100% - 50px);
}
.form #q_Datum_von,
.form #q_Datum_bis {
  flex: 1 !important;
}

.form .formfield button,
.form .formfield button.grau, .button {
  border: none;
  font-size: 18px;
  color: #fff;
  font-family: "Alegreya Sans";
  font-weight: 500;
  border-radius: 0;
  height: 42px;
  width: 196px;
  display: inline-block;
  background: linear-gradient(0deg, #646464 0%, #AAAAAA 100%); /* TODO */
}
.form .formfield button:hover, .button:hover {
  background: linear-gradient(0deg, #FE6E00 0%, #FF8121 100%); /* TODO */
  color: #fff;
}

.button {
  text-align: center;
  width: auto;
  padding: 0px 10px;
  line-height: 42px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.konzert .button {
  margin: 0;
}

.form .formfield button[type=submit],
.form .formfield button.orange,
.button.orange,
.button.active {
  background: linear-gradient(0deg, #ff6400 0%, #FF8121 100%);
}
.form .formfield button[type=submit]:hover,
.form .formfield button.orange:hover,
.button.orange:hover,
.button.active:hover {
  background: linear-gradient(0deg, #FF8121 0%, #FE6E00 100%); /* TODO */
  color: #fff;
}

.form .formfield button[type=submit] {
  margin-left: auto;
}

.button.fullWidth {
  width: 100%;
}

.right .formfield .button {
  margin-right: 0;
}

input, textarea {
  box-shadow: none;
  background-color: #F0F0F0;
  border: none;
  padding: 5px 10px;
  border-bottom: 2px solid #878787;
  font-family: "Alegreya Sans";
  font-size: 18px;
  line-height: 24px;
  color: #000;
  min-width: 0;
}

input {
  height: 42px;
}
.form.small input {
  height: 32px;
}

.InputAddOn {
  display: flex;
}

.InputAddOn-field {
  flex: 1;
}

textarea {
  min-height: 200px;
}

/* select */
select {
  width: 100%;
  outline: none;
  font-family: "Alegreya Sans";
  font-size: 18px;
  line-height: 24px;
}
.select2-container--default * {
  border-radius: 0 !important;
}

.select2-container--default .select2-selection--single {
  border: none;
  border-bottom: 2px solid #878787;
  background-color: #F0F0F0;
  outline: none;
  font-family: "Alegreya Sans";
  font-size: 18px;
  line-height: 42px;
  height: 42px;
  padding: 5px 0px;
}
.form.small .select2-container--default .select2-selection--single {
  line-height: 32px;
  height: 32px;
  padding: 2px 0px;
}

.select2-container--default .select2-selection--single[aria-expanded=true] {
  border-bottom: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 20px;
  top: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  margin-right: 20px;
  transition: 0.3s all;
  transform: rotate(0deg);
}
.form.small .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 4px;
  right: 10px;
}

.select2-container--default .select2-selection--single[aria-expanded=true] .select2-selection__arrow b {
  transform: rotate(180deg);
}

.select2-dropdown {
  border-radius: 0;
  border-bottom: 2px solid #878787;
  font-family: "Alegreya Sans";
  font-size: 18px;
  line-height: 24px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FE6E00;
  color: white;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 35px;
}

/* checkbox */
.checkbox {
  /* Customize the label (the container) */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.checkbox .container {
  display: block;
  position: relative;
  padding-left: 75px;
  padding-top: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 42px;
  width: 56px;
  background-color: #F0F0F0;
  border-bottom: 2px solid #878787;
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox .container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .container .checkmark:after {
  left: 21px;
  top: 7px;
  width: 8px;
  height: 20px;
  border: solid #FE6E00;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
}

/* radio */
.radiobutton {
  /* Customize the label (the container) */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
.radiobutton .container {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radiobutton .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radiobutton .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #F0F0F0;
  border-radius: 50%;
  border: 1px solid #878787;
}
.radiobutton .container:hover input ~ .checkmark {
  background-color: #C8C8C8;
}
.radiobutton .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radiobutton .container input:checked ~ .checkmark:after {
  display: block;
}
.radiobutton .container .checkmark:after {
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #878787;
}

/* masonry */
.sendetermine .bar, .konzert-kompakt .konzertindent .date, .konzert .konzertindent .dates .day, #newslist .item .img .bar,
.masonryItem .img .bar,
.gridcol .img .bar,
.textbreite .img .bar {
  margin-left: -10px;
  opacity: 0.75;
  background-color: #646464;
  box-shadow: 2px 2px 4px 0 rgba(100, 100, 100, 0.5);
  color: #fff;
  font-family: "Alegreya Sans";
}

.konzert .konzertindent .img .copy, .imageContainer .img .copy, #newslist .item .img .copy,
.masonryItem .img .copy,
.gridcol .img .copy,
.textbreite .img .copy, #headerSlider .header-slide .img .copy, #multiSlider .multi-slide .img .copy {
  position: absolute;
  opacity: 0.75;
  background-color: #646464;
  top: 10px;
  right: 10px;
  color: #fff;
  height: 30px;
  border-radius: 15px;
}
.konzert .konzertindent .img .copy:before, .imageContainer .img .copy:before, #newslist .item .img .copy:before,
.masonryItem .img .copy:before,
.gridcol .img .copy:before,
.textbreite .img .copy:before, #headerSlider .header-slide .img .copy:before, #multiSlider .multi-slide .img .copy:before {
  content: " i ";
  text-align: center;
  width: 30px;
  height: 30px;
  display: inline-block;
  float: left;
  line-height: 30px;
}
.konzert .konzertindent .img .open.copy:before, .imageContainer .img .open.copy:before, #newslist .item .img .open.copy:before,
.masonryItem .img .open.copy:before,
.gridcol .img .open.copy:before,
.textbreite .img .open.copy:before, #headerSlider .header-slide .img .open.copy:before, #multiSlider .multi-slide .img .open.copy:before {
  content: none;
}
.konzert .konzertindent .img .copy span, .imageContainer .img .copy span, #newslist .item .img .copy span,
.masonryItem .img .copy span,
.gridcol .img .copy span,
.textbreite .img .copy span, #headerSlider .header-slide .img .copy span, #multiSlider .multi-slide .img .copy span {
  display: none;
  float: left;
  transition: 0.3s width;
  height: 30px;
  position: relative;
  line-height: 30px;
  padding: 0px 10px 0px 10px;
  font-size: 75%;
}

#newslist .item,
.masonryItem,
.gridcol,
.textbreite {
  z-index: 1;
  /*.clickable & {
      border-bottom:2px solid $grau2;
  }*/
}
#newslist .item .withBar,
.masonryItem .withBar,
.gridcol .withBar,
.textbreite .withBar {
  padding-left: 10px;
  width: 100%;
}
#newslist .item .img,
.masonryItem .img,
.gridcol .img,
.textbreite .img {
  position: relative;
}
#newslist .item .img .bar,
.masonryItem .img .bar,
.gridcol .img .bar,
.textbreite .img .bar {
  position: absolute;
  bottom: 20px;
  height: 32px;
  max-width: 100%;
  padding: 0px 30px;
  line-height: 32px;
}
#newslist .item .img .bar + .bar,
.masonryItem .img .bar + .bar,
.gridcol .img .bar + .bar,
.textbreite .img .bar + .bar {
  bottom: 55px;
}
#newslist .item .img .bar + .bar + .bar,
.masonryItem .img .bar + .bar + .bar,
.gridcol .img .bar + .bar + .bar,
.textbreite .img .bar + .bar + .bar {
  bottom: 90px;
}
#newslist .item .orangeBox,
#newslist .item .textBelow,
.masonryItem .orangeBox,
.gridcol .orangeBox,
.textbreite .orangeBox,
.masonryItem .textBelow,
.gridcol .textBelow,
.textbreite .textBelow {
  height: 100%;
  padding: 30px;
}
#newslist .item .orangeBox .name,
#newslist .item .orangeBox .headline,
#newslist .item .textBelow .name,
#newslist .item .textBelow .headline,
.masonryItem .orangeBox .name,
.gridcol .orangeBox .name,
.textbreite .orangeBox .name,
.masonryItem .orangeBox .headline,
.gridcol .orangeBox .headline,
.textbreite .orangeBox .headline,
.masonryItem .textBelow .name,
.gridcol .textBelow .name,
.textbreite .textBelow .name,
.masonryItem .textBelow .headline,
.gridcol .textBelow .headline,
.textbreite .textBelow .headline {
  margin-top: 0;
}
@media (min-width: 768px) {
  #newslist .item .orangeBox .text,
  #newslist .item .orangeBox .funktion,
  #newslist .item .textBelow .text,
  #newslist .item .textBelow .funktion,
  .masonryItem .orangeBox .text,
  .gridcol .orangeBox .text,
  .textbreite .orangeBox .text,
  .masonryItem .orangeBox .funktion,
  .gridcol .orangeBox .funktion,
  .textbreite .orangeBox .funktion,
  .masonryItem .textBelow .text,
  .gridcol .textBelow .text,
  .textbreite .textBelow .text,
  .masonryItem .textBelow .funktion,
  .gridcol .textBelow .funktion,
  .textbreite .textBelow .funktion {
    min-height: 24px;
  }
}
#newslist .item .orangeBox .debut,
#newslist .item .textBelow .debut,
.masonryItem .orangeBox .debut,
.gridcol .orangeBox .debut,
.textbreite .orangeBox .debut,
.masonryItem .textBelow .debut,
.gridcol .textBelow .debut,
.textbreite .textBelow .debut {
  font-weight: bold;
  padding-top: 20px;
}
#newslist .item .textBelow,
.masonryItem .textBelow,
.gridcol .textBelow,
.textbreite .textBelow {
  background-color: #F0F0F0;
}
.grey #newslist .item .textBelow, .cd #newslist .item .textBelow,
.grey .masonryItem .textBelow,
.grey .gridcol .textBelow,
.grey .textbreite .textBelow,
.cd .masonryItem .textBelow,
.cd .gridcol .textBelow,
.cd .textbreite .textBelow {
  background-color: #fff;
}

@media (min-width: 1024px) {
  .small_picture {
    display: flex;
  }
  .small_picture .small_picture_left,
  .small_picture .small_picture_right {
    flex: 1;
  }
  .small_picture .small_picture_left .img {
    height: 100%;
    overflow: hidden;
  }
  .small_picture .small_picture_left .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    max-width: none;
    transform: translate(-50%, -50%);
  }
}

.pullMore {
  cursor: pointer;
  position: relative;
  font-weight: 500;
}
.pullMore:after {
  content: " ";
  float: right;
  top: 10px;
  position: relative;
  transition: 0.3s all;
  transform: rotate(0deg);
}
.active .pullMore:after {
  transform: rotate(-180deg);
  transition: all 0.3s;
}

/* imageContainer */
.imageContainer {
  min-height: 248px;
  position: relative;
  position: relative;
}
.imageContainer.small {
  min-height: 0;
}
.imageContainer.small .grey, .imageContainer.small .cd {
  display: none;
}
@media (min-width: 1024px) {
  .imageContainer.small .grey, .imageContainer.small .cd {
    display: block;
  }
}
.imageContainer .img {
  margin: auto;
  height: 248px;
  overflow: hidden;
  position: relative;
}
.imageContainer .img img {
  position: absolute;
  left: 50%;
  right: 0;
  top: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
}
.imageContainer .img img.right {
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(0%, -50%);
}
@media (min-width: 600px) {
  .imageContainer {
    position: relative;
  }
  .imageContainer:not(.small) {
    min-height: 530px;
    width: auto;
  }
  .imageContainer:not(.small) .img {
    height: 530px;
    width: auto;
  }
  .imageContainer .img {
    max-width: 2000px;
  }
}
.imageContainer .textBelow {
  text-align: left;
  padding: 20px;
  background-color: rgba(240, 240, 240, 0.85);
  border-bottom: none;
}
@media (min-width: 600px) {
  .imageContainer .textBelow {
    position: absolute;
    max-width: 100%;
    left: 20px;
    bottom: 20px;
  }
}
.imageContainer .textBelow h1 {
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .imageContainer:not(.small) .textBelow {
    width: 630px;
  }
}

.prev,
.next {
  z-index: 10;
  position: absolute;
  width: 30px;
  height: 12px;
  top: 55px;
  top: 304px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.prev a,
.next a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 600px) {
  .prev,
  .next {
    top: 591px;
  }
}
@media (min-width: 1024px) {
  .prev a,
  .next a {
    background-image: url(../images/sprites/arrowdown-white.png);
  }
}

.prev {
  margin-right: 10px;
  transform: rotate(90deg);
  left: 10px;
}
@media (min-width: 480px) {
  .prev {
    left: 15px;
  }
}

.next {
  margin-left: 15px;
  transform: rotate(-90deg);
  right: 10px;
}
@media (min-width: 480px) {
  .next {
    right: 15px;
  }
}

@media (min-width: 1024px) {
  .production, .person {
    position: absolute;
    width: 100%;
    max-width: 100%;
    bottom: 20px;
  }
}
.production .prev, .person .prev,
.production .next,
.person .next {
  /*display:none;

  @media (min-width: 1024px) {
      display:block;
  }*/
  float: left;
  position: relative;
  width: 30px;
  height: 12px;
  top: 55px;
}
.production .prev a, .person .prev a,
.production .next a,
.person .next a {
  display: block;
  width: 100%;
  height: 100%;
}
.production .productionCaption, .person .productionCaption {
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}
@media (max-width: 479px) {
  .production .productionCaption, .person .productionCaption {
    margin: 20px;
    width: 90%;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
@media (min-width: 768px) {
  .production .productionCaption, .person .productionCaption {
    margin: 20px;
    width: 90%;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
@media (min-width: 1024px) {
  .production .productionCaption, .person .productionCaption {
    max-width: 750px;
  }
}
.production .productionCaption .konzertindent, .person .productionCaption .konzertindent {
  min-height: 204px;
  padding: 0px 15px 15px 0px;
  background-color: rgba(240, 240, 240, 0.85);
}
.production .productionCaption .konzertindent .dates, .person .productionCaption .konzertindent .dates {
  width: 100%;
}
@media (min-width: 1024px) {
  .production .productionCaption .konzertindent .dates, .person .productionCaption .konzertindent .dates {
    width: 45%;
    width: -moz-calc(50% - 60px);
    width: -webkit-calc(50% - 60px);
    width: -o-calc(50% - 60px);
    width: calc(50% - 60px);
  }
}
.production .productionCaption .konzertindent .details, .person .productionCaption .konzertindent .details {
  width: 100%;
  margin-right: 0;
}
@media (min-width: 1024px) {
  .production .productionCaption .konzertindent .details, .person .productionCaption .konzertindent .details {
    width: 45%;
    width: -moz-calc(50% + 45px);
    width: -webkit-calc(50% + 45px);
    width: -o-calc(50% + 45px);
    width: calc(50% + 45px);
    max-height: 475px;
    overflow: hidden;
  }
}
.production .productionCaption .konzertindent .details .title_programme, .person .productionCaption .konzertindent .details .title_programme {
  width: 100%;
  padding-bottom: 0;
}
.production .productionCaption .konzertindent .details .title_programme h1, .person .productionCaption .konzertindent .details .title_programme h1 {
  margin-bottom: 0;
}
.production .productionCaption a, .person .productionCaption a {
  text-decoration: none;
}
.production .productionCaption .name, .person .productionCaption .name {
  display: inline-block;
  line-height: 27px;
  margin-bottom: 2px;
  margin-top: 7px;
}
.production .productionCaption .function, .person .productionCaption .function {
  padding-left: 4px;
}

.person .caption, .person #headerSlider .header-slide .wrapper .sliderCaption .text, #headerSlider .header-slide .wrapper .sliderCaption .person .text, .person #multiSlider .multi-slide .sliderCaption, #multiSlider .multi-slide .person .sliderCaption, .person #multiSlider .multi-slide .sliderCaption p, #multiSlider .multi-slide .sliderCaption .person p, .person #multiSlider .multi-slide .sliderCaption h6, #multiSlider .multi-slide .sliderCaption .person h6, .person .imageContainer .textBelow h6, .imageContainer .textBelow .person h6,
.person .imageContainer .textBelow p,
.imageContainer .textBelow .person p {
  margin-top: 15px;
  background-color: rgba(240, 240, 240, 0.85);
  padding: 20px;
}
@media (min-width: 1024px) {
  .person .caption, .person #headerSlider .header-slide .wrapper .sliderCaption .text, #headerSlider .header-slide .wrapper .sliderCaption .person .text, .person #multiSlider .multi-slide .sliderCaption, #multiSlider .multi-slide .person .sliderCaption, .person #multiSlider .multi-slide .sliderCaption p, #multiSlider .multi-slide .sliderCaption .person p, .person #multiSlider .multi-slide .sliderCaption h6, #multiSlider .multi-slide .sliderCaption .person h6, .person .imageContainer .textBelow h6, .imageContainer .textBelow .person h6,
  .person .imageContainer .textBelow p,
  .imageContainer .textBelow .person p {
    width: 40%;
    width: -moz-calc(40% + 30px);
    width: -webkit-calc(40% + 30px);
    width: -o-calc(40% + 30px);
    width: calc(40% + 30px);
  }
}
@media (min-width: 1280px) {
  .person .caption, .person #headerSlider .header-slide .wrapper .sliderCaption .text, #headerSlider .header-slide .wrapper .sliderCaption .person .text, .person #multiSlider .multi-slide .sliderCaption, #multiSlider .multi-slide .person .sliderCaption, .person #multiSlider .multi-slide .sliderCaption p, #multiSlider .multi-slide .sliderCaption .person p, .person #multiSlider .multi-slide .sliderCaption h6, #multiSlider .multi-slide .sliderCaption .person h6, .person .imageContainer .textBelow h6, .imageContainer .textBelow .person h6,
  .person .imageContainer .textBelow p,
  .imageContainer .textBelow .person p {
    width: 50%;
    width: -moz-calc(50% + 30px);
    width: -webkit-calc(50% + 30px);
    width: -o-calc(50% + 30px);
    width: calc(50% + 30px);
  }
}

blockquote {
  font-family: "Alegreya Sans";
  font-style: italic;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  line-height: 29px;
  color: #646464;
}
.quote blockquote {
  font-size: 24px;
  line-height: 29px;
  color: #fff;
}
@media (min-width: 768px) {
  .quote blockquote {
    font-size: 32px;
    line-height: 39px;
  }
}

.quelle {
  font-weight: 300;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  font-style: italic;
}
.quote .quelle {
  font-size: 18px;
  line-height: 21px;
  color: #fff;
}

.quote {
  background-color: #646464;
  padding: 40px 0px;
}
@media (min-width: 600px) {
  .quote {
    padding: 40px;
  }
}

.textbreite {
  padding-left: 0;
}

/* ACCORDION */
/* https://codepen.io/LewisBriffa/pen/qjwqLb */
.accordion {
  width: 100%;
}

.accordion__item {
  border-bottom: 2px solid #878787;
  background-color: #F0F0F0;
  position: relative;
  margin-bottom: 10px;
}
.white .accordion__item {
  background-color: #fff;
}

.accordion-header {
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s;
  margin: 0;
}
.white .accordion-header {
  padding: 20px 0px;
}

.accordion-header:hover {
  position: relative;
  z-index: 5;
}

.accordion-body {
  display: none;
}

.accordion-body__contents {
  padding: 0px 50px 20px 20px;
}
.white .accordion-body__contents {
  padding: 0;
}
.accordion-body__contents p:first-child {
  margin-top: 0;
}

.accordion__item > .accordion-header:after {
  content: " ";
  float: right;
  top: 10px;
  position: relative;
  transition: 0.3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.mce-content-body .accordion__item {
  background-color: #ccc;
  margin-bottom: 10px;
  padding: 10px;
}

.hoverBox:hover {
  background-color: #E1E1E1 !important;
  cursor: pointer;
}
.hoverBox:hover .textBelow {
  background-color: #E1E1E1 !important;
}
.grey .hoverBox:hover .textBelow, .cd .hoverBox:hover .textBelow {
  background-color: #F0F0F0 !important;
}
.hoverBox:hover .orangeBox {
  background-color: #FF8121;
}

/* Spielplan */
#filter {
  margin-bottom: 40px;
}
#filter label {
  display: block;
}
@media (min-width: 768px) {
  #filter label {
    display: inline-block;
  }
}
#filter label,
#filter .button {
  margin-right: 10px;
}
#filter .removeButton:after {
  content: "\f057";
  font-family: "FontAwesome";
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left: 5px;
}

.konzert {
  margin-top: 15px;
}
.konzert.show .konzertindent {
  min-height: 228px;
}
.konzert .konzertindent {
  margin-left: 10px;
  position: relative;
  background-color: #F0F0F0;
  width: 98%;
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -o-calc(100% - 10px);
  width: calc(100% - 10px);
}
.konzert .konzertindent .dates {
  padding: 15px 0px 0px 15px;
}
@media (min-width: 1024px) {
  .konzert .konzertindent .dates {
    padding-left: 15px;
    padding-right: 15px;
    width: 294px;
    margin-right: 5px;
    float: left;
  }
}
.konzert .konzertindent .dates .day {
  margin-left: -25px;
  margin-bottom: 15px;
  padding-left: 30px;
  width: 100%;
  width: -moz-calc(100% + 10px);
  width: -webkit-calc(100% + 10px);
  width: -o-calc(100% + 10px);
  width: calc(100% + 10px);
}
@media (min-width: 1024px) {
  .konzert .konzertindent .dates .day {
    width: 100%;
    width: -moz-calc(100% + 25px);
    width: -webkit-calc(100% + 25px);
    width: -o-calc(100% + 25px);
    width: calc(100% + 25px);
  }
}
.konzert .konzertindent .dates .day .day_d {
  width: 66px;
  color: #fff;
  font-family: "Alegreya Sans";
  font-size: 68px;
  font-weight: bold;
  line-height: 64px;
  float: left;
  margin-right: 10px;
}
.konzert .konzertindent .dates .day .month {
  padding-top: 9px;
  color: #fff;
  font-family: "Alegreya Sans";
  font-size: 22px;
  font-weight: bold;
  line-height: 27px;
}
.konzert .konzertindent .dates .day .week_time {
  padding-bottom: 9px;
  color: #fff;
  font-family: "Alegreya Sans";
  font-size: 18px;
  line-height: 21px;
}
.konzert .konzertindent .dates .location {
  margin-bottom: 1.2em;
}
.konzert .konzertindent .dates .subtitle {
  font-weight: 500;
}
.konzert .konzertindent .details {
  padding: 0px 15px 15px 15px;
}
@media (min-width: 768px) {
  .konzert .konzertindent .details {
    clear: both;
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .konzert .konzertindent .details {
    clear: none;
    float: left;
    width: 60%;
    width: -moz-calc(100% - 299px);
    width: -webkit-calc(100% - 299px);
    width: -o-calc(100% - 299px);
    width: calc(100% - 299px);
    margin-right: 0px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .konzert .konzertindent .details {
    width: 705px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .konzert .konzertindent .details .title_programme {
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px;
    width: 60%;
    width: -moz-calc(100% - 324px);
    width: -webkit-calc(100% - 324px);
    width: -o-calc(100% - 324px);
    width: calc(100% - 324px);
  }
}
@media (min-width: 1280px) {
  .konzert .konzertindent .details .title_programme {
    width: 381px;
    padding-right: 0px;
  }
}
.konzert .konzertindent .details .title_programme h2 {
  margin-top: 0;
}
.konzert .konzertindent .details .title_programme .programme {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .konzert .konzertindent .details .title_programme .programme {
    padding-top: 0;
    width: 50%;
    float: left;
  }
}
@media (min-width: 1024px) {
  .konzert .konzertindent .details .title_programme .programme {
    width: 100%;
    float: left;
  }
}
.konzert .konzertindent .details .title_programme .programme p {
  margin: 0;
  text-indent: -20px;
  padding-left: 20px;
}
.konzert .konzertindent .img {
  position: relative;
  width: 100%;
}
.konzert .konzertindent .img img {
  width: 100%;
  max-width: 100% !important;
}
.konzert .konzertindent .img .imgWrapper {
  position: relative;
}
@media (min-width: 768px) {
  .konzert .konzertindent .img {
    float: right;
    width: 304px;
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  .konzert .konzertindent .img {
    float: left;
    margin-left: 0;
  }
}
.order {
  padding: 15px;
}
@media (min-width: 1024px) {
  .order {
    float: right;
    width: 226px;
  }
}
.order .button {
  width: 100%;
  margin-bottom: 0;
}
.order.open {
  display: block;
}
.order p {
  margin: 0;
}

.filterAktuell-vergangen {
  display: none;
}
.suchergebnis .filterAktuell-vergangen {
  display: block;
}

.konzert-kompakt:not(.continue) {
  margin-top: 15px;
}
.konzert-kompakt .konzertindent {
  position: relative;
  padding: 10px 15px;
  margin-left: 10px;
  background-color: #F0F0F0;
  width: 98%;
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -o-calc(100% - 10px);
  width: calc(100% - 10px);
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent {
    padding: 10px 0px;
  }
}
.konzert-kompakt .konzertindent > div {
  padding: 4px 0px;
}
.konzert-kompakt .konzertindent .date {
  margin-left: -25px;
  margin-right: 30px;
  padding-left: 30px;
  height: 32px;
  line-height: 24px;
  font-weight: 500;
  width: 255px;
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .date.empty {
    visibility: hidden;
    opacity: 0;
  }
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .date {
    float: left;
    width: 230px;
    margin-left: -10px;
  }
}
.konzert-kompakt .konzertindent .date .time {
  display: inline-block !important;
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .date .time {
    display: none !important;
  }
}
.konzert-kompakt .konzertindent .time {
  display: none;
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .time {
    display: block;
    float: left;
    width: 90px;
    margin-right: 30px;
  }
}
.konzert-kompakt .konzertindent .genre {
  width: 150px;
  margin-right: 30px;
  float: none;
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .genre {
    float: left;
  }
}
.konzert-kompakt .konzertindent .title {
  margin-right: 30px;
  width: 100%;
  float: none;
  font-weight: bold;
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .title {
    font-weight: normal;
  }
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .title {
    width: 50%;
    width: -moz-calc(100% - 810px);
    width: -webkit-calc(100% - 810px);
    width: -o-calc(100% - 810px);
    width: calc(100% - 810px);
    float: left;
  }
}
.konzert-kompakt .konzertindent .location {
  width: 220px;
}
@media (min-width: 1280px) {
  .konzert-kompakt .konzertindent .location {
    float: left;
  }
}

.ticketDialogClose {
  display: block;
  text-align: right;
  margin-bottom: 7px;
  margin-top: -7px;
  line-height: 12px;
}
.ticketDialogClose span {
  text-align: center;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}

.ticketDialog {
  width: 100%;
  padding: 15px 15px 15px 15px;
  background-color: #878787;
  position: relative;
  color: #fff;
}
.ticketDialog label {
  font-family: "Alegreya Sans";
  font-weight: 500;
}
.ticketDialog .formfield:last-child {
  margin: 0;
}

.blaetternavi {
  width: 100%;
}
.blaetternavi a {
  text-decoration: none;
}
.blaetternavi td {
  padding: 10px;
  font-family: "Alegreya Sans";
}

/* Discographie */
.cd {
  margin-bottom: 20px;
}
.cd .cdCover {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
@media (min-width: 480px) {
  .cd .cdCover {
    margin-bottom: 0;
    float: left;
    width: 196px;
    height: 196px;
  }
}
.cd .cdCover img {
  margin: auto;
}
.cd .cdBeschreibung {
  width: 100%;
  padding: 20px;
}
@media (min-width: 480px) {
  .cd .cdBeschreibung {
    float: left;
    width: 70%;
    width: -moz-calc(100% - 196px);
    width: -webkit-calc(100% - 196px);
    width: -o-calc(100% - 196px);
    width: calc(100% - 196px);
  }
}

/* Sendetermine */
.radio {
  margin-bottom: 20px;
}
.radio .sender {
  display: none;
  text-align: center;
  margin-bottom: 0;
  width: 100px;
  height: 100px;
}
@media (min-width: 480px) {
  .radio .sender {
    display: block;
    float: left;
  }
}
@media (min-width: 768px) {
  .radio .sender {
    width: 196px;
    height: 196px;
  }
}
.radio .sender img {
  margin: auto;
}
.radio .sendung {
  padding: 20px;
}
@media (min-width: 480px) {
  .radio .sendung {
    float: left;
    width: 70%;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: calc(100% - 100px);
  }
}
@media (min-width: 768px) {
  .radio .sendung {
    width: 70%;
    width: -moz-calc(100% - 196px);
    width: -webkit-calc(100% - 196px);
    width: -o-calc(100% - 196px);
    width: calc(100% - 196px);
  }
}
.radio .sendung p {
  margin: 0;
}
.radio .sendung .beschreibung p {
  margin: 0;
  text-indent: -20px;
  padding-left: 20px;
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0;
  overflow: hidden;
  width: 100%;
  margin: 0;
  clear: both;
}

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em 0.5em 0.5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 100%;
}

#mc_embed_signup #mce-error-response {
  display: none;
}

#mc_embed_signup #mce-success-response {
  color: #FE6E00;
  display: none;
}
.orangeBox #mc_embed_signup #mce-success-response {
  color: #fff;
}

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 0;
  text-align: left;
  padding: 0;
}

table.preistabelle {
  border-top: 1px solid #E1E1E1;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

table.preistabelle td {
  padding: 4px 0px;
  border-bottom: 1px solid #E1E1E1;
  position: relative;
}

.seaticon {
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
  margin-right: 4px;
  display: inline-block;
}

hr,
.linie {
  height: 2px;
  color: #F0F0F0;
  background-color: #F0F0F0;
  border: none;
  margin-top: 18px;
  margin-bottom: 18px;
}

.sendetermine .bar {
  width: auto;
  margin-left: -40px;
  padding: 5px 5px 5px 40px;
  display: inline-block;
  min-width: 250px;
}
.sendetermine.padding .bar {
  margin-left: -30px;
}
.sendetermine .sender {
  padding-top: 10px;
}
@media (min-width: 1024px) {
  .sendetermine .sender {
    float: right;
    padding-top: 5px;
  }
}

.fa:before {
  margin-right: 5px;
}

.gridcol .more, .textbreite .more {
  margin-top: 20px;
}
.gridcol.ensembleliste, .ensembleliste.textbreite {
  margin-bottom: 32px;
}
.gridcol.ensembleliste .textBelow, .ensembleliste.textbreite .textBelow {
  min-height: 128px;
}
@media (min-width: 768px) {
  .gridcol > .textBelow, .textbreite > .textBelow {
    min-height: 128px;
  }
}
@media (min-width: 480px) {
  .gridcol.team .textBelow, .team.textbreite .textBelow {
    min-height: 244px;
  }
}
@media (min-width: 768px) {
  .gridcol.team .textBelow, .team.textbreite .textBelow {
    min-height: 268px;
  }
}
@media (min-width: 1024px) {
  .gridcol.team .textBelow, .team.textbreite .textBelow {
    min-height: 268px;
  }
}
@media (min-width: 1280px) {
  .gridcol.team .textBelow, .team.textbreite .textBelow {
    min-height: 244px;
  }
}

.content_columns {
  column-gap: 32px;
}
@media (min-width: 480px) {
  .content_columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .content_columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1024px) {
  .content_columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1280px) {
  .content_columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

.warenkorb {
  width: 100%;
}
.warenkorb .heading,
.warenkorb .position,
.warenkorb .summe {
  width: 100%;
}
.warenkorb .heading div,
.warenkorb .position div,
.warenkorb .summe div {
  float: left;
  padding: 10px;
}
.warenkorb .heading div:first-child,
.warenkorb .position div:first-child,
.warenkorb .summe div:first-child {
  padding-left: 0;
}
.warenkorb .heading div:last-child,
.warenkorb .position div:last-child,
.warenkorb .summe div:last-child {
  padding-right: 0;
}
.warenkorb .heading div.termin-konzert, .warenkorb .heading div.kategorien,
.warenkorb .position div.termin-konzert,
.warenkorb .position div.kategorien,
.warenkorb .summe div.termin-konzert,
.warenkorb .summe div.kategorien {
  padding: 0;
}
.warenkorb .heading div.konzert,
.warenkorb .position div.konzert,
.warenkorb .summe div.konzert {
  margin-top: 0;
}
.warenkorb .heading {
  border-bottom: 1px solid #646464;
}
.warenkorb .heading div {
  font-weight: 500 !important;
}
.warenkorb .heading .termin_konzert {
  padding: 0;
}
@media (min-width: 768px) {
  .warenkorb .heading .termin_konzert {
    padding-top: 10px;
  }
}
@media (min-width: 1024px) {
  .warenkorb .heading .termin_konzert {
    padding: 0px;
  }
}
@media (max-width: 1023px) {
  .warenkorb .heading .termin_konzert .termin {
    display: inline-block;
    width: auto !important;
  }
  .warenkorb .heading .termin_konzert .termin:after {
    content: " /";
  }
}
.warenkorb .heading .termin_konzert .konzert {
  display: inline-block;
  padding: 0;
  width: auto !important;
}
.warenkorb .heading .anzahl {
  display: none;
}
@media (min-width: 768px) {
  .warenkorb .heading .anzahl {
    display: block;
  }
}
.warenkorb .heading div.kategorien .ep {
  width: auto !important;
}
.warenkorb .heading div.kategorien .alt {
  width: auto !important;
}
.warenkorb .heading,
.warenkorb .position {
  position: relative;
  border-bottom: 1px solid #646464;
}
.warenkorb .heading:last-child,
.warenkorb .position:last-child {
  border-bottom: 0;
}
.warenkorb .heading div.termin_konzert,
.warenkorb .position div.termin_konzert {
  width: 100%;
  float: none;
}
@media (min-width: 768px) {
  .warenkorb .heading div.termin_konzert,
  .warenkorb .position div.termin_konzert {
    float: left;
    width: 50%;
    width: -moz-calc(100% - 411px);
    width: -webkit-calc(100% - 411px);
    width: -o-calc(100% - 411px);
    width: calc(100% - 411px);
  }
}
@media (min-width: 1024px) {
  .warenkorb .heading div.termin_konzert,
  .warenkorb .position div.termin_konzert {
    width: 50%;
    width: -moz-calc(100% - 421px);
    width: -webkit-calc(100% - 421px);
    width: -o-calc(100% - 421px);
    width: calc(100% - 421px);
  }
}
.warenkorb .heading div.termin_konzert .termin,
.warenkorb .position div.termin_konzert .termin {
  width: 100%;
  float: none;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .warenkorb .heading div.termin_konzert .termin,
  .warenkorb .position div.termin_konzert .termin {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .warenkorb .heading div.termin_konzert .termin,
  .warenkorb .position div.termin_konzert .termin {
    padding-top: 10px;
    width: 140px;
    padding-bottom: 10px;
  }
  .en .warenkorb .heading div.termin_konzert .termin,
  .en .warenkorb .position div.termin_konzert .termin {
    width: 170px;
  }
}
.warenkorb .heading div.termin_konzert .konzert,
.warenkorb .position div.termin_konzert .konzert {
  width: 100%;
  float: none;
  font-weight: bold;
  padding-top: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  .warenkorb .heading div.termin_konzert .konzert,
  .warenkorb .position div.termin_konzert .konzert {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .warenkorb .heading div.termin_konzert .konzert,
  .warenkorb .position div.termin_konzert .konzert {
    width: 50%;
    width: -moz-calc(100% - 211px);
    width: -webkit-calc(100% - 211px);
    width: -o-calc(100% - 211px);
    width: calc(100% - 211px);
    padding-top: 10px;
    padding-left: 10px;
    font-weight: normal;
  }
  .en .warenkorb .heading div.termin_konzert .konzert,
  .en .warenkorb .position div.termin_konzert .konzert {
    width: 50%;
    width: -moz-calc(100% - 241px);
    width: -webkit-calc(100% - 241px);
    width: -o-calc(100% - 241px);
    width: calc(100% - 241px);
  }
}
.warenkorb .heading div.anzahl,
.warenkorb .position div.anzahl {
  width: 100%;
  float: none;
  padding: 0;
  padding-bottom: 10px;
}
.warenkorb .heading div.anzahl input,
.warenkorb .position div.anzahl input {
  width: 71px;
}
@media (min-width: 768px) {
  .warenkorb .heading div.anzahl,
  .warenkorb .position div.anzahl {
    float: left;
    width: 81px;
    padding-top: 10px;
    padding-right: 10px;
  }
  .warenkorb .heading div.anzahl input,
  .warenkorb .position div.anzahl input {
    width: 100%;
  }
  .warenkorb .heading div.anzahl .mal,
  .warenkorb .position div.anzahl .mal {
    display: none;
  }
}
@media (min-width: 1024px) {
  .warenkorb .heading div.anzahl,
  .warenkorb .position div.anzahl {
    float: left;
    width: 87px;
    padding-top: 10px;
  }
}
.warenkorb .heading div.kategorien,
.warenkorb .position div.kategorien {
  float: left;
  width: 80%;
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: calc(100% - 100px);
}
@media (min-width: 768px) {
  .warenkorb .heading div.kategorien,
  .warenkorb .position div.kategorien {
    float: left;
    width: 200px;
  }
}
.warenkorb .heading div.kategorien .ep,
.warenkorb .position div.kategorien .ep {
  width: 100px;
  padding: 0px 10px 10px 0px;
}
@media (min-width: 768px) {
  .warenkorb .heading div.kategorien .ep,
  .warenkorb .position div.kategorien .ep {
    padding-top: 10px;
  }
}
.warenkorb .heading div.kategorien .alt,
.warenkorb .position div.kategorien .alt {
  width: 100px;
  padding: 0px 0px 10px 0px;
}
@media (min-width: 768px) {
  .warenkorb .heading div.kategorien .alt,
  .warenkorb .position div.kategorien .alt {
    padding-top: 10px;
  }
}
.warenkorb .heading div.preis,
.warenkorb .position div.preis {
  width: 100px;
  text-align: right;
}
.warenkorb .heading div.remove,
.warenkorb .position div.remove {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .warenkorb .heading div.remove,
  .warenkorb .position div.remove {
    position: relative;
    top: auto;
    right: auto;
    width: 30px;
  }
}
.warenkorb .summe {
  border-bottom: 1px solid #646464;
  font-weight: bold;
}
.warenkorb .summe div.zwischensumme {
  width: 80%;
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: calc(100% - 100px);
}
@media (min-width: 768px) {
  .warenkorb .summe div.zwischensumme {
    width: 80%;
    width: -moz-calc(100% - 130px);
    width: -webkit-calc(100% - 130px);
    width: -o-calc(100% - 130px);
    width: calc(100% - 130px);
  }
}
.warenkorb .summe div.preis {
  width: 100px;
  text-align: right;
}
.warenkorb .summe div.remove {
  display: none;
}
@media (min-width: 768px) {
  .warenkorb .summe div.remove {
    display: block;
  }
}
.warenkorb input.anzahl {
  width: 50px;
  text-align: center;
}

@media (max-width: 767px) {
  .cancelWarenkorb,
  .commitWarenkorb {
    float: none;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .cancelWarenkorb {
    float: left;
    width: 30%;
  }
  .commitWarenkorb {
    float: right;
    width: 70%;
  }
}
.bestaetigung {
  background-color: #FE6E00;
  padding: 10px;
}
.bestaetigung a {
  color: #fff !important;
}
.bestaetigung a:hover {
  color: #E1E1E1 !important;
}

.spielzeitnavi {
  width: 54px;
}

#multiSlider,
.konzert .img {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

#multiSlider.slick-initialized,
.konzert .img.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.order {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  height: 0;
}

.order.initalized {
  visibility: visible;
  opacity: 1;
  height: auto;
}

#topButton {
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-top-right-radius: 100%;
  border-top-left-radius: 100%;
  font-size: 50px;
  position: fixed;
  bottom: 0px;
  right: 20px;
  padding-left: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  display: none;
  z-index: 1000;
}

.dot {
  width: 10px;
  height: 21px;
  background-image: url(../images/dot.png);
  display: inline-block;
}

#newslist {
  width: 100%;
  width: -moz-calc(100% + 32px);
  width: -webkit-calc(100% + 32px);
  width: -o-calc(100% + 32px);
  width: calc(100% + 32px);
  margin-left: -16px;
}
@media (min-width: 600px) {
  #newslist {
    width: 90%;
    width: -moz-calc(100% - 132px);
    width: -webkit-calc(100% - 132px);
    width: -o-calc(100% - 132px);
    width: calc(100% - 132px);
    margin-left: 66px;
  }
}
@media (min-width: 1440px) {
  #newslist {
    width: 100%;
    width: -moz-calc(100% + 32px);
    width: -webkit-calc(100% + 32px);
    width: -o-calc(100% + 32px);
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
#newslist .item {
  margin: 0px 16px;
}

/*# sourceMappingURL=style.css.map */