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

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

.externeMedien2click:hover:before {
  color: #eee;
}

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

.video_trigger {
  padding: 1rem;
}

/*** mobile first! ***/
/*****************************************************************************/
/*																			 */
/*                            		      max-desktop--,      				 */
/*                     		  max-tablet-quer--,       ,					 */
/*                	        max-tablet--,      ,	   ,					 */
/*         		  max-phone-quer--,     ,      ,	   , 					 */
/* 		  max-large-phone--,      ,     ,      ,	   ,					 */
/*     max-phone----,      ,      ,     ,      ,	   ,					 */
/*                  ,      ,      ,     ,	   ,	   ,   					 */
/*      		   320    480    600   768   1024   1280   1700				 */
/*                  '	   '      '     '      '      '      '-- 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%;
}

body, h2 .besetzungam, td, th, p, .fancybox-caption__body h4 {
  font-weight: normal;
  font-family: "Codec";
  font-size: 18px;
  line-height: 140%;
}

p, .fancybox-caption__body h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
p:last-child, .fancybox-caption__body h4:last-child {
  margin-bottom: 0;
}

.headline-6, h6, .headline-5, h5, .headline-4, h4, .headline-3, .kalendervorschau .vorstellung_titel, h3, .headline-2, h2, .headline-1, #spielplan .tag .details .productionTitle, h1 {
  font-weight: bold;
  font-family: "Codec";
}

.headline-1, #spielplan .tag .details .productionTitle, h1 {
  font-size: 30px;
  line-height: 100%;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .headline-1, #spielplan .tag .details .productionTitle, h1 {
    font-size: 40px;
  }
}

.headline-2, h2 {
  font-size: 23px;
}
@media (min-width: 768px) {
  .headline-2, h2 {
    font-size: 27px;
  }
}

.headline-3, .kalendervorschau .vorstellung_titel, h3 {
  margin-top: 8px;
  margin-bottom: 10px;
  font-size: 25px;
  line-height: 120%;
}
@media (max-width: 1023px) {
  .headline-3, .kalendervorschau .vorstellung_titel, h3 {
    font-size: 21px;
    line-height: 27px;
  }
}

.error {
  color: red;
  border: 1px solid #e30613;
  padding: 15px;
}

a,
span.link {
  text-decoration: none;
  color: #e30613;
}
a:hover,
span.link:hover {
  color: #999;
}

span.link {
  cursor: pointer;
}

a.backLink span {
  position: relative;
  font-family: "slick";
  left: 0px;
  font-size: 18px;
  margin-right: 3px;
  top: 2px;
}

#main :not(#previewBox) a[id],
#main :not(#previewBox) a[name] {
  padding-top: 150px;
}

a.arrow:before {
  content: "→";
  position: relative;
  font-family: "slick";
  left: 0px;
  font-size: 18px;
  margin-right: 4px;
  top: 2px;
}

.anchorNavi {
  padding: 0;
  margin: 0;
}
.anchorNavi li {
  list-style: none;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 20px;
}
.anchorNavi li a {
  padding: 5px 10px;
  background-color: #e30613;
  font-weight: bold;
  display: inline-block;
  color: #fff;
}
.anchorNavi li a:hover {
  background-color: #eee;
  color: #000;
}

.downloadNavi {
  padding: 0;
  margin: 0;
}
.downloadNavi li {
  list-style: none;
  display: block;
  margin-right: 2px;
}
.downloadNavi li a {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #ccc;
}
.downloadNavi li a.active {
  font-weight: bold;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

td {
  vertical-align: top;
  padding: 0px 10px;
}
td:first-child {
  padding-left: 0px;
}
td:last-child {
  padding-right: 0px;
}
td p, td .fancybox-caption__body h4, .fancybox-caption__body td h4 {
  margin: 0;
}

p:last-child, .fancybox-caption__body h4:last-child {
  margin-bottom: 0;
}

hr {
  border-top: 1px solid #000;
  border-bottom: 0;
}

h2 .besetzungam {
  display: block;
  margin-top: 5px;
}

.button, .submitButton, #spielplan .tag .ticket .ticketlink {
  background-color: #e30613;
  margin-bottom: 5px;
  text-align: center;
  padding: 5px 5px 5px 5px;
  font-size: 1em;
  font-weight: bold;
  height: auto;
}
@media (min-width: 1024px) {
  .button, .submitButton, #spielplan .tag .ticket .ticketlink {
    font-size: 2em;
    padding: 15px 10px 10px 10px;
  }
}
.button, .submitButton, #spielplan .tag .ticket .ticketlink,
.button a,
.submitButton a,
#spielplan .tag .ticket .ticketlink a {
  color: #fff;
}
.button a:hover, .submitButton a:hover, #spielplan .tag .ticket .ticketlink a:hover {
  color: #000;
}
.button.current, .current.submitButton, #spielplan .tag .ticket .current.ticketlink {
  background-color: #000;
}
.button.current a:hover, .current.submitButton a:hover, #spielplan .tag .ticket .current.ticketlink a:hover {
  color: #eee;
}

.small {
  font-size: 80%;
}

.form > .formfield {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
}
.form > .formfield.alignTop {
  align-items: initial;
}
.form > .formfield:not(.checkbox) > label {
  margin-right: 10px;
  margin-left: 10px;
}
.form > .formfield:not(.checkbox) > label:first-child {
  margin-left: 0;
}
.form > .formfield:not(.checkbox) > label + * {
  flex: 1 0;
}
.form > .formfield p, .form > .formfield .fancybox-caption__body h4, .fancybox-caption__body .form > .formfield h4 {
  flex: 1 0 110px;
}
@media (min-width: 480px) {
  .form > .formfield p, .form > .formfield .fancybox-caption__body h4, .fancybox-caption__body .form > .formfield h4 {
    flex: 1 0 190px;
  }
}
.form > .formfield.tabular > label, .form > .formfield.tabular p, .form > .formfield.tabular .fancybox-caption__body h4, .fancybox-caption__body .form > .formfield.tabular h4 {
  width: 110px;
}
@media (min-width: 480px) {
  .form > .formfield.tabular > label, .form > .formfield.tabular p, .form > .formfield.tabular .fancybox-caption__body h4, .fancybox-caption__body .form > .formfield.tabular h4 {
    width: 190px;
  }
}
.form > .formfield.tabular > label.ort, .form > .formfield.tabular p.ort, .form > .formfield.tabular .fancybox-caption__body h4.ort, .fancybox-caption__body .form > .formfield.tabular h4.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 > .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;
}

input, textarea {
  box-shadow: none;
  background-color: #fff;
  border: none;
  padding: 5px 10px;
  border-bottom: 2px solid #999;
  font-family: "Codec";
  font-size: 18px;
  line-height: 24px;
  color: #000;
}
input:not(.not100), textarea:not(.not100) {
  width: 100%;
}

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: "Codec";
  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 #999;
  background-color: #fff;
  outline: none;
  font-family: "Codec";
  font-size: 18px;
  line-height: 42px;
  height: 42px;
  padding: 5px 0px;
}

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

.select2-dropdown {
  border-radius: 0;
  border-bottom: 2px solid #999;
  font-family: "Codec";
  font-size: 18px;
  line-height: 24px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e30613;
  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: #fff;
  border-bottom: 2px solid #999;
}
.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 #e30613;
  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 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 */
}
.radiobutton .container {
  display: block;
  position: relative;
  padding-left: 75px;
  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: 42px;
  width: 56px;
  background-color: #fff;
  border-bottom: 2px solid #999;
}
.radiobutton .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radiobutton .container input:checked ~ .checkmark:after {
  display: block;
}
.radiobutton .container .checkmark:after {
  left: 21px;
  top: 7px;
  width: 8px;
  height: 20px;
  border: solid #e30613;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
}

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

  $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: -20px;
}

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

.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-7 {
  width: 14.2857142857%;
}

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

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

.gridcol-2-of-7 {
  width: 28.5714285714%;
}

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

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

.gridcol-3-of-7 {
  width: 42.8571428571%;
}

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

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

.gridcol-4-of-7 {
  width: 57.1428571429%;
}

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

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

.gridcol-5-of-7 {
  width: 71.4285714286%;
}

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

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

.gridcol-6-of-7 {
  width: 85.7142857143%;
}

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

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

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

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

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

