/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

.overlay .cke_editable_inline {
	min-height:350px;
	/*height:350px;
	overflow-y:scroll;*/
}

.cke_editable_inline ul,
.cke_editable_inline ol {
	padding-left:30px;
}

.language {
	position:relative;
	top:1%;
	z-index:99999;
	height:48px;
}
.language span {
	float: left;
	width: 33px;
	height: 20px;
	margin: 2px 6px 0 0;
	background-image: url(flags_3.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.language .flag {
	float:left;
	position:relative;
	top:17px;
	float:right;
}
.language .flag a {
	opacity:1 !important;
}
/*.us a span { background-position: 0 0 }
.en a span { background-position: -16px 0 }
.fr a span { background-position: -32px 0 }
.de a span { background-position: -48px 0 }
.nl a span { background-position: -64px 0 }
*/
.de a span { background-position: 0 0 }
.en a span { background-position: -33px 0 }

.language a.selected {
	
}

#upload_container,
.upload_container {
	visibility:hidden;
	position:absolute;
	left:100%;
	top:0;
	overflow:hidden;
	width:1px;
	height:1px;
}

#overlay_booking {
	position:fixed;
	background:rgba(0,0,0,0.9);
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:12345;
	display:none;
}

#bookframe {
	width:100%;
	height:100%;
	position:absolute;
}


.progress {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:9999;
}

.percent {
	position:relative;
	top:50%;
	color:#fff;
	font-size:5em;
	transform:translateY(-50%);
	text-align:center;
}

body.logged_in {
	padding-top:30px;
}

.edit-bar {
	position:fixed;
	top:0;
	width:100%;
	height:30px;
	background:#000;
	color:#fff;
	display:none;
	z-index:1000;
	font-size:1.4rem;
}

.edit-bar .logout {
	position:absolute;
	right:20px;
	top:10px;
}

.edit-bar .actions {
	position:absolute;
	left:20px;
	top:10px;
}

.edit-bar a {
	color:#fff;
	margin-right:15px;
}

.edit-bar a:hover {
	color:#aaa;
}

body.logged_in .edit-bar {
	display:block;
}

body.logged_in .editable {
	/*border:2px rgba(255,0,0,0.5) solid;*/
	/*line-height:1.5;*/
	background:rgba(255,0,0,0.5) !important;
	/*position:relative;*/
}
/*
body.logged_in .editable:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,0,0,0.5);
	z-index:0;
}
*/
body.logged_in .editable:hover {
	background:rgba(255,0,0,0.8);
}


.sizer {
	position:fixed;
	width:100%;
	height:20px;
	background:rgba(255,255,255,0.05);
	z-index:9999;
	content:"sizer";
	color:#000;
	font-size:14px;
	display:none;
	z-index:1234567;
}
.impressum {
	position:absolute;
	top:0;
	left:100%;
}

.pos-relative {
	position:relative;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  top:70px;
  width: 100%;
  /*max-width: 1920px;*/
  width:87.5%;
  margin: 0 auto;
  padding: 0 20px;
  padding:0;
  box-sizing: border-box;
}
.wildermann .container {
	width:100%;
	padding-left:6.25%;
	padding-right:6.25%;
	background-image:none;
	background-repeat:repeat-y;
	background-position:left;
	background-size:4.5%;
	font-weight:400;
	line-height:1.4;
}
.kesselhaus .container {
	width:100%;
	padding-left:6.25%;
	padding-right:6.25%;
	background-image:none;
	background-repeat:repeat-y;
	background-position:left;
	background-size:4.45%;
}

/* medium displays */
@media (min-width: 640px) {
.kesselhaus .container {
	background-image:url(colorbar.png);
}
}

.kesselhaus .impressum .container {
	background-image:none;
}

.kesselhaus .container.footer {
	background-image:none;
}


.container.fullwidth {
	width:100%;
	padding-left:0;
	padding-right:0;
}
.row {
	width:100%;
	/*display:inline-flex;*/
}
.padding-row {
	padding-top:3%;
	padding-bottom:3%;
}
.padding-row-top {
	padding-top:3%;
}
.padding-row-bottom {
	padding-bottom:3%;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}
.row.empty {
	height:5.5rem;
}

.row.is-table-row {
	overflow: hidden;
}

.row.is-table-row [class*="column"] {
	margin-bottom: -999%;
    padding-bottom: 1000%;
}

.row .fullsize {
	margin-left:-50%;
	width:157.2%;
	height:100%;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
}

.margin-row {
	margin-top:2%;
	margin-bottom:2%;
}

.row .bg-fill {
}

.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin:0.5%;
	/*margin-top:3%;
	margin-bottom:3%;*/
}

.slicknav_nav li {
	margin-top:0.2%;
	margin-bottom:0.2%;
}

.column.no-margin,
.columns.no-margin {
	margin:0;
}

.column.padding-top-bottom,
.columns.padding-top-bottom {
	padding-top:1%;
	padding-bottom:1%;
}

.columns p:last-child {
	margin-bottom:0;
}

/* For devices larger than 320px */
@media (min-width: 320px) {
  .container {
    /*width: 95%;*/
    /*padding: 0;*/ }
}

/* For devices larger than 640px */
/*@media (min-width: 640px) {*/
@media (min-width: 6000px) {
  /*.container {
    width: 80%; }*/
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 50%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 7.3333333%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%;
}

