@charset "UTF-8";
/* CSS Document */

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); 
} 
@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
} 
@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 600; 
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); 
} 

/******************************************************
                       Basics
******************************************************/

body {
	background-color: #151515;
	font-family: 'Open Sans';
}

body h1, h2, h3, h4, p {
	color: #fff;
}
body h2 {
	font-size: 36px;
}
body p {
	font-size: 16px;
	line-height: 2.8;
}
.uk-container-small {        /* Container Breite */
	max-width: 1000px;
}

/* Abstände Bereiche */
#über_uns h2 {
	padding-top: 80px;
}
#datenschutz h2 {
	padding-top: 80px;
}
#events h2 {
	padding-top: 100px;
}
#getränke .img_big {
	margin-bottom: 100px;
}
#datenschutz h2{
	margin-bottom: 46px;
}
#reservierung h2 {
	margin-bottom: 60px;
	padding-top: 100px; 
}
#kontakt h2 {
	padding-top: 60px; 
}
#über_uns, 
#reservierung {
	padding-bottom: 72px;
}
#unterhaltung .unterhaltung_box3 {
	padding-bottom: 160px;
}

/* Inside Button */
.inside_btn {
	position: relative;
	display: inline-block;
	margin-top: 50px;
	left: 32%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.inside_btn a {
	color: #fff;
}
.inside_btn p {
	font-size: 24px;
	line-height: 1.5;
}
.inside_btn .btn_anzeigen {
	font-size: 16px;
}
.inside_btn svg {
	color: #0093E3;
}
.inside_btn a:hover {
	text-decoration: none;
	color: #007CAA;
}
.inside_btn a p:hover {
	color: #007CAA;
}

/* Hover Slide Effekt */
.button_slide {
  color: #FFF;
  border-radius: 0px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
.slide_right:hover {
  box-shadow: inset 400px 0 0 0 #007CAA;
}


/******************************************************
                 Start / Navigation
******************************************************/

/* Navigation */
.uk-navbar-container:not(.uk-navbar-transparent) {
	background: #151515;
}
.uk-navbar-container {
	width: 100%;
}
.uk-navbar {
    position: absolute;
    height: 90px;
    z-index: 9999;
    border-bottom: 1px solid #007CAA;
}
.uk-modal-dialog {
	background-color: #151515;
	margin-top: 50px;
}
.uk-navbar ul {
	margin-top: 12px;
}
.uk-navbar li a {
	font-size: 14px;
	color: #fff;
}
.uk-navbar li a:hover {
	font-size: 14px;
	color: #007CAA;
}

/* Dropdown Nav */
.uk-navbar-nav button {
	border: none;
	color: #fff;
	padding: 0 12px 0 15px;
}
.uk-navbar-nav button:hover {
	color: #007CAA;
}
.uk-navbar button span svg {          /* Dropdown Icon Arrow */
	padding: 0 0 4px 6px;
	width: 20px;
	height: 20px;
}

/* Dropdown Social Media */
.uk-dropdown {
	background-color: #151515;
	border: 1px solid #007CAA;
}
.uk-dropdown svg {
	margin-left: 35px;
}

/* Logo */
#inside_logo {
	margin-top: 24px;
	display: block;
	width: 233px;
	height: 50px;
	background: url(../images/inside-final.svg);
	background-size: 233px 50px;
	background-repeat: no-repeat;
}

/* Offcanvas */
.uk-offcanvas-bar svg {
	color: #007CAA;
}
#inside_navbar,
.inside_offcanvas_button {
	padding-right: 20px;
}
.uk-offcanvas-bar {
	background-color: #151515;
	width: 240px;
}
.uk-offcanvas-bar ul {
	padding-left: 20px;
	padding-top: 42px;
}
.uk-offcanvas-bar li a {
	list-style-type: none;
	text-decoration: none;
	color: #fff;
	line-height: 2.2;
}
.uk-offcanvas-bar  li {
	list-style-type: none;
}
.uk-offcanvas-bar li a:hover {
	text-decoration: none;
	color: #007CAA;
}
.offcanvas_socialmedia {
	margin-left: 56px;
	margin-top: 15px;
}
.uk-offcanvas-bar .uk-margin-top {
	margin-top: 32px!important;
	margin-left: 18px;
}
.uk-offcanvas-bar .uk-button-small {
	padding: 2px 28px 2px 28px;
	font-size: 12px;
}
.uk-offcanvas-bar .uk-inline ul {
	padding-top: 0px;
	padding-left: 15px;
}
.uk-offcanvas-bar .uk-inline ul li {
	padding-bottom: 7px;
}

/* Öffnungszeiten */   /* Handy Offcanvas */
#modal-sections .uk-modal-footer {
	background-color: #151515;
	border-top: none;
}
#modal-sections .uk-modal-header {
	background-color: #151515;
	border-bottom: 1px solid #fff;
}
/* Öffnungszeiten Button Offcanvas */
.uk-offcanvas .uk-inline button {
	border: 1px solid #007CAA;
	background-color: none;
}
.uk-offcanvas .uk-inline button:hover {		/* hover */	
	border: 1px solid #007CAA;
	background-color: #007CAA;
}