@media (max-width: 1699px) and (min-width: 1280px) {
  [class*=gridcol-bp5-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=gridcol-bp5-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .gridcol-bp5-0-of-1 {
    display: none;
  }
  .gridcol-bp5-1-of-1 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-1-of-1 {
    margin-left: -100%;
  }
  .gridcol-bp5-0-of-2 {
    display: none;
  }
  .gridcol-bp5-1-of-2 {
    width: 50%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-1-of-2 {
    margin-left: -50%;
  }
  .gridcol-bp5-2-of-2 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-2-of-2 {
    margin-left: -100%;
  }
  .gridcol-bp5-0-of-3 {
    display: none;
  }
  .gridcol-bp5-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp5-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp5-3-of-3 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-3-of-3 {
    margin-left: -100%;
  }
  .gridcol-bp5-0-of-4 {
    display: none;
  }
  .gridcol-bp5-1-of-4 {
    width: 25%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-1-of-4 {
    margin-left: -25%;
  }
  .gridcol-bp5-2-of-4 {
    width: 50%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-2-of-4 {
    margin-left: -50%;
  }
  .gridcol-bp5-3-of-4 {
    width: 75%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-3-of-4 {
    margin-left: -75%;
  }
  .gridcol-bp5-4-of-4 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-4-of-4 {
    margin-left: -100%;
  }
  .gridcol-bp5-0-of-5 {
    display: none;
  }
  .gridcol-bp5-1-of-5 {
    width: 20%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-1-of-5 {
    margin-left: -20%;
  }
  .gridcol-bp5-2-of-5 {
    width: 40%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-2-of-5 {
    margin-left: -40%;
  }
  .gridcol-bp5-3-of-5 {
    width: 60%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-3-of-5 {
    margin-left: -60%;
  }
  .gridcol-bp5-4-of-5 {
    width: 80%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-4-of-5 {
    margin-left: -80%;
  }
  .gridcol-bp5-5-of-5 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-5-of-5 {
    margin-left: -100%;
  }
  .gridcol-bp5-0-of-6 {
    display: none;
  }
  .gridcol-bp5-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .gridcol-bp5-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .gridcol-bp5-3-of-6 {
    width: 50%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-3-of-6 {
    margin-left: -50%;
  }
  .gridcol-bp5-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .gridcol-bp5-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .gridcol-bp5-6-of-6 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-6-of-6 {
    margin-left: -100%;
  }
  .gridcol-bp5-0-of-7 {
    display: none;
  }
  .gridcol-bp5-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .gridcol-bp5-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .gridcol-bp5-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .gridcol-bp5-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .gridcol-bp5-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .gridcol-bp5-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .gridcol-bp5-7-of-7 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .gridcol-bp5-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp5-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  [class*=gridcol-bp4-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=gridcol-bp4-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .gridcol-bp4-0-of-1 {
    display: none;
  }
  .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-0-of-2 {
    display: none;
  }
  .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-0-of-3 {
    display: none;
  }
  .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-0-of-4 {
    display: none;
  }
  .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-0-of-5 {
    display: none;
  }
  .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-0-of-6 {
    display: none;
  }
  .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-0-of-7 {
    display: none;
  }
  .gridcol-bp4-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .gridcol-bp4-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .gridcol-bp4-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .gridcol-bp4-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .gridcol-bp4-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .gridcol-bp4-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .gridcol-bp4-7-of-7 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .gridcol-bp4-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp4-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  [class*=gridcol-bp3-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=gridcol-bp3-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .gridcol-bp3-0-of-1 {
    display: none;
  }
  .gridcol-bp3-1-of-1 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    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-0-of-2 {
    display: none;
  }
  .gridcol-bp3-1-of-2 {
    width: 50%;
  }
  .gridcol-bp3-push-0 {
    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 {
    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-0-of-3 {
    display: none;
  }
  .gridcol-bp3-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp3-push-0 {
    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 {
    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 {
    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-0-of-4 {
    display: none;
  }
  .gridcol-bp3-1-of-4 {
    width: 25%;
  }
  .gridcol-bp3-push-0 {
    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 {
    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 {
    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 {
    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-0-of-5 {
    display: none;
  }
  .gridcol-bp3-1-of-5 {
    width: 20%;
  }
  .gridcol-bp3-push-0 {
    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 {
    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 {
    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 {
    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 {
    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-0-of-6 {
    display: none;
  }
  .gridcol-bp3-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp3-push-0 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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-0-of-7 {
    display: none;
  }
  .gridcol-bp3-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .gridcol-bp3-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .gridcol-bp3-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .gridcol-bp3-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .gridcol-bp3-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .gridcol-bp3-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .gridcol-bp3-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .gridcol-bp3-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .gridcol-bp3-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .gridcol-bp3-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .gridcol-bp3-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .gridcol-bp3-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .gridcol-bp3-7-of-7 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .gridcol-bp3-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp3-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  [class*=gridcol-bp2-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=gridcol-bp2-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .gridcol-bp2-0-of-1 {
    display: none;
  }
  .gridcol-bp2-1-of-1 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    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-0-of-2 {
    display: none;
  }
  .gridcol-bp2-1-of-2 {
    width: 50%;
  }
  .gridcol-bp2-push-0 {
    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 {
    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-0-of-3 {
    display: none;
  }
  .gridcol-bp2-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp2-push-0 {
    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 {
    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 {
    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-0-of-4 {
    display: none;
  }
  .gridcol-bp2-1-of-4 {
    width: 25%;
  }
  .gridcol-bp2-push-0 {
    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 {
    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 {
    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 {
    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-0-of-5 {
    display: none;
  }
  .gridcol-bp2-1-of-5 {
    width: 20%;
  }
  .gridcol-bp2-push-0 {
    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 {
    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 {
    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 {
    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 {
    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-0-of-6 {
    display: none;
  }
  .gridcol-bp2-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp2-push-0 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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-0-of-7 {
    display: none;
  }
  .gridcol-bp2-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .gridcol-bp2-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .gridcol-bp2-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .gridcol-bp2-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .gridcol-bp2-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .gridcol-bp2-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .gridcol-bp2-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .gridcol-bp2-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .gridcol-bp2-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .gridcol-bp2-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .gridcol-bp2-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .gridcol-bp2-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .gridcol-bp2-7-of-7 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .gridcol-bp2-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp2-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 479px) {
  [class*=gridcol-bp1-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=gridcol-bp1-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .gridcol-bp1-0-of-1 {
    display: none;
  }
  .gridcol-bp1-1-of-1 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    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-0-of-2 {
    display: none;
  }
  .gridcol-bp1-1-of-2 {
    width: 50%;
  }
  .gridcol-bp1-push-0 {
    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 {
    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-0-of-3 {
    display: none;
  }
  .gridcol-bp1-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp1-push-0 {
    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 {
    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 {
    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-0-of-4 {
    display: none;
  }
  .gridcol-bp1-1-of-4 {
    width: 25%;
  }
  .gridcol-bp1-push-0 {
    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 {
    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 {
    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 {
    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-0-of-5 {
    display: none;
  }
  .gridcol-bp1-1-of-5 {
    width: 20%;
  }
  .gridcol-bp1-push-0 {
    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 {
    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 {
    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 {
    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 {
    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-0-of-6 {
    display: none;
  }
  .gridcol-bp1-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp1-push-0 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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-0-of-7 {
    display: none;
  }
  .gridcol-bp1-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .gridcol-bp1-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .gridcol-bp1-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .gridcol-bp1-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .gridcol-bp1-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .gridcol-bp1-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .gridcol-bp1-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .gridcol-bp1-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .gridcol-bp1-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .gridcol-bp1-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .gridcol-bp1-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .gridcol-bp1-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .gridcol-bp1-7-of-7 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .gridcol-bp1-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .gridcol-bp1-pull-7-of-7 {
    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 {
  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) {
    margin-top: 20px;
  }
  .gridcol-bp1-1-of-1:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .gridcol-bp2-1-of-1:not(.fortlaufend) {
    margin-top: 20px;
  }
  .gridcol-bp2-1-of-1:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .gridcol-bp3-1-of-1:not(.fortlaufend) {
    margin-top: 20px;
  }
  .gridcol-bp3-1-of-1:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
.gridcol p:first-child, .gridcol .fancybox-caption__body h4:first-child, .fancybox-caption__body .gridcol h4:first-child {
  margin-top: 0;
}

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

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

  $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.

\*-----------------------------------*/
.grid2 {
  list-style: none;
  margin-left: -100px;
}

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

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

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

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

.grid2col-1-of-2, .textWrapper {
  width: 50%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid2col-push-1-of-4, .textWrapper {
  margin-left: 25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid2col-1-of-7 {
  width: 14.2857142857%;
}

.grid2col-push-1-of-7 {
  margin-left: 14.2857142857%;
}

.grid2col-pull-1-of-7 {
  margin-left: -14.2857142857%;
}

.grid2col-2-of-7 {
  width: 28.5714285714%;
}

.grid2col-push-2-of-7 {
  margin-left: 28.5714285714%;
}

.grid2col-pull-2-of-7 {
  margin-left: -28.5714285714%;
}

.grid2col-3-of-7 {
  width: 42.8571428571%;
}

.grid2col-push-3-of-7 {
  margin-left: 42.8571428571%;
}

.grid2col-pull-3-of-7 {
  margin-left: -42.8571428571%;
}

.grid2col-4-of-7 {
  width: 57.1428571429%;
}

.grid2col-push-4-of-7 {
  margin-left: 57.1428571429%;
}

.grid2col-pull-4-of-7 {
  margin-left: -57.1428571429%;
}

.grid2col-5-of-7 {
  width: 71.4285714286%;
}

.grid2col-push-5-of-7 {
  margin-left: 71.4285714286%;
}

.grid2col-pull-5-of-7 {
  margin-left: -71.4285714286%;
}

.grid2col-6-of-7 {
  width: 85.7142857143%;
}

.grid2col-push-6-of-7 {
  margin-left: 85.7142857143%;
}

.grid2col-pull-6-of-7 {
  margin-left: -85.7142857143%;
}

.grid2col-7-of-7 {
  width: 100%;
}

.grid2col-push-7-of-7 {
  margin-left: 100%;
}

.grid2col-pull-7-of-7 {
  margin-left: -100%;
}

@media (max-width: 1699px) and (min-width: 1280px) {
  [class*=grid2col-bp5-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=grid2col-bp5-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .grid2col-bp5-0-of-1 {
    display: none;
  }
  .grid2col-bp5-1-of-1 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-1-of-1 {
    margin-left: -100%;
  }
  .grid2col-bp5-0-of-2 {
    display: none;
  }
  .grid2col-bp5-1-of-2 {
    width: 50%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-1-of-2 {
    margin-left: -50%;
  }
  .grid2col-bp5-2-of-2 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-2-of-2 {
    margin-left: -100%;
  }
  .grid2col-bp5-0-of-3 {
    display: none;
  }
  .grid2col-bp5-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp5-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp5-3-of-3 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-3-of-3 {
    margin-left: -100%;
  }
  .grid2col-bp5-0-of-4 {
    display: none;
  }
  .grid2col-bp5-1-of-4 {
    width: 25%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-1-of-4 {
    margin-left: -25%;
  }
  .grid2col-bp5-2-of-4 {
    width: 50%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-2-of-4 {
    margin-left: -50%;
  }
  .grid2col-bp5-3-of-4 {
    width: 75%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-3-of-4 {
    margin-left: -75%;
  }
  .grid2col-bp5-4-of-4 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-4-of-4 {
    margin-left: -100%;
  }
  .grid2col-bp5-0-of-5 {
    display: none;
  }
  .grid2col-bp5-1-of-5 {
    width: 20%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-1-of-5 {
    margin-left: -20%;
  }
  .grid2col-bp5-2-of-5 {
    width: 40%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-2-of-5 {
    margin-left: -40%;
  }
  .grid2col-bp5-3-of-5 {
    width: 60%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-3-of-5 {
    margin-left: -60%;
  }
  .grid2col-bp5-4-of-5 {
    width: 80%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-4-of-5 {
    margin-left: -80%;
  }
  .grid2col-bp5-5-of-5 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-5-of-5 {
    margin-left: -100%;
  }
  .grid2col-bp5-0-of-6 {
    display: none;
  }
  .grid2col-bp5-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .grid2col-bp5-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp5-3-of-6 {
    width: 50%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-3-of-6 {
    margin-left: -50%;
  }
  .grid2col-bp5-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp5-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .grid2col-bp5-6-of-6 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-6-of-6 {
    margin-left: -100%;
  }
  .grid2col-bp5-0-of-7 {
    display: none;
  }
  .grid2col-bp5-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .grid2col-bp5-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .grid2col-bp5-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .grid2col-bp5-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .grid2col-bp5-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .grid2col-bp5-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .grid2col-bp5-7-of-7 {
    width: 100%;
  }
  .gridcol-bp5-push-0 {
    margin-left: 0;
  }
  .grid2col-bp5-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp5-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp5-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  [class*=grid2col-bp4-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=grid2col-bp4-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .grid2col-bp4-0-of-1 {
    display: none;
  }
  .grid2col-bp4-1-of-1 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-1-of-1 {
    margin-left: -100%;
  }
  .grid2col-bp4-0-of-2 {
    display: none;
  }
  .grid2col-bp4-1-of-2 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-1-of-2 {
    margin-left: -50%;
  }
  .grid2col-bp4-2-of-2 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-2-of-2 {
    margin-left: -100%;
  }
  .grid2col-bp4-0-of-3 {
    display: none;
  }
  .grid2col-bp4-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp4-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp4-3-of-3 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-3-of-3 {
    margin-left: -100%;
  }
  .grid2col-bp4-0-of-4 {
    display: none;
  }
  .grid2col-bp4-1-of-4 {
    width: 25%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-1-of-4 {
    margin-left: -25%;
  }
  .grid2col-bp4-2-of-4 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-2-of-4 {
    margin-left: -50%;
  }
  .grid2col-bp4-3-of-4 {
    width: 75%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-3-of-4 {
    margin-left: -75%;
  }
  .grid2col-bp4-4-of-4 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-4-of-4 {
    margin-left: -100%;
  }
  .grid2col-bp4-0-of-5 {
    display: none;
  }
  .grid2col-bp4-1-of-5 {
    width: 20%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-1-of-5 {
    margin-left: -20%;
  }
  .grid2col-bp4-2-of-5 {
    width: 40%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-2-of-5 {
    margin-left: -40%;
  }
  .grid2col-bp4-3-of-5 {
    width: 60%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-3-of-5 {
    margin-left: -60%;
  }
  .grid2col-bp4-4-of-5 {
    width: 80%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-4-of-5 {
    margin-left: -80%;
  }
  .grid2col-bp4-5-of-5 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-5-of-5 {
    margin-left: -100%;
  }
  .grid2col-bp4-0-of-6 {
    display: none;
  }
  .grid2col-bp4-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .grid2col-bp4-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp4-3-of-6 {
    width: 50%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-3-of-6 {
    margin-left: -50%;
  }
  .grid2col-bp4-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp4-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .grid2col-bp4-6-of-6 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-6-of-6 {
    margin-left: -100%;
  }
  .grid2col-bp4-0-of-7 {
    display: none;
  }
  .grid2col-bp4-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .grid2col-bp4-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .grid2col-bp4-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .grid2col-bp4-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .grid2col-bp4-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .grid2col-bp4-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .grid2col-bp4-7-of-7 {
    width: 100%;
  }
  .gridcol-bp4-push-0 {
    margin-left: 0;
  }
  .grid2col-bp4-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp4-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp4-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  [class*=grid2col-bp3-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=grid2col-bp3-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .grid2col-bp3-0-of-1 {
    display: none;
  }
  .grid2col-bp3-1-of-1 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-1-of-1 {
    margin-left: -100%;
  }
  .grid2col-bp3-0-of-2 {
    display: none;
  }
  .grid2col-bp3-1-of-2 {
    width: 50%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-1-of-2 {
    margin-left: -50%;
  }
  .grid2col-bp3-2-of-2 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-2-of-2 {
    margin-left: -100%;
  }
  .grid2col-bp3-0-of-3 {
    display: none;
  }
  .grid2col-bp3-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp3-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp3-3-of-3 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-3-of-3 {
    margin-left: -100%;
  }
  .grid2col-bp3-0-of-4 {
    display: none;
  }
  .grid2col-bp3-1-of-4 {
    width: 25%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-1-of-4 {
    margin-left: -25%;
  }
  .grid2col-bp3-2-of-4 {
    width: 50%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-2-of-4 {
    margin-left: -50%;
  }
  .grid2col-bp3-3-of-4 {
    width: 75%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-3-of-4 {
    margin-left: -75%;
  }
  .grid2col-bp3-4-of-4 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-4-of-4 {
    margin-left: -100%;
  }
  .grid2col-bp3-0-of-5 {
    display: none;
  }
  .grid2col-bp3-1-of-5 {
    width: 20%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-1-of-5 {
    margin-left: -20%;
  }
  .grid2col-bp3-2-of-5 {
    width: 40%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-2-of-5 {
    margin-left: -40%;
  }
  .grid2col-bp3-3-of-5 {
    width: 60%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-3-of-5 {
    margin-left: -60%;
  }
  .grid2col-bp3-4-of-5 {
    width: 80%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-4-of-5 {
    margin-left: -80%;
  }
  .grid2col-bp3-5-of-5 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-5-of-5 {
    margin-left: -100%;
  }
  .grid2col-bp3-0-of-6 {
    display: none;
  }
  .grid2col-bp3-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .grid2col-bp3-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp3-3-of-6 {
    width: 50%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-3-of-6 {
    margin-left: -50%;
  }
  .grid2col-bp3-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp3-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .grid2col-bp3-6-of-6 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-6-of-6 {
    margin-left: -100%;
  }
  .grid2col-bp3-0-of-7 {
    display: none;
  }
  .grid2col-bp3-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .grid2col-bp3-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .grid2col-bp3-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .grid2col-bp3-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .grid2col-bp3-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .grid2col-bp3-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .grid2col-bp3-7-of-7 {
    width: 100%;
  }
  .gridcol-bp3-push-0 {
    margin-left: 0;
  }
  .grid2col-bp3-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp3-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp3-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  [class*=grid2col-bp2-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=grid2col-bp2-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .grid2col-bp2-0-of-1 {
    display: none;
  }
  .grid2col-bp2-1-of-1 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-1-of-1 {
    margin-left: -100%;
  }
  .grid2col-bp2-0-of-2 {
    display: none;
  }
  .grid2col-bp2-1-of-2 {
    width: 50%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-1-of-2 {
    margin-left: -50%;
  }
  .grid2col-bp2-2-of-2 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-2-of-2 {
    margin-left: -100%;
  }
  .grid2col-bp2-0-of-3 {
    display: none;
  }
  .grid2col-bp2-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp2-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp2-3-of-3 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-3-of-3 {
    margin-left: -100%;
  }
  .grid2col-bp2-0-of-4 {
    display: none;
  }
  .grid2col-bp2-1-of-4 {
    width: 25%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-1-of-4 {
    margin-left: -25%;
  }
  .grid2col-bp2-2-of-4 {
    width: 50%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-2-of-4 {
    margin-left: -50%;
  }
  .grid2col-bp2-3-of-4 {
    width: 75%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-3-of-4 {
    margin-left: -75%;
  }
  .grid2col-bp2-4-of-4 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-4-of-4 {
    margin-left: -100%;
  }
  .grid2col-bp2-0-of-5 {
    display: none;
  }
  .grid2col-bp2-1-of-5 {
    width: 20%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-1-of-5 {
    margin-left: -20%;
  }
  .grid2col-bp2-2-of-5 {
    width: 40%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-2-of-5 {
    margin-left: -40%;
  }
  .grid2col-bp2-3-of-5 {
    width: 60%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-3-of-5 {
    margin-left: -60%;
  }
  .grid2col-bp2-4-of-5 {
    width: 80%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-4-of-5 {
    margin-left: -80%;
  }
  .grid2col-bp2-5-of-5 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-5-of-5 {
    margin-left: -100%;
  }
  .grid2col-bp2-0-of-6 {
    display: none;
  }
  .grid2col-bp2-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .grid2col-bp2-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp2-3-of-6 {
    width: 50%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-3-of-6 {
    margin-left: -50%;
  }
  .grid2col-bp2-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp2-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .grid2col-bp2-6-of-6 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-6-of-6 {
    margin-left: -100%;
  }
  .grid2col-bp2-0-of-7 {
    display: none;
  }
  .grid2col-bp2-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .grid2col-bp2-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .grid2col-bp2-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .grid2col-bp2-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .grid2col-bp2-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .grid2col-bp2-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .grid2col-bp2-7-of-7 {
    width: 100%;
  }
  .gridcol-bp2-push-0 {
    margin-left: 0;
  }
  .grid2col-bp2-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp2-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp2-pull-7-of-7 {
    margin-left: -100%;
  }
}
@media (max-width: 479px) {
  [class*=grid2col-bp1-] {
    display: inline-block;
    margin-right: -0.25em;
  }
  .rtl [class*=grid2col-bp1-] {
    margin-right: 0;
    margin-left: -0.25em;
  }
  .grid2col-bp1-0-of-1 {
    display: none;
  }
  .grid2col-bp1-1-of-1 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-1-of-1 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-1-of-1 {
    margin-left: -100%;
  }
  .grid2col-bp1-0-of-2 {
    display: none;
  }
  .grid2col-bp1-1-of-2 {
    width: 50%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-1-of-2 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-1-of-2 {
    margin-left: -50%;
  }
  .grid2col-bp1-2-of-2 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-2-of-2 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-2-of-2 {
    margin-left: -100%;
  }
  .grid2col-bp1-0-of-3 {
    display: none;
  }
  .grid2col-bp1-1-of-3 {
    width: 33.3333333333%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-1-of-3 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-1-of-3 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp1-2-of-3 {
    width: 66.6666666667%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-2-of-3 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-2-of-3 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp1-3-of-3 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-3-of-3 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-3-of-3 {
    margin-left: -100%;
  }
  .grid2col-bp1-0-of-4 {
    display: none;
  }
  .grid2col-bp1-1-of-4 {
    width: 25%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-1-of-4 {
    margin-left: 25%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-1-of-4 {
    margin-left: -25%;
  }
  .grid2col-bp1-2-of-4 {
    width: 50%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-2-of-4 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-2-of-4 {
    margin-left: -50%;
  }
  .grid2col-bp1-3-of-4 {
    width: 75%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-3-of-4 {
    margin-left: 75%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-3-of-4 {
    margin-left: -75%;
  }
  .grid2col-bp1-4-of-4 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-4-of-4 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-4-of-4 {
    margin-left: -100%;
  }
  .grid2col-bp1-0-of-5 {
    display: none;
  }
  .grid2col-bp1-1-of-5 {
    width: 20%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-1-of-5 {
    margin-left: 20%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-1-of-5 {
    margin-left: -20%;
  }
  .grid2col-bp1-2-of-5 {
    width: 40%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-2-of-5 {
    margin-left: 40%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-2-of-5 {
    margin-left: -40%;
  }
  .grid2col-bp1-3-of-5 {
    width: 60%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-3-of-5 {
    margin-left: 60%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-3-of-5 {
    margin-left: -60%;
  }
  .grid2col-bp1-4-of-5 {
    width: 80%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-4-of-5 {
    margin-left: 80%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-4-of-5 {
    margin-left: -80%;
  }
  .grid2col-bp1-5-of-5 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-5-of-5 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-5-of-5 {
    margin-left: -100%;
  }
  .grid2col-bp1-0-of-6 {
    display: none;
  }
  .grid2col-bp1-1-of-6 {
    width: 16.6666666667%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-1-of-6 {
    margin-left: 16.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-1-of-6 {
    margin-left: -16.6666666667%;
  }
  .grid2col-bp1-2-of-6 {
    width: 33.3333333333%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-2-of-6 {
    margin-left: 33.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-2-of-6 {
    margin-left: -33.3333333333%;
  }
  .grid2col-bp1-3-of-6 {
    width: 50%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-3-of-6 {
    margin-left: 50%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-3-of-6 {
    margin-left: -50%;
  }
  .grid2col-bp1-4-of-6 {
    width: 66.6666666667%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-4-of-6 {
    margin-left: 66.6666666667%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-4-of-6 {
    margin-left: -66.6666666667%;
  }
  .grid2col-bp1-5-of-6 {
    width: 83.3333333333%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-5-of-6 {
    margin-left: 83.3333333333%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-5-of-6 {
    margin-left: -83.3333333333%;
  }
  .grid2col-bp1-6-of-6 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-6-of-6 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-6-of-6 {
    margin-left: -100%;
  }
  .grid2col-bp1-0-of-7 {
    display: none;
  }
  .grid2col-bp1-1-of-7 {
    width: 14.2857142857%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-1-of-7 {
    margin-left: 14.2857142857%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-1-of-7 {
    margin-left: -14.2857142857%;
  }
  .grid2col-bp1-2-of-7 {
    width: 28.5714285714%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-2-of-7 {
    margin-left: 28.5714285714%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-2-of-7 {
    margin-left: -28.5714285714%;
  }
  .grid2col-bp1-3-of-7 {
    width: 42.8571428571%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-3-of-7 {
    margin-left: 42.8571428571%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-3-of-7 {
    margin-left: -42.8571428571%;
  }
  .grid2col-bp1-4-of-7 {
    width: 57.1428571429%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-4-of-7 {
    margin-left: 57.1428571429%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-4-of-7 {
    margin-left: -57.1428571429%;
  }
  .grid2col-bp1-5-of-7 {
    width: 71.4285714286%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-5-of-7 {
    margin-left: 71.4285714286%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-5-of-7 {
    margin-left: -71.4285714286%;
  }
  .grid2col-bp1-6-of-7 {
    width: 85.7142857143%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-6-of-7 {
    margin-left: 85.7142857143%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-6-of-7 {
    margin-left: -85.7142857143%;
  }
  .grid2col-bp1-7-of-7 {
    width: 100%;
  }
  .gridcol-bp1-push-0 {
    margin-left: 0;
  }
  .grid2col-bp1-push-7-of-7 {
    margin-left: 100%;
  }
  .gridcol-bp1-pull-0 {
    margin-left: 0;
  }
  .grid2col-bp1-pull-7-of-7 {
    margin-left: -100%;
  }
}
.grid2col-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

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

.grid2-no-gutter {
  margin-left: 0;
  width: 100%;
}
.grid2-no-gutter .grid2col {
  padding-left: 0;
}
.grid2-no-gutter .grid2col-span-all {
  margin-left: 0;
  width: 100%;
}

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

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

@media (max-width: 479px) {
  .grid2col-bp1-1-of-1:not(.fortlaufend) {
    margin-top: 18px;
  }
  .grid2col-bp1-1-of-1:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .grid2col-bp2-1-of-1:not(.fortlaufend) {
    margin-top: 18px;
  }
  .grid2col-bp2-1-of-1:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .grid2col-bp3-1-of-1:not(.fortlaufend) {
    margin-top: 18px;
  }
  .grid2col-bp3-1-of-1:not(.fortlaufend):first-child {
    margin-top: 0;
  }
}
.grid2col p:first-child, .grid2col .fancybox-caption__body h4:first-child, .fancybox-caption__body .grid2col h4:first-child {
  margin-top: 0;
}

.grid2.rtl {
  direction: rtl;
}
.grid2.rtl .grid2col {
  direction: ltr;
}

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

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

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

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

.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: #eee;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.aspectRatioContent img,
.aspectRatioContent picture {
  max-height: 101%;
  max-width: 101%;
  text-align: center;
  margin: auto;
}

.aspectRatioContent .centerContainer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.masonryItem {
  display: inline-block;
}

.masonry.masonry5 .grid-sizer,
.masonry.masonry5 .masonryItem {
  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: 20px;
}
@media (min-width: 480px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem {
    width: 45%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (min-width: 768px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem {
    width: 30%;
    width: -moz-calc(33.3333333333% - 13.3333333333px);
    width: -webkit-calc(33.3333333333% - 13.3333333333px);
    width: -o-calc(33.3333333333% - 13.3333333333px);
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem {
    width: 22.5%;
    width: -moz-calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    width: -o-calc(25% - 15px);
    width: calc(25% - 15px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry5 .grid-sizer,
  .masonry.masonry5 .masonryItem {
    width: 18%;
    width: -moz-calc(20% - 16px);
    width: -webkit-calc(20% - 16px);
    width: -o-calc(20% - 16px);
    width: calc(20% - 16px);
  }
}

.masonry.masonry4 .grid-sizer,
.masonry.masonry4 .masonryItem {
  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: 20px;
}
@media (min-width: 480px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem {
    width: 45%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (min-width: 768px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem {
    width: 45%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem {
    width: 22.5%;
    width: -moz-calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    width: -o-calc(25% - 15px);
    width: calc(25% - 15px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry4 .grid-sizer,
  .masonry.masonry4 .masonryItem {
    width: 22.5%;
    width: -moz-calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    width: -o-calc(25% - 15px);
    width: calc(25% - 15px);
  }
}

.masonry.masonry3 .grid-sizer,
.masonry.masonry3 .masonryItem {
  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: 20px;
}
@media (min-width: 480px) {
  .masonry.masonry3 .grid-sizer,
  .masonry.masonry3 .masonryItem {
    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 {
    width: 45%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry3 .grid-sizer,
  .masonry.masonry3 .masonryItem {
    width: 30%;
    width: -moz-calc(33.3333333333% - 13.3333333333px);
    width: -webkit-calc(33.3333333333% - 13.3333333333px);
    width: -o-calc(33.3333333333% - 13.3333333333px);
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry3 .grid-sizer,
  .masonry.masonry3 .masonryItem {
    width: 30%;
    width: -moz-calc(33.3333333333% - 13.3333333333px);
    width: -webkit-calc(33.3333333333% - 13.3333333333px);
    width: -o-calc(33.3333333333% - 13.3333333333px);
    width: calc(33.3333333333% - 13.3333333333px);
  }
}

.masonry.masonry2 .grid-sizer,
.masonry.masonry2 .masonryItem {
  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: 20px;
}
@media (min-width: 480px) {
  .masonry.masonry2 .grid-sizer,
  .masonry.masonry2 .masonryItem {
    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 {
    width: 45%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (min-width: 1024px) {
  .masonry.masonry2 .grid-sizer,
  .masonry.masonry2 .masonryItem {
    width: 45%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (min-width: 1280px) {
  .masonry.masonry2 .grid-sizer,
  .masonry.masonry2 .masonryItem {
    width: 45%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}

.fourTextColumn {
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
  margin-bottom: 18px;
}
@media (max-width: 479px) {
  .fourTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .fourTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fourTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .fourTextColumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1280px) {
  .fourTextColumn {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

.threeTextColumn {
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
  margin-bottom: 18px;
}
@media (max-width: 479px) {
  .threeTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .threeTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .threeTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .threeTextColumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1280px) {
  .threeTextColumn {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

.twoTextColumn {
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
  margin-bottom: 18px;
}
@media (max-width: 479px) {
  .twoTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .twoTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .twoTextColumn {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .twoTextColumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1280px) {
  .twoTextColumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

*[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;
  }
}

* {
  -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;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

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

figure {
  margin: 0;
}
figure figcaption {
  margin-bottom: 20px;
  font-style: italic;
}

iframe {
  width: 100%;
  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;
}

@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 {
  clear: both;
}

.clearfix:after, .wrapper:after, .form > .list:after {
  content: "";
  display: table;
  clear: both;
}

.grey {
  background-color: #eee;
}

.red {
  background-color: #e30613;
}

.padding {
  padding: 20px;
}

.padding_vertical {
  padding: 20px 0px;
}

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

.textWrapper {
  margin: auto;
}
@media (max-width: 1023px) {
  .textWrapper {
    width: 100%;
  }
}

#header {
  padding-top: 10px;
}
@media (min-width: 1024px) {
  #header {
    position: fixed;
    background-color: #fff;
    top: 0;
    z-index: 10000;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  #header {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 1023px) {
  #header {
    margin-bottom: 10px;
  }
}
#header #logo {
  float: left;
  width: 90px;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  #header #logo {
    width: 140px;
    margin-bottom: 20px;
  }
}
#header #menuContainer {
  float: right;
}

@media (min-width: 1024px) {
  #main {
    margin-top: 137px;
  }
}

.abstand {
  height: 0px;
}
@media (min-width: 1024px) {
  .abstand {
    height: 10px;
  }
}
@media (min-width: 1280px) {
  .abstand {
    height: 30px;
  }
}

.block {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .block {
    margin-top: 65px;
  }
}
.block:not(.marginAlways):first-child {
  margin-top: 0;
}

.grid2 .grid2col-bp1-1-of-1:not(:first-child) .block:first-child {
  margin-top: 22px;
}

.box {
  border: 1px solid #eee;
  padding: 10px;
}

.socialBox {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .socialBox {
    margin-top: 65px;
  }
}
.block .socialBox:first-child {
  margin-top: 0 !important;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* NAVI1 */
#navi {
  display: none;
  padding-bottom: 10px;
  vertical-align: top;
  /* Navbar container */
  /* Links inside the navbar */
}
@media only screen and (min-width: 1024px) {
  #navi {
    display: inline-block;
  }
}
#navi ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
#navi ul li:before {
  content: none;
}
#navi a {
  text-decoration: none;
  color: #000;
}
#navi .navbar {
  overflow: hidden;
}
#navi .navbar li {
  color: #000;
  text-decoration: none;
  list-style: none;
  line-height: 100%;
}
#navi .navbar > li {
  float: left;
  height: 117px;
  line-height: 117px;
}
#navi .navbar > li > a {
  display: inline-block;
  font-size: 28px;
  line-height: 117px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0px 14px;
}
@media (min-width: 1700px) {
  #navi .navbar > li > a {
    font-size: 35px;
  }
}
#navi .navbar > li:first-child.desktopHide + li .dropdown, #navi .navbar > li:first-child.desktopHide + li .nodropdown, #navi .navbar > li:first-child.desktopHide + li a, #navi .navbar > li:first-child > a {
  padding-left: 0;
}
#navi .nodropdown,
#navi .dropdown {
  float: left;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0px 14px;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 28px;
  line-height: 117px;
}
@media (min-width: 1700px) {
  #navi .nodropdown,
  #navi .dropdown {
    font-size: 35px;
  }
}
#navi li:last-child .nodropdown,
#navi li:last-child .dropdown {
  padding-right: 0;
}
#navi .nodropdown .dropbtn,
#navi .dropdown .dropbtn {
  border: none;
  padding: 0;
  outline: none;
  color: #000;
  text-transform: uppercase !important;
  background-color: #fff;
  font: inherit;
  line-height: 127px;
  margin: 0;
}
#navi .nodropdown .dropbtn:hover a, #navi .nodropdown .dropbtn.current a,
#navi .dropdown .dropbtn:hover a,
#navi .dropdown .dropbtn.current a {
  border-bottom: 2px solid #e30613;
}
#navi .wrapper {
  background-color: transparent !important;
}
#navi .dropdown-content {
  display: none;
  text-align: left;
  position: absolute;
  background-color: rgba(227, 6, 19, 0.9);
  padding-top: 40px;
  width: 100%;
  left: 0;
  top: 127px;
  z-index: 10000;
  padding-bottom: 40px;
}
#navi .dropdown-content .subNaviContainer {
  width: 80%;
  max-height: 60vh;
  max-height: -moz-calc(100vh - 237px);
  max-height: -webkit-calc(100vh - 237px);
  max-height: -o-calc(100vh - 237px);
  max-height: calc(100vh - 237px);
  overflow: auto;
}
#navi .dropdown-content ul {
  margin: 0;
  padding: 0;
}
#navi .dropdown-content ul li {
  margin: 0;
  margin-bottom: 10px;
}
#navi .dropdown-content ul li.withSub a {
  margin-bottom: 10px;
  display: block;
}
#navi .dropdown-content ul li ul {
  font-size: 18px;
}
#navi .dropdown-content ul li ul li {
  text-transform: none;
  line-height: 127%;
}
#navi .dropdown-content a {
  color: #fff;
}
#navi .dropdown-content a:hover {
  color: #000;
}
#navi .dropdown-content p, #navi .dropdown-content .fancybox-caption__body h4, .fancybox-caption__body #navi .dropdown-content h4 {
  margin: 0;
}
#navi .dropdown-content .closeNavi {
  text-align: center;
  color: #fff;
  line-height: 10px;
}

/* MOBILE NAVIGATION */
a#pull {
  display: none;
}

@media (max-width: 1023px) {
  a#pull {
    display: block;
    position: relative;
    z-index: 1000;
    float: right;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 20px;
    color: #e30613;
    font-size: 40px;
    margin-right: 0;
  }
}
#mobileNavi {
  display: none;
  clear: both;
}
#mobileNavi > ul {
  padding-left: 0;
  margin-left: 0px;
  width: 100%;
}
#mobileNavi > ul li {
  list-style: none;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
}
#mobileNavi > ul li:before {
  content: "";
}
#mobileNavi > ul > li {
  padding: 0px 20px;
  font-size: 22px;
  line-height: 38px;
}
@media (min-width: 480px) {
  #mobileNavi > ul > li {
    padding: 0px 30px;
  }
}
@media (min-width: 768px) {
  #mobileNavi > ul > li {
    padding: 0px 30px;
  }
}
@media (min-width: 1024px) {
  #mobileNavi > ul > li {
    padding: 0px 30px;
  }
}
@media (min-width: 1280px) {
  #mobileNavi > ul > li {
    padding: 0px 20px;
  }
}
#mobileNavi > ul > li > ul {
  margin: 0;
}
#mobileNavi > ul > li > ul > li {
  font-size: 22px;
  line-height: 38px;
}
#mobileNavi > ul > li > ul > li li {
  text-transform: none;
}
@media (max-width: 767px) {
  #mobileNavi > ul > li > ul > li li {
    font-size: 20px;
    line-height: 30px;
  }
}
#mobileNavi p, #mobileNavi .fancybox-caption__body h4, .fancybox-caption__body #mobileNavi h4 {
  margin: 0;
}
#mobileNavi a {
  color: #000;
}
#mobileNavi.opened {
  display: block;
}
#mobileNavi.opened > ul ul {
  display: none;
}
#mobileNavi li.clicked > ul {
  display: block;
}

/* NAVI2 */
#footer {
  margin-top: 50px;
  background-color: #e30613;
  padding: 10px;
  color: #fff;
}
#footer #navi2 {
  display: inline-block;
  margin-top: 3px;
}
@media (max-width: 1023px) {
  #footer #navi2 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
  }
}
#footer #navi2 ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#footer #navi2 ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 480px) {
  #footer #navi2 ul li {
    display: inline-block;
  }
}
@media (max-width: 1023px) {
  #footer #navi2 ul li.logo {
    margin-top: 30px;
    display: block;
  }
}
#footer #navi2 ul li a {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  line-height: 23px;
}
@media (min-width: 480px) {
  #footer #navi2 ul li a {
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  #footer #navi2 ul li a:not(.socialIcon) {
    padding-left: 30px;
  }
}
#footer #navi2 ul li a.logo {
  padding-right: 115px;
  position: relative;
}
#footer #navi2 ul li a.logo img {
  width: 105px;
  position: absolute;
  top: -20px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  #footer #navi2 ul li a.socialIcon {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
  }
}
#footer #navi2 ul li:first-child a {
  padding-left: 0;
}
#footer .hotline {
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
}
@media (max-width: 1023px) {
  #footer .hotline {
    padding: 20px 0px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #footer .hotline {
    font-size: 18px;
  }
}
#footer .hotline span {
  font-size: 26px;
  line-height: 23px;
}
#footer .hotline span a {
  color: #fff !important;
}
@media (max-width: 767px) {
  #footer .hotline span {
    font-size: 24px;
  }
}

#belowFooter {
  padding: 10px;
}
@media (max-width: 1023px) {
  #belowFooter {
    margin-bottom: 30px;
  }
}

#navi3 {
  display: inline-block;
  margin-top: 3px;
}
#belowFooter #navi3 {
  margin-top: 0;
}
@media (max-width: 1023px) {
  #navi3 {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
  .gastspiel #navi3 {
    margin-bottom: 0;
  }
}
#navi3 ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#navi3 ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 480px) {
  #navi3 ul li {
    display: inline-block;
  }
}
#navi3 ul li a {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}
#belowFooter #navi3 ul li a {
  color: #000;
}
@media (min-width: 480px) {
  #navi3 ul li a {
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  #navi3 ul li a {
    padding-left: 30px;
  }
}
#navi3 ul li:first-child a {
  padding-left: 0;
}

#top_button {
  position: fixed;
  bottom: -50px;
  width: 100px;
  height: 100px;
  left: 48%;
  left: -moz-calc(50% - 50px);
  left: -webkit-calc(50% - 50px);
  left: -o-calc(50% - 50px);
  left: calc(50% - 50px);
  background-color: rgba(227, 6, 19, 0.9);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 2px solid #fff;
  z-index: 1000;
}
#top_button:after {
  display: block;
  content: "TOP";
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
  font-size: 130%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  margin-left: -35px;
  margin-top: 10px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.item {
  margin-bottom: 20px;
  margin-top: 0;
}

.item p, .item .fancybox-caption__body h4, .fancybox-caption__body .item h4 {
  margin-bottom: 0;
}

/* KALENDER */
/************/
.loading {
  display: none;
  position: absolute;
  top: 80px;
  left: 38%; /* für Safari 5 */
  left: -webkit-calc(50% - 25px);
  left: -moz-calc(50% - 25px);
  left: -o-calc(50% - 25px);
  left: calc(50% - 25px);
  background: rgb(255, 255, 255) url(../images/ajax-loader.gif) no-repeat center center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #e30613;
  z-index: 100;
}

#kalenderContainer {
  /*display:none;
  @media (min-width: 768px) {
      display:block;
  }*/
  position: relative;
  border: 1px solid #e30613;
  padding-top: 10px;
}

#kalender {
  z-index: 1;
  position: relative; /* zwingend für funktionalität! */
}
#kalender table {
  border-collapse: collapse;
  width: 100%;
}
#kalender table th {
  font-weight: bold;
  font-size: 20px;
  line-height: 140%;
  padding: 10px 0px;
}
#kalender table td {
  padding: 0px 4px;
}
@media (min-width: 1024px) {
  #kalender table td {
    padding: 0px 10px;
  }
}
#kalender table td a {
  text-align: center;
  line-height: 140%;
  font-size: 15px;
  padding: 3px 0px;
  margin: 0;
  font-weight: bold;
  color: #000;
  display: block;
}
@media (min-width: 1024px) {
  #kalender table td a {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  #kalender table td a {
    font-size: 20px;
    padding: 8px 0px;
  }
}
#kalender table td a {
  color: #000;
  cursor: default;
}
#kalender table td a:hover {
  background-color: #000;
  color: #fff !important;
}
#kalender table td:nth-child(6n) a, #kalender table td:nth-child(7n) a {
  color: #e30613;
}
#kalender table td:nth-child(6n) a:hover, #kalender table td:nth-child(7n) a:hover {
  background-color: #e30613;
  color: #fff;
}
#kalender h3 {
  width: 100%;
  text-align: center;
  color: #e30613;
}
#kalender .kalender_back {
  position: absolute;
  color: #e30613;
  font-size: 18px;
  font-family: "slick";
  left: 12px;
}
#kalender .kalender_forward {
  position: absolute;
  font-family: "slick";
  right: 12px;
  color: #e30613;
  font-size: 18px;
}

.kalendervorschau {
  z-index: 100;
  width: 100%;
  margin-top: -15px;
  z-index: 20;
  display: none;
  color: #fff;
}
.kalendervorschau a {
  color: #fff;
}
.kalendervorschau a:hover {
  color: #000;
}
.kalendervorschau .container {
  padding: 20px;
  background-color: #e30613;
}
.kalendervorschau .vorstellung {
  margin-bottom: 30px;
}
.kalendervorschau .vorstellung:last-child {
  margin-bottom: 0;
}
.kalendervorschau:before {
  content: " ";
  width: 30px;
  height: 30px;
  background-color: #e30613;
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: left top;
  z-index: 1;
  position: relative;
  top: 9px;
  margin: auto;
}
.kalendervorschau.w_1:before {
  margin-left: 7.14%;
}
.kalendervorschau.w_2:before {
  margin-left: 21.42%;
}
.kalendervorschau.w_3:before {
  margin-left: 35.7%;
}
.kalendervorschau.w_4:before {
  margin-left: 49.98%;
}
.kalendervorschau.w_5:before {
  margin-left: 64.26%;
}
.kalendervorschau.w_6:before {
  margin-left: 78.54%;
}
.kalendervorschau.w_0:before {
  margin-left: 92.82%;
}

/* SPIELPLAN */
/*************/
.spielplan_navi,
.spielplan_navi2 {
  font-size: 1.3em;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 600px) {
  .spielplan_navi,
  .spielplan_navi2 {
    font-size: 1.5em;
  }
}
@media (min-width: 1024px) {
  .spielplan_navi,
  .spielplan_navi2 {
    font-size: 2em;
    width: auto;
    text-align: left;
  }
}
.spielplan_navi .monat_zurueck span,
.spielplan_navi .monat_vor span,
.spielplan_navi2 .monat_zurueck span,
.spielplan_navi2 .monat_vor span {
  font-size: 24px;
  font-family: "slick";
}
.spielplan_navi .spielplan_headline,
.spielplan_navi2 .spielplan_headline {
  display: inline-block;
  padding: 0px 10px;
  margin: 0;
}

.spielplan_navi {
  background-color: #e30613;
  color: #fff;
  padding: 15px;
  display: inline-block;
}
.spielplan_navi .monat_zurueck,
.spielplan_navi .monat_vor {
  color: #fff;
}

@media (max-width: 1023px) {
  .spielplan_navi2 {
    font-size: 1em;
  }
  .spielplan_navi2 .monat_zurueck span,
  .spielplan_navi2 .monat_vor span {
    font-size: 17px;
    top: 2px;
    position: relative;
  }
}
#spielplan .rahmen {
  border: 1px solid #eee;
  display: block;
  margin-bottom: 20px;
}
#spielplan .month {
  display: none;
}
@media (max-width: 767px) {
  #spielplan .month {
    display: block;
  }
}
#spielplan .ausfall {
  color: #888;
}
#spielplan .ausfall .day {
  color: #888 !important;
}
#spielplan .ausfall a {
  color: #888 !important;
}
#spielplan .tag {
  padding: 20px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 40px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  #spielplan .tag .day_week {
    float: left;
    width: 110px;
    text-align: left;
    height: 74px;
  }
  #spielplan .tag .day {
    height: 74px;
    display: table-cell;
    vertical-align: bottom;
  }
  #spielplan .tag .time {
    float: float;
    text-align: left;
    position: relative;
    bottom: 0;
    flex: 2;
    height: 74px;
    display: table-cell;
    vertical-align: bottom;
  }
  #spielplan .tag .details {
    clear: both;
  }
}
@media (min-width: 768px) {
  #spielplan .tag {
    display: flex;
  }
  #spielplan .tag .day_week {
    flex: 1;
  }
  #spielplan .tag .time {
    flex: 1.5;
    min-width: 190px;
  }
  #spielplan .tag .details {
    flex: 6;
    padding-right: 50px;
  }
  #spielplan .tag .ticket {
    flex: 2;
  }
}
@media (min-width: 768px) {
  #spielplan .tag .day_week {
    text-align: center;
  }
}
#spielplan .tag .day_week .day {
  font-style: normal;
  font-weight: 600;
  font-size: 4.601227em;
  line-height: 90%;
  margin-bottom: 0.138036em;
}
@media only screen and (max-width: 319px) {
  #spielplan .tag .day_week .day {
    font-size: 2em;
    line-height: 0.6em;
  }
}
@media (min-width: 768px) {
  #spielplan .tag .day_week .day {
    text-align: center;
  }
}
#spielplan .tag .day_week .week {
  font-style: normal;
  font-weight: 600;
  text-align: center;
  display: none;
}
@media (min-width: 768px) {
  #spielplan .tag .day_week .week {
    display: block;
  }
}
@media (min-width: 768px) {
  #spielplan .tag .repeat {
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  #spielplan .tag .time {
    text-align: center;
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  #spielplan .tag .details {
    margin-top: 13px;
  }
}
#spielplan .tag .details .productionTitle a {
  color: #000;
}
#spielplan .tag .details .productionTitle a:hover {
  color: #e30613;
}
#spielplan .tag .details p, #spielplan .tag .details .fancybox-caption__body h4, .fancybox-caption__body #spielplan .tag .details h4 {
  margin: 0;
}
@media (max-width: 767px) {
  #spielplan .tag .ticket {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  #spielplan .tag .ticket {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  #spielplan .tag .ticket {
    text-align: center;
  }
}
#spielplan .tag .ausverkauft {
  font-weight: bold;
}
#spielplan .tag:last-child {
  padding-bottom: 20px;
  border: 0;
  margin: 0;
}
#spielplan .tag.premiere {
  background-color: #eee;
}
#spielplan .tag.premiere .day {
  color: #000;
}

/* HEADER SLIDER */
/*****************/
.headerSliderContainer {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .headerSliderContainer {
    margin-bottom: 20px;
  }
}

#headerSlider {
  width: 100%;
}
@media (max-width: 767px) {
  #headerSlider {
    background-color: #eee;
  }
}
#headerSlider .header-slide {
  visibility: hidden;
  position: relative;
}
#headerSlider .header-slide.show {
  visibility: visible;
}
@media (max-aspect-ratio: 4/3) {
  #headerSlider .header-slide .aspectRatio_24_9:before {
    padding-top: 66.6666666667%;
  }
}
#headerSlider .header-slide .img {
  overflow: hidden;
  background-color: #eee;
  width: 100%;
  position: relative;
}
#headerSlider .header-slide.video {
  height: 100%;
}
#headerSlider .header-slide.video .aspectRatio_24_9 {
  overflow: hidden;
}
#headerSlider .header-slide video {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  #headerSlider .header-slide video {
    min-width: 100%;
    max-width: 100%;
  }
}
#headerSlider .header-slide iframe {
  position: relative;
  max-width: none !important;
}
#headerSlider .header-slide .sliderCaption {
  font-weight: bold;
  font-size: 2em;
  line-height: 100%;
  width: 100%;
  color: #e30613;
  display: block;
  width: auto;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #headerSlider .header-slide .sliderCaption {
    padding: 10px;
  }
}
@media (min-width: 768px) {
  #headerSlider .header-slide .sliderCaption {
    position: absolute;
    bottom: 10px;
    right: 0;
    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);
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
  }
}
#headerSlider .header-slide .sliderCaption .date {
  color: #000;
  font-size: 75%;
}
#headerSlider .header-slide .sliderCaption a:hover {
  color: #999;
}
#headerSlider .header-slide .sliderCaptionCredit {
  font-size: 12px;
  line-height: 18px;
  margin: 10px;
  color: #fff;
  position: absolute;
  display: block;
  bottom: 0px;
  width: 90%;
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-top: 15px;
  background-color: rgba(150, 150, 150, 0.5);
  display: inline-block;
  width: auto;
  padding: 5px;
}
@media (min-width: 768px) {
  #headerSlider .header-slide .sliderCaptionCredit {
    font-size: 14px;
    line-height: 140%;
    margin: 20px;
  }
}
#headerSlider .header-slide .sliderCaptionFrei {
  width: 100%;
  display: block;
}
#headerSlider .header-slide .sliderCaptionFrei * {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #headerSlider .header-slide .sliderCaptionFrei {
    padding: 10px;
  }
  #headerSlider .header-slide .sliderCaptionFrei, #headerSlider .header-slide .sliderCaptionFrei p, #headerSlider .header-slide .sliderCaptionFrei .fancybox-caption__body h4, .fancybox-caption__body #headerSlider .header-slide .sliderCaptionFrei h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  #headerSlider .header-slide .sliderCaptionFrei:last-child, #headerSlider .header-slide .sliderCaptionFrei p:last-child, #headerSlider .header-slide .sliderCaptionFrei .fancybox-caption__body h4:last-child, .fancybox-caption__body #headerSlider .header-slide .sliderCaptionFrei h4:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  #headerSlider .header-slide .sliderCaptionFrei {
    position: absolute;
    width: 90%;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px;
    margin-bottom: 0;
  }
  #headerSlider .header-slide .sliderCaptionFrei, #headerSlider .header-slide .sliderCaptionFrei p, #headerSlider .header-slide .sliderCaptionFrei .fancybox-caption__body h4, .fancybox-caption__body #headerSlider .header-slide .sliderCaptionFrei h4 {
    color: #fff;
    text-shadow: 2px 1px 2px #888;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 100%;
  }
  #headerSlider .header-slide .sliderCaptionFrei:last-child, #headerSlider .header-slide .sliderCaptionFrei p:last-child, #headerSlider .header-slide .sliderCaptionFrei .fancybox-caption__body h4:last-child, .fancybox-caption__body #headerSlider .header-slide .sliderCaptionFrei h4:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  #headerSlider .header-slide .sliderCaptionFrei.y_top {
    display: block;
    top: 0;
  }
  #headerSlider .header-slide .sliderCaptionFrei.y_center {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
  }
  #headerSlider .header-slide .sliderCaptionFrei.y_bottom {
    display: block;
    bottom: 20px;
  }
  #headerSlider .header-slide .sliderCaptionFrei.x_left {
    justify-content: inherit;
    text-align: left;
  }
  #headerSlider .header-slide .sliderCaptionFrei.x_center {
    text-align: center;
  }
  #headerSlider .header-slide .sliderCaptionFrei.x_right p, #headerSlider .header-slide .sliderCaptionFrei.x_right .fancybox-caption__body h4, .fancybox-caption__body #headerSlider .header-slide .sliderCaptionFrei.x_right h4 {
    width: 100%;
    text-align: right;
  }
}
#headerSlider .header-slide .sliderCaptionFrei .container {
  display: block;
  position: relative;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
#headerSlider .header-slide .sliderCaptionFrei.x_left.y_bottom .container {
  width: 80%;
}
#headerSlider .header-slide .link {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #headerSlider .header-slide .link {
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin-bottom: 0;
  }
}
#headerSlider .header-slide .link a.arrow {
  font-size: 20px;
  background-color: #fff;
  display: inline-block;
  text-shadow: none;
  padding: 10px 20px;
}

/* KARUSSEL */
/************/
#karussel {
  width: 100%;
  margin-bottom: 50px;
}
#karussel .header-slide {
  position: relative;
  height: 200px;
}
@media (min-width: 480px) and (max-width: 767px) {
  #karussel .header-slide {
    height: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #karussel .header-slide {
    height: 250px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #karussel .header-slide {
    height: 350px;
  }
}
@media (min-width: 1280px) {
  #karussel .header-slide {
    height: 500px;
  }
}
#karussel .header-slide .img {
  overflow: hidden;
  background-color: #eee;
  position: relative;
}
@media (min-width: 480px) and (max-width: 767px) {
  #karussel .header-slide .img {
    height: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #karussel .header-slide .img {
    height: 250px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #karussel .header-slide .img {
    height: 350px;
  }
}
@media (min-width: 1280px) {
  #karussel .header-slide .img {
    height: 500px;
  }
}
#karussel .header-slide .img img {
  width: auto;
}
@media (min-width: 480px) and (max-width: 767px) {
  #karussel .header-slide .img img {
    height: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #karussel .header-slide .img img {
    height: 250px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #karussel .header-slide .img img {
    height: 350px;
  }
}
@media (min-width: 1280px) {
  #karussel .header-slide .img img {
    height: 500px;
  }
}
#karussel .header-slide .sliderCaption {
  width: 100%;
  color: #fff;
  text-shadow: 2px 1px 2px #888;
  position: absolute;
  display: block;
  bottom: 0px;
  width: 90%;
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px;
  margin-top: 15px;
}
#karussel .header-slide .sliderCaption {
  display: none;
}
#karussel .header-slide.slick-current .sliderCaption {
  display: block;
}