body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.2;
	font-weight: 400;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222;
	overflow-x:hidden;
}

img {
	border: 0;
}

img {
	max-width: 100%;
	min-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block;
	vertical-align: middle;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: 'ashby_blackregular';
    src: url('ashbbl__-webfont.woff2') format('woff2'),
         url('ashbbl__-webfont.woff') format('woff'),
         url('ashbbl__-webfont.ttf') format('truetype'),
         url('ashbbl__-webfont.svg#ashby_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight: 500;
	font-weight:600;
	text-transform:uppercase;
}

.impressum h2 {
	font-weight:800;
}
#impressum_agb h2 {
	margin-bottom:0.5rem;
}

h1 { font-size: 2.4rem; line-height: 1.35;  letter-spacing: -.08rem; margin-top:1%;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; text-transform:none; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

b, strong {
	font-weight:600;
}

/*
.overlay {
	position:absolute;
	right:0;
	top:5%;
	background:#000;
	padding:10px;
	transform:rotate(30deg);
	transform-origin:left top;
	line-height:1.2;
	max-width:50%;
}
*/
.overlay {
	position:absolute;
	left:8%;
	right:8%;
	top:15%;
	padding:10px;
	line-height:1.2;
	background:#fff;
	color:#000;
	font-weight:400;
	background-image:url(Bischoffs_Logo_Overlay.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:10%;
	padding-left:20%;
	padding-right:20%;
	padding-top:5%;
	padding-bottom:5%;
	z-index:199;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.5);
	display:none;
}
.close{
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  right:2%;
  top:5%;
  transition:transform 0.4s ease-in-out;
}
.close:hover {
	transform:rotate(-0deg);
}



.close::before, .close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
}
.close.white::before, .close.white::after {
	background:#fff;
}
.close:hover::before, .close:hover::after {
	background: grey;
}
.close::before {
	transition:transform 0.2s ease-in-out;
    transform:rotate(45deg);
  }
.close::after {
	transition:transform 0.2s ease-in-out;
    transform:rotate(-45deg);
}
.close.big {
    transform:scale(3);
}
.close.hairline::before, .close.hairline::after {
      height: 1px;
}

.close.medium::before, .close.medium::after {
      height: 2px;
      margin-top: -2px;
}

.close.thick::before, .close.thick::after {
      height: 4px;
      margin-top: -2px;
}

.close.black.close::before, .close.black::after {
      height: 8px;
      margin-top: -4px;
}

.close.heavy::before, .close.heavy::after {
      height: 12px;
      margin-top: -6px;
}

.close.pointy::before, .close.pointy::after {
      width: 200%;
      left: -50%;
}

.close.rounded::before, .close.rounded::after {
      border-radius: 5px;
}

.close.blades::before, .close.blades::after {
      border-radius: 5px 0;
}

.close.warp::before, .close.wrap::after {
      border-radius: 120% 0;
}

.close.fat.close::before, .close.fat::after {
      border-radius: 100%;
}

.flex-center {
	display:flex;
	flex-flow:column;
	justify-content:center;
}

.checkbox_overlay {
	position:absolute;
	left:9px;
	top:15px;
	background:#fff;
	color:#000;
	cursor:default;
}

.checkbox_lable {
	position:absolute;
	left:5px;
	top:5px;
	background:#f00;
	color:#fff;
	padding-left:20px;
	padding-right:5px;
}

.kesselhaus h1 {
	font-family: 'ashby_blackregular';
	letter-spacing:0.03em;
}

/*
.kesselhaus .overlay {
	background:#fff;
}
*/
.braeustueble #content {
	/*font-weight:600;*/
}
/*
.braeustueble .overlay {
	background-image:url(cardboard-01.jpg);
	background-size:cover;
}
*/
.braeustueble .footer,
.braeustueble .impressum {
	font-weight:normal;
}

.braeustueble h1 {
	font-weight:bold;
}

.bischoffs h1.headline {
	margin:0;
	padding-left:6.25%;
	padding-top:1.5%;
	padding-bottom:1.5%;
}
/*
.bischoffs .overlay {
	background-image:url(wood-02.jpg);
	background-size:cover;
	color:#fff;
}
*/
.center {
	text-align:center;
}

.footer ul {
	list-style-type:none;
}

.footer ul li {
	margin-bottom:0;
}


.vcenter {
	position:relative;
	top:30%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	width:100%;
}

.maps {
	position:relative;
}

.maps:before {
	content: "";
	display: block;
	padding-top: 100%;
}





/* small displays */
@media (min-width: 320px) {
body {
	font-size: 0.9em;
	font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1rem;
}
#impressum_agb h2 {
	margin-bottom:0.5rem;
}
h1 { font-size: 1.4rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 0.9rem; }
h5 { font-size: 1.6rem; }
h6 { font-size: 1.2rem; }
.slicknav_nav { font-size: 2rem; }
.close {
  width: 30px;
  height: 30px;
}
}