/* Cancel Button Modal */
#modal-sections .uk-modal-footer button {
	color: #fff;
	background-color: none;
}
#modal-sections .uk-modal-footer button:hover { /* hover */
	color: #fff;
	background-color: #007CAA;
	border: 1px solid #007CAA;
}

/* Overlay */
.uk-position-center { /* Text overlay */
	width: auto;
	top: 48%;
}
.uk-overlay-primary {
	background: rgba(34,34,34,.5);
}
.uk-overlay p {
	font-size: 128px;
}

/* Scroll Button */
.icon-scrl-dwn {
	width: 80px;
	height: 80px;
    color: #fff;
    left: 48%;
    position: absolute;
    top: 78%;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}
.icon-scrl-dwn:hover {
    color: rgba(60, 65, 70, 1); 
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}
.animated { 
    -webkit-animation-name: bounceIn;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 100;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    
    animation-name: bounceIn;
    animation-duration: 4s;
    animation-iteration-count: 100;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
} 
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 
@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
}   
.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 


/******************************************************
                		Über uns
******************************************************/

#über_uns .uk-container-small { 
	width: 940px;
}
#über_uns article {
	margin-left: auto;
	margin-right: auto;
}
#über_uns .uk-container-small p { 
	font-size: 16pt;      
	line-height: 2.2;
}


/******************************************************
                		Events
******************************************************/

#events .img_big {
    background: url(../images/ueber_uns.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 0px 0 100px 0;
}
#events .uk-container {
	max-width: 1280px;
}
#events .uk-card {
	border: 1px solid #007CAA;
	background-color: #151515;
}
.event_box .uk-card {
	height: 780px;
}
.bday_box .uk-card {
	height: 780px;
}
.bday_box a {
	text-decoration: none; 
}
.bday_box a:hover {
	text-decoration: none;
	color: #007CAA;
}
#events .uk-subnav {
	padding: 51px 0 0 40px;
}
#events h2 {
	text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 1px;
	margin-bottom: 40px;
}
#events h4 {
	color: #414141;
	font-size: 34px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-top: 0px;
}
#events h5 {
	color: #007CAA;
	font-size: 13px;
	letter-spacing: 1px;
	margin-bottom: 0px;
	line-height: 0.9;
}
.uk-subnav>.uk-active>a {
	color: #007CAA;
}


/******************************************************
                		Getränke
******************************************************/

#getränke .img_big {
    background: url(../images/getraenke.jpg);
    height: 35vh;
    background-position: 50% 30%;
    background-repeat: no-repeat;
}
#getränke .inside_btn {
	position: relative;
	display: inline-block;
	margin-top: 50px;
	left: 34%;
	-webkit-transform: translateY(75%);
	-ms-transform: translateY(75%);
	transform: translateY(75%);
}
.uk-modal-header,
.uk-modal-body {
	background-color: #151515; 
}
.uk-modal-header {
	border-bottom: 1px solid #007CAA;
}


/******************************************************
                		Gallerie
******************************************************/

#gallerie .img_big {
    background: url(../images/getraenke.jpg);
    height: 35vh;
    background-position: 50% 30%;
    background-repeat: no-repeat;
}
#gallerie .inside_btn {
 	-webkit-transform: translateY(75%);
	-ms-transform: translateY(75%);
	transform: translateY(75%);
}

/******************************************************
                		Reservierung
******************************************************/
#reservierung .uk-container {
	max-width: 1300px;
}

#reservierung textarea,
#reservierung input {
	background-color: #343434;
	border: 1px solid #007CAA;
	font-size: 14px;
	font-weight: 300;
}
#reservierung form {
	margin-top: 40px;
}
.uk-input, .uk-select:not([multiple]):not([size]) {
	height: 44px;
}
.inside-reservierung, .uk-select:not([multiple]):not([size]) {
	height: 140px;
}
.uk-input, .uk-select, .uk-textarea {
	color: #fff;
}