/* WERKDETAIL */
/**************/
.termine .termin {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.termine .termin div {
  margin-right: 5px;
}
.termine .termin div:last-child {
  margin-right: 0;
}
.termine .termin .date {
  flex: 1;
  min-width: 93px;
}
.termine .termin .wt {
  flex: 0.4;
  min-width: 25px;
}
.termine .termin .time {
  flex: 0.6;
  min-width: 48px;
}
.termine .termin .ort {
  flex: 1.3;
  min-width: 128px;
}
@media (max-width: 1023px) {
  .termine .termin .ort {
    display: none;
  }
}
.termine .termin .ort2 {
  display: block;
}
@media (min-width: 1024px) {
  .termine .termin .ort2 {
    display: none;
  }
}
.termine .termin .ticketlink {
  flex: 1;
  min-width: 90px;
}
.termine .termin .zusatz {
  flex: 3;
  min-width: 130px;
}

.terminliste ul {
  margin: 0;
  padding: 0;
}
.terminliste ul li {
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 4px;
  list-style: none;
}

/* STARTSEITE */
/**************/
.productionTitle a {
  color: #000;
}
.productionTitle a:hover {
  color: #e30613;
}

.news {
  margin-bottom: 45px;
}
.news .container {
  position: relative;
  background-color: #e30613;
  color: #fff;
  text-align: left;
  padding: 20px;
  z-index: 10;
}
.news .container a {
  color: #fff;
}
.news .container a:hover {
  color: #000;
}
.news .container a span {
  position: relative;
  font-family: "slick";
  left: 0px;
  font-size: 18px;
  margin-right: 3px;
  top: 2px;
}
.news .container::after {
  content: "";
  position: absolute;
  left: calc(50% - 50px);
  top: 100%;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #e30613;
  clear: both;
}

/* FANCYBOX */
/************/
.fancybox-caption {
  text-align: left !important;
}

.fancybox-caption__body p, .fancybox-caption__body h4 {
  margin: 0;
}
.fancybox-caption__body h4 {
  font-weight: bold;
}

.fancybox-caption a:hover {
  text-decoration: none !important;
  color: #e30613 !important;
}

/* Ensembleliste */
/*****************/
.ensembleliste .person {
  white-space: nowrap;
}
.ensembleliste .person:not(:last-child):after {
  content: " · ";
}

.initial {
  font-size: 2em;
  font-weight: bold;
  margin-right: 5px;
}

/* Personendetail */
/******************/
.personProductions ul {
  margin: 0;
  padding: 0;
}
.personProductions ul li {
  list-style: none;
}
.personProductions ul li a:before {
  content: "→";
  position: relative;
  font-family: "slick";
  left: 0px;
  font-size: 18px;
  margin-right: 3px;
  top: 2px;
}

/* Spielplansuche */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  transform-origin: center center;
  width: auto;
  height: auto;
  top: 0;
  right: 10px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: "→";
  position: relative;
  font-family: "slick";
  font-size: 18px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

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

.submitButton {
  border: none;
  padding: 15px 30px 10px 30px;
  font-size: 1.5em;
}

/* Archiv */
.blaetternavi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blaetternavi ul li {
  display: inline-block;
  margin-bottom: 5px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}
.blaetternavi ul li span,
.blaetternavi ul li a {
  padding: 0px 10px 0px 10px;
}
.blaetternavi ul li:after {
  content: "|";
}
.blaetternavi ul li:last-child:after {
  content: "";
}

#alphabeth {
  list-style: none;
  margin: 0;
  padding: 0;
}
#alphabeth li {
  display: inline-block;
  text-transform: uppercase;
  padding: 8px 20px 5px 20px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}