/* medium displays */
@media (min-width: 320px) {
body {
	font-size: 1.4em;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1.1rem;
}
#impressum_agb h2 {
	margin-bottom:0.5rem;
}
h1 { font-size: 2rem; }
/*.wildermann h1 { margin-top:-1.9%; }*/
h2 { font-size: 1.8rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.35rem; }
h5 { font-size: 2.0rem; }
h6 { font-size: 1.6rem; }
.footer    { font-size: 1.2rem; }
.footer h1 { font-size: 4.0rem; }
.footer h2 { font-size: 3.2rem; }
.footer h3 { font-size: 2.6rem; }
.footer h4 { font-size: 1.7rem; }
.footer h5 { font-size: 2.0rem; }
.footer h6 { font-size: 1.0rem; }
.close {
  width: 40px;
  height: 40px;
}
}

/* prelarge */
@media (min-width: 760px) {
body {
	font-size: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1.3rem;
}
#impressum_agb h2 {
	margin-bottom:0.5rem;
}
h1 { font-size: 2.2rem; }
h2 { font-size: 2.0rem; }
h3 { font-size: 2.0rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 2.0rem; }
.footer    { font-size: 1.0rem; }
.footer h1 { font-size: 4.0rem; }
.footer h2 { font-size: 3.2rem; }
.footer h3 { font-size: 2.6rem; }
.footer h4 { font-size: 2.8rem; }
.footer h5 { font-size: 1.4rem; }
.footer h6 { font-size: 1.0rem; }
.slicknav_nav { font-size: 1rem; }
.close {
  width: 50px;
  height: 50px;
}
.close.medium::before, .close.medium::after {
      height: 3px;
      margin-top: -2px;
}
}

/* large */
@media (min-width: 1024px) {
body {
	font-size: 2.0em;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1.6rem;
}
#impressum_agb h2 {
	margin-bottom:0.5rem;
}
h1 { font-size: 2.6rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 2.2rem; }
h4 { font-size: 1.65rem; }
h5 { font-size: 2.6rem; }
h6 { font-size: 2.2rem; }
.footer    { font-size: 1.4rem; }
.footer h1 { font-size: 4.0rem; }
.footer h2 { font-size: 3.2rem; }
.footer h3 { font-size: 2.6rem; }
.footer h4 { font-size: 1.65rem; }
.footer h5 { font-size: 2.0rem; }
.footer h6 { font-size: 1.0rem; }
}

/* xlarge displays */
@media (min-width: 1440px) {
body {
	font-size: 2.4em;
}
.wildermann #content {
	font-size:2.2rem;
}
.wildermann .overlay {
	font-size: 2.4rem;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 2rem;
}
#impressum_agb h2 {
	margin-bottom:0.5rem;
}
h1 { font-size: 3.0rem; }
.kesselhaus h1 { margin-top:-1.3%; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 1.8rem; }
h5 { font-size: 3.0rem; }
h6 { font-size: 2.6rem; }
.footer    { font-size: 1.4rem; }
.footer h1 { font-size: 4.0rem; }
.footer h2 { font-size: 3.2rem; }
.footer h3 { font-size: 2.6rem; }
.footer h4 { font-size: 2.8rem; }
.footer h5 { font-size: 2.0rem; }
.footer h6 { font-size: 1.0rem; }
}

/* xxlarge displays */
@media (min-width: 1920px) {
}

p {
	margin-top: 1.5%;
	margin-bottom: 1.5% !important;
}
p:last-child {
	margin-bottom: 0 !important;
}

.imagecaption {
	margin-top:5%;
	margin-bottom:5% !important;
	display:flex;
	flex-flow:column;
	justify-content:space-between;
	height:100%;
}

.imagecaption > div {
	margin-bottom:5% !important;
}

.box {
	display:flex;
	flex-flow:column;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #000;
	text-decoration:none;
	transition:all 0.3s;
}
p a {
	text-decoration:underline;
}
a:hover {
	color: #444;
}

.bg-black.inside-black a,
.bg-black a {
	color:#fff;
}

.bg-black.inside-white a {
	color:#000;
}

.bg-black a:hover {
	color:#ccc;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc outside; }
ol {
  list-style: decimal outside;
  margin-left:3rem;
}
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 100%; }
li {
  margin-bottom: 1rem; }

#impressum_agb ol.first,
#impressum_disclaimer ol.first {
	list-style:upper-roman;
	margin-left:1em;
}

#impressum_agb ol.first > li,
#impressum_disclaimer ol.first > li {
	font-weight:600;
}

#impressum_agb ol.second,
#impressum_disclaimer ol.second {
	list-style:decimal outside;
}

.privacy ul {
	list-style-type: none;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }
.no-margin-top {
	margin-top:0;
}
.simple-margin {
	margin:0.5%;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


.inline {
	display:inline-block;
}

/* Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#menu {
	display:none !important;
	list-style:none;
	/*text-align:right;*/
	position:fixed;
	z-index:9999;
	z-index:1450;
	background:#fff;
	background-image:url(Bischoffs_Logo.png);
	background-position:left center;
	background-repeat:no-repeat;
	height:96px;
	font-weight:normal;
}

#menu li {
	/*float:right;*/
	margin:1%;
	text-align:center;
	line-height:48px;
	width:13.4%;
}

#menu .item {
	width:12.28%;
	width:10.5%;
	position:relative;
}
/*
#menu li.language {
	width:7.3333333%;
}
*/
#menu li a,
#menu li a div{
	color:#000;
	opacity:0.4;
	text-decoration:none;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap;
}

#menu li a.lang-link {
	position:relative;
	left:auto;
	transform:none;
}


