/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font: 14px "Open Sans", Arial, sans-serif;
    color: #4d4d4d;
    line-height: 18pt;
    background-color: #fff;
}

body .page main a,
.rp07_cookiebanner_widget_overlay a{
    color: #e2001a;
}

body .page main a:hover,
.rp07_cookiebanner_widget_overlay a:hover{
    color: #A30013;
}

body .page main .os-start-link a{
    color: #fff;
}

body .page main .os-start-link a:hover{
    color: #fff;
}

.container .table-responsive .table-striped tr{
    background-color: #00000077;
}

.container .table-responsive .table-striped tr:hover{
    background-color: #00000055;
}

.container .text-muted{
    color: #c0c0c0;
}

.container .form-control{
    background: #111;
    color: white;
    border: 1px solid #555;
}

.container .form-control:focus{
    color: white;
    background: #333;
    border-color: #e2001a;
    box-shadow: 0 0 0 .2rem #e2001a33;
}

.os-site-default-color{color:#e2001a !important}
.os-default-button{ 
    font-weight: 400;
    font-size: 14px;
    border-radius: 0.5rem;
    color: #fff;
    padding: .2rem .75rem;
    background: #ce0317;
    background: -moz-linear-gradient(top, #ce0317 0%, #b90317 100%);
    background: -webkit-linear-gradient(top, #ce0317 0%,#b90317 100%);
    background: linear-gradient(to bottom, #ce0317 0%, #b90317 100%);
}
.os-stern-color{color:red;}
.os-img-res{width:100%;display:block;}
hr.os-divider{border-top: 2px solid #e2001a;}
h1{margin-bottom: 0.8rem;font-size:1.4rem;font-weight: 600;}

/*Header*/
.os-header{
    position: relative;
    background-color: black;
}
.os-nav nav{background: linear-gradient(to bottom, #e2001a 0%, #ca0018 100%);color:#fff;}
.os-nav nav ul{width:100%; text-align: center}
.navbar-dark .navbar-nav .nav-link {color: #fff;}
.nav-item{font-size:1.2em;font-weight: 600;}
li.active {
    background-color: #B80016;
}
h2{font-size:1.4rem;}
@media (min-width: 768px){
    .os-nav{position: absolute;top:20px;z-index:999;width:100%}    
}
/*END Header*/

body .page{
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    background: black;
}

main{
    flex-grow: 1;

    background: url(../images/GoodLuck_Pattern.jpg) repeat;
    padding: 4rem 0 1rem 0;
    color: white;
    background-size: 802px;
    background-position: center;
}

#map_canvas.gm-cookie-not-set {
	display: flex;
	align-items: center;
	font-size: .93em;
	padding: 1rem;
	text-align: center;

    background: #111;
    border: 1px solid #333;
    color: white;
}
#map_canvas.gm-cookie-not-set > * {
	max-width: 850px;
	margin: 0 auto;
}
#map_canvas + .gm-hide-map {
	cursor: pointer;
	display: block;
	font-size: .8em;
	text-align: right;
}
#map_canvas.gm-cookie-not-set + .gm-hide-map {
	display: none;
}

#map_canvas.os-big-map{height:400px;width:100%;}
#map_canvas.os-small-map{height:300px;width:100%;margin-top:10px;}
@media (min-width: 576px){
    #map_canvas.os-small-map{height:100%;width:100%;margin-top:0;}
    #map_canvas.gm-cookie-not-set{padding:3rem;}
}

/*Slide */
/*.os-home-slide{max-width:1400px;margin:0 auto;}*/
.os-page-slide{max-height:400px;overflow: hidden}
@media only screen and (min-width: 1636px){
    .slick-slider .slick-list:before{
        content: "";
        width: 100%;
        height: 200%;
        position: absolute;
        left: 0;
        top: -50%;
        box-shadow: inset 0px 0px 35px 50px black;
        z-index: 1;
        pointer-events: none;
    }
}
.slick-dotted.slick-slider {
    margin-bottom: 0; 
}
.slick-dots{
    bottom:-25px;
    z-index:9999;
}
.slick-dots li button:before {
    font-size:12px;
    color: #e2001a;
    opacity: 0.3;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #e2001a;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:9999;
}
.slick-prev{left:15px;}
.slick-next{right:25px;}
.slick-prev::before ,.slick-next::before{
    content:'';
    display:block;
    width:30px;
    height:50px;
    background-repeat: no-repeat;
}
.slick-prev::before { 
    background-size: contain;
    background-image: url("prev.png");
}
.slick-next::before {
    background-size: contain;
    background-image: url("next.png");
}

/*END Slide */

.slick_slide_button{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* JOB WIDGET */
.job_widget h1{
    color: #e2001a;
    font-weight: 900;
    margin-bottom: 0.5em;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.job_widget h2{
    font-weight: 800;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.job_widget h3{
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.job_widget .single_job_listing{
    border-width: 2px 0;
    border-color: #e2001a;
    border-style: solid;
    padding: 2rem 0;
    margin: 4rem 0 4rem 0;
}

.job_widget .single_job_listing .single_job{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
}

.job_widget .single_job_listing .single_job .single_job_information > div:not(:last-child){
    margin-bottom: 2rem;
}

.job_widget .single_job_listing .single_job .single_job_information ul{
    list-style-type: none;
    padding: 0;
}

.job_widget .single_job_listing .single_job .single_job_information .icon_text{
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
}

.job_widget .single_job_listing .single_job .single_job_information .icon_text svg{
    width: 30px;
}

@media only screen and (min-width: 768px){
    .job_widget h1{
        font-size: 3rem;
    }

    .job_widget h2{
        font-size: 1.8rem;
    }

    .job_widget .single_job_listing .single_job{
        display: grid;
        grid-template-columns: 1fr 40%;
        grid-gap: 4rem;
    }
}

@media only screen and (min-width: 1025px){
    .job_widget h1{
        font-size: 5rem;
        letter-spacing: -5px;
    }

    .job_widget h2{
        font-size: 2rem;
        margin-bottom: 4rem;
    }

    .job_widget h3{
        margin-bottom: 2rem;
    }

    .job_widget .single_job_listing{
        padding: 4rem 0;
        margin: 8rem 0 4rem 0;
    }

    .job_widget .single_job_listing .single_job{
        display: grid;
        grid-template-columns: 1fr 33%;
        grid-gap: 8rem;
    }

    .job_widget .single_job_listing .single_job .single_job_information > div:not(:last-child){
        margin-bottom: 4rem;
    }
}
/* JOB WIDGET */

.youtube_embed{
    padding-bottom: 56.75%;
    height: 0;
    position: relative;
    z-index: 1;
}
.youtube_embed iframe{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.youtube_cookie_overlay{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: opacity 0.2s ease;
}

.youtube_cookie_overlay.hidden{
    pointer-events: none;
    opacity: 0;
}

.youtube_cookie_overlay .overlay_img{
    background: url('/goldennugget/youtubeoverlay.jpg');
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: brightness(0.25);
    z-index: -1;
}

.youtube_cookie_overlay .overlay_text{
    display: flex;
    flex-flow: column;
    max-width: 600px;
    padding: 0.5rem;
    color: white;
    margin: auto;
    font-size: 0.8rem;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    gap: 1rem;
}

.youtube_cookie_overlay .overlay_text > div{
    display: flex;
    flex-flow: row;
    gap: 1rem;
}

.youtube_cookie_overlay .overlay_text a,
.youtube_cookie_overlay .overlay_text button,
.red_button_primary{
    border: 2px solid #e2001a;
    background-color: #e2001a;
    color: white;
    padding: 4px 8px;
    display: inline-block;
    font-weight: 600;
}

.slick_slide_button.red_button_primary{
    padding: 0px 8px;
}

.youtube_cookie_overlay .overlay_text a:hover,
.youtube_cookie_overlay .overlay_text button:hover,
.red_button_primary:hover{
    background-color: #ff001e;
    border: 2px solid #ff001e;
    text-decoration: none;
    cursor: pointer;
    color: white;
}

.head_div{
    text-align: left;
    margin-bottom: 2rem;
}

.grid3_horizontal {
    width: 100%;
    display: grid;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem 4rem;
    margin: 4rem 0;
}

.grid3_vertical {
    display: contents;
    gap: 2rem;
}

@media only screen and (max-width: 900px) {
    .grid3_horizontal {
        grid-template-columns: 1fr;
        margin: 0;
    }
    .grid3_vertical{
        /* margin: 2rem 0; */
        gap: 1rem;
    }

    .grid3_vertical > *:nth-child(1){
        order: 1;
        margin-bottom: 1rem;
    }
    .grid3_vertical > *:nth-child(2){
        order: 2;
        margin-bottom: 1rem;
    }
    .grid3_vertical > *:nth-child(3){
        order: 3;
        margin-bottom: 1rem;
    }

    .image_walzen{
        margin-bottom: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .youtube_cookie_overlay .overlay_text{
        font-size: 1.2rem;
        padding: 1rem;
    }

    .youtube_cookie_overlay .overlay_text a, 
    .youtube_cookie_overlay .overlay_text button,
    .red_button_primary{
        padding: 12px 24px;
    }

    .slick_slide_button{
        bottom: 1rem;
    }

    .slick_slide_button.red_button_primary{
        padding: 12px 24px;
    }
   
    .head_div{
        text-align: center;
    }
}

@media only screen and (min-width: 1200px){
    .head_div{
        margin: 4rem 0;
    }

    .grid3_horizontal {
        margin: 8rem 0;
    }
}


/*Footer*/
footer{background-color: #000;}
footer .container{padding-top:10px;padding-bottom: 10px;}
@media (min-width: 576px){
    .os-d-flex{display: ms-flexbox;display:flex;color:#fff;font-size:0.8rem}
}
footer a{color:#fff;}
.os-footer-link {padding-left:10px}
.os-footer-link-wrap:after{
    content:"\2022";
    padding-left:10px;
}
footer .os-d-flex div:last-of-type:after{
    content:"";
    padding-left:0;
}
/*END Footer*/

#ab18::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
#ab18 {
    text-align: center;
    padding: 0 !important;
    background: rgba(255,255,255,0.5);
}
#ab18 .modal-dialog{
    display: inline-block;  
    width: 320px;
}
#ab18 img{width:100%} 
#ab18 .modal-body{padding:0;}
.os-ab18-btn-wrap{position: absolute; left: 50%;bottom:60px}
#ab18Button{
    position: relative;
    left: -50%;
    display:block; 
    font-weight: 300;
    font-size:14px;
    border-radius: 0.5rem;
    border:1px outset #fff;
    color:#fff;   
    padding:.2rem .75rem;
    background: #ce0317; /* Old browsers */
    background: -moz-linear-gradient(top, #ce0317 0%,  #b90317 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ce0317 0%,#b90317 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ce0317 0%, #b90317 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#ab18Button:hover{
    border:1px inset #fff;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.os-blur {
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
}


/*OS-Block*/
.os-start-block{margin-bottom: 2rem;color:#fff;position:relative;}
.os-start-link-img{width:100%;}
.os-start-link-img img{width:100%;}
.os-start-link{background-color: #e30713;color:#fff;padding:3px 15px;}
.os-start-link>a{color:#fff;}
.os-standort-name{
    position:absolute;
    font-size:4vw;
    left: 20px;
    bottom:20px;
}
/*END OS-Block*/

/*Standort*/
.os-spielicon{min-width:65px;}
.standort_wrap{
    margin-bottom: 3rem;
}
.os-standort-info-wrap{margin-bottom: 2rem;}
h2.os-standort-info-title,.os-standort-info-zeit-title{
    font-size:1.2em;
    font-weight: 600;    
}
.os-standort-info-zeit-title{
    display: block;
    margin-bottom: 0.5rem;
}
.os-standort-info-ort,.os-standort-info-zeit{
    padding-top:10px;
}
.os-standort-info-wrap .neu {
	display: block;
	height: 100px;
	margin-top: 10px;
}
@media (min-width: 992px){
    .os-standort-info-ort,.os-standort-info-zeit{
        padding-top:50px;
        padding-left:30px;
    }
    .os-standort-info-ort{
        padding-top:20px;
    }
    .os-standort-info-wrap .neu {
		height: 150px;
		position: absolute;
		left: 50%;
		right: 15px;
		top: 20px;
    }
}
.os-standort-info-icons{
    display: flex;
    flex-wrap: wrap;
}
.os-standort-info-icons > div >img{
      padding-top:8px;
      min-width: 65px;
      width: 65px;
}
.os-standort-info-icons div{   
   flex: 0 0 75px;
}
@media (min-width: 1200px){
    .os-standort-info-icons{
        display:block;
    }
    .os-standort-info-icons div{
        float:left;
        width:6.66666666666667%;
    }
    .os-standort-info-icons > div >img{   
        display:block;
        width:85%;
        margin:auto;
      
    }
}
.os-standort-nav{
    display:flex;
    justify-content:space-between;
}
/*END Standort*/