/* Button */
#reservierung button {
	margin-top: 50px;
	width: 280px;
	height: 48px;
	border-color: #007CAA;
	color: #fff;
	background-color: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
}


/******************************************************
                	Unterhaltung
******************************************************/

.unterhaltung_box1 h3,
.unterhaltung_box3 h3, 
.unterhaltung_box1 p,
.unterhaltung_box3 p {
 	text-align: left;
}
.unterhaltung_box1 h3,
.unterhaltung_box2 h3,
.unterhaltung_box3 h3 {
 	padding-bottom: 8px;
 	margin-top: 15%;
}
.unterhaltung_box2 p,
.unterhaltung_box2 h3 {
	text-align: right;
}
.unterhaltung_box1,
.unterhaltung_box2 {
 	padding-bottom: 90px;
}
.unterhaltung_box1 {
	margin-top: 140px;
}
#unterhaltung img {
	width: 350px;
	height: 350px;
	border: 1px solid #007CAA;
}

#unterhaltung .uk-container-small {
	width: 940px;
}


/******************************************************
               	  Kontakt & Impressum 
******************************************************/

/* Accordion */
#kontakt ul,
#datenschutz ul {
	background-color: transparent;
}
.uk-accordion .accordion-border:first-child {
	border-top: 1px solid #007CAA;
}
.accordion-border {
	border-bottom: 1px solid #007CAA;
	padding: 20px 0 20px;
}
.uk-accordion>:nth-child(n+2) {
	margin-top: 0px;
}
.impressum a,
#datenschutz a {
	color: #fff;
	margin: 0 5px 0 5px;
	font-size: 16px;
}
.impressum a:hover,
#datenschutz a:hover {
	color: #fff;
}
#kontakt ul {
	margin-bottom: 0px;
}
.kontakt1 {
	color: #fff;
}

/* Map Icon */
#kontakt span svg {
	width: 80px;
	height: 80px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 40px;
}
#kontakt span svg:hover {
	color: #007CAA;
}

/******************************************************
               		  Responsive
******************************************************/

/* Nav */
@media(max-width: 1600px) {

	h2 {
		/* color: green;  entfernen */
	}
	.uk-navbar li a {
		font-size: 14px;
	}

}

/* Large */
@media(max-width: 1220px) {

	h2 {
		/* color: blue; */
	}

	/* Unterhaltung */
	.unterhaltung_box2 h3 {
		text-align: left;
	}
	.unterhaltung_box2 p {
		text-align: left;
	}

}

/* Medium */
@media(max-width: 959px) {

	h2 {
		/* color: yellow;  entfernen */
	}
	.uk-container-small {
		max-width: 800px;
	}

	/* Events */
	#events .date {
		font-size: 62px;
	}
	#events .event-title .title {
		font-size: 16px;
		padding-left: 22%;
		-webkit-transform: translateY(-160%);
		transform: translateY(-208%);
	}
	
	/* Unterhaltung */
	#unterhaltung img {
		width: 320px;
		height: 320px;
	}
	.unterhaltung_box2 h3 {
		text-align: left;
	}
	.unterhaltung_box2 p {
		text-align: left;
	}
}