#menu li a div.menu_bottom {
	font-size:.6em;
	line-height:1;
	margin-top:-10px;
}

#menu li.language a {
	text-transform:lowercase;
}

#menu li a:hover,
#menu li a.selected,
#menu li a.selected div {
	opacity:1;
	color:#000;
}

.slicknav_menu {
	position:fixed;
	z-index:9999;
	width:100%;
	background:#fff;
	background-image:url(Bischoffs_Logo.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size: 70px 70px;
	min-height:70px;
	border-bottom:none;
	
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0);
	box-shadow: 0px 5px 25px 0px rgba(0,0,0,0);
	transition:box-shadow 0.4s;
}

.slicknav_menu.slicknav_open {
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.3);
}

.slicknav_menu li {
	text-align:center;
}

.slicknav_menu a {
	color:#000;
	opacity:0.4;
	background:none;
}

.slicknav_menu a div.menu_bottom {
	font-size:0.6em;
}

.slicknav_menu a:hover,
.slicknav_menu a.selected {
	color:#000;
	opacity:1;
	border-radius:0;
	background:none;
}

.slicknav_menu .language a {
	display:inline-block;
	text-transform:lowercase;
}

.slicknav_menu .slicknav_icon {
	width:40px;
}

.slicknav_menu .slicknav_icon-bar {
	width:40px;
	height:7px;
	height:3px;
	opacity:1;
	box-shadow:0 3px 0 rgba(0, 0, 0, 1);
	box-shadow:none;
	background:#000;
}

.slicknav_btn {
	height:50px;
	opacity:1 !important;
	text-shadow:0 1px 1px rgba(0, 0, 0, 1);
	text-shadow:none;
	padding:14px;
}

.slicknav_btn .slicknav_icon-bar {
	transition:transform 0.4s;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top:8px;
}
.slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(1) {
	transform:translateY(11px) rotate(-135deg);
}
.slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(2) {
	opacity:0;;
}
.slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(3) {
	transform:translateY(-11px) rotate(135deg);
}

.bodyoverlay {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	display:none;
}

.footer {
	padding-bottom:2%;
}
.footermenu-item ul {
	margin-bottom:0;
}
.footermenu {
	/*text-transform:uppercase;*/
}
.footermenu-item h5 {
	margin-top:1rem;
}
/*.footermenu .row {
	border-top:#000 solid 1px
}*/

.brand-logo {
	margin-bottom:15%;
	margin-bottom:30px;
	min-width:unset;
	width:100%;
	max-width:250px;
}

.social-logo {
	/*width:22.85%;*/
	width:60px;
	display:inline-block;
	transition:opacity 0.3s;
}

.social-logo:first-child,
.social-logo:nth-child(2) {
	/*margin-right:15.71%;*/
}
.social-logo {
	margin:0 5px;
}

.social-logo:hover {
	opacity:0.6;
}

.top-border {
	border-top:#000 solid 1px
}


.row.top-margin {
	margin-top:4%;
}

.row.border-bottom {
	border-bottom:2px solid #FAC866;
	margin-top:3%;
	margin-bottom:3%;
	padding-bottom:3%;
}

.image-div {
	background-size:cover;
	height:100%;
	background-position:center;
}

/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Wilder Mann */
body.wildermann {
	background:#fff;
	color:#000;
}

.wildermann h1,
.wildermann h2,
.wildermann h3,
.wildermann h4,
.wildermann h5,
.wildermann h6 {
	color:#FAC866;
	color:#000;
}

.wildermann h1 {
	/*-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-image:linear-gradient( to right, #d8a957, #ffe175);*/
	font-weight:700;
}

.wildermann h2,
.wildermann h3,
.wildermann h4 {
	color:#000;
}

.wildermann h3 {
	/*margin-top:2em;*/
}

.wildermann h2{
	font-weight:800;
}

.wildermann .row.border-bottom {
	border-bottom:2px solid #FAC866;
	margin-top:3%;
	margin-bottom:3%;
	padding-bottom:3%;
}
/* Jobs */
body.jobs {
	background:#fff;
	color:#000;
}

.jobs h1,
.jobs h2,
.jobs h3,
.jobs h4,
.jobs h5,
.jobs h6 {
	color:#FAC866;
	color:#000;
}
/*
.jobs h1 {
	font-weight:700;
}
*/
.jobs h2,
.jobs h3,
.jobs h4 {
	color:#000;
}

.jobs h3 {
	/*margin-top:2em;*/
}

.jobs h2{
	font-weight:800;
}

.jobs .row.border-bottom {
	border-bottom:2px solid #FAC866;
	margin-top:3%;
	margin-bottom:3%;
	padding-bottom:3%;
}
/* Kesselhaus */
body.kesselhaus {
	background:#3e3e3c;
	/*background-image:url(../images/colorbar.png);
	background-position:left;
	background-repeat:repeat-y;
	background-size:5%;*/
	color:#000;
}

.kesselhaus .colorbar {
	background-image:url(colorbar.png);
	background-position:left;
	background-repeat:repeat-y;
	position:absolute;
	background-size:100%;
	left:0;
	top:80%;
	bottom:0;
	width:4.4%;
	height:20px;
}

.kesselhaus h1 {
	color:#fff;
	background:#3e3e3c;
}
.kesselhaus .overlay h1 {
	color:inherit;
	background:inherit;
}