.blaetternavi {
  width: 100%;
}
#alphabeth + .blaetternavi {
  margin-top: 40px;
}
.blaetternavi td {
  vertical-align: middle;
}

/* PRESSEMELDUNGEN */
.pressemeldungsNavi {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pressemeldungsNavi li {
  text-indent: -22px;
  padding-left: 22px;
  margin-bottom: 15px;
}
.pressemeldungsNavi .current a {
  color: #000;
}
.pressemeldungsNavi .current a:hover {
  color: #999;
}

/* styles for desktop */
.tinynavBox {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .tinynavBox {
    background-color: #eee;
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .tinynavBox .select2 {
    display: none;
  }
}

.tinynav {
  display: none;
}

/* styles for mobile */
@media (max-width: 1023px) {
  .tinynav {
    display: block;
  }
  .tinynavList {
    display: none;
  }
}
ul.logos {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.logos li {
  display: inline-block;
  list-style: none;
  margin-right: 30px;
  margin-bottom: 20px;
  vertical-align: middle;
}

.hideMobile {
  display: none;
}
@media (min-width: 768px) {
  .hideMobile {
    display: block;
  }
}

.galerie_bildtitel {
  font-weight: bold;
  color: #000 !important;
  margin-top: 10px;
  margin-bottom: 20px;
}

.bildContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.bildContainer .item {
  width: 50%;
  height: 50%;
  overflow: hidden;
  margin: 0;
  position: relative;
  flex-grow: 4;
  flex-shrink: 1;
}
.bildContainer .item img {
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.bildContainer.anzahl_1 .item {
  width: 100%;
  height: 100%;
}
.bildContainer.anzahl_2 .item {
  width: 50%;
  height: 100%;
}
.bildContainer.anzahl_3 .item {
  width: 33%;
  height: 100%;
}
.bildContainer.anzahl_4 .item {
  width: 50%;
  height: 50%;
}
.bildContainer.anzahl_5 .item, .bildContainer.anzahl_6 .item {
  width: 33%;
  height: 50%;
}
.bildContainer.anzahl_5 .item:first-child, .bildContainer.anzahl_5 .item:nth-child(2) {
  width: 50%;
}
.bildContainer.anzahl_7 .item, .bildContainer.anzahl_8 .item {
  width: 25%;
  height: 50%;
}
.bildContainer.anzahl_7 .item:first-child, .bildContainer.anzahl_7 .item:nth-child(2), .bildContainer.anzahl_7 .item:nth-child(3) {
  width: 33%;
}

@media (min-aspect-ratio: 4/3) {
  .header-slide .bildContainer.anzahl_1, .header-slide .bildContainer.anzahl_2, .header-slide .bildContainer.anzahl_3, .header-slide .bildContainer.anzahl_4 {
    flex-wrap: nowrap;
  }
  .header-slide .bildContainer.anzahl_1 .item.empty, .header-slide .bildContainer.anzahl_2 .item.empty, .header-slide .bildContainer.anzahl_3 .item.empty, .header-slide .bildContainer.anzahl_4 .item.empty {
    display: none;
  }
  .header-slide .bildContainer.anzahl_5, .header-slide .bildContainer.anzahl_6, .header-slide .bildContainer.anzahl_7, .header-slide .bildContainer.anzahl_8 {
    flex-wrap: wrap;
  }
  .header-slide .bildContainer.anzahl_4 .item {
    width: 25%;
    height: 100%;
  }
  .header-slide .bildContainer.anzahl_5 .item {
    width: 20%;
    height: 100%;
  }
}

.cc-link {
  opacity: 1 !important;
}

.facebookLink {
  background-color: #e30613;
}
.facebookLink a {
  color: #fff;
}
.facebookLink:hover {
  background-color: #999;
}

#popupContainer {
  display: none;
  width: 90%;
  margin: auto;
  max-width: 575px;
  position: relative;
}
#popupContainer.popup2 {
  max-width: 1000px;
}
#popupContainer #popup .image,
#popupContainer #popup .text {
  margin-left: 0;
  width: 100%;
  padding: 0;
  min-height: 0;
}
#popupContainer #popup .image h3,
#popupContainer #popup .text h3 {
  padding-bottom: 0 !important;
}
#popupContainer #popup .text {
  padding: 20px;
}

.fancybox-content {
  padding: 0 !important;
}

a {
  outline: none;
}

.credit {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0%;
  bottom: 0;
  color: white;
  writing-mode: vertical-rl;
  text-align: left;
  padding: 0.8em 0 0.8em 0;
  font-size: 75%;
  line-height: 100%;
}
@media (max-width: 767px) {
  .credit {
    font-size: 65%;
  }
}
@media (max-width: 599px) {
  .credit {
    display: none;
  }
}

.d-none {
  display: none;
}

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