/* Small */
@media(max-width: 767px) {

	body h2 {
		/* color: red; entfernen */
		font-size: 28px;
	}
	h3 {
		font-size: 22px;
	}
	body p {
		font-size: 14px;
	}
	.uk-container-small {
		max-width: 300px;
	}

	/* Abstände Bereiche (Handy) */
	#über_uns h2 {
		padding-top: 45px;
	}
	#über_uns p {
		padding-bottom: 20px;
	}
	#datenschutz h2 {
		padding-top: 45px;
	}
	#events h2 {
		padding-top: 10px;
	}
	#getränke .img_big {
		margin-bottom: 20px;
	}
	#datenschutz h2{
		margin-top: 24px;
		margin-bottom: 22px;
	}
	#reservierung h2 {
		margin-bottom: 48px;
		padding-top: 70px; 
	}
	#kontakt h2 {
		padding-top: 20px; 
	}
	#über_uns, 
	#events .img_big,
	#reservierung {
		padding-bottom: 32px;
	}
	#unterhaltung .unterhaltung_box3 {
		padding-bottom: 100px;
	}

	/* Inside Button */
	.inside_btn a {
		left: 24%;
	}
	.inside_btn p {
		font-size: 16px;
		line-height: 1.2;
	}
	.inside_btn .btn_anzeigen {
		font-size: 12px;
	}
	.inside_btn {
		position: relative;
		display: inline-block;
		margin-top: 0px;
		left: 0%;
		-webkit-transform: translateY(90%);
		-ms-transform: translateY(90%);
		transform: translateY(90%);
	}

	/* Navbar */
	.uk-navbar {
		height: 50px;
	}
	.uk-navbar span svg {
		height: 13px;
		width: 13px;
	}
	.uk-navbar span {
		font-size: 13px;
	}
	.uk-navbar-toggle.uk-open, .uk-navbar-toggle, .uk-navbar-toggle {
		color: #fff;
	}
	.uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {
		color: #007CAA;
	}
	.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
		min-height: auto;
	}
	/* Logo */
	#inside_logo {
		width: 128px;
		height: 30px;
		margin-top: 52px;
		background: url(../images/inside-final.svg);
		background-size: 128px 30px;
		background-repeat: no-repeat;
		float: left;
	}
	#inside_logo_left {     /* Logo Nav Handygröße left */
		width: 124px;
		height: 28px;
		background: url(../images/inside-final.svg);
		background-size: 124px 28px;
		background-repeat: no-repeat;
		float: left;
	}

	/* Home */
	.icon-scrl-dwn {
		width: 40px;
		height: 40px;
	    left: 45%;
	    top: 42%;
	    -webkit-transition: color 0.5s ease-out;
	    -moz-transition: color 0.5s ease-out;
	    -o-transition: color 0.5s ease-out;
	    transition: color 0.5s ease-out;
	}
	.uk-slideshow-items {
		height: 400px;
	}

	/* Über Uns */
	#über_uns .uk-container-small p {
		font-size: 14px;
	}
	#über_uns hr {
		margin-top: 40px;
	}

	/* Getränke */
	.uk-modal-header,
	.uk-modal-dialog {
		background-color: #151515;
	}
	.uk-modal-header {
		border-color: #007CAA;
	}
	#getränke .uk-modal-dialog {
		height: 100%;
	}
	#getränke .inside_btn {
		position: relative;
		display: inline-block;
		margin-top: 0px;
		left: 2%;
		-webkit-transform: translateY(-74%);
		-ms-transform: translateY(-74%);
		transform: translateY(74%);
	}
	#getränke .img_big {
	    background: url(../images/getraenke-test.jpg);
	    height: 24vh;
	    background-position: 10% 10%;
	    background-repeat: no-repeat;
	    margin-bottom: 50px;
	}
	.uk-open>.uk-modal-dialog {
		transform: translateY(20%);
	}

	/* Events */
	#events .img_big {
    	background: none;
    	padding: 40px 0 80px 0;
	}
	.event_box .uk-card {
		height: 580px;
	}
	.bday_box .uk-card {
		height: 730px;
		margin-bottom: 40px;
	}
	.bday_box h2 {
		margin-top: 60px;
	}
	#events h4 {
		font-size: 30px;
	}
	#events .uk-subnav {
		padding: 11px 0 10px 32px;
	}

	/* Unterhaltung */
	#unterhaltung img {
		width: 220px;
		height: 220px;
	}
	#unterhaltung h3 {
		text-align: center;
	}
	#unterhaltung p {
		text-align: center;
		line-height: 2.0;
	}
	.unterhaltung_box1 {
		margin-top: 80px;
	}
	*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
		margin-top: 0px;
	}	
	.unterhaltung_box1 h3, .unterhaltung_box2 h3, .unterhaltung_box3 h3 {
		padding-bottom: 0px;
		padding-top: 20px;
		margin-top: 0%;
	}

	/* Galerie */
	#gallerie .img_big {
		background: url(../images/getraenke-test.jpg);
	    height: 24vh;
	    background-position: 10% 40%;
	    background-repeat: no-repeat;
	}

	/* Reservierung */
	#reservierung form {
		padding: 0 10px 0 10px;
	}
	.uk-input, .uk-select:not([multiple]):not([size]) {    /* Größe Eingbefeld */
		height: 44px;
	}
	#reservierung form div {
		margin-bottom: 14px;
	}
	#reservierung button {
		margin-top: 30px;
		width: 100%;
	}

	/* Kontakt */
	.kontakt1 p {
		line-height: 1.2;
	}

	/* Map Icon */
	#kontakt span svg {
		width: 60px;
		height: 60px;
		color: #fff;
	}
	#kontakt span svg:hover {
		color: #007CAA;
	}

	/* Accordion */
	.impressum a, #datenschutz a {
		font-size: 11px;
	}
	#kontakt h2,
	#datenschutz h2 {
		font-size: 24px;
	}
	.accordion-border {
		padding: 13px 0 13px;
	}
	.uk-accordion-title::before {
		width: 10px;
		height: 9px;
	}

}