.kesselhaus .row.border-bottom {
	border-bottom:2px solid #fff;
}

.kesselhaus p.textbox {
	background:#fff;
	padding:1em;
	margin-bottom:3%;
}

.braeustueble p.textbox {
	
	padding:1em;
	/*margin-bottom:3%;*/
}


.impressum,
.impressum .container {
	color:#000;
	font-weight:400 !important;
}
.footer {
	color:#000;
	font-weight:400 !important;
	line-height:1.2;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
	color:#000;
}



.bg-black {
	background:#000;
	color:#fff;
}

.bg-black.inside-black {
	background:#000;
	border:0.75em solid #000;
	color:#fff;
	padding-top:0;
}

.bg-black.inside-black h1 {
	padding-top:1%;
	padding-bottom:1%;
	margin-top:0;
	color:#fff;
}

.bg-black.inside-white {
	background:#fff;
	border:0.75em solid #000;
	color:#000;
	padding-top:0;
}

.bg-black.inside-white h1 {
	padding-top:1%;
	padding-bottom:1%;
	margin-top:0;
	background:#000;
	color:#fff;
	position:relative;
	top:-1px;
	left:-1px;
	width:calc(100% + 2px);
}


.bg-darkgrey {
	background:#3e3e3c;
	color:#fff;
}

.bg-darkgrey.inside-white {
	background:#fff;
	border:0.75em solid #3e3e3c;
	color:#000;
	padding-top:0;
}

.bg-darkgrey.inside-white h1 {
	padding-top:1%;
	padding-bottom:1%;
	margin-top:-1px;
	margin-left:-1px;
	width:calc(100% + 2px);
}

.bg-white {
	background:#fff;
	color:#000;
}

.bg-wood-1 {
	background-image:url(wood-01.jpg);
	background-size:cover;
	color:#fff;
}

.bg-wood-2 {
	background-image:url(wood-02.jpg);
	background-size:cover;
	color:#fff;
}

.bg-wood-3 {
	background-image:url(wood-03.jpg);
	background-size:cover;
	color:#fff;
}

.bg-wood-4 {
	background-image:url(wood-04.jpg);
	background-size:cover;
	color:#fff;
}

.bg-wood-1 a, .bg-wood-2 a, .bg-wood-3 a {
	color:#fff;
}

.bg-cardboard-1 {
	background-image:url(cardboard-01.jpg);
	background-size:cover;
	color:#000;
}

.bg-cardboard-2 {
	background-image:url(cardboard-02.jpg);
	background-size:100% 100%;
	
	color:#000;
}

.bg-cardboard-1 h1 {
	color:#253382;
}

/* small displays */
@media (min-width: 320px) {
.wildermann .footer {
	line-height:1.5;
}
}

