body, html {
    background:url('../../../../../images/variete/vas_sterne.png'), url('../../../../../images/variete/vas_background.png');
    background-repeat:repeat-x,repeat;
    background-position:center 120px, center top;
    height:100%;
}
html {
	color: #fcfcfc;
}
.tm-block-dark {
	background-color: #111C3E;
}

.uk-lightbox-content img {
	border:1px white solid;
}

/* NavBar */

.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  height: 80px;
  padding: 0 15px;
  float: left;
}


.tm-top-block .uk-container {
	background-image:url('../../../../../images/variete/variete_logo.png');
	background-position:right 2px;
	background-repeat:no-repeat;
}

.uk-navbar-toggle:after { /* Bootstrap-Symbol */
	content: "\f0c9\ Menü";
	font-family: FontAwesome;
	vertical-align: middle;
	padding: 0 15px;
	color:rgba(255, 255, 255, 0.6);
}

.uk-navbar {
	background: #111c3e;
	color: #77797a;
	border-top: 1px solid #111c3e;
}
.uk-navbar-nav > li > a {
	color: #809dc2;
	background: #111c3e;
	font-size:16px;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
	background-color: #809dc2;
	color: #ffffff;
}
.uk-navbar-nav > li > a:active {
	color: #ffffff;
}
.uk-navbar-nav > li.uk-active > a {
	color: #ffffff;
}
.uk-navbar-nav > li.uk-active > a:hover {
	color: #ffffff;
}

.uk-navbar .uk-container {
	padding:0;
}


.uk-nav-side > li > a {
  color: rgba(255, 255, 255, 0.6);
}
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
  color: #ffd058;
}
.uk-nav-side > li.uk-active > a {
  color: #ffd058;
}
.uk-nav-side .uk-nav-header {
  color: rgba(255, 255, 255, 0.85);
}
.uk-nav-side ul a {
  color: #809dc2;
}
.uk-nav-side ul a:hover {
  color: #ffd058;
}


.uk-container-center ul.uk-navbar-nav
{
	text-align:center;
}

.uk-navbar-nav {
	float:none;
}

.uk-navbar-nav > li {
    display: inline;
    float:none;
}

.uk-navbar-nav > li > a {
    display:inline-block;
}

#menu-sub-1  > li > a {
	padding:0 20px;
	font-size:17px;
}

#menu-sub-2  > li > a {
	padding:0 16px;
}

.uk-subnav li {
	list-style-type:none;
}

.uk-panel-badge {
	/*right:auto;*/
}
.uk-panel-title {
	color:#ffd058;
}

.uk-nav li > a.display-none { /* Dropdown Menu */
	display:none;
}

.uk-navbar-nav > li > a.display-none { /* Horizontal Menu */
    display: none;
}

.uk-nav-side > li > a.display-none { /* Sidebar Menu */
    display: none;
}

.uk-offcanvas-bar li > a.display-none { /* Bootstrap Menu */
	display:none;
}

/* Page */

/* Desktop and bigger !Muss in theme.css deaktiviert werden. ca. Zeile 7360! */
@media (min-width: 1223px) {
	.uk-visible-small {
	display: none !important;
	}
	.uk-visible-medium {
	display: none !important;
	}
	.uk-hidden-large {
	display: none !important;
	}
	.grid-33-34-33 {
		display:grid;
		grid-template-columns:33% 34% 33%;
	}
	.grid-50-50 {
		display:grid;
		grid-template-columns:50% 50%;
	}
	.grid-33-34-33 h5,
	.grid-50-50 h5 {
		margin-top:0;
	}
}
/* Tablets portrait !Muss in theme.css deaktiviert werden. ca. Zeile 7360! */
@media (min-width: 1221px) and (max-width: 1222px) {
	.uk-visible-small {
	display: none !important;
	}
	.uk-visible-large {
	display: none !important ;
	}
	.uk-hidden-medium {
	display: none !important;
	}
}
/* Phone landscape and smaller !Muss in theme.css deaktiviert werden. ca. Zeile 7360! */
@media (max-width: 1220px) {
	.uk-visible-medium {
		display: none !important;
	}
	.uk-visible-large {
		display: none !important;
	}
	.uk-hidden-small {
		display: none !important;
	}
	a.uk-align-left {
		width:100%;
	}
}
@media (min-width: 960px) {
	.uk-text-right-large {
		text-align:right !important;
	}
	
	.uk-text-left-large {
		text-align:left !important;
	}
}