/* medium displays */
@media (min-width: 640px) {
.wildermann .footer {
	line-height:1.2;
}
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* small displays */
@media (min-width: 1px) {
.sizer:before {	
	content:"all displays";
}

.one.column,
.one.columns		{ width: 7.3333333%; }
.two.columns		{ width: 15.6666666%; }
.three.columns	{ width: 24%;            }
.four.columns		{ width: 32.3333333%; }
.five.columns		{ width: 40.6666667%; }
.six.columns		{ width: 49%;            }
.seven.columns	{ width: 57.3333333%; }
.eight.columns	{ width: 65.6666667%; }
.nine.columns		{ width: 74%;          }
.ten.columns		{ width: 82.3333333%; }
.eleven.columns	{ width: 90.6666667%; }
.twelve.columns	{ width: 99%; }
/*.twelve.columns	p:last-child { margin-bottom:0 !important;}*/
.twelve.columns	p:first-child { margin-top:0 !important; }

.one.column.no-margin,
.one.columns.no-margin	{ width: 8.3333333%; }
.two.columns.no-margin	{ width: 16.6666666%; }
.three.columns.no-margin	{ width: 25%;            }
.four.columns.no-margin	{ width: 33.3333333%; }
.five.columns.no-margin	{ width: 41.6666667%; }
.six.columns.no-margin	{ width: 50%;            }
.seven.columns.no-margin	{ width: 58.3333333%; }
.eight.columns.no-margin	{ width: 66.6666667%; }
.nine.columns.no-margin	{ width: 75%;          }
.ten.columns.no-margin	{ width: 83.3333333%; }
.eleven.columns.no-margin	{ width: 91.6666667%; }
.twelve.columns.no-margin	{ width: 100%; margin-left: 0; }

/* Offsets */
.offset-by-one.column,
.offset-by-one.columns          { margin-left: 8.8333333%; }
.offset-by-two.column,
.offset-by-two.columns          { margin-left: 17.166666%; }
.offset-by-three.column,
.offset-by-three.columns        { margin-left: 25.5%; }
.offset-by-four.column,
.offset-by-four.columns         { margin-left: 33.833333%; }
.offset-by-five.column,
.offset-by-five.columns         { margin-left: 42.1666667%; }
.offset-by-six.column,
.offset-by-six.columns          { margin-left: 50.5%;            }
.offset-by-seven.column,
.offset-by-seven.columns        { margin-left: 58.83333333%; }
.offset-by-eight.column,
.offset-by-eight.columns        { margin-left: 67.1666667%; }
.offset-by-nine.column,
.offset-by-nine.columns         { margin-left: 75.5%;          }
.offset-by-ten.column,
.offset-by-ten.columns          { margin-left: 83.833333%; }
.offset-by-eleven.column,
.offset-by-eleven.columns       { margin-left: 92.16666667%; }

.offset-by-one-third.column,
.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

.offset-by-one-half.column,
.offset-by-one-half.columns     { margin-left: 52%; }
}

/* small displays */
@media (min-width: 320px) {
.sizer:before {	
	content:"small displays";
}

.small-one.column,
.small-one.columns		{ width: 7.3333333%; }
.small-two.columns		{ width: 15.6666666%; }
.small-three.columns	{ width: 24%;            }
.small-four.columns		{ width: 32.3333333%; }
.small-five.columns		{ width: 40.6666667%; }
.small-six.columns		{ width: 49%;            }
.small-seven.columns	{ width: 57.3333333%; }
.small-eight.columns	{ width: 65.6666667%; }
.small-nine.columns		{ width: 74%;          }
.small-ten.columns		{ width: 82.3333333%; }
.small-eleven.columns	{ width: 90.6666667%; }
.small-twelve.columns	{ width: 99%; margin-left: 0; }

.small-one.column.no-margin,
.small-one.columns.no-margin	{ width: 8.3333333%; }
.small-two.columns.no-margin	{ width: 16.6666666%; }
.small-three.columns.no-margin	{ width: 25%;            }
.small-four.columns.no-margin	{ width: 33.3333333%; }
.small-five.columns.no-margin	{ width: 41.6666667%; }
.small-six.columns.no-margin	{ width: 50%;            }
.small-seven.columns.no-margin	{ width: 58.3333333%; }
.small-eight.columns.no-margin	{ width: 66.6666667%; }
.small-nine.columns.no-margin	{ width: 75%;          }
.small-ten.columns.no-margin	{ width: 83.3333333%; }
.small-eleven.columns.no-margin	{ width: 91.6666667%; }
.small-twelve.columns.no-margin	{ width: 100%; margin-left: 0; }
}
@media (min-width: 320px) and (max-width: 639px) {
.hide-small {display:none !important;}
}

/* medium displays */
@media (min-width: 640px) {
.sizer:before {	
	content:"medium displays";
}
.medium-one.column,
.medium-one.columns	{ width: 7.3333333%; }
.medium-two.columns	{ width: 15.6666666%; }
.medium-three.columns	{ width: 24%;            }
.medium-four.columns	{ width: 32.3333333%; }
.medium-five.columns	{ width: 40.6666667%; }
.medium-six.columns	{ width: 49%;            }
.medium-seven.columns	{ width: 57.3333333%; }
.medium-eight.columns	{ width: 65.6666667%; }
.medium-nine.columns	{ width: 74%;          }
.medium-ten.columns	{ width: 82.3333333%; }
.medium-eleven.columns	{ width: 90.6666667%; }
.medium-twelve.columns	{ width: 99%; margin-left: 0; }

.medium-one.column.no-margin,
.medium-one.columns.no-margin	{ width: 8.3333333%; }
.medium-two.columns.no-margin	{ width: 16.6666666%; }
.medium-three.columns.no-margin	{ width: 25%;            }
.medium-four.columns.no-margin	{ width: 33.3333333%; }
.medium-five.columns.no-margin	{ width: 41.6666667%; }
.medium-six.columns.no-margin	{ width: 50%;            }
.medium-seven.columns.no-margin	{ width: 58.3333333%; }
.medium-eight.columns.no-margin	{ width: 66.6666667%; }
.medium-nine.columns.no-margin	{ width: 75%;          }
.medium-ten.columns.no-margin	{ width: 83.3333333%; }
.medium-eleven.columns.no-margin{ width: 91.6666667%; }
.medium-twelve.columns.no-margin{ width: 100%; margin-left: 0; }
.hide-small {display:auto;}
}
@media (min-width: 640px) and (max-width: 759px) {
.hide-medium {display:none !important;}
}
@media (min-width: 640px) {
.hide-medium-up {display:none !important;}
}
@media (max-width: 759px) {
.hide-medium-down {display:none !important;}
}

/* medium displays (also point when grid becomes active) */
/*@media (min-width: 640px) {*/

/* breakpoint for navi */
/* prelarge */
@media (min-width: 760px) {
.sizer:before {	
	content:"prelarge displays";
}
.container {
	top:96px;
}
.slicknav_menu {
	display:none !important;
}
#menu {
	display:inline-block !important;
	width:100%;
}
.border-top-prelarge {
	border-top:1px solid #000;
}
.prelarge-one.column,
.prelarge-one.columns		{ width: 7.3333333%; }
.prelarge-two.columns		{ width: 15.6666666%; }
.prelarge-three.columns		{ width: 24%;            }
.prelarge-four.columns		{ width: 32.3333333%; }
.prelarge-five.columns		{ width: 40.6666667%; }
.prelarge-six.columns		{ width: 49%;            }
.prelarge-seven.columns		{ width: 57.3333333%; }
.prelarge-eight.columns		{ width: 65.6666667%; }
.prelarge-nine.columns		{ width: 74%;          }
.prelarge-ten.columns		{ width: 81.3333333%; }
.prelarge-eleven.columns	{ width: 90.6666667%; }
.prelarge-twelve.columns	{ width: 99%; margin-left: 0; }

.prelarge-one.column.no-margin,
.prelarge-one.columns.no-margin		{ width: 8.3333333%; }
.prelarge-two.columns.no-margin		{ width: 16.6666666%; }
.prelarge-three.columns.no-margin	{ width: 25%;            }
.prelarge-four.columns.no-margin	{ width: 33.3333333%; }
.prelarge-five.columns.no-margin	{ width: 41.6666667%; }
.prelarge-six.columns.no-margin		{ width: 50%;            }
.prelarge-seven.columns.no-margin	{ width: 58.3333333%; }
.prelarge-eight.columns.no-margin	{ width: 66.6666667%; }
.prelarge-nine.columns.no-margin	{ width: 75%;          }
.prelarge-ten.columns.no-margin		{ width: 83.3333333%; }
.prelarge-eleven.columns.no-margin	{ width: 91.6666667%; }
.prelarge-twelve.columns.no-margin	{ width: 100%; margin-left: 0; }
}
@media (min-width: 760px) and (max-width: 1023px) {
.hide-prelarge {display:none !important;}
}
@media (min-width: 760px) {
.hide-prelarge-up {display:none !important;}
}
@media (max-width: 1023px) {
.hide-prelarge-down {display:none !important;}
}