.uk-article-title {
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

.tm-fullscreen {
	border:0;
}

.tm-page {
	transition:margin-top 500ms ease-in-out;
    margin: 50px auto 35px auto; /* mit jquery auf margin-top:50px in js/custom.js */
}

.tm-main > *:nth-child(n+2) { /* Position Main-Bottom */
    margin-top: 0;
}

.breadcrumbs {
	padding-bottom: 20px;
}
.breadcrumbs a, .breadcrumbs span {
	font-size:0.9em;
}

textarea {
	height:100px;
}

.form-actions {
	background:none;
	margin-top:-48px;
}

.uk-pagination > li > a, .uk-pagination > li > a:hover, .uk-pagination > li > a:focus {
	background:none;
}

.tm-block {
	padding:10px 0 30px 0;
}
.tm-bottom {
	padding-top:60px;
}
.uk-text-xlarge {
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
}
.uk-text-xxlarge {
  font-size: 28px;
  line-height: 32px;
  font-weight: normal;
}
.uk-text-inaktiv {
	opacity:0.4;
}


/* Kontaktfomular */
.well {
	background:none;
	border:none;
}

legend {
	color:#fff;
}


.feet_hauptsponsoren_div {
	padding-top:0;
	text-align:center
}
.feet_hauptsponsoren_div img {
	 margin-left:18px; 
	 margin-right:18px; 
	 vertical-align:middle;
}
.feet_normalsponsoren_div {
	padding-top:15px;
	text-align:center
}
.feet_normalsponsoren_div img {
	 margin:5px 15px;
	 vertical-align:middle;
}

.preise {
	 width:125px; 
	 float:left; 
	 margin-top:25px; 
	 margin-bottom:25px;
}

.tickets_div {
	padding:0 10px 50px 0;
}

.tickets {
	 width:80%; 
	 padding:10px;
	 float:none; 
	 margin:25px 0 1px 0; 
	 text-align:center;
	 cursor:pointer;
	 border:1px #19295b solid;
	 border-radius:5px;
	 display:block;
	 box-shadow:0 0 3px #ffd058;
	 background-color:#19295b;
}
.tickets:hover {
	 box-shadow:0 0 6px #ffd058;
	 background-color:#0d152e;
}

.partner_cards {
	padding-top:250px;
}

.gutschein_update_div {
	height:540px;
	overflow:auto;
}

.uk-article .directions {
	background-color:#fff;
}

.text_gelb {
	color:#ffd058;
	font-weight:bold;
}
.text_magenta {
	color:#e2007a;
	font-weight:bold;
}
.text_orange {
	color:#cc6600;
	font-weight:bold;
}
.text_blau {
	color:#809dc2;
	font-weight:bold;
}
.text_rot {
	color:#ff0000;
	font-weight:bold;
}
.text_gruen {
	color:#00cc00;
	font-weight:bold;
}
.text_klein_gelb {
	color:#ffd058;
	font-size:0.8em;
}
.text_klein {
	color:#cccccc;
	font-size:0.8em;
}
.text_kleiner {
	font-size:0.9em;
}

.infos-anfordern {
	opacity:0.9;
	transition:all 0.3s;
}
.infos-anfordern:hover {
	opacity:1;
	transform: rotate(15deg);
}

/* Footer */
.tm-footer {
  color: #ffffff;
}
.tm-footer a:not([class]) {
  color: #ffffff !important;
}
.tm-footer a:not([class]):hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
.tm-footer p {
	margin:0;
}



a, .uk-link {
	color: #ddd197;
	text-decoration: none;
	cursor: pointer;
}
a:hover, .uk-link:hover, a:active, .uk-link:active {
	color: #ffd058;
	text-decoration: none;
}
a.text_inherit { /*versteckte Links Gutschein & Theke */
	cursor:text;
	color:inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffd058;
}

h1,
.uk-h1 {
  font-size: 32px;
  line-height: 48px;
}
h2,
.uk-h2 {
  font-size: 26px;
  line-height: 40px;
}
h3,
.uk-h3 {
  font-size: 18px;
  line-height: 34px;
}
h4,
.uk-h4 {
  font-size: 16px;
  line-height: 25px;
}
h5,
.uk-h5 {
  font-size: 14px;
  line-height: 24px;
}
h6,
.uk-h6 {
  font-size: 14px;
  line-height: 21px;
}

.uk-box-black {
	background-color:rgba(0,0,0,0.3);
	padding:50px 20px;
	margin-bottom:50px !important;
}
.uk-panel-header .uk-panel-title {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    color:#ff0000;
    font-size:27px;
}

/* Modifier: 'CookieHint'
 ========================================================================== */
#redim-cookiehint {
	overflow-y:auto;
	font-family:Arial, Helvetica, sans-serif;
    box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);
    max-width: 600px;
}
@media (max-width:768px) {
	#redim-cookiehint {
	    max-height:500px;
	}
}

#redim-cookiehint .cookiebuttons .btn,#redim-cookiehint .cookiebuttons button {
	font-size: 18px;
	line-height: 24px;
	cursor: pointer;
	display: block;
	padding: 12px 8px !important;;
	text-align: center;
	width: 90%;
	margin:0 auto 15px auto;
}

/* ========================================================================== */