/* large displays */
@media (min-width: 1024px) {
.sizer:before {	
	content:"large displays";
}
.large-one.column,
.large-one.columns		{ width: 7.3333333%; }
.large-two.columns		{ width: 15.6666666%; }
.large-three.columns	{ width: 24%;            }
.large-four.columns		{ width: 32.3333333%; }
.large-five.columns		{ width: 40.6666667%; }
.large-six.columns		{ width: 49%;            }
.large-seven.columns	{ width: 57.3333333%; }
.large-eight.columns	{ width: 65.6666667%; }
.large-nine.columns		{ width: 74%;          }
.large-ten.columns		{ width: 82.3333333%; }
.large-eleven.columns	{ width: 90.6666667%; }
.large-twelve.columns	{ width: 99%; margin-left: 0; }

.large-one.column.no-margin,
.large-one.columns.no-margin		{ width: 8.3333333%; }
.large-two.columns.no-margin		{ width: 16.6666666%; }
.large-three.columns.no-margin		{ width: 25%;            }
.large-four.columns.no-margin		{ width: 33.3333333%; }
.large-five.columns.no-margin		{ width: 41.6666667%; }
.large-six.columns.no-margin		{ width: 50%;            }
.large-seven.columns.no-margin		{ width: 58.3333333%; }
.large-eight.columns.no-margin		{ width: 66.6666667%; }
.large-nine.columns.no-margin		{ width: 75%;          }
.large-ten.columns.no-margin		{ width: 83.3333333%; }
.large-eleven.columns.no-margin	{ width: 91.6666667%; }
.large-twelve.columns.no-margin	{ width: 100%; margin-left: 0; }
}
@media (min-width: 1024px) and (max-width: 1439px) {
.hide-large {display:none !important;}
}
@media (min-width: 1024px) {
.hide-large-up {display:none !important;}
}
@media (max-width: 1439px) {
.hide-large-down {display:none !important;}
}

/* xlarge displays */
@media (min-width: 1440px) {
.sizer:before {	
	content:"xlarge displays";
}
.xlarge-one.column,
.xlarge-one.columns		{ width: 7.3333333%; }
.xlarge-two.columns		{ width: 15.6666666%; }
.xlarge-three.columns	{ width: 24%;            }
.xlarge-four.columns	{ width: 32.3333333%; }
.xlarge-five.columns	{ width: 40.6666667%; }
.xlarge-six.columns		{ width: 49%;            }
.xlarge-seven.columns	{ width: 57.3333333%; }
.xlarge-eight.columns	{ width: 65.6666667%; }
.xlarge-nine.columns	{ width: 74%;          }
.xlarge-ten.columns		{ width: 82.3333333%; }
.xlarge-eleven.columns	{ width: 90.6666667%; }
.xlarge-twelve.columns	{ width: 99%; }

.xlarge-one.column.no-margin,
.xlarge-one.columns.no-margin		{ width: 8.3333333%; }
.xlarge-two.columns.no-margin		{ width: 16.6666666%; }
.xlarge-three.columns.no-margin		{ width: 25%;            }
.xlarge-four.columns.no-margin		{ width: 33.3333333%; }
.xlarge-five.columns.no-margin		{ width: 41.6666667%; }
.xlarge-six.columns.no-margin		{ width: 50%;            }
.xlarge-seven.columns.no-margin		{ width: 58.3333333%; }
.xlarge-eight.columns.no-margin		{ width: 66.6666667%; }
.xlarge-nine.columns.no-margin		{ width: 75%;          }
.xlarge-ten.columns.no-margin		{ width: 83.3333333%; }
.xlarge-eleven.columns.no-margin	{ width: 91.6666667%; }
.xlarge-twelve.columns.no-margin	{ width: 100%; margin-left: 0; }
}
@media (min-width: 1440px) and (max-width: 1919px) {
.hide-xlarge {display:none !important;}
}
@media (min-width: 1440px) {
.hide-xlarge-up {display:none !important;}
}
@media (max-width: 1919px) {
.hide-xlarge-down {display:none !important;}
}

/* xxlarge displays */
@media (min-width: 1920px) {
.sizer:before {	
	content:"xxlarge displays";
}
.xxlarge-one.column,
.xxlarge-one.columns	{ width: 7.3333333%; }
.xxlarge-two.columns	{ width: 15.6666666%; }
.xxlarge-three.columns	{ width: 24%;            }
.xxlarge-four.columns	{ width: 32.3333333%; }
.xxlarge-five.columns	{ width: 40.6666667%; }
.xxlarge-six.columns	{ width: 49%;            }
.xxlarge-seven.columns	{ width: 57.3333333%; }
.xxlarge-eight.columns	{ width: 65.6666667%; }
.xxlarge-nine.columns	{ width: 74%;          }
.xxlarge-ten.columns	{ width: 82.3333333%; }
.xxlarge-eleven.columns	{ width: 90.6666667%; }
.xxlarge-twelve.columns	{ width: 99%; margin-left: 0; }

.xxlarge-one.column.no-margin,
.xxlarge-one.columns.no-margin		{ width: 8.3333333%; }
.xxlarge-two.columns.no-margin		{ width: 16.6666666%; }
.xxlarge-three.columns.no-margin	{ width: 25%;            }
.xxlarge-four.columns.no-margin		{ width: 33.3333333%; }
.xxlarge-five.columns.no-margin		{ width: 41.6666667%; }
.xxlarge-six.columns.no-margin		{ width: 50%;            }
.xxlarge-seven.columns.no-margin	{ width: 58.3333333%; }
.xxlarge-eight.columns.no-margin	{ width: 66.6666667%; }
.xxlarge-nine.columns.no-margin		{ width: 75%;          }
.xxlarge-ten.columns.no-margin		{ width: 83.3333333%; }
.xxlarge-eleven.columns.no-margin	{ width: 91.6666667%; }
.xxlarge-twelve.columns.no-margin	{ width: 100%; margin-left: 0; }
}
@media (min-width: 1920px) {
.hide-xxlarge {display:none !important;}
}


.image-margin {
	margin:1vw;
}

@media (min-width: 640px) {
	.image-margin {
		margin:1.7vw;
	}
}
@media (min-width: 760px) {
	.image-margin {
		margin:1vw;
	}
}

#jobs_copy a.job-link {
	padding-left:30px;
	font-weight:600;
	line-height:45px;
	position:relative;
	display:inline-block;
}

#jobs_copy a svg {
	width:30px;
	height:30px;
	position:absolute;
	left:0px;
	top:7px;
}

#jobs_copy a.button {
	width:30px;
	height:30px;
	padding:0;
	margin:0;
	border-radius:0;
	position:relative;
	border-color:#fff;
}

#jobs_copy a.button svg {
	width:30px;
	height:30px;
	top:0;
}

#jobs_copy a.chevron-up svg {
	transform:rotate(-90deg);
}

#jobs_copy a.chevron-down svg {
	transform:rotate(90deg);
}

#jobs_copy a.add {
	margin:15px;
}

#jobs_copy .bg-red {
	background:rgba(255,0,0,0.5);
}

.jobstoerer {
	position:absolute;
	right:0;
	bottom:0;
	top:0;
	transform:translateX(100%);
	transition: transform .6s ease-out;
}

.jobstoerer a {
	display:flex;
	max-height:100%;
	position:relative;
	height:100%;
	justify-content:end;
	align-items:end;
}

.jobstoerer a img {
	max-height:95%;
	width:auto;
	min-width:unset;
}

.jobstoerer.start {
	transform:translateX(0%);
}

@media (max-width:510px) {
	.jobstoerer {
		max-width:50%;
	}
	
}

.img-container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	pointer-events: none;
	transition:background .6s ease;
}

.img-container.active {
	pointer-events:all;
	background:rgba(0,0,0,0.8);
}

.img-container img {
	height:90%;
	min-height:90%;
	width:90%;
	min-width:90%;
	object-fit:contain;
	/*background:rgba(0,0,0,0.7);*/
}

.full-size {
	flex-shrink: 0;
	flex-grow: 0;
	height: 100%;
	display: none;
}
.full-size.active {
	display: block;
}
.gsap-flip.active {
	visibility: hidden;
}
.gsap-flip, .gsap-flip.flipping {
	visibility: visible;
	object-fit:contain;
}

.gsap-flip.flipping,
.gsap-base.flipping {
	z-index:9999999;
}

.gsap-absolute {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}



body .truendo_container .truendo_panel {
	
}

body .truendo_container .expand-section {
	border-radius:0 !important;
}

body .truendo_container .tru_section_btn_cnt_action .bgr_action .tru_btn_ok--necessary,
body .truendo_container .tru_section_btn_cnt_action .bgr_action .tru_btn_ok {
	border-radius:0 !important;
}

body .truendo_container .truendo_panel .tru_panel-title .tru_title__close__inner {
}

body .truendo_container .tru_overlay {
	background-color:rgba(20,20,20,.35) !important;
	-webkit-backdrop-filter:blur(5px) !important;
	backdrop-filter:blur(5px) !important;
}

.opentable-desktop {
	display:none;
}

@media (min-width:1024px) {
	.opentable-desktop {
		display:block;
	}
	.opentable-mobile {
		display:none;
	}
}