/**
/**
 * @package   KK Home Gallery Module
 * @version   1.3.31
 * @build     2020-07-22 @R3D
 * 
 * @created   17.Mai 2019
 * @author    Richard Dvorak, info@r3d.de
 * @copyright Copyright (C) 2019 R3D Internet Dienstleistungen. All rights reserved.
 * @license   GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 */

.uk-breakpoint-xs::before {
  content: '480px' !important;
}
.uk-breakpoint-xm::before {
  content: '768px' !important;
}
.uk-breakpoint-xxl::before {
  content: '1920px' !important;
}
:root {
  --uk-breakpoint-xs: 480px !important;
  --uk-breakpoint-xm: 768px !important;
  --uk-breakpoint-xxl: 1920px;
  --kk-programm-color: #808080;
  --kk-musik-color: #5488d3;
  --kk-buehne-color: #cc1e25;
  --kk-party-color: #551a84;
  --kk-sparten-color: #78c429;
  --kk-highlights-color: #269780;
  --kk-weblog-color: #f28e1e;
  --kk-galerie-color: #2e318d;
}

::-webkit-scrollbar {
  width: 6px;
  cursor: pointer;
}


html {
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 200;
/*  line-height: 1.45; */
  
  color: #666;
  background-size: cover;
  height: 100%;
  background-color: #ededed;
  --lh: 1.45rem;
  line-height: var(--lh);
}
/* preload spinner */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 0; top: 0; }
.kk-spinner {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10011;
  background-color: rgba(237,237,237,0.99);
}

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
  font-family: Oswald, sans-serif; margin: 0; line-height: 1.7;
}
.uk-article div.item-page > div > h4 {
  margin-top: 30px;
}


/* generelles styling mit Schriftklassen */
.fk-robotoslab,
.fk-robotoslab span,
.fk-robotoslab strong,
.fk-robotoslab b,
.fk-robotoslab i,
.fk-robotoslab em,
.fk-robotoslab ol li,
.fk-robotoslab ul li,
.fk-robotoslab blockquote,
.fk-robotoslab sub,
.fk-robotoslab sup,
.fk-robotoslab table  {font-family: 'Roboto Slab' !important}

.fk-robotoslab h1,
.fk-robotoslab .uk-h1,
.fk-robotoslab h2,.uk-h2,
.fk-robotoslab h3,.uk-h3,
.fk-robotoslab h4,.uk-h4,
.fk-robotoslab h5,.uk-h5,
.fk-robotoslab h6,.uk-h6,
.fk-robotoslab .uk-heading-small,
.fk-robotoslab .uk-heading-medium,
.fk-robotoslab .uk-heading-large,
.fk-robotoslab .uk-heading-xlarge,
.fk-robotoslab .uk-heading-2xlarge {font-family: 'Roboto Slab', serif; margin: 0; color: #333; text-transform: none; }

.fk-oswald,
.fk-oswald span,
.fk-oswald b,
.fk-oswald i,
.fk-oswald em,
.fk-oswald ol li,
.fk-oswald ul li,
.fk-oswald blockquote,
.fk-oswald sub,
.fk-oswald sup,
.fk-oswald table {font-family: 'Oswald' !important}

.fk-oswald h1,
.fk-oswald .uk-h1,
.fk-oswald h2,.uk-h2,
.fk-oswald h3,.uk-h3,
.fk-oswald h4,.uk-h4,
.fk-oswald h5,.uk-h5,
.fk-oswald h6,.uk-h6,
.fk-oswald .uk-heading-small,
.fk-oswald .uk-heading-medium,
.fk-oswald .uk-heading-large,
.fk-oswald .uk-heading-xlarge,
.fk-oswald .uk-heading-2xlarge {font-family: Oswald, sans-serif; margin: 0; color: #333; text-transform: none;
}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  font-size: 0.875rem;
  font-family: Oswald, sans-serif;
  text-decoration: none;
  color:#cc1e25;
}
.uk-slidenav {
  /*background-color: rgba(102, 102, 102, 0.1);*/
  padding: 5px 6px;
  margin-left: 3px;
}


/* global class to HIDE things from view, can be set in JCE editor */
.versteckt {display: none}

.bogus-background {
  background-origin: top right;
  background-repeat: repeat-x;

}
.uk-container {
  max-width: 100%;  /* calc(100% - 300px);-220px left and 80px right */
  padding-left: 10px;
  padding-right: 10px;
}

/* richtige schrift in BLOG */
article.uk-article p {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #000;
  max-width: 100%;
  }


/* truncate text */
.truncate-overflow {
  --max-lines: 2;
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
}
.truncate-overflow::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
}
.truncate-overflow::after {
  content: "";
  position: absolute;
  right: 0; /* note: not using bottom */
  width: 0.01rem;
  height: 0.01rem;
  background: transparent;
}

.uk-link, a {
  color: #cc1e25;
  text-decoration: none;
  cursor: pointer;
}

.uk-link-toggle:focus .uk-link,
.uk-link-toggle:hover .uk-link,
.uk-link:hover, a:hover {
  color: #af1116;
  text-decoration: underline;
}



/*
########      #######     ########     ##    ## 
##     ##    ##     ##    ##     ##     ##  ##  
##     ##    ##     ##    ##     ##      ####   
########     ##     ##    ##     ##       ##    
##     ##    ##     ##    ##     ##       ##    
##     ##    ##     ##    ##     ##       ##    
########      #######     ########        ##    
*/
html#uk-offcanvas-page {
  height: 100%;
  width: 100%;
  background-color: #ededed;
}
body {
  width: 100%;
  /*max-width:calc(100% - 18px);
  height: 100%;     // this creates a problem with the navigation left!!! 

  overflow: hidden;
  overflow-y: scroll;*/
  /* padding-right: 18px; Increase/decrease this value for cross-browser compatibility */
  /* box-sizing: content-box; So the width will be 100% + 18px
  scrollbar-width: thin; */
  background-color: transparent;
}

.grecaptcha-badge {display:none !important;}

/* ########### R3D Top Spacer - Anmeldung ########### */
#topspacer {display: block; width: 20px; height: 20px; position: fixed; top:0; left:0; z-index: 100001;}
#topspacer2 {display: block; width: 20px; height: 20px; position: fixed; top:0; right:0; z-index: 100001;}

#topspacer img, #topspacer2 img {padding: 0; margin: 0;}

#topspacer a, #topspacer a:link, #topspacer a:visited,
#topspacer2 a, #topspacer2 a:link, #topspacer2 a:visited {
  text-decoration:none;
  border: 1px solid rgba(255, 255, 255, .00001); 
}
#topspacer a:hover, #topspacer a:active,
#topspacer2 a:hover, #topspacer2 a:active {
  text-decoration:none;
  border: 1px solid rgba(0, 116, 182, .2); 
}


#page-wrapper {
width: 100%;
min-height: 100%;
/*overflow:hidden; */
}

#page-wrapper:after {
content: "";
display: block;
}

.fk-page-content-home {
  /*width:90%;
  max-width: 90%;*/
  margin-left: 30px;
  margin-right: 110px;
  margin-bottom: -108px;
}
.fk-page-content {
  /* max-width: 1920px;
  margin-left: auto;
  margin-right: auto; */
  margin-left: 30px;
  margin-right: 80px;
  margin-bottom: 0px !important;
}
div[class^="fk-page-content"]::-webkit-scrollbar {
  display: none;
}

#page-footer, #page-wrapper:after {
height: 108px;
}
#page-footer {
background-color: #000;
}



/*
##    ##       ###       ##     ##    ########        ###       ########  
###   ##      ## ##      ##     ##    ##     ##      ## ##      ##     ## 
####  ##     ##   ##     ##     ##    ##     ##     ##   ##     ##     ## 
## ## ##    ##     ##    ##     ##    ########     ##     ##    ########  
##  ####    #########     ##   ##     ##     ##    #########    ##   ##   
##   ###    ##     ##      ## ##      ##     ##    ##     ##    ##    ##  
##    ##    ##     ##       ###       ########     ##     ##    ##     ## 
*/


/* ANGLED top */
.fk-skewy {
 /* background-color: rgba(44, 44, 44, 0.033);
  width: 100%;
  height:800px;
  border: 1px solid #fff;*/
  transform: skewY(-4.6deg);
  z-index: 2; 
}
.fk-skewy-rev {
  /*margin-top: 40px;*/
  /*margin-bottom: -40px;*/
  transform: skewY(4.6deg);
}

div.fk-skewy-rev,
div.fk-skewy-rev .uk-card,
div.fk-skewy-rev .uk-card .kk-overlay.uk-overlay.uk-overlay-default,
div.fk-skewy-rev .uk-card .kk-cover-container,
div.fk-skewy-rev .uk-card .kk-cover-container div.kk-square-container,
div.fk-skewy-rev .uk-card .kk-cover-container div.kk-square-container div.kk-square-content,
div.fk-skewy-rev .uk-card .kk-cover-container div.kk-square-container div.kk-square-content div.uk-inline-clip.uk-transition-toggle,
div.fk-skewy-rev .uk-card .kk-cover-container div.kk-square-container div.kk-square-content div.uk-inline-clip.uk-transition-toggle a div.uk-card {
  /* try to remopve flicker and oversharpness */
/*
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
*/
filter: blur(0);
-webkit-filter: blur(0);
image-rendering: auto;
}

#navbottom-image {
  display:block; 
  position:fixed; z-index: 1; 
  width:100%; 
  height:98px; 
  background-image:url(../images/bg/bg-top-edge-grey-straight2.png);
  background-repeat: repeat-x; 
  background-position: 0% 100%;
  margin-top: 66px;
  transform: skewY(-4.6deg);
}

#header {
  height:140px;
}
#navback {
  background-image: url("data:image/svg+xml;utf8,<svg id='SVG_bg_1200x140' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1200px' height='140px' viewBox='0 0 1200 140' enable-background='new 0 0 1200 140' xml:space='preserve'><polygon fill='#FFFFFF' points='1200,0 0,140 0,0 1200,0'/></svg>");
  height: 140px; 
  background-position: right top; 
  background-repeat: no-repeat;
}
.uk-navbar.fk-navbar {
  width:calc(100%-90px);
  height: 115px;
  padding: 0 30px 0 30px;
}






/* ###### RIGHTNAV - TOGGLE ICON ##### */
.uk-navbar-toggle {
  margin: 0 0 0 0;
}
.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    min-height: 33px;
    padding: 0;
}
.uk-navbar-toggle-icon {
  color: #cc1e25;
  opacity: 1;
}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle.uk-open,
svg.toggle:hover #toggle-line {
  color: #cc1e25;
  stroke-width: 5.4;
  fill: #cc1e25;
  transition: stroke-width 0.2s ease-in;
}

.uk-navbar-right a.uk-navbar-toggle.uk-navbar-toggle-icon.uk-icon {
    width: 44px;
}




/* #############   Galerie Navbar Top ########## */
#footernavbar {
  width: 100%;
  height: 45px;
  overflow: hidden;
  border-top: 2px solid #DEDEDE;
}
#footernavbar nav.uk-navbar-container.uk-navbar {
  width: 100%;
  height: 45px;
  overflow: hidden;
}
.neues-album #page-wrapper #navbottom-image {
  margin-top: 60px;
}
#footernavbar nav .uk-nav-primary > li > a {
    font-size: 21px;
    line-height: 21px;
    color: #000;
    text-transform: uppercase;
}

/*LOGIN FORM */
#login form,
#login-form {
  margin: 45px 45px;
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
}
#login form {
  width: 182px;
  margin: 0;
}
#login .controls,
#login-form .controls {
  height: 35px;
}
#login .controls label,
#login-form .controls label {
  width: 120px;
  height: 35px;
  display: inline-block;
  
}
#login .controls input,
#login-form .controls input.input-small {
  width: 143px;
  height: 25px;
  border: 1px solid #999;
  padding: 0px 4px;
}
#login .controls button.btn.btn-primary,
#login-form .controls button.btn.btn-primary.login-button {
  margin: 15px 0 15px 123px;
  font-size: 18px;
  font-family: 'Roboto Slab';
  padding: 0px 30px;
}
#login .controls button.btn.btn-primary {
  margin: 0px;
  width: 150px;
}
#login ul.nav {
  margin-left:15px;
  padding-left: 0;
}


/* ############# Top of Page PLUGIN ########## */
#plg_system_topofthepage {
  bottom:45px !important;
  background-color: transparent !important;
  background-image: url(../../../images/nachoben.png);
  background-repeat: no-repeat;
  width:53px !important;
  height: 34px !important;
  margin-right: 30px !important;
  z-index:10001 !important;
  border: 0px !important;
  padding: 0px !important;
} 
#plg_system_topofthepage:hover {
  background-image: url(../../../images/nachoben-hover.png);
}

#home #plg_system_topofthepage {
  bottom:150px !important;
  z-index:1000001 !important;
} 

/* ############# Frontend SEO Plugin ########## */
#easyfrontendseo_lightbox_button_1 {
  top: 90px;
  right: 0px;
}






/*
##      ##    ########    ########     ##           #######      ######   
##  ##  ##    ##          ##     ##    ##          ##     ##    ##    ##  
##  ##  ##    ##          ##     ##    ##          ##     ##    ##        
##  ##  ##    ######      ########     ##          ##     ##    ##   #### 
##  ##  ##    ##          ##     ##    ##          ##     ##    ##    ##  
##  ##  ##    ##          ##     ##    ##          ##     ##    ##    ##  
 ###  ###     ########    ########     ########     #######      ######   
*/

#SubPageContainer > div.uk-section { padding-top: 0px;padding-right: 10px;}

.weblog-seite .items-row {
  padding-top: 33px;
}
/* border-bottom post */
.weblog-seite .items-row div.uk-width-expand\@s.uk-card {
  padding-bottom: 12px;
  border-bottom: 2px solid #f28e1e;
}

.item-page.weblog-seite  div.uk-width-5-6.uk-card {
  border-bottom: none;
}

.weblog-seite .uk-flex .uk-width-1-6.uk-card {
  min-width: 177px;
  /*background-color: blue;*/
}
.weblog-seite .uk-flex .uk-width-5-6.uk-card {
  width: calc(100% - 220px);
  /*background-color: red;*/
}
/* orangener Page Header Weblog und News & Blog */
.weblog-seite div.page-header h1 {
  font-family: Oswald;
  color: #f28e1e;
  font-size: 35px;
  line-height: 35px;
  font-weight: 500;
  text-align: center;
  margin-left: 152px;
  margin-bottom:8px;
  text-transform: uppercase;
}
.weblog-seite h2 {
  font-family: Oswald;
  color: #f28e1e;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  margin-left: 152px;
}

/* Beitragselemente */
.weblog.datum {
  font-family: Oswald;
  color: #000000;
  font-size: 19px;
  line-height: 19px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 12px;
}
.weblog-seite .uk-width-expand\@s.uk-card h1 > a,
.weblog-seite .uk-width-expand\@s.uk-card h1 {
  font-family: Oswald;
  color: #000000;
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 12px;
  text-decoration: none;
}
.weblog-seite .uk-width-expand\@s.uk-card h4 {
  font-family: Oswald;
  color: #000000;
  font-size: 21px;
  line-height: 21px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 20px;
}
.weblog-seite .uk-width-expand\@s.uk-card h5 {
  font-family: Oswald;
  color: #000000;
  font-size: 17px;
  line-height: 17px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 20px;
}
.weblog-seite .uk-width-expand\@s.uk-card p {
  font-family: 'Roboto Slab';
  color: #000000;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
}

.weblog-seite p.readmore a,
.weblog-seite p.readmore a:link,
.weblog-seite p.readmore a:visited {
  font-family: Oswald;
  font-weight: 300;
  font-size: 21px;
  line-height: 21px;
  color: #f28e1e;
  text-decoration: none;
}
.weblog-seite p.readmore a:hover,
.weblog-seite p.readmore a:active {
  text-decoration: underline;
}

/* linke Spalte */
.weblog-seite .uk-width-1-6\@s .uk-card img {
  box-shadow: -2px -2px 0px 0px rgba(242,142,30,1);
}

.weblog-seite .uk-width-1-6\@s .uk-card p {
  font-family: Oswald;
  color: #f28e1e;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  text-align: left;
  padding-left: 10px;
}
.weblog-seite .uk-width-1-6\@s .uk-card p a,
.weblog-seite .uk-width-1-6\@s .uk-card p a:link,
.weblog-seite .uk-width-1-6\@s .uk-card p a:visited {
  color: #f28e1e;
  text-decoration: none;
}
.weblog-seite .uk-width-1-6\@s .uk-card p a:hover,
.weblog-seite .uk-width-1-6\@s .uk-card p a:active {
  color: #f28e1e;
  text-decoration: underline;
}


/* verstecke alle MINI Bilder bei JCE Popup in weblog LINKS */
.weblog-seite  .uk-weblog > .uk-width-1-6 a.jcepopup:nth-of-type(1n+2) {
  display: none;
}

/* JCE mediabox */
#jcemediabox-popup-content > embed, 
#jcemediabox-popup-content > img, 
#jcemediabox-popup-content > object, 
#jcemediabox-popup-content > video {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-left: -25%;
  padding-left: 50%;
}






/* HOME MODUL WEBLOG */

.moduletable.weblogflash {margin-left: 4px;}
#home .moduletable.weblogflash .uk-card.uk-margin-top.uk-margin-small-right {
  margin-right: 0px !important;
}

.weblogflash .uk-grid,
.weblogflash .fk-skewy.uk-grid > * {
  margin-left: 0px;
}
#home #home-d-galerie .moduletable .fk-skewy.uk-grid {
  margin-left: -6px;
}
.weblogflash .fk-skewy .fk-skewy-rev {
 padding-left: 0px;
}

.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column {
  padding-left: 0px;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

#home .kk-weblog-introtext a.kk-weblog-introlink,

.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-expand\@s .uk-card > h4:nth-child(1),
.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-1-6\@s.uk-card.fk-oswald,
.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-expand\@s .uk-card h5.weblog.datum {
  display: none;
}

.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-expand\@s .uk-card h1 {
font-family: Oswald;
color: #000000;
font-size: 23px !important;
line-height: 26px !important;
font-weight: 400;
text-align: left;
margin-top: 12px !important;
margin-bottom: 12px !important;
text-decoration: none;
}
.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-expand\@s .uk-card h2 {
font-family: Oswald;
color: #000000;
font-size: 23px;
line-height: 26px;
font-weight: 400;
text-align: left;
margin-top: 12px;
margin-bottom: 12px;
text-decoration: none;
}
.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-expand\@s .uk-card h3 {
font-family: Oswald;
color: #000000;
font-size: 18px;
line-height: 18px;
font-weight: 300;
text-align: left;
margin-bottom: 20px;
}
.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-expand\@s .uk-card h4 {
font-family: Oswald;
color: #000000;
font-size: 18px;
line-height: 18px;
font-weight: 300;
text-align: left;
margin-bottom: 20px;
}
.weblogflash .fk-skewy .fk-skewy-rev .uk-first-column > div > div.kk-weblog-introtext > div.uk-weblog > div.uk-width-expand\@s .uk-card p {
font-family: 'Roboto Slab';
color: #000000;
font-size: 15px !important;
line-height: 22px !important;
font-weight: 300;
text-align: left;
margin-bottom: 0px;
}

.kk-weblog-introtext .uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab a.readmore {
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  margin: 0; 
  padding: 225px 0 3px 0 ;
  /* gradient */
  background: -moz-linear-gradient(top,  rgba(237,237,237,0) 0%, rgba(237,237,237,0) 66%, rgba(237,237,237,1) 86%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(237,237,237,0) 0%,rgba(237,237,237,0) 66%,rgba(237,237,237,1) 86%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(237,237,237,0) 0%,rgba(237,237,237,0) 66%,rgba(237,237,237,1) 86%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.kk-weblog-introtext .uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab a.readmore:link,
.kk-weblog-introtext .uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab a.readmore:visited {
    font-family: Oswald;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    color: #f28e1e;
    text-decoration: none;
}
.kk-weblog-introtext .uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab a.readmore:hover {
    text-decoration: none;
    color: #DB0613;
    transition: color .5s;
}
.kk-weblog-introtext .uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab a.readmore::after, 
.kk-weblog-introtext .uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab a.readmore:hover::after {
    width: 100%;
}
.kk-weblog-introtext .uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab a.readmore::after {
    content: '';
    display: block;
    margin-top: 3px;
    width: 0;
    height: 2px;
    background: #DB0613;
    transition: width .5s;
}

.uk-weblog .uk-width-expand\@s.uk-card.fk-robotoslab > a.readmore {
  text-align: left !important;
  display: block;
  height: 19px;
  padding-bottom: 3px;
  margin-top: 12px;
  border-bottom: 2px solid #f28e1e ;
  text-decoration: none;
  background-color: transparent ;
}

/* verstecke bild für vorschau (und leere Links) */
#weblog.weblog .uk-article div.blog div.items-row.cols-1.row-0.row-fluid.clearfix div.span12 .page-header,
#weblog.weblog .uk-article div.blog div.items-row.cols-1.row-0.row-fluid.clearfix div.span12 div.pull-left.item-image,
.weblog-seite .uk-width-1-6\@s a.wfpopup:nth-child(2),
.fk-unterseite .weblog-seite div.pull-left.item-image,
.wf-icon-zoom-link  {
  display: none;
}




/* Text kürzen auf HOME */
body#home .uk-weblog .fk-ellipsis {
  overflow: hidden;
  position: relative; 
  /* use this value to count block height */
  line-height: 22px;
  /* max-height = line-height (22) * lines max number (10)  */
  max-height: 245px; 
  text-align: justify;  
}






/* HOME MODUL WEBLOG */



#home #home-c-weblog .kk-weblog a > h2 {
color: #000;
font-size: 21px;
line-height: 21px;
font-weight: 500;
text-align: left;
margin: 12px 0 0 0;
text-transform: uppercase;
}
#home #home-c-weblog .kk-weblog a > h4 {
color: #000;
font-size: 17px;
line-height: 21px;
font-weight: 500;
text-align: left;
margin: 6px 0 0 0;
text-transform: none;
}
#home #home-c-weblog .kk-weblog a > p {
color: #000;
font-size: 14px;
line-height: 21px;
font-weight: 500;
text-align: left;
margin: 15px 0 0 0;
text-transform: none;
}

#home #home-c-weblog .kk-weblog > .kk-cover-container-card-footer {
  border-bottom: 2px solid #f28e1e;
}
#home #home-c-weblog .kk-weblog .uk-card > .uk-margin-auto {
  max-width: 240px;
}

#home #home-c-weblog .kk-weblog {
  height: 124px;
  max-height: 124px;
  overflow: hidden;
}

#home #home-c-weblog .fk-weblog-link-container::after, 
#home #home-c-weblog .fk-weblog-link-container::before,
#home #home-c-weblog-m .fk-weblog-link-container::after,
#home #home-c-weblog-m .fk-weblog-link-container::before {
  content: "";
  background-color: #f28e1e;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
#home #home-c-weblog .fk-weblog-link-container::after,
#home #home-c-weblog-m .fk-weblog-link-container::after {
  top: 0;
}
#home #home-c-weblog .fk-weblog-link-container::before,
#home #home-c-weblog-m .fk-weblog-link-container::before {
  bottom: 0;
}
#home #home-c-weblog .fk-weblog-link-container:hover::after,
#home #home-c-weblog .fk-weblog-link-container:hover::before,
#home #home-c-weblog-m .fk-weblog-link-container:hover::after,
#home #home-c-weblog-m .fk-weblog-link-container:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

#home #home-c-weblog .fk-weblog-link-container {
  width: 140px;
  max-width:140px;
  height:36px;
  border-top: 2px solid #f28e1e;
  border-bottom: 2px solid #f28e1e; 
  padding: 5px;
  transform: translateX(-25px);
}


#home #home-c-weblog-m .fk-weblog-link-container {
  width: 140px;
  max-width:140px;
  height:30px;
  border-top: 2px solid #f28e1e;
  border-bottom: 2px solid #f28e1e;
  padding: 2px 0 12px 0;
  transform: translateX(-35px);
}
.fk-weblog-link-container a.fk-weblog-link {
  text-decoration:none;
  display: inline-block;
  width: 140px;
}

#home #home-c-weblog   .kk-weblog a.fk-weblog-link h2,
#home #home-c-weblog-m .kk-weblog a.fk-weblog-link h2 {
  font-family: Oswald;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  text-transform:uppercase;
  letter-spacing:1.34px;
  color: #f28e1e;
  padding:6px 0 12px 0; 
  width:auto;
  max-width: 140px;
  white-space: nowrap; 
  margin: 0;
  /*background-color: rgba(137, 138, 138, 0.2); */
}





















/*
##    ## ##    ##         #### ##     ## ########   #######  ########  ######## 
##   ##  ##   ##           ##  ###   ### ##     ## ##     ## ##     ##    ##    
##  ##   ##  ##            ##  #### #### ##     ## ##     ## ##     ##    ##    
#####    #####    #######  ##  ## ### ## ########  ##     ## ########     ##    
##  ##   ##  ##            ##  ##     ## ##        ##     ## ##   ##      ##    
##   ##  ##   ##           ##  ##     ## ##        ##     ## ##    ##     ##    
##    ## ##    ##         #### ##     ## ##         #######  ##     ##    ##    
*/


/* ################################  LEFT PANEL  #########################  */
/*
* + h1, * + .uk-h1, * + h2, * + .uk-h2, * + h3, * + .uk-h3, * + h4, * + .uk-h4, * + h5, * + .uk-h5, * + h6, * + .uk-h6, * + .uk-heading-small, * + .uk-heading-medium, * + .uk-heading-large, * + .uk-heading-xlarge, * + .uk-heading-2xlarge {
    margin-top: 0px;
} */
#ProgrammTotal.fk-page-content {
  max-width: 100%;
}
#alleSparten.fk-page-content .fk-simplebar,
#ProgrammTotal.fk-page-content  .fk-simplebar {
  max-width: 220px !important;
  min-width: 175px !important;
  padding-left: 0px;
}

/* SIMPLEBAR !! */
.uk-width-1-5\@s.fk-simplebar,
.uk-width-1-5\@m.fk-simplebar,
.uk-width-1-5\@l.fk-simplebar, 
.uk-width-1-4\@m.fk-simplebar, 
.uk-width-1-3\@s.fk-simplebar {
  max-width: 220px !important;
  min-width: 175px !important;
}

.fk-page-content #SimplebarContainer.uk-overflow-auto {
  width: 100%;
  height: calc(100vh - 144px);  /* calculate height of container: subtract top header (144px) */
  overflow: auto;
  min-width: 205px;
}
.fk-page-content #SimplebarContainer .simplebar-content {
  padding: 0 0 40px 0 !important;
}


#SubPageContainer div.uk-width-1-5\@s,
#KKpageContainer div.uk-width-1-5.uk-first-column {
  padding-left: 0;
  max-width: 210px;
  min-width: 210px;
}
#SubPageContainer div.uk-section.uk-width-4-5\@s,
#KKpageContainer div.uk-section.uk-width-4-5 {
  padding-left: 0;
  padding-top: 0;
}
#alleSparten #KKpageContainer .uk-article .fk-allesparten-inhalte .uk-visible\@xm .uk-grid .uk-width-expand.fk-oswald {
  padding-right: 3px;
}
#alleSparten #KKpageContainer .uk-article .fk-allesparten-inhalte .uk-visible\@xm .uk-grid .uk-width-expand >.uk-card.uk-align-right {
  margin-left:0px;
}

.uk-ratio-1-1 {
  padding-top: 100%;
}

/* suche im programm */
/* MONAT */
#KKLeftMonth.uk-panel {
  margin-top: 40px;
  margin-left: 30px;
  min-height: 45px;
  font-family: Oswald;
  color: #a6a6a6;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
  width: 100%;
  min-width: 205px;
}
#KKLeftMonth.uk-panel a,
a.pfeil-zurueck {color: #a6a6a6;}
a.pfeil-vor {color: #a6a6a6;}
#KKLeftMonth.uk-panel #monthslider a.kk-month-symbol {
  min-width: 24px;
  min-height: 24px;
}



/* FILTER */
.kk-filter-container form .uk-form-controls label {
  color: #F28B29;
  display: block;
  padding-left: 25px; /* indent wrapped lines  */
  text-indent: -20px; /* indent wrapped lines  */
}

.kk-filter-container form .uk-form-controls label .uk-checkbox {
    border: none;
    min-height: 40px;
    max-height: 40px;
}
#KKLeftFilter.uk-panel {
  margin-top: 0px;
  margin-left: 30px;
  margin-bottom: 20px;
  height: auto;
  font-family: Oswald;
  color: #a6a6a6;
  font-size: 18px;
  font-weight: 200;
  line-height: 20px;
  width: 100%;
  min-width: 205px;
}
#KKLeftFilter.uk-panel #toggle-animation {
  margin-top: 15px;
}
#KKLeftFilter a#fkTrichterLink > h3 {
  font-family: Oswald;
  color: #F28B29;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
}
#KKLeftFilter a#fkTrichterLink{
  color: #F28B29;
  text-decoration: none;
  width: 70%;
  display: inline-block;
}
#KKLeftFilter a#fkTrichterLink > h3 > span#fkTrichter.uk-icon.uk-icon-link {
  color: #F28B29;
}
/* filter reset */
#KKLeftFilter a.kk-filter-reset.uk-icon.uk-close {
  color: #F28B29;
  position: absolute;
  display: inline-block;
  width:22px;
  height: 22px;
  right:6px;
  top:3px;
}
#KKLeftFilter a.kk-filter-reset.uk-icon.uk-close:hover {
  color: #DB0613;
}
#KKLeftFilter a.kk-filter-reset.uk-icon.uk-close svg {
  width: 18px;
  height: 18px;
}


/* ##########  PROGRAMM TOTAL  ##############################*/
.kk-programm {color: #808080 !important;}

/* ##########  BÜHNE  #######################################*/
.kk-buehne {color: #cc1e25 !important;}

/* ##########  PARTY  #######################################*/
.kk-party {color: #551a84 !important;}

/* ##########  WEITERE SPARTEN  #############################*/
.kk-sparten {color: #78c429 !important;}

/* ##########  MUSIK  #######################################*/
.kk-musik {color: #5488d3 !important;}


.kk-musik .uk-flex.kk-musik.intro {
  margin-top: 40px;
}
.kk-musik h2 {
  width: calc(100% - 208px);
}


.kk-musik div.page-header.kk-full-view h1,
.kk-musik div.page-header.kk-list-view h1 {
  font-family: Oswald;
  color: #5488d3;
  font-size: 38px;
  line-height: 38px;
  font-weight: 500;
  text-align: center;
  margin-left: 0px; /* -108px in full view*/
  margin-bottom:28px;
  margin-top: -27px;
  text-transform:uppercase;
}
.page-header.kk-list-view h1 span.uk-icon svg {
  padding-bottom: 4px;
  height: 34px;
  margin-top: -4px;
}
.kk-musik h2 {
  font-family: Oswald;
  color: #5488d3;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  margin-left: 77px;
  margin-bottom: 30px;
}




/* box-shadow TOP RIGHT */
.kk-musik.intro .musik-intro-img {
  -webkit-box-shadow: 3px -3px 0px 0px #5488d3;
  -moz-box-shadow: 3px -3px 0px 0px #5488d3;
  box-shadow: 3px -3px 0px 0px #5488d3;
}
.box-shadow-top-right {
  -webkit-box-shadow: 3px -3px 0px 0px #5488d3;
  -moz-box-shadow: 3px -3px 0px 0px #5488d3;
  box-shadow: 3px -3px 0px 0px #5488d3;
}
.box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #5488d3;
  -moz-box-shadow: -3px -3px 0px 0px #5488d3;
  box-shadow: -3px -3px 0px 0px #5488d3;
}
/* box-shadow TOP RIGHT 
BLAU:         #5488d3     MUSIK, Primary Color
LILA:         #551a84     PARTY
ROT:          #cc1e25     BÜHNE, Danger Background, TEXTLINK (+underline)
HELLGRÜN:     #78c429     MEHR SPARTEN, Success Background
*/
/* MUSIK */
.kk-musik .musik-intro-img,
.uk-visible\@m.uk-hidden\@l .musik-intro-img,
#musik .musik-intro-img {
  -webkit-box-shadow: 3px -3px 0px 0px #5488d3;
  -moz-box-shadow: 3px -3px 0px 0px #5488d3;
  box-shadow: 3px -3px 0px 0px #5488d3;
}

#musik .box-shadow-top-right {
  -webkit-box-shadow: 3px -3px 0px 0px #5488d3;
  -moz-box-shadow: 3px -3px 0px 0px #5488d3;
  box-shadow: 3px -3px 0px 0px #5488d3;
}
#musik .box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #5488d3;
  -moz-box-shadow: -3px -3px 0px 0px #5488d3;
  box-shadow: -3px -3px 0px 0px #5488d3;
}
#musik .kk-trenner {
  border-bottom: 2px solid #5488d3;
}
#musik .kk-trenner > .kk-preis {
  color: #5488d3; 
}
/* PARTY */
.kk-party .musik-intro-img,
#party .musik-intro-img {
  -webkit-box-shadow: 3px -3px 0px 0px #551a84;
  -moz-box-shadow: 3px -3px 0px 0px #551a84;
  box-shadow: 3px -3px 0px 0px #551a84;
}
#party .box-shadow-top-right {
  -webkit-box-shadow: 3px -3px 0px 0px #551a84;
  -moz-box-shadow: 3px -3px 0px 0px #551a84;
  box-shadow: 3px -3px 0px 0px #551a84;
}
#party .box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #551a84;
  -moz-box-shadow: -3px -3px 0px 0px #551a84;
  box-shadow: -3px -3px 0px 0px #551a84;
}
#party .kk-trenner {
  border-bottom: 2px solid #551a84;
}
#party .kk-trenner > .kk-preis {
  color: #551a84; 
}
/* BUEHNE */
.kk-buehne .musik-intro-img,
#buehne .musik-intro-img {
  -webkit-box-shadow: 3px -3px 0px 0px #cc1e25;
  -moz-box-shadow: 3px -3px 0px 0px #cc1e25;
  box-shadow: 3px -3px 0px 0px #cc1e25;
}
#buehne .box-shadow-top-right {
  -webkit-box-shadow: 3px -3px 0px 0px #cc1e25;
  -moz-box-shadow: 3px -3px 0px 0px #cc1e25;
  box-shadow: 3px -3px 0px 0px #cc1e25;
}
#buehne .box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #cc1e25;
  -moz-box-shadow: -3px -3px 0px 0px #cc1e25;
  box-shadow: -3px -3px 0px 0px #cc1e25;
}
#buehne .kk-trenner {
  border-bottom: 2px solid #cc1e25;
}
#buehne .kk-trenner > .kk-preis {
  color: #cc1e25; 
}
/* WEITERE SPARTEN */
.kk-sparten .musik-intro-img,
#sparten .musik-intro-img {
  -webkit-box-shadow: 3px -3px 0px 0px #78c429;
  -moz-box-shadow: 3px -3px 0px 0px #78c429;
  box-shadow: 3px -3px 0px 0px #78c429;
}
#sparten .box-shadow-top-right {
  -webkit-box-shadow: 3px -3px 0px 0px #78c429;
  -moz-box-shadow: 3px -3px 0px 0px #78c429;
  box-shadow: 3px -3px 0px 0px #78c429;
}
#sparten .box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #78c429;
  -moz-box-shadow: -3px -3px 0px 0px #78c429;
  box-shadow: -3px -3px 0px 0px #78c429;
}
#sparten .kk-trenner {
  border-bottom: 2px solid #78c429;
}
#sparten .kk-trenner > .kk-preis {
  color: #78c429; 
}






.uk-visible\@l .musik-intro-img a img {
  min-height:200px;
}

/* BOX-SHADOW TOP RIGHT SQUARE images intro pages */
.kk-image-container {width:100%; max-width:300px; min-width:150px;} /* change 2021-07-06 from  min-width:190px; to allow resize! */

.kk-cover-container {   /* change 2021-07-06 from  min-width:190px; to allow resize! */
  width: 100%;
  max-width: 300px;
  min-width:150px;
  margin:0 auto;
  overflow: hidden;
  position: relative;
}
.kk-square-container {
   position: relative;
   width: 100%;
   padding-top: 100%; /* SQUARE 1:1 Aspect Ratio */
}
/* below 640 px */
.uk-hidden\@xm .kk-cover-container {  /* change 2021-07-06 from  min-width:190px; to allow resize! */
  width: 100%;
  max-width: 600px;
  min-width:150px;  
  margin:0 auto;
  overflow: hidden;
  position: relative;
}
.uk-hidden\@xm .kk-square-container {
   position: relative;
   width: 100%;
   padding-top: 66.6667%; /* rectangle 2:3 Aspect Ratio */
}

.kk-square-content {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}
.kk-intro-tickets,
.kk-intro-tickets img.uk-align-right{
  margin:0;

}

.uk-hidden\@m .musik-intro-img {
  min-width: 240px;
}

/*Mobil: Preise in grid */
.kk-import .komplett.uk-hidden\@s .uk-grid .uk-width-1-1 .uk-grid div .uk-card {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #000;
}

.kk-import .komplett.uk-hidden\@s .uk-grid + .uk-grid-small, .kk-import .komplett.uk-hidden\@s .uk-grid-small > .uk-grid-margin, .kk-import .komplett.uk-hidden\@s * + .uk-grid-margin-small {
    margin-top: 0px;
}
.kk-import .komplett.uk-hidden\@s .uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid #aaaaaa;
}


/* pagination */
.uk-pagination li a .uk-icon svg {
  width: 24px !important;
}



/* EVENTSINGLE : EINZELNE VERANSTALTUNG */
.eventsingle div#page-wrapper div.uk-flex.uk-flex-wrap.uk-flex-wrap-around.kk-musik.komplett div.uk-width-1-6.uk-card.fk-oswald div.uk-card p
.eventsingle article.uk-article .uk-width-1-6.uk-card.fk-oswald p {
  color: #5488d3 !important;color: #5488d3 !important;
}
.eventsingle article.uk-article .kk-musik.komplett .uk-width-5-6.uk-card.fk-robotoslab .uk-flex.uk-weblog .uk-width-3-4.uk-card.fk-robotoslab .uk-card p {
  font-family: 'Roboto Slab';
}
.eventsingle .item-page .uk-width-1-6.uk-card.fk-oswald.uk-visible\@l .uk-card > p {text-align: right !important;}





/* GALERIE */
.kk-import .fk-unterseite div.page-header h1 {
    font-family: Oswald;
    color: #f28e1e;
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    margin-left: 152px;
    margin-bottom: 30px;
    margin-top: -30px;
}
.kk-import .fk-unterseite .kk-cover-container {
    width: 100%;
    max-width: 300px;
    min-width: 190px;
    max-height:240px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.kk-import .fk-unterseite .kk-overlay {
    margin-bottom: 10px;
    max-width: 140px;
    max-height: 96px;
    min-height: 44px;
    padding: 3px;
    overflow: hidden;
}
.kk-import .fk-unterseite .uk-overlay-default {
    background: rgba(237, 237, 237, 1);
}
.kk-import .fk-unterseite .kk-musik .uk-overlay h1 {
    font-family: Oswald;
    color: #5488d3;
    font-size: 21px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
    margin: 0 0 6px 0;
    text-transform: uppercase;
}
.kk-import .fk-unterseite .kk-buehne .uk-overlay h1 {
    font-family: Oswald;
    color: #cc1e25;
    font-size: 21px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
    margin: 0 0 6px 0;
    text-transform: uppercase;
}
.kk-import .fk-unterseite .kk-sparten .uk-overlay h1 {
    font-family: Oswald;
    color: #78c429;
    font-size: 21px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
    margin: 0 0 6px 0;
    text-transform: uppercase;
}
.kk-import .fk-unterseite .kk-party .uk-overlay h1 {
    font-family: Oswald;
    color: #551a84;
    font-size: 21px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
    margin: 0 0 6px 0;
    text-transform: uppercase;
}


/* ALLE SPARTEN */

.fk-allesparten-inhalte {
  width: 100%;
  max-width: 850px;
  min-width: 680px; 
}



























/*
##     ##     #######     ##     ##    ######## 
##     ##    ##     ##    ###   ###    ##       
##     ##    ##     ##    #### ####    ##       
#########    ##     ##    ## ### ##    ######   
##     ##    ##     ##    ##     ##    ##       
##     ##    ##     ##    ##     ##    ##       
##     ##     #######     ##     ##    ######## 
*/

/* LOGO ANIMATION */
/* Text comtainers */
#fkAnimLogo {
  position: relative; width: 560px; height: 30px; top: -83px; left: 27px; z-index: 1001;
}
#fkAnimLogoM {
  position: relative; width: 364px; height: 30px; top: -62px; left: 16px; z-index: 1001;
}
#fkAnimLogoS {
  position: relative; width: 280px; height: 15px; top: -52px; left: 12px; z-index: 1001;
}
#fkAnimLogoXS {
  position: relative; width: 196px; height: 15px; top: -30px; left: 9px; z-index: 1001;
}

/* LOGO Animation CURSOR */
h3#franzk-logo-anim-m span.ti-cursor {
  font-size: 22px;
}
h3#franzk-logo-anim-s span.ti-cursor {
  font-size: 17px;
}
h3#franzk-logo-anim-xs {
  font-size: 12px;
}







#home .uk-overlay-default {
    background: rgba(237, 237, 237, 1);
}
#home .kk-image-container {width:100%; max-width:240px;}

#home .kk-cover-container {
  width: 100%;
  max-width: 240px;
  margin:0 auto;
  overflow: hidden;
  position: relative;
}
#home .kk-cover-container-card-footer {
  width: 100%;
  max-width: 240px;
  margin:0 auto;
  overflow: hidden;
  position: relative;
  padding-right: 10px;
}
#home .kk-square-container {
   position: relative;
   width: 100%;
   padding-top: 100%; /* 1:1 Aspect Ratio */
}
#home .kk-square-container-card-footer {
   position: relative;
   width: 100%;
   padding-top: 0px; /* 1:1 Aspect Ratio */
}
#home .kk-square-content {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}
#home .kk-musik .kk-cover-container-card-footer .uk-card-footer {
  border-bottom: 2px solid #5488d3;
  padding: 0;
  height: 30px;
}

#home .kk-overlay {
margin-bottom: 10px;
max-width: 140px;
max-height: 90px;
min-height: 44px;
padding: 3px;
overflow: hidden;
}

#home .kk-overlay h1.kk-no-h4 {
  min-width: 136px;
  padding-bottom: 18px;
  color: #2e318d;
}



#home #home-b-highlights        .moduletable .fk-skewy.uk-grid .fk-skewy-rev,
#home #home-b2-neuimticketing   .moduletable .fk-skewy.uk-grid .fk-skewy-rev,
#home #home-c-weblog            .moduletable .fk-skewy.uk-grid .fk-skewy-rev,
#home #home-d-galerie           .moduletable .fk-skewy.uk-grid .fk-skewy-rev {
max-width: 400px;
min-width: 300px;
}

#home #home-c-weblog            .moduletable .fk-skewy.uk-grid a h2.fk-skewy-rev,
#home #home-d-galerie           .moduletable .fk-skewy.uk-grid a h2.fk-skewy-rev {
max-width: auto;
min-width: auto;
}

#home #home-b-highlights        .moduletable > h1,
#home #home-b2-neuimticketing   .moduletable > h1,
#home #home-c-weblog            .moduletable > h1,
#home #home-d-galerie           .moduletable > h1 {
  padding-bottom: 35px;
}



#home .kk-overlay a { text-decoration: none; }







/* HOME HIGHLIGHTS MUSIK */

#home .kk-musik .kk-cover-container.box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #5488d3;
  -moz-box-shadow: -3px -3px 0px 0px #5488d3;
  box-shadow: -3px -3px 0px 0px #5488d3;
}

#home .kk-musik .uk-overlay h1 {
  font-family: Oswald;
  color: #5488d3;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
  text-transform:uppercase;
}
#home .kk-musik .uk-overlay h4 {
  font-family: Oswald;
  color: #5488d3;
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
}
#home .kk-musik .uk-card-footer span.uk-margin-remove-left{
  font-family: Oswald;
  color: #5488d3;
  font-size: 15px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0;
}
#home .kk-musik .kk-cover-container-card-footer .uk-card-footer {
  border-bottom: 2px solid #5488d3;
  padding: 0;
  height: 30px;
}
#home .kk-musik .uk-card-footer span.uk-icon{
  padding-top:2px;
  width: 25px;
  height: 21px;
}


/* HOME HIGHLIGHTS BÜHNE */

#home .kk-buehne .kk-cover-container.box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #cc1e25;
  -moz-box-shadow: -3px -3px 0px 0px #cc1e25;
  box-shadow: -3px -3px 0px 0px #cc1e25;
}

#home .kk-buehne .uk-overlay h1 {
  font-family: Oswald;
  color: #cc1e25;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
  text-transform:uppercase;
}
#home .kk-buehne .uk-overlay h4 {
  font-family: Oswald;
  color: #cc1e25;
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
}
#home .kk-buehne .uk-card-footer span.uk-margin-remove-left{
  font-family: Oswald;
  color: #cc1e25;
  font-size: 15px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0;
}
#home .kk-buehne .kk-cover-container-card-footer .uk-card-footer {
  border-bottom: 2px solid #cc1e25;
  padding: 0;
  height: 30px;
}
#home .kk-buehne .uk-card-footer span.uk-icon{
  padding-top:4px;
  width: 21px;
  height: 21px;
}


/* HOME HIGHLIGHTS PARTY */

#home .kk-party .kk-cover-container.box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #551a84;
  -moz-box-shadow: -3px -3px 0px 0px #551a84;
  box-shadow: -3px -3px 0px 0px #551a84;
}

#home .kk-party .uk-overlay h1 {
  font-family: Oswald;
  color: #551a84;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
  text-transform:uppercase;
}
#home .kk-party .uk-overlay h4 {
  font-family: Oswald;
  color: #551a84;
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
}
#home .kk-party .uk-card-footer span.uk-margin-remove-left{
  font-family: Oswald;
  color: #551a84;
  font-size: 15px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0;
}
#home .kk-party .kk-cover-container-card-footer .uk-card-footer {
  border-bottom: 2px solid #551a84;
  padding: 0;
  height: 30px;
}
#home .kk-party .uk-card-footer span.uk-icon{
  padding-top:5px;
  width: 20px;
  height: 21px;
}



/* HOME HIGHLIGHTS WEITERE SPARTEN */

#home .kk-sparten .kk-cover-container.box-shadow-top-left {
  -webkit-box-shadow: -3px -3px 0px 0px #78c429;
  -moz-box-shadow: -3px -3px 0px 0px #78c429;
  box-shadow: -3px -3px 0px 0px #78c429;
}

#home .kk-sparten .uk-overlay h1 {
  font-family: Oswald;
  color: #78c429;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
  text-transform:uppercase;
}
#home .kk-sparten .uk-overlay h4 {
  font-family: Oswald;
  color: #78c429;
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0 !important; /*  !important because of line 1207 .uk-overlay-default */
}
#home .kk-sparten .uk-card-footer span.uk-margin-remove-left{
  font-family: Oswald;
  color: #78c429;
  font-size: 15px;
  line-height: 15px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 6px 0;
}
#home .kk-sparten .kk-cover-container-card-footer .uk-card-footer {
  border-bottom: 2px solid #78c429;
  padding: 0;
  height: 30px;
}
#home .kk-sparten .uk-card-footer span.uk-icon{
  padding-top:4px;
  width: 21px;
  height: 21px; 
}




/* ticket image */
.uk-visible\@l .uk-card.kk-ticket-img {
  width: 66%;
  height: auto;
  margin-top:36px;
  margin-bottom: 6px;
}
/* 2021-06-23 - verkleinern des Ticket Buttons */
.uk-card.kk-ticket-img.uk-visible\@xm a div.uk-inline-clip.uk-transition-toggle.uk-text-center.uk-align-center {
  margin-top: 85px;
  margin-bottom: 15px;
  width: 130px;
}



.uk-visible\@m.uk-hidden\@l .uk-card-body.uk-margin-auto-top a img {
  min-width: 100%;
}



.kk-tagzahl,
.uk-hidden\@xs .kk-tagzahl,
.uk-visible\@xs.uk-hidden\@m .kk-tagzahl,
.uk-visible\@m.uk-hidden\@l .kk-tagzahl,
.uk-visible\@l .kk-tagzahl {
  font-family: Oswald !important;
  color: #000000;
  font-size: 40px;
  line-height: 40px;
  font-weight: 200;
  text-align: left;
  margin-bottom: 0px;
}
.kk-tagzahl span.kk-monat-mini,
.uk-hidden\@xs .kk-tagzahl span.kk-monat-mini,
.uk-visible\@xs.uk-hidden\@m .kk-tagzahl span.kk-monat-mini,
.uk-visible\@m.uk-hidden\@l .kk-tagzahl span.kk-monat-mini,
.uk-visible\@l .kk-tagzahl span.kk-monat-mini {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  text-align: left;
  padding-top: 12px;
  display: inline-block;
  height: 16px;
  position: absolute;
  margin-left: -3px;
}
.kk-tag,
.uk-hidden\@xs .kk-tag,
.uk-visible\@xs.uk-hidden\@m .kk-tag,
.uk-visible\@m.uk-hidden\@l .kk-tag,
.uk-visible\@l .kk-tag {
  font-family: Oswald !important;
  color: #000000;
  font-size: 20px;
  line-height: 20px;
  font-weight: 100;
  text-align: left;
  margin-bottom: 0px;
  text-transform: lowercase;
}
.kk-zeit,
.uk-hidden\@xs .kk-zeit,
.uk-visible\@xs.uk-hidden\@m .kk-zeit,
.uk-visible\@m.uk-hidden\@l .kk-zeit,
.uk-visible\@l .kk-zeit {
  font-family: Oswald !important;
  color: #000000;
  font-size: 18px;
  line-height: 18px;
  font-weight: 100;
  text-align: left;
  margin-bottom: 0px;
}

.uk-hidden\@xm .kk-tagzahl {
  font-family: Oswald !important;
  color: #000000;
  font-size: 39px;
  line-height: 39px;
  font-weight: 200;
  text-align: right;
  margin-bottom: 0px;
}

.uk-hidden\@xm .kk-tag {
  font-family: Oswald !important;
  color: #000000;
  font-size: 20px;
  line-height: 20px;
  font-weight: 100;
  text-align: right;
  margin-bottom: 0px;
  margin-top: 12px;
  text-transform: lowercase;
}
.uk-hidden\@xm .kk-zeit {
  font-family: Oswald !important;
  color: #000000;
  font-size: 18px;
  line-height: 18px;
  font-weight: 100;
  text-align: right;
  margin-top: 12px;
  margin-bottom: 0px;
}


.uk-hidden\@s .kk-tagzahl {
  font-family: Oswald !important;
  color: #000000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: right;
  margin-bottom: 0px;
}
.uk-hidden\@s .kk-monat {
  font-family: Oswald !important;
  color: #000000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: right;
  margin-bottom: 0px;
  text-transform: lowercase;
}
.uk-hidden\@s .kk-tag {
  font-family: Oswald !important;
  color: #000000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: right;
  margin-bottom: 0px;
  text-transform: lowercase;
}
.uk-hidden\@s .kk-zeit {
  font-family: Oswald !important;
  color: #000000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: right;
  margin-bottom: 0px;
}
.uk-hidden\@s .fk-robotoslab div .uk-grid div .uk-card {
  color: #000 !important;
}




/* text left module */
.komplett .uk-hidden\@s .kk-col-left p {
  font-family: Oswald !important;
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  text-align: right;
  margin-bottom: 0px;
}

.kk-musik.komplett .uk-hidden\@xs p,
.kk-musik.komplett .uk-hidden\@m p {
  font-family: Oswald !important;
  font-size: 12px;
  line-height: 24px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
}
.kk-musik.komplett .uk-visible\@m.uk-hidden\@l p,
.kk-musik.komplett .uk-visible\@l p {
  font-family: Oswald;
  font-size: 15px;
  line-height: 28px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
}

/* TITEL */

h5.kk-ubertitel,
.uk-visible\@m .kk-ubertitel, 
.uk-hidden\@xs .kk-ubertitel,                /*  visible > 1px   AND hidden > 480px    */
.uk-visible\@xs.uk-hidden\@m .kk-ubertitel,  /*  visible > 480px AND hidden > 768px    */
.uk-visible\@m.uk-hidden\@l .kk-ubertitel,  /*  visible > 768px AND hidden > 1200px   */
.uk-visible\@l .kk-ubertitel {              /*  visible > 1200px    */
  font-family: Roboto Slab;
  color: #000000 !important;
  font-size: 12px;
  line-height: 12px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 8px;
  margin-top: 0;
}
h1.kk-titel,
.uk-visible\@m .kk-titel,
.uk-hidden\@xs .kk-titel,                /*  visible > 1px   AND hidden > 480px    */
.uk-visible\@xs.uk-hidden\@m .kk-titel,  /*  visible > 480px AND hidden > 768px    */
.uk-visible\@m.uk-hidden\@l .kk-titel,  /*  visible > 768px AND hidden > 1200px   */
.uk-visible\@l .kk-titel {              /*  visible > 1200px    */
  font-family: Oswald !important;
  color: #000000 !important;
  font-size: 28px;
  line-height: 28px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 8px;
  margin-top: 0;
}
h4.kk-untertitel,
.uk-visible\@m .kk-untertitel,
.uk-hidden\@xs .kk-untertitel,                /*  visible > 1px   AND hidden > 480px    */
.uk-visible\@xs.uk-hidden\@m .kk-untertitel,  /*  visible > 480px AND hidden > 768px    */
.uk-visible\@m.uk-hidden\@l .kk-untertitel,  /*  visible > 768px AND hidden > 1200px   */
.uk-visible\@l .kk-untertitel {              /*  visible > 1200px    */
  font-family: Oswald !important;
  color: #000000 !important;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 4px;
  margin-top: 0;
}
h4.kk-supportband,
.uk-visible\@m .kk-supportband,
.uk-hidden\@xs .kk-supportband,                /*  visible > 1px   AND hidden > 480px    */
.uk-visible\@xs.uk-hidden\@m .kk-supportband,  /*  visible > 480px AND hidden > 768px    */
.uk-visible\@m.uk-hidden\@l .kk-supportband,  /*  visible > 768px AND hidden > 1200px   */
.uk-visible\@l .kk-supportband {              /*  visible > 1200px    */
  font-family: Oswald !important;
  color: #000000 !important;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 4px;
  margin-top: 0;
}
h4.kk-tourpraesentatoren,
.uk-visible\@m .kk-tourpraesentatoren,
.uk-hidden\@xs .kk-tourpraesentatoren,                /*  visible > 1px   AND hidden > 480px    */
.uk-visible\@xs.uk-hidden\@m .kk-tourpraesentatoren,  /*  visible > 480px AND hidden > 768px    */
.uk-visible\@m.uk-hidden\@l .kk-tourpraesentatoren,  /*  visible > 768px AND hidden > 1200px   */
.uk-visible\@l .kk-tourpraesentatoren {              /*  visible > 1200px    */
  font-family: Oswald !important;
  color: #000000 !important;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 4px;
  margin-top: 0;
}


/* P tag inside article */
p.fk-robotoslab,
.fk-robotoslab .uk-card p,
.fk-robotoslab.uk-hidden\@m .uk-card p,
.fk-robotoslab.uk-visible\@m .uk-card p,
.fk-robotoslab.uk-hidden\@xs .uk-card p,                /*  visible > 1px   AND hidden > 480px    */
.fk-robotoslab.uk-visible\@xs.uk-hidden\@m .uk-card p { /*  visible > 480px AND hidden > 768px    */
  font-family: 'Roboto Slab';
  color: #000000 !important;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
}

.fk-oswald.uk-hidden\@xs .uk-card p {
  font-family: Oswald !important;
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
}


.kk-musik.komplett .uk-width-3-4.uk-card.fk-robotoslab p {
  font-family: 'Roboto Slab';
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
  padding-right: 20px;
}

.intro-bottom img {
 margin:0;
}

/* lightbox */
.uk-lightbox.uk-open {
    display: block;
    opacity: 1;
    z-index: 10001;
}





/* Sponsoren und MedienPartner 
GRAU:         #808080     TOTAL, NAV, Border
BLAU:         #5488d3     .kk-musik
LILA:         #551a84     .kk-party
ROT:          #cc1e25     .kk-buehne
HELLGRÜN:     #78c429     .kk-sparten
*/
.kk-musik #Sponsoren, .kk-musik #MedienParter {
  margin-top: 40px; 
  border-left: 2px solid #5488d3; 
  border-right: 2px solid #5488d3; 
  padding: 10px 10px 30px;
}
.kk-musik #Sponsoren h4, .kk-musik #MedienParter h4 {
  color: #5488d3;
  text-align: center;
}

.kk-party #Sponsoren, .kk-party #MedienParter {
  margin-top: 40px; 
  border-left: 2px solid #551a84; 
  border-right: 2px solid #551a84; 
  padding: 10px 10px 30px;
}
.kk-party #Sponsoren h4, .kk-party #MedienParter h4 {
  color: #551a84;
  text-align: center;
}

.kk-buehne #Sponsoren, .kk-buehne #MedienParter {
  margin-top: 40px; 
  border-left: 2px solid #cc1e25; 
  border-right: 2px solid #cc1e25; 
  padding: 10px 10px 30px;
}
.kk-buehne #Sponsoren h4, .kk-buehne #MedienParter h4 {
  color: #cc1e25;
  text-align: center;
}

.kk-sparten #Sponsoren, .kk-sparten #MedienParter {
  margin-top: 40px; 
  border-left: 2px solid #78c429; 
  border-right: 2px solid #78c429; 
  padding: 10px 10px 30px;
}
.kk-sparten #Sponsoren h4, .kk-sparten #MedienParter h4 {
  color: #78c429;
  text-align: center;
}

#Sponsoren p,
#MedienParter p,
#Sponsoren a,
#MedienParter a {
  color: #000000;
  text-align: center;
}






















/* Sponsoren und MedienPartner Mobil
.uk-hidden\@s #Sponsoren.kk-musik,
.uk-hidden\@s #MedienParter.kk-musik {
  margin-top: 30px; 
  border-left: 2px solid #5488d3; 
  border-right: 2px solid #5488d3; 
  padding: 10px 10% 10px 10%;
}
*/




































/* ####################  T E M P  ##################   */
.kk-musik.intro p.readmore {display: none;}








/*
########  ########   #######   ######   ########     ###    ##     ## ##     ## 
##     ## ##     ## ##     ## ##    ##  ##     ##   ## ##   ###   ### ###   ### 
##     ## ##     ## ##     ## ##        ##     ##  ##   ##  #### #### #### #### 
########  ########  ##     ## ##   #### ########  ##     ## ## ### ## ## ### ## 
##        ##   ##   ##     ## ##    ##  ##   ##   ######### ##     ## ##     ## 
##        ##    ##  ##     ## ##    ##  ##    ##  ##     ## ##     ## ##     ## 
##        ##     ##  #######   ######   ##     ## ##     ## ##     ## ##     ## 
*/
.programm-total div.page-header.kk-full-view h1,
.programm-total div.page-header.kk-list-view h1,
.programm-total-uebersicht div.page-header.kk-full-view h1,
.programm-total-uebersicht div.page-header.kk-list-view h1 {
  font-family: Oswald;
  color: #808080;
  font-size: 35px;
  line-height: 35px;
  font-weight: 500;
  text-align: center;
  margin-left: 0px; /* -108px in full view*/
  margin-bottom:5px;
  margin-top: -40px;
  text-transform:uppercase;
}
.kk-programm-total-container .uk-grid > * {
    padding-left: 25px;
}
.kk-programm-total a:hover {
  text-decoration: none;
}
.kk-programm-total-container {
  width:50%;
  max-width:430px;
  min-width:430px;
  height: auto;
  min-height: 218px;
  max-height: 218px;
  z-index:2;
}
.fk-mobil .kk-programm-total-container  {
  width:100%;
  max-width:620px;
  min-width:430px;
  height: auto;
  min-height: 330px;
  max-height: 330px;
  z-index:2;
  margin-left: auto;
  margin-right: auto;
}

.kk-programm-total .uk-width-5-6 .uk-card.uk-grid {
  min-height: 218px;
  max-height: 218px;
}

.kk-programm-total.kk-musik {
  width: 100%;
}
.kk-programm-total .kk-date-block {
  padding-left: 0px;
  max-width: 104px;
}
.kk-programm-total .kk-tagzahl {
  font-size: 40px !important;
  font-weight: 300;
  line-height: 40px;
  margin: 0;
  padding: 0;
}
.kk-programm-total .kk-tagzahl span.kk-monat-mini {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  text-align: left;
  display: inline-block;
  height: 16px;
  position: relative;
  padding-top: 0px;
  margin-left: -10px;
  margin-bottom: 10px;
  vertical-align: middle;
}
.kk-programm-total .kk-tag {
  font-size: 17px !important;
  font-weight: 200;
  line-height: 17px;
  margin: 0;
  padding-top: 5px;
}
.kk-programm-total .kk-zeit {
  font-size: 15px !important;
  font-weight: 200;
  line-height: 15px;
  margin: 0;
  padding: 12px 0;
}
.kk-programm-total .kk-ubertitel {
  font-size: 13px !important;
  font-weight: 300;
  line-height: 14px !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.kk-programm-total .kk-titel {
  font-size: 24px !important;
  font-weight: 400;
  line-height: 24px !important;
  margin-bottom: 0;
}
.kk-programm-total .kk-untertitel {
  font-size: 17px !important;
  font-weight: 400;
  line-height: 24px !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.kk-programm-total .kk-kurzbeschreibung {
  font-size: 13px !important;
  font-weight: 300;
  line-height: 24px !important;
  margin-top: 0px !important;
  margin-bottom: 0;
  padding-bottom: 0;
  max-width: 100%;
}

.kk-programm-total .kk-icon span {
  max-width:36px;
  width: 36px;
  height: 36px; 
  margin-top: 13px;
}
.kk-musik .kk-programm-total .kk-icon span svg {width:36px}
.kk-party .kk-programm-total .kk-icon span svg {width:30px}
.kk-buehne .kk-programm-total .kk-icon span svg {width:30px}
.kk-sparten .kk-programm-total .kk-icon span svg {width:30px}

/*.kk-programm-total.uk-grid .uk-width-5-6 .uk-card > .kk-icon > .uk-icon { margin-top: -3px }
.kk-programm-total.uk-grid .uk-width-5-6 .uk-card.kk-no-ubertitel > .kk-icon > .uk-icon { 
  margin-top: 16px; background:red;}

.kk-programm-total .uk-width-5-6 .uk-card.kk-no-ubertitel .uk-width-5-6.uk-position-top {
  margin-top:0px;
}
.kk-programm-total .uk-width-5-6 .uk-card .uk-width-5-6.uk-position-top {
  margin-top:13px;
}*/



.kk-programm-total .kk-supportband {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.kk-programm-total .kk-tourpraesentatoren {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.kk-programm-footer {
  border-bottom: 2px solid #5488d3;
}
.kk-programm-footer a {
  text-decoration: none;
  text-transform: lowercase;
  transition-property: all;
  transition-duration: .33s;
  transition-timing-function: ease;
  margin: 0 4px 0 5px;
}
.kk-programm-footer a.kk-ticket:hover {
    margin-left: 9px;
}
.kk-programm-footer a.kk-va-link{
    margin-bottom: 0px !important;
}
.kk-programm-footer a.kk-va-link:hover {
    margin-right: 8px !important;
}
span.kk-free-entry.uk-icon {
  transform: rotate(-6deg);
  margin-left: 0px;
}
.kk-free-entry.uk-icon svg {
  height: 19px;
  color: #78c429;
  margin-left: -64px;
  margin-bottom: 10px;
}
#alleSparten .fk-allesparten-inhalte .uk-visible\@xm span.kk-free-entry.uk-icon {
  width: 94px;
  margin-left: auto;
  margin-right: -10px;
}
#alleSparten .fk-allesparten-inhalte .uk-visible\@xm span.kk-free-entry.uk-icon svg {
  height: 19px;
  color: #78c429;
  margin-left: auto;
  margin-right: 0px;
}

.eventsingle .fk-list span.kk-free-entry.uk-icon {
  width: 94px;
  margin-left: auto;
  margin-right: 0px;
}
.eventsingle .fk-list .kk-free-entry.uk-icon svg {
  height: 24px;
  color: #78c429;
  margin-bottom: 15px;
  margin-top: 15px;
}

.kk-programm-total .kk-programm-footer .uk-flex-left.uk-position-bottom {
  left: 20px;
}


/* colors 
BLAU:         #5488d3     MUSIK, Primary Color
LILA:         #551a84     PARTY
ROT:          #cc1e25     BÜHNE, Danger Background, TEXTLINK (+underline)
HELLGRÜN:     #78c429     MEHR SPARTEN
*/
.kk-programm-footer.kk-musik a {
  color: #5488d3;
}
.kk-programm-footer.kk-musik {
  border-bottom: 2px solid #5488d3;
}
.kk-programm-footer.kk-party a {
  color: #551a84;
}
.kk-programm-footer.kk-party {
  border-bottom: 2px solid #551a84;
}
.kk-programm-footer.kk-buehne a {
  color: #cc1e25;
}
.kk-programm-footer.kk-buehne {
  border-bottom: 2px solid #cc1e25;
}
.kk-programm-footer.kk-sparten a {
  color: #78c429;
}
.kk-programm-footer.kk-sparten {
  border-bottom: 2px solid #78c429;
}



/* mobil */

.fk-mobil .kk-programm-total > div.uk-width-5-6.uk-first-column{
  padding-left:5px;
  margin-top: 8px;
}
.fk-mobil .kk-programm-total p.kk-tag {
  padding: 0 0 0 6px;
}
.fk-mobil .kk-programm-total p.kk-zeit {
  padding: 6px 0 0 6px;
}



/*
 ######  #### ##    ##  ######   ##       ########    ######## ##     ## ######## ##    ## ######## 
##    ##  ##  ###   ## ##    ##  ##       ##          ##       ##     ## ##       ###   ##    ##    
##        ##  ####  ## ##        ##       ##          ##       ##     ## ##       ####  ##    ##    
 ######   ##  ## ## ## ##   #### ##       ######      ######   ##     ## ######   ## ## ##    ##    
      ##  ##  ##  #### ##    ##  ##       ##          ##        ##   ##  ##       ##  ####    ##    
##    ##  ##  ##   ### ##    ##  ##       ##          ##         ## ##   ##       ##   ###    ##    
 ######  #### ##    ##  ######   ######## ########    ########    ###    ######## ##    ##    ##    
*/

.xdebug-var-dump {display: none;}

.komplett {z-index: 101;}

/* linke Spalte Infos */
.fk-list {
  max-width:184px;
  padding-left:30px;
}

.eventsingle .fk-list ul.uk-list > li > p > a {
  text-decoration: underline;
}

.kk-musik .fk-list ul li,    .kk-musik .fk-list ul li p,    .kk-musik .fk-inline-list span,    .kk-musik .fk-list ul li p > a    {color: #5488d3 !important; font-weight: 300}
.kk-programm .fk-list ul li, .kk-programm .fk-list ul li p, .kk-programm .fk-inline-list span, .kk-programm .fk-list ul li p > a {color: #808080 !important; font-weight: 300}
.kk-buehne .fk-list ul li,   .kk-buehne .fk-list ul li p,   .kk-buehne .fk-inline-list span,   .kk-buehne .fk-list ul li p > a   {color: #cc1e25 !important; font-weight: 300}
.kk-party .fk-list ul li,    .kk-party .fk-list ul li p,    .kk-party .fk-inline-list span,    .kk-party .fk-list ul li p > a    {color: #551a84 !important; font-weight: 300}
.kk-sparten .fk-list ul li,  .kk-sparten .fk-list ul li p,  .kk-sparten .fk-inline-list span,   .kk-sparten .fk-list ul li p > a {color: #78c429 !important; font-weight: 300}


/* rechts */
.eventsingle .komplett.uk-grid.uk-first-column > .uk-width-expand.fk-robotoslab {
  max-width: 1500px;
}

/* ticket 
.eventsingle .kk-ticket-img a img {
  max-width: 60%;
}*/

.fk-inline-list span {
  display: inline-table;
  padding-right:4px;
}
/*
.eventsingle .uk-width-expand .uk-weblog .uk-card > p > br {
  display: block;
  content: "";
  margin-top: 12px 0;
}
*/

ul.uk-list > li.kk-extra-info {
  padding-left: 19px;
}
.eventsingle ul.uk-list > li.kk-extra-info > p {
  font-family: 'Oswald' !important;
}






/*
##     ## ##    ## ######## ######## ########   ######  ######## #### ######## ######## ##    ## 
##     ## ###   ##    ##    ##       ##     ## ##    ## ##        ##     ##    ##       ###   ## 
##     ## ####  ##    ##    ##       ##     ## ##       ##        ##     ##    ##       ####  ## 
##     ## ## ## ##    ##    ######   ########   ######  ######    ##     ##    ######   ## ## ## 
##     ## ##  ####    ##    ##       ##   ##         ## ##        ##     ##    ##       ##  #### 
##     ## ##   ###    ##    ##       ##    ##  ##    ## ##        ##     ##    ##       ##   ### 
 #######  ##    ##    ##    ######## ##     ##  ######  ######## ####    ##    ######## ##    ## 
*/

/* Allgemein */
.page-header h2 {
  font-family: Oswald;
  color: #5488d3;
  font-size: 35px;
  line-height: 35px;
  font-weight: 500;
  text-align: center;
  margin-left: 0px;
  margin-bottom: 5px;
  margin-top: -40px;
  text-transform: uppercase;
}
.eventsingle a, .eventsingle .uk-link,
.fk-unterseite a, .fk-unterseite .uk-link {
    color: #cc1e25;
    text-decoration: none;
    cursor: pointer;
}
.eventsingle a:hover, .eventsingle .uk-link:hover,
.fk-unterseite a:hover, .fk-unterseite .uk-link:hover {
    text-decoration: underline;
}
.fk-unterseite h4 {
  font-size: 23px;
  line-height: 26px;
  margin-bottom: 0;
  color: #af1116;
  font-weight:500;
}
.fk-unterseite h5 {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 26px;
  color: #5488d3;
}

.fk-unterseite p {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 0;
  color: #000;
}
.fk-unterseite p strong {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.fk-unterseite ol,
.fk-unterseite ul {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #000;
  margin-top: 15px;
  margin-left: 15px;
}
.fk-unterseite ol li,
.fk-unterseite ul li {
  color: #000;
}
.fk-unterseite em,
.fk-unterseite i {color: #000;}


.fk-unterseite h5+p {
  margin-top: 0px;
}
.fk-unterseite h4+p,
.fk-unterseite p+h5,
.fk-unterseite h4+h5 {
  margin-top: 15px;
}
.fk-unterseite p+h4 {
  margin-top: 30px;
}


/* KONTAKTE */
.fk-kontakte div div.uk-grid-small.uk-child-width-1-2.uk-grid,
.fk-kontakte div.uk-width-1-1.uk-card {
  margin-bottom:6px;
}

.fk-kontakte div.uk-width-1-1 > h4 {
  font-size: 23px;
  line-height: 26px;
  margin-bottom: 6px;
  color: #af1116;
  font-weight:400;
}
.fk-kontakte p {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #000;
}
.fk-kontakte div.uk-width-1-1 > p {
  margin-top:0;
  margin-bottom: 0;
}



/* UNTERSEITEN HAUPTKATEGORIEN */
.page-header.kk-list-view.uk-text-center > h1 {
  font-family: Oswald;
  font-size: 35px;
  line-height: 35px;
  font-weight: 500;
  text-align: center;
  margin-left: 0px;
  margin-bottom: 5px;
  margin-top: -40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 6px;
}
.page-header.kk-list-view.uk-text-center > h1::before {
  padding-right: 19px;
  display: contents;
  vertical-align: middle;
}

#programm-total .page-header.kk-list-view.uk-text-center > h1 {
  color: #808080;
}
#programm-total .page-header.kk-list-view.uk-text-center > h1::before {
  content: url('../images/icons/png/clear-40x40.png');
  display: inline-table;
  background-image: url('../images/icons/png/programm-total.png');
  background-repeat: no-repeat;
  background-size: auto 34px;
  background-origin: top left;
}

#musik .page-header.kk-list-view.uk-text-center > h1 {
  color: #5488d3;
}
#musik .page-header.kk-list-view.uk-text-center > h1::before {
  content: url('../images/icons/png/clear-40x40.png');
  display: inline-table;
  background-image: url('../images/icons/png/musik.png');
  background-repeat: no-repeat;
  background-size: 40px auto;
}

#party .page-header.kk-list-view.uk-text-center > h1 {
  color: #551a84;
}
#party .page-header.kk-list-view.uk-text-center > h1::before {
  content: url('../images/icons/png/clear-40x40.png');
  display: inline-table;
  background-image: url('../images/icons/png/party.png');
  background-repeat: no-repeat;
  background-size: auto 34px;
  background-origin: top left;
}

#buehne .page-header.kk-list-view.uk-text-center > h1 {
  color: #cc1e25;
}
#buehne .page-header.kk-list-view.uk-text-center > h1::before {
  content: url('../images/icons/png/clear-40x40.png');
  display: inline-table;
  background-image: url('../images/icons/png/buehne.png');
  background-repeat: no-repeat;
  background-size: auto 34px;
  background-origin: top left;
}

#sparten .page-header.kk-list-view.uk-text-center > h1 {
  color: #78c429;
}
#sparten .page-header.kk-list-view.uk-text-center > h1::before {
  content: url('../images/icons/png/clear-40x40.png');
  display: inline-table;
  background-image: url('../images/icons/png/sparten.png');
  background-repeat: no-repeat;
  background-size: auto 34px;
  background-origin: top left;
}


/* #551a84     PARTY
#cc1e25     BÜHNE
#78c429     MEHR SPARTEN */

/* KK-Import UNterseiten */
.blog.kk-import-kategorie.kk-musik h1 > span.uk-icon {
  width: 36px;
  margin-right: 4px;
}
.kk-intro-tickets > div.uk-width-expand {
  padding-left:0;
}

/*RÄUME MIETEN */
.fk-borderleft-none {
  border-left:none;
  padding-left: 12px;
}
.fk-borderleft {
  border-left:2px solid #0179bd;
  padding-left: 10px;
}

/* SPRUNGMARKEN */
.fk-unterseite .custom_sprungmarken .uk-text-left h4 {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  line-height: 26px;
  padding-top: 4px;
  margin-bottom: 0;
  color: #af1116;
  font-weight: 500;
  text-transform:uppercase;
}



/*
########     #######     ########     ##     ##    ##     ##    ##             ###       ########  
##          ##     ##    ##     ##    ###   ###    ##     ##    ##            ## ##      ##     ## 
##          ##     ##    ##     ##    #### ####    ##     ##    ##           ##   ##     ##     ## 
######      ##     ##    ########     ## ### ##    ##     ##    ##          ##     ##    ########  
##          ##     ##    ##   ##      ##     ##    ##     ##    ##          #########    ##   ##   
##          ##     ##    ##    ##     ##     ##    ##     ##    ##          ##     ##    ##    ##  
##           #######     ##     ##    ##     ##     #######     ########    ##     ##    ##     ## 
*/

/* FoerderinWerden */
form#ReservierungsAnfrage.reservierungsanfrage fieldset,
form#FoerderinWerden.foerderin-werden fieldset,
form#MitgliedWerden.mitglied-werden fieldset {
    margin:40px 20px 0 0;
    padding: 0;
    border: none;
}

.rsform-block-strasse,
.rsform-block-email,
.rsform-block-institut,
.rsform-block-bic
 {
  margin-bottom: 20px !important;
}



.rsform-block-name label.uk-form-label,
.rsform-block-vorname label.uk-form-label,
.rsform-block-strasse label.uk-form-label,
.rsform-block-plz label.uk-form-label,
.rsform-block-telefon label.uk-form-label,
.rsform-block-email label.uk-form-label,

.rsform-block-kontoinhaber label.uk-form-label,
.rsform-block-institut label.uk-form-label,
.rsform-block-iban label.uk-form-label,
.rsform-block-bic label.uk-form-label,

.rsform-block-ermaechtigung label.uk-form-label,
.rsform-block-einmaligesermaechtigung label.uk-form-label,
.rsform-block-agb label.uk-form-label,
.rsform-block-datenschutz label.uk-form-label,
.rsform-block-steuerbescheinigung label.uk-form-label,

.rsform-block-senden label.uk-form-label,
.rsform-block-eintrittsdatum label.uk-form-label,
.rsform-block-kinderermaessigung label.uk-form-label,

.rsform-block-veranstaltung label.uk-form-label,
.rsform-block-personenzahl label.uk-form-label,
.rsform-block-eintrag-b label.uk-form-label,
.rsform-block-behinderung label.uk-form-label,
.rsform-block-subscribeme label.uk-form-label {
  display: none;
}

.rsform-block-name .uk-form-controls,
.rsform-block-vorname .uk-form-controls,
.rsform-block-strasse .uk-form-controls,
.rsform-block-plz .uk-form-controls,
.rsform-block-telefon .uk-form-controls,
.rsform-block-email .uk-form-controls,

.rsform-block-kontoinhaber .uk-form-controls,
.rsform-block-institut .uk-form-controls,
.rsform-block-iban .uk-form-controls,
.rsform-block-bic .uk-form-controls,

.rsform-block-ermaechtigung .uk-form-controls,
.rsform-block-einmaligesermaechtigung .uk-form-controls,
.rsform-block-agb .uk-form-controls,
.rsform-block-datenschutz .uk-form-controls,
.rsform-block-steuerbescheinigung .uk-form-controls,

.rsform-block-senden .uk-form-controls,
.rsform-block-eintrittsdatum .uk-form-controls,
.rsform-block-kinderermaessigung .uk-form-controls,

.rsform-block-veranstaltung .uk-form-controls,
.rsform-block-personenzahl .uk-form-controls,
.rsform-block-eintrag-b .uk-form-controls,
.rsform-block-behinderung .uk-form-controls,
.rsform-block-subscribeme .uk-form-controls,

.rsform-block-behinderung .uk-form-controls {
  margin-left: 0px ;
}

form#ReservierungsAnfrage.reservierungsanfrage,
form#FoerderinWerden.foerderin-werden,
form#MitgliedWerden.mitglied-werden {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #000;
  max-width: 100%;
  }

form#ReservierungsAnfrage.reservierungsanfrage .uk-form-label,
form#FoerderinWerden.foerderin-werden .uk-form-label,
form#MitgliedWerden.mitglied-werden .uk-form-label {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  color: #000;
  white-space: nowrap;
  padding-bottom: 10px;
  margin-top: 5px;
  }

.uk-input::placeholder {
    color: #808080;
}
input#andererbeitrag.rsform-input-box.uk-input,
input#einmalig_andererbeitrag.rsform-input-box.uk-input {
  max-width: 120px;
}

input[id^="spendebetrag"].rsform-radio.uk-radio,
input[id^="einmalig"].rsform-radio.uk-radio, 
input[id^="mitgliedsbeitrag"].rsform-radio.uk-radio, 
input[id^="eintrittsdatum"].rsform-radio.uk-radio,
input#Behinderung1.rsform-checkbox.uk-checkbox,
input#Behinderung2.rsform-checkbox.uk-checkbox {
  margin-left: 20px;
}

form#MitgliedWerden.mitglied-werden label.uk-form-label.formControlLabel {
  min-width: 320px;
}

form#FoerderinWerden.foerderin-werden strong.formRequired,
form#MitgliedWerden.mitglied-werden strong.formRequired {
    font-weight: 300;
}

.formValidation,
.formError {
font-size: 14px;
font-weight: 300;
line-height: 26px;
color: #cc1e25;
}

button#senden.rsform-submit-button.uk-button.uk-button-primary {
  background: #0074B6;
}

button.rsform-reset-button.uk-button.uk-button-danger {
  background: #DB0613;
}
/* LOGO Blau:    #0074B6
LOGO Rot:     #DB0613
*/

.fk-unterseite form label input + span {
  padding-left: 8px;
}
form > p.formRed {display: none;}






/* Datenschutz & Impressum */
.datenschutzerklaerung div div.page-header {
  margin-top: 30px;
  margin-bottom:30px;
}
.datenschutzerklaerung div div.page-header > h2 {
  color: #afafaf;
}
.datenschutzerklaerung > div > h2 {
  font-family: Oswald, sans-serif;
  font-size: 27px;
  line-height: 27px;
  margin-top: 30px;
  margin-bottom: 0;
  font-weight: 400;
}
.datenschutzerklaerung > div > h3 {
  font-family: Oswald, sans-serif;
  font-size: 21px;
  line-height: 26px;
  margin-top: 30px;
  margin-bottom: 0;
  font-weight: 400;
}
















/*
 #######  ######## ########     ######     ###    ##    ## ##     ##    ###     ######  
##     ## ##       ##          ##    ##   ## ##   ###   ## ##     ##   ## ##   ##    ## 
##     ## ##       ##          ##        ##   ##  ####  ## ##     ##  ##   ##  ##       
##     ## ######   ######      ##       ##     ## ## ## ## ##     ## ##     ##  ######  
##     ## ##       ##          ##       ######### ##  ####  ##   ##  #########       ## 
##     ## ##       ##          ##    ## ##     ## ##   ###   ## ##   ##     ## ##    ## 
 #######  ##       ##           ######  ##     ## ##    ##    ###    ##     ##  ######  
*/


/* OFFCANVAS NAV 
 ========================================================================== */
#uk-offcanvas-page {overflow: hidden;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
#uk-offcanvas-page::-webkit-scrollbar { width: 0 !important }

/* hide toggle icon on offcanvas! */
.uk-offcanvas-page .uk-offcanvas-container a.uk-navbar-toggle.uk-navbar-toggle-icon.uk-icon {display: none;}


.uk-offcanvas-bar {
  width: 33%;
  min-width:371px;
  max-width:400px;
  background-color: rgba(237, 237, 237, 0.95);
  border-left: 2px solid #C0C0C0;
}

.uk-offcanvas-close > svg:nth-child(1) {
  font-size: 28px;
  color: #808080;
}

.uk-offcanvas-bar .uk-nav-primary > li > a,
.uk-offcanvas-bar .uk-nav-primary > li > a > span {
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  vertical-align: top;
  color:#808080;
  padding-bottom: 7px;
  text-transform: uppercase;
  text-decoration: none;
}
/* Hover + Focus */
.uk-offcanvas-bar .uk-nav-primary > li > a:hover > span,
.uk-offcanvas-bar .uk-nav-primary > li > a:focus > span,
.uk-offcanvas-bar .uk-nav-primary > li > a:hover,
.uk-offcanvas-bar .uk-nav-primary > li > a:focus {
  color: #808080;
}
/* Active */
.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a > span,
.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a {
  color: #808080;
}

/* FARBEN MENÜS
GRAU:      #808080     PROGRAMM
BLAU:      #5488d3     MUSIK
LILA:      #551a84     PARTY
ROT:       #cc1e25     BÜHNE
HELLGRÜN:  #78c429     WEITERE SPARTEN
ORANGE:    #f28e1e     WEBLOG, Warning Background
*/
a.programmtotal, a.programmtotal > span   { color: #808080 !important; font-weight: 500 !important;}
a.musik, a.musik > span                   { color: #5488d3 !important; font-weight: 500 !important;}
a.party, a.party > span                   { color: #551a84 !important; font-weight: 500 !important;}
a.buehne, a.buehne > span                 { color: #cc1e25 !important; font-weight: 500 !important;}
a.mehr, a.mehr > span                     { color: #78c429 !important; font-weight: 500 !important;}

a.weblog-menu-item { color: #f28e1e !important;}

/* underline with border */
.uk-offcanvas-bar .uk-nav-primary > li > a.programmtotal::after { content: ''; display: block; margin-top:2px; width: 0; height: 2px; background: #808080; transition: width 0.5s; }
.uk-offcanvas-bar .uk-nav-primary > li > a.programmtotal.uk-active::after,
.uk-offcanvas-bar .uk-nav-primary > li > a.neu-im-ticketing:hover::after { width: 100%; }



/* top5 uk-offcanvas-bar  underline onhover & active transition */
.uk-offcanvas-bar .uk-nav-primary > li > a
.uk-offcanvas-bar .uk-nav-primary > li > a::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a::after,

.uk-offcanvas-bar .uk-nav-primary > li > a > span::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a > span::after {
  content: '';
  display: block;
  margin-top: 2px;
  margin-left: 32px;
  width: 0;
  height: 2px;
  transition: width .5s;
}
/* PT underline onhover & active transition */
.uk-offcanvas-bar .uk-nav-primary > li > a.programmtotal:hover > span::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.programmtotal > span::after {
  width: 158px;
  background-color: #808080;
}
/* MUSIK underline onhover & active */
.uk-offcanvas-bar .uk-nav-primary > li > a.musik:hover > span::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.musik > span::after {
  width: 56px;
  background-color: #5488d3;
}
/* PARTY underline onhover & active */
.uk-offcanvas-bar .uk-nav-primary > li > a.party:hover > span::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.party > span::after {
  width: 55px;
  background-color: #551a84;
}
/* buehne underline onhover & active */
.uk-offcanvas-bar .uk-nav-primary > li > a.buehne:hover > span::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.buehne > span::after {
  width: 58px;
  background-color: #cc1e25;
}
/* Weitere Sparten underline onhover & active */
.uk-offcanvas-bar .uk-nav-primary > li > a.mehr:hover > span::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.mehr > span::after {
  width: 153px;
  background-color: #78c429;
}
















/* ICON POSITIONS */
ul.uk-nav li a img {
  width: 23px;
  height: 21px;
  margin: -4px 8px 0 0;
}
ul.uk-nav li.item-961 .custom a img {
  height: 32px;
}



/* Musik exception */
ul.uk-nav li a img.musik-icon {
  width: 27px;
  height: 26px;
  margin: -6px 6px 0 -2px;
}
/* Buehne exception */
ul.uk-nav li a img.buehne-icon {
  width: 21px;
  height: 20px;
  margin: -4px 9px 0 0;
}

/* Social Icons exception */
ul.uk-nav li a img.social-facebook-icon,
ul.uk-nav li a img.social-instagram-icon,
ul.uk-nav li a img.social-youtube-icon {
  width: 32px;
  height: 32px;
  margin: -4px 8px 0 0;
}


a.tickets > img.tickets-icon {
  width: 38px !important;
  height: 20px !important;
  margin: 0px 8px 0 0 !important;
}

/*
 * Header
 */
.uk-offcanvas-bar .uk-nav-primary .uk-nav-header {
  color: #808080;
}

/* divider : hide words, show border */
.uk-nav-primary li.divider {border-top: 2px solid #C0C0C0; width:280px; height: 4px; margin: 4px 0 0 0;}
span.uk-nav-divider.separator {display: none;}

/* LEERZEILE: hide words, keep space */
span.nav-header.leer {display: none;}
ul.uk-nav li a.leer {visibility: hidden;}

ul.uk-nav li a.leer1 {visibility: hidden; height:28px;}
ul.uk-nav li a.leer2 {visibility: hidden; height:28px;}
ul.uk-nav li a.leer3 {visibility: hidden; height:60px;}
ul.uk-nav li a.leer4 {visibility: hidden; height:42px;}


/* Sublists  */
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a  > span,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {
  color: #808080;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 22px;
}
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover > span,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus > span,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus {
  color: #808080;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 22px;
}
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a > span,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a {
  color: #808080;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 22px;
}
.uk-offcanvas-bar .uk-nav-primary li > span > span {
  color: #808080;
}

.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28128,%20128,%20128,%201%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28128,%20128,%20128,%201%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}


ul li a.programmtotal {
  color:#808080;
}
ul li a.musik {
  color:#5488d3;
}
ul li a.party {
  color:#551a84;
}
ul li a.buehne {
  color:#cc1e25;
}
ul li a.mehr {
  color:#78c429;
}

/* Adresse */
ul.uk-nav li.item-190, ul.uk-nav li.item-913 {width: 100%; height: 32px !important; }
ul.uk-nav li.item-190 a.adresse, ul.uk-nav li.item-913 a.adresse {display: inline-block !important; }
ul.uk-nav li.item-190 a img, ul.uk-nav li.item-913 a img {
  width: 21px !important;
  height: 30px !important;
  margin: 0 8px 0 0px !important;
  float:left !important;
}
.uk-offcanvas-bar .uk-nav-primary li.item-913 a.adresse div div > span.image-title,
.uk-offcanvas-bar .uk-nav-primary > li.item-190 > a > span.image-title,
.uk-offcanvas-bar .uk-nav-primary > li.item-913 > a > div > span.image-title  {
  float: left !important;
  color: #595c7c !important;
  font-size: 13px !important;
  line-height: 15px !important;
  padding-top: 0px !important;
}
/* divider nach Adresse */
ul.uk-nav li.item-185 {
  margin-top: 15px;
}

ul.uk-nav li a.tickets img {
  width: 24px;
  height: 20px;
  padding-bottom: 2px;
}
.uk-nav-primary > li:nth-child(24) > img:nth-child(1) {
  width: 124px;
  height: 31px;
}







/* rest uk-offcanvas-bar  underline onhover & active transition */
.uk-offcanvas-bar .uk-nav-primary > li > a.tickets::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.tickets::after,

.uk-offcanvas-bar .uk-nav-primary>li>a.corona::after,
.uk-offcanvas-bar .uk-nav-primary>li.current.active>a.corona::after,

.uk-offcanvas-bar .uk-nav-primary>li>a.zumechazhafen::after,
.uk-offcanvas-bar .uk-nav-primary>li.current.active>a.zumechazhafen::after,

.uk-offcanvas-bar .uk-nav-primary > li > a.projekte::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.projekte::after,

.uk-offcanvas-bar .uk-nav-primary > li > a.weblog-menu-item::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.weblog-menu-item::after,

.uk-offcanvas-bar .uk-nav-primary > li > a.kontakt::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.kontakt::after,

.uk-offcanvas-bar .uk-nav-primary > li.item-187 > a.modal_link::after,
.uk-offcanvas-bar .uk-nav-primary > li.item-187.current.active > a.modal_link::after,

.uk-offcanvas-bar .uk-nav-primary > li.item-260 > a::after,
.uk-offcanvas-bar .uk-nav-primary > li.item-260.current.active > a::after,

.uk-offcanvas-bar .uk-nav-primary > li.item-261 > a::after,
.uk-offcanvas-bar .uk-nav-primary > li.item-261.current.active > a::after,

.uk-offcanvas-bar .uk-nav-primary > li > a.naldo::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.naldo::after,
.uk-offcanvas-bar .uk-nav-primary > li > a.parken::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.parken::after,

.uk-offcanvas-bar .uk-nav-primary li > a.raeume.tagung::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.raeume.tagung::after,
.uk-offcanvas-bar .uk-nav-primary li > a.raeume.technik::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.raeume.technik::after,

.uk-offcanvas-bar .uk-nav-primary li > a.service.menschen::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.menschen::after,
.uk-offcanvas-bar .uk-nav-primary li > a.service.budget::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.budget::after,
.uk-offcanvas-bar .uk-nav-primary li > a.service.tickets::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.tickets::after,
.uk-offcanvas-bar .uk-nav-primary li > a.service.gutschein::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.gutschein::after,

.uk-offcanvas-bar .uk-nav-primary li > a.ueber.kulturzentrum::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.ueber.kulturzentrum::after,
.uk-offcanvas-bar .uk-nav-primary li > a.ueber.kulturverein::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.ueber.kulturverein::after,
.uk-offcanvas-bar .uk-nav-primary li > a.ueber.foerderverein::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.ueber.foerderverein::after
 {
  content: '';
  display: block;
  margin-top: 2px;
  width: 0;
  height: 2px;
  transition: width .5s;
  text-align: left;
}

li.item-1119>a.zumechazhafen>img.openair {
width: 23px;
height: 21px;
margin: -4px 8px 0 0;
  transition: all 0.6s linear;
/* cubic-bezier(.47, 1.64, .41, .8) */
}
li.item-1119:hover>a.zumechazhafen>img.openair {
transform: scale(4) scale(0.25);
}
/* onclick huge image */
li.item-1119:active>a.zumechazhafen>img.openair {
  transform: scale(33);
}



 /* Tickets
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary > li > a.tickets,
.uk-offcanvas-bar .uk-nav-primary > li > a.tickets:hover {
  color: #C26457;
}
.uk-offcanvas-bar .uk-nav-primary > li > a.tickets:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.tickets:hover::after {
  width: 66px;
  background-color: #C26457;
}

/* Corona
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary>li>a.corona:hover::after,
.uk-offcanvas-bar .uk-nav-primary>li.current.active>a.corona:hover::after {
  width: 124px;
  background-color: #808080;
}
/* echaz.Hafen  Open Air Gelände 
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary>li>a.zumechazhafen:hover::after,
.uk-offcanvas-bar .uk-nav-primary>li.current.active>a.zumechazhafen:hover::after {
  width: 180px; background-color: #808080; }

/* Projekte
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary > li > a.projekte:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.projekte:hover::after {
  width: 78px;
  background-color: #808080;
}
/* Weblog
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary > li > a.weblog-menu-item:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.weblog-menu-item:hover::after {
  width: 68px;
  background-color: #f28e1e;
}




/* RÄUME
 ========================================= */

.item-169 > .uk-transition {
  padding-left: 48px;         /* ul padding minus 15px */
}
.item-169 > ul {
  padding: 5px 0 5px 63px;    /* width of link name + 6 */
}
.item-169 > a.raeume::after {
  position: relative;
  top: -5px;
  right: 20px;
  overflow-x: hidden;
}

/* Räume mieten*/
.uk-offcanvas-bar .uk-nav-primary li > a.raeume.tagung:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.raeume.tagung:hover::after {
  width: 94px;
  background-color: #808080;
}
/* Räume Technik */
.uk-offcanvas-bar .uk-nav-primary li > a.raeume.technik:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.raeume.technik:hover::after {
  width: 128px;
  background-color: #808080;
}

/* SERVICE
 ========================================= */
.item-174 > .uk-transition {
  padding-left: 58px;         /* ul padding minus 15px */
}
.item-174 > ul {
  padding: 5px 0 5px 73px;    /* width of link name + 6 */
}
.item-174 > a.service::after {
  position: relative;
  top: -5px;
  right: 20px;
  overflow-x: hidden;
}

/* Menschen mit Handicap */
.uk-offcanvas-bar .uk-nav-primary li > a.service.menschen:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.menschen:hover::after {
  width: 157px;
  background-color: #808080;
}
/* Menschen mit geringem Budget */
.uk-offcanvas-bar .uk-nav-primary li > a.service.budget:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.budget:hover::after {
  width: 209px;
  background-color: #808080;
}
/* Infos zu Vorverkauf und Tickets */
.uk-offcanvas-bar .uk-nav-primary li > a.service.tickets:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.tickets:hover::after {
  width: 204px;
  background-color: #808080;
}
/* franz.K Gutscheine */
.uk-offcanvas-bar .uk-nav-primary li > a.service.gutschein:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.service.gutschein:hover::after {
  width: 122px;
  background-color: #808080;
}


/* ÜBER DAS FRANZ.K
 ========================================= */
.item-179 > .uk-transition {
  padding-left: 144px;        /* ul padding minus 15px */
  white-space: nowrap;
}
.item-179 > ul {
  padding: 5px 0 5px 159px;   /* width of link name + 6 */
}
.item-179 > a.ueberfranzk::after {
  position: relative;
  top: -5px;
  right: 20px;
}

/* Kulturzentrum */
.uk-offcanvas-bar .uk-nav-primary li > a.ueber.kulturzentrum:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.ueber.kulturzentrum:hover::after {
  width: 94px;
  background-color: #808080;
}
/* Kulturverein */
.uk-offcanvas-bar .uk-nav-primary li > a.ueber.kulturverein:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.ueber.kulturvereinhover::after {
  width: 80px;
  background-color: #808080;
}
/* Förderverein */
.uk-offcanvas-bar .uk-nav-primary li > a.ueber.foerderverein:hover::after,
.uk-offcanvas-bar .uk-nav-primary li.current.active > a.ueber.foerderverein:hover::after {
  width: 83px;
  background-color: #808080;
}


/* KONTAKT 
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary > li > a.kontakt:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.kontakt:hover::after {
  width: 74px;
  background-color: #808080;
  
}

/* NEWSLETTER ABO item-187
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary > li.item-187 > a.modal_link:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.item-187.current.active > a.modal_link:hover::after {
  width: 142px;
  background-color: #808080;
}

/* Impressum und Datenschutz
 ========================================= */
li.item-260, li.item-261, li.item-407 {
  display: inline-block;
  padding-right: 8px;
}
li.item-407 span.nav-header {
  color: #808080;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 22px;
}
/* IMPRESSUM item-260 */
.uk-offcanvas-bar .uk-nav-primary > li.item-260 > a:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.item-260.current.active > a:hover::after {
  width: 97px;
  background-color: #808080;
}
/* IMPRESSUM item-261 */
.uk-offcanvas-bar .uk-nav-primary > li.item-261 > a:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.item-261.current.active > a:hover::after {
  width: 115px;
  background-color: #808080;
}

/* NAHVERKEHR
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary > li > a.naldo:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.naldo:hover::after {
  width: 109px;
  background-color: #808080;
  
}

/* PARKEN
 ========================================= */
.uk-offcanvas-bar .uk-nav-primary > li > a.parken:hover::after,
.uk-offcanvas-bar .uk-nav-primary > li.current.active > a.parken:hover::after {
  width: 169px;
  background-color: #808080;
  
}

/* SOCIAL ICONS FLOAT
 ========================================= */
li.item-191, li.item-197, li.item-198 {
  display: inline-block;
  padding-right: 8px;
}


/* SIMPLEBAR Overrides
 ========================================= */
#offcanvas .simplebar-content {
  padding: 40px 50px 40px 20px !important;
}
html.uk-offcanvas-page span.jcemediabox-zoom-link {
  display: none;
}














/*
##     ##     #######     ########     ##     ##    ##          ########     ######  
###   ###    ##     ##    ##     ##    ##     ##    ##          ##          ##    ## 
#### ####    ##     ##    ##     ##    ##     ##    ##          ##          ##       
## ### ##    ##     ##    ##     ##    ##     ##    ##          ######       ######  
##     ##    ##     ##    ##     ##    ##     ##    ##          ##                ## 
##     ##    ##     ##    ##     ##    ##     ##    ##          ##          ##    ## 
##     ##     #######     ########      #######     ########    ########     ######  
*/


/* HOME CUSTOM MODULES
 ========================================= */
#home-a.uk-section-default,
#home-b-highlights.uk-section-default,
#home-b2-neuimticketing.uk-section-default,
#home-c-weblog.uk-section-default,
#home-d-galerie.uk-section-default,
#home-e.uk-section-default {
  background-color: transparent;
}
#home-a-m.uk-section-default,
#home-b-highlights-m.uk-section-default,
#home-b2-neuimticketing-m.uk-section-default,
#home-c-weblog-m.uk-section-default,
#home-d-galerie-m.uk-section-default,
#home-e-m.uk-section-default {
  background-color: transparent;
}
#home .fk-page-content .uk-section .uk-container .custom > h1 {
  font-family:  "Oswald", sans-serif;
  font-size:    40px;
  font-weight:  500;
  line-height:  40px;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 20px;
}



/* Überschriften Startseite */
/*#home-c-weblog-m .uk-container .moduletable.weblogflash h1 a,*/
#home-b-highlights .uk-container .moduletable > h1 > a::before,
#home-b-highlights-m      .uk-container .moduletable > h1 > a::before,
#home-b2-neuimticketing   .uk-container .moduletable > h1 > a::before,
#home-b2-neuimticketing-m .uk-container .moduletable > h1 > a::before,
#home-c-weblog    .uk-container .moduletable > h1 > a::before,
#home-c-weblog-m  .uk-container .moduletable > h1 > a::before,
#home-d-galerie   .uk-container .moduletable > h1 > a::before,
#home-d-galerie-m .uk-container .moduletable > h1 > a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
#home-b-highlights .uk-container .moduletable > h1 > a:hover::before,
#home-b-highlights-m      .uk-container .moduletable > h1 > a:hover::before,
#home-b2-neuimticketing   .uk-container .moduletable > h1 > a:hover::before,
#home-b2-neuimticketing-m .uk-container .moduletable > h1 > a:hover::before,
#home-c-weblog    .uk-container .moduletable > h1 > a:hover::before,
#home-c-weblog-m  .uk-container .moduletable > h1 > a:hover::before,
#home-d-galerie   .uk-container .moduletable > h1 > a:hover::before,
#home-d-galerie-m .uk-container .moduletable > h1 > a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

#home-b-highlights   .uk-container .moduletable > h1 > a,
#home-b-highlights-m .uk-container .moduletable > h1 > a {
  color: #269780;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
#home-b-highlights   .uk-container .moduletable > h1 > a::before,
#home-b-highlights-m .uk-container .moduletable > h1 > a::before {
  background-color: #269780;
}


#home-b2-neuimticketing   .uk-container .moduletable > h1 > a,
#home-b2-neuimticketing-m .uk-container .moduletable > h1 > a {
  color: #ff3503; /* #808080  #ff3503 */
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
#home-b2-neuimticketing   .uk-container .moduletable > h1 > a::before,
#home-b2-neuimticketing-m .uk-container .moduletable > h1 > a::before {
  background-color: #ff3503;
}

#home-c-weblog   .uk-container .moduletable > h1 > a,
#home-c-weblog-m .uk-container .moduletable > h1 > a {
  color: #f28e1e;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
#home-c-weblog   .uk-container .moduletable > h1 > a::before,
#home-c-weblog-m .uk-container .moduletable > h1 > a::before {
  background-color: #f28e1e;
}

#home-d-galerie   .uk-container .moduletable h1 > a,
#home-d-galerie-m .uk-container .moduletable h1 > a {
  color: #2e318d;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
#home-d-galerie   .uk-container .moduletable > h1 > a::before,
#home-d-galerie-m .uk-container .moduletable > h1 > a::before {
  background-color: #2e318d;
}





/* HOME LEFT SIDE MODULES
 ========================================= */
 /* SIMPLEBAR !! */
.fk-page-content-home #SimplebarContainer.uk-overflow-auto {
  width: 100%;
  height: calc(100vh - 252px);  /* calculate height of container: subtract top header (144px) and on HOME:; bottom container (108px) */
  overflow: auto;
}
.fk-page-content-home #SimplebarContainer .simplebar-content {
  padding: 0 !important;
}

#HomeLeftFestival>div.custom>p {
  margin-right: 10px !important;
}


/*.fk-page-content-home .uk-grid .uk-width-1-5.uk-first-column,*/
.fk-page-content .uk-grid .uk-width-1-5.uk-first-column {
  max-width: 210px;
  padding-left: 0px;
}

#HomeLeftFestival.uk-panel {
  margin-top: 30px;
  margin-left: 30px;
  min-height: 100px;
}
#HomeLeftTickets.uk-panel {
  margin-left: 20px;
  min-height: 90px;
}
#HomeLeftNav.uk-panel {
  margin-left: 30px;
  min-height: 160px;
}
#HomeLeftSponsor.uk-panel {
  margin-left: 30px;
  min-height: 140px;
}
#HomeLeftImpressum.uk-panel {
  margin-left: 30px;
}

/* HOME LEFT NAV
 ========================================= 
Neu im Tick.  18 px 500 Oswald #808080
HIGHLIGHTS    18 px 500 Oswald #269780
WEBLOG        18 px 500 Oswald #f28e1e
GALERIE       18 px 500 Oswald #2e318d
 */
/* top #HomeLeftNav.uk-panel ul li.item-242 */
#HomeLeftNav.uk-panel ul li a,
#HomeLeftNav.uk-panel ul li a:hover {
  font-family:  "Oswald", sans-serif;
  font-size:    19px;
  font-weight:  500;
  line-height:  19px;
  text-decoration: none;
  text-transform: uppercase;
}

a.neu-im-ticketing  { color: #ff3503 !important; width:133px; transition: width .4s; text-align:left;} /* #808080 #BD292E */
a.highlights        { color: #269780 !important; width:92px; transition: width .4s; text-align:left;}
a.weblog            { color: #f28e1e !important; width:62px; transition: width .4s; text-align:left;}
a.galerie           { color: #2e318d !important; width:62px; transition: width .4s; text-align:left;}
/* ANIMATION: move to the right */
a.neu-im-ticketing:hover, a.neu-im-ticketing.uk-active  { width:133px;}
a.highlights:hover, a.highlights.uk-active { width:133px; text-align:right;}
a.weblog:hover, a.weblog.uk-active { width:133px; text-align:right;}
a.galerie:hover, a.galerie.uk-active { width:133px; text-align:right;}
/* ANIMATION: show 2 px underline */
a.neu-im-ticketing::after { content: ''; display: block; margin-top:2px; width: 0; height: 2px; background: #ff3503; transition: width .5s; } /* #808080 */
a.neu-im-ticketing.uk-active::after, a.neu-im-ticketing:hover::after { width: 100%; }
a.highlights::after { content: ''; display: block; margin-top:2px; width: 0; height: 2px; background: #269780; transition: width .5s; }
a.highlights.uk-active::after, a.highlights:hover::after { width: 100%; }
a.weblog::after { content: ''; display: block; margin-top:2px; width: 0; height: 2px; background: #f28e1e; transition: width .5s; }
a.weblog.uk-active::after, a.weblog:hover::after { width: 100%; }
a.galerie::after { content: ''; display: block; margin-top:2px; width: 0; height: 2px; background: #2e318d; transition: width .5s; }
a.galerie.uk-active::after, a.galerie:hover::after { width: 100%; }


/* bottom */
#HomeLeftImpressum.uk-panel ul li a {
  font-family:  "Oswald", sans-serif;
  font-size:    18px;
  font-weight:  300;
  line-height:  18px;
  text-decoration: none;
  text-transform: uppercase;
  color: #808080 !important;
}




/* newsletter popup and pages */
#system-message-container div#system-message div.alert.alert-message a.close {
  color:#ededed;
}


#rl_modals_title {
  font-family: Oswald;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.newsletter-abo-popup h3 {
font-family: Oswald;
color:
#000000;
font-size: 23px;
line-height: 26px;
font-weight: 400;
text-align: left;
margin-top: 12px;
margin-bottom: 12px;
text-decoration: none;
}
.newsletter-abo-popup .acymailing_introtext,
.newsletter-abo-popup .acymailing_finaltext  {
font-family: 'Roboto Slab';
color: #000000;
font-size: 15px !important;
line-height: 22px !important;
font-weight: 300;
text-align: left;
margin-bottom: 0px;
}

.newsletter-abo-popup .acymailing_form {
  margin: 0;
}

.newsletter-abo-popup .acysubbuttons .button.subbutton.btn.btn-primary {
background: #0074B6;
color: #ffffff;
margin: 0;
border: none;
overflow: visible;
font-size: 14px;
line-height: 36px;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 20px;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: all;
transition-property: color, background-color, border-color;
}
.newsletter-abo-popup .acysubbuttons .button.unsubbutton.btn-inverse {
background: #DB0613;
color: #ffffff;
margin: 0;
border: none;
overflow: visible;
font-size: 14px;
line-height: 36px;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 20px;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.1s ease-in-out;
transition-property: all;
transition-property: color, background-color, border-color;
}
.newsletter-abo-popup .acymailing_form .inputbox {
height: 36px;
width:220px;
vertical-align: middle;
display: inline-block;
padding: 0 10px;
background:#fff;
color:#666;
border: 1px solid #e5e5e5;
transition: 0.2s ease-in-out;
transition-property: all;
transition-property: color, background-color, border;

}
.newsletter-abo-popup .acymailing_form .inputbox::placeholder {
color: #808080;
}

#unsubpage {
  font-family: 'Roboto Slab';
color: #000000;
font-size: 15px !important;
line-height: 22px !important;
font-weight: 300;
text-align: left;
margin-bottom: 0px;
}
#unsubpage .unsubsurvey > div:nth-child(2),
#unsubpage .unsubsurvey > div:nth-child(3), 
#unsubpage .unsubsurvey > div.otherreasons{
    padding-left: 10px;
}
#unsubpage .acymailing_button_grey {
background: #0074B6;
color: #ffffff;
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
overflow: visible;
font-size: 14px;
line-height: 36px;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 20px;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow:none;
transition: 0.1s ease-in-out;
transition-property: all;
transition-property: color, background-color, border-color;
}
#unsubpage #unsubbutton_div {
  padding-left:10px;
}
.alert .close {
  font-size: 36px;

}
.alert .alert-heading {
  font-family: Oswald;
color:
#000000;
font-size: 23px;
line-height: 26px;
font-weight: 400;
text-align: left;
margin-top: 12px;
margin-bottom: 12px;
text-decoration: none;
  
}
.alert .alert-message {
  font-family: 'Roboto Slab';
color: #000000;
font-size: 15px !important;
line-height: 22px !important;
font-weight: 300;
text-align: left;
margin-bottom: 0px;
  
}
.captchaimagemodule {
  margin-top: 2px;
}
.refreshCaptchaModule {
margin: 14px 8px;
}















/*
 ######         ###       ##          ##          ########    ########     ##    ## 
##    ##       ## ##      ##          ##          ##          ##     ##     ##  ##  
##            ##   ##     ##          ##          ##          ##     ##      ####   
##   ####    ##     ##    ##          ##          ######      ########        ##    
##    ##     #########    ##          ##          ##          ##   ##         ##    
##    ##     ##     ##    ##          ##          ##          ##    ##        ##    
 ######      ##     ##    ########    ########    ########    ##     ##       ##    
*/



/* Galerie generell */

.kk-galerie-container {
  max-width: 260px;
}
.kk-musik.kk-galerie-container {
  border-bottom: 2px solid #2e318d;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

.kk-galerie-container:hover .kk-overlay a h1 > span {
  display: none;
}
.kk-galerie-container .kk-overlay a h1::after {
  content: '';
  opacity: 0;
  transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.kk-galerie-container:hover .kk-overlay a h1::after {
  content: 'Alle Fotos';
  opacity: 1;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}


.kk-galerie-container .uk-cover-container {
  opacity: 1;
  transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.kk-galerie-container:hover .uk-cover-container {
  opacity: 0.3;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

.kk-album-date h4 {
  font-family: Oswald;
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
  text-align: left;
  padding: 0;
  margin: 0;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

.kk-overlay {
  margin-bottom: 36px !important;
  max-width: 140px;
  max-height: 96px;
  min-height: 44px;
  padding: 3px;
  overflow: hidden;
}
.uk-overlay-default  {
  background: rgba(237, 237, 237, 1);
  min-width: 150px !important;
  margin-right: -50px !important;
}

.uk-overlay h1 {
  font-family: Oswald;
  font-size: 20px !important;
  line-height: 23px !important;
  font-weight: 500 !important;
  text-align: left;
  margin: 0 0 46px 0 !important;
  text-transform: normal !important;
}
.kk-musik .kk-album-date h4,
.kk-musik .uk-overlay h1 {
  color: #5488d3;
}
.kk-buehne .kk-album-date h4,
.kk-buehne .uk-overlay h1 {
  color: #cc1e25;
}
.kk-sparten .kk-album-date h4,
.kk-sparten .uk-overlay h1 {
  color: #78c429;
}
.kk-party .kk-album-date h4,
.kk-party .uk-overlay h1 {
  color: #551a84;
}

#album .page-header h1,
#alben-uebersicht .page-header h1 {
  text-align: center;
  font-family: Oswald, sans-serif;
  font-size: 2.625rem;
  line-height: 1.2;
  color: #2e318d;
}

#album.index  .page-header h1,
#album.gallerysingle .page-header h1,
#alben-uebersicht.gallerysingle .page-header h1 {
  margin-top: -40px;
  padding-bottom: 50px;
}


/* SEARCH */

#KKLeftSearch {
  margin-left: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
}

#KKLeftSearch .uk-search-default .uk-search-icon {
    width: 20px;
}
#KKLeftSearch .uk-search-default .uk-search-input {
  font-size: 18px;
  font-weight: 200;
  border: none;
}
#KKLeftSearch .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
    padding-left: 35px;
}

#KKLeftSearch .kk-gallery-search span.uk-icon.uk-search-icon {
  position: absolute;
  top: 3px;
  left:3px;
}
#KKLeftSearch .kk-gallery-search input {
  padding-left: 30px;
  background-color: #ffffff;
}
#KKLeftSearch.fk-search-mobil {
  margin-left: 0px;
  height: 25px;
}
#KKLeftSearch.fk-search-mobil .kk-gallery-search {
  max-height: 25px;
}
#KKLeftSearch.fk-search-mobil .kk-gallery-search input {
  padding-left: 30px;
  background-color: #ffffff;
  max-height: 25px;
}


/* BESUCHER */
#album .fk-page-content,
#album .fk-page-content .uk-container,
#alben-uebersicht .fk-page-content, 
#alben-uebersicht .fk-page-content .uk-container {
  max-width: 99.999%;
}
#album  .fk-page-content .uk-article .uk-grid .uk-width-1-5\@l.uk-first-column,
#alben-uebersicht .fk-page-content .uk-article .uk-grid .uk-width-1-5\@l.uk-first-column {
    max-width: 210px;
    min-width: 210px;
    padding-left: 0px;
}
#album.index .fk-page-content .uk-grid .uk-width-1-5.uk-first-column,
#album.gallerysingle .fk-page-content .uk-grid .uk-width-1-5.uk-first-column,
#alben-uebersicht.gallerysingle .fk-page-content .uk-grid .uk-width-1-5.uk-first-column {
    max-width: 210px;
    min-width: 210px;
    padding-left: 40px;
}
#album  .kk-overlay,
#alben-uebersicht .kk-overlay {
  margin-bottom: 36px !important;
  width: 140px;
  max-width: 140px !important;
  height: 66px;
  max-height: 66px !important;
  min-height: 44px !important;
  padding: 3px;
  overflow: hidden;
}
#album .uk-overlay-default,
#alben-uebersicht .uk-overlay-default  {
  background: rgba(237, 237, 237, 1);
  min-width: 136px !important;
  margin-right: -46px !important;
}
#album.index .uk-lightbox .uk-lightbox-toolbar,
.gallerysingle .uk-lightbox .uk-lightbox-toolbar {
    background: rgba(0,0,0,0);
}
#album #filteredList.uk-grid > *,
#alben-uebersicht  #filteredList.uk-grid > * {
  padding-right: 30px;
  padding-left: 20px;
}
#album #filteredList .kk-overlay a h1,
#alben-uebersicht #filteredList .kk-overlay a h1 {
  font-size: 19px !important;
line-height: 22px !important;
font-weight: 400 !important;
color: #2e318d !important;
}
#album #filteredList .kk-overlay a,
#alben-uebersicht #filteredList .kk-overlay a {
  text-decoration: none;
}
.kk-musik .kk-album-date h4,
.kk-musik .uk-overlay h1 {
  color: #5488d3;
}
.kk-musik.kk-galerie-container, .kk-galerie-container {
    color: #2e318d !important;
    backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.kk-galerie-container.kk-musik .kk-album-date h4, .kk-galerie-container.kk-musik .uk-overlay h1 {
    color: #2e318d !important;
    backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}




/* HOME Galerie Module */

#home #home-d-galerie .kk-galerie {
  height: 124px;
  max-height: 124px;
  overflow: hidden;
}

.fk-galerie-link-container a.fk-galerie-link {
    text-decoration: none;
    display: inline-block;
    width: 140px;
}

#home-d-galerie   .fk-galerie-link-container::after, 
#home-d-galerie   .fk-galerie-link-container::before,
#home-d-galerie-m .fk-galerie-link-container::after, 
#home-d-galerie-m .fk-galerie-link-container::before {
  content: "";
  background-color: #2e318d;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
#home-d-galerie   .fk-galerie-link-container::after,
#home-d-galerie-m .fk-galerie-link-container::after {
    top: 0;
}
#home-d-galerie   .fk-galerie-link-container::before,
#home-d-galerie-m .fk-galerie-link-container::before {
    bottom: 0;
}

#home-d-galerie   .fk-galerie-link-container,
#home-d-galerie-m .fk-galerie-link-container {
  width: 140px;
  max-width:140px;
  height:36px;
  border-top: 2px solid #2e318d;
  border-bottom: 2px solid #2e318d; 
  padding: 5px;
  transform: translateX(-5px);
}
#home-d-galerie-m .fk-galerie-link-container {
  transform: translateX(-35px);
}
#home-d-galerie   .fk-galerie-link-container:hover::after,
#home-d-galerie   .fk-galerie-link-container:hover::before,
#home-d-galerie-m .fk-galerie-link-container:hover::after,
#home-d-galerie-m .fk-galerie-link-container:hover::before {
    visibility: visible;
    transform: scaleX(1);
}

#home-d-galerie   .fk-galerie-link h2,
#home-d-galerie-m .fk-galerie-link h2 {
  font-family: Oswald;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#2e318d;
  padding:6px 0 12px 0; 
  width:auto;
  max-width: 140px;
  white-space: nowrap; 
  margin: 0;
}




/* FOTOGRAFEN LOGIN */
#neues-album-hinzufuegen .page-header h2 {
  color: #0074B6;
}
#neues-album-hinzufuegen .uk-legend {
  font-family: Oswald !important;
  color: #000000 !important;
  font-size: 24px !important;
  font-weight: 500;
  line-height: 24px !important;
  margin-top: 20px;
  color: #af1116;
}
#neues-album-hinzufuegen .uk-select option {
  font-family: 'Roboto Slab';
}
#neues-album-hinzufuegen #upload-drop {
  font-family: 'Roboto Slab';
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #000000;
  background: #DEDEDE;
  border: 2px solid #aaaaaa;
}
#neues-album-hinzufuegen #upload-drop:hover {
  background: #ffffff;
  border: 2px solid red;
  content: "DROP";
}
#neues-album-hinzufuegen .uk-button.uk-button-primary,
#neues-album-hinzufuegen #progressdiv.uk-progress.uk-progress-success,
#neues-album-hinzufuegen #upload-drop #upload-button.uk-button.uk-button-primary {
  background: #0074B6;
}
#neues-album-hinzufuegen .uk-card.uk-card-default.uk-card-body {
  padding: 1px;
  background: rgb(102, 102, 102);
}
#neues-album-hinzufuegen ul#galleryPreview {
  margin-left:0px;
  margin-bottom:35px;
}
#neues-album-hinzufuegen #galleryPreview .uk-first-column {
  margin-left:0px;
}

/* Rand beim hochladen*/
#neue-galerie-anlegen #galleryPreview .uk-card-body {
  padding: 4px 4px !important;
}

/* OrielPro Dynamic Gallery */

.nx-oriel-gallery {
  z-index: 1000002;
}















/*
########     ###     ######   #### ##    ##    ###    ######## ####  #######  ##    ## 
##     ##   ## ##   ##    ##   ##  ###   ##   ## ##      ##     ##  ##     ## ###   ## 
##     ##  ##   ##  ##         ##  ####  ##  ##   ##     ##     ##  ##     ## ####  ## 
########  ##     ## ##   ####  ##  ## ## ## ##     ##    ##     ##  ##     ## ## ## ## 
##        ######### ##    ##   ##  ##  #### #########    ##     ##  ##     ## ##  #### 
##        ##     ## ##    ##   ##  ##   ### ##     ##    ##     ##  ##     ## ##   ### 
##        ##     ##  ######   #### ##    ## ##     ##    ##    ####  #######  ##    ## 
*/
.pagination {
  display: block;
  margin: 30px 0;
}
.pagination p.counter {
  display: none;
}
ul.pagination-list.uk-pagination {
  margin-left:0;
}
.pagination-list > li:nth-child(1) {
  padding-left:0px;
  margin-left:0;
}










/*
########     #######      #######     ########    ########    ########  
##          ##     ##    ##     ##       ##       ##          ##     ## 
##          ##     ##    ##     ##       ##       ##          ##     ## 
######      ##     ##    ##     ##       ##       ######      ########  
##          ##     ##    ##     ##       ##       ##          ##   ##   
##          ##     ##    ##     ##       ##       ##          ##    ##  
##           #######      #######        ##       ########    ##     ## 
*/


/* bottom container  for calendar on homepage */
.bottom_edge_container {
  position: fixed; bottom: 108px; z-index:1; width:100%;
}
.bottom_container {
  height:108px; position: fixed; bottom: 0; z-index:980; margin-right:auto; margin-left: auto; width:100%;
}

#fk-bottom_container #kk-slider-prog > .uk-flex-left.uk-margin-left {
  width:100%;
  max-height: 70px;
  margin-top: 19px;
}
#fk-bottom_container #kk-slider-prog > .uk-width-1-5.uk-margin-left {  
  max-height: 70px;
  margin-top: 19px;
  margin-left: 50px !important;
}

#fk-bottom_container .kk-programm-total-container {
  width:100%;
  height:100%;
  text-align:center;
  padding-left: 0;
  max-width: auto;
min-width: auto;
height: 70px;
min-height: 70px;
max-height: 70px;
margin-left: auto;

}
#fk-bottom_container a.kk-programm-total-link {
  display:block;
  width:192px;
  text-align: center;
}
#fk-bottom_container a.kk-programm-total-link h1.kk-programm-total {
  font-family: Oswald;
  color: #808080; /* #0074b6 */
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin:0;
  padding:0px 4px 4px 3px;
  border: 3px solid #ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-left:4px;
  white-space: nowrap;
}
#fk-bottom_container a.kk-programm-total-link {
  text-decoration: none;
  white-space: nowrap;
}
#fk-bottom_container a.kk-programm-total-link:hover h1 {
  text-decoration: none;
  padding:1px 4px 3px 4px;
  border: 3px solid #808080; /* #0074b6 */
  white-space: nowrap;
}
#fk-bottom_container .uk-slidenav-large.uk-slidenav {
    background-color: transparent;
    padding: 5px 6px;
    margin-left: 3px;
}
#fk-bottom_container .uk-slider-items {
  max-height: 70px;
  margin-left: -17px;
}

/* Inside DIV */
#fk-bottom_container .kk-fuss-event {
  /*width: 100%;
  width: 220px;
  min-width: 220px;
  max-width: 220px;*/
  height: 70px;
  max-height: 70px;
  min-height: 70px;
}

#fk-bottom_container .kk-fuss-event .uk-width-1-6,
#fk-bottom_container .kk-fuss-event .uk-width-1-5,
#fk-bottom_container .kk-fuss-event .uk-width-1-4 {
  vertical-align: top;
  /*width: 25%;
  min-width: 58px;*/
  /*background: yellow */
}
#fk-bottom_container .kk-fuss-event .uk-width-5-6,
#fk-bottom_container .kk-fuss-event .uk-width-4-5,
#fk-bottom_container .kk-fuss-event .uk-width-3-4 {
  /*width: 75%;
  min-width: 176px !important; */
  text-align: left; 
  vertical-align: top;
  /*background: red */
}
#fk-bottom_container .uk-width-1-6 .uk-card > h1.kk-tagzahl,
#fk-bottom_container .uk-width-1-5 .uk-card > h1.kk-tagzahl,
#fk-bottom_container .uk-width-1-4 .uk-card > h1.kk-tagzahl {
  font-family: Oswald;
  font-size: 43px;
  line-height: 43px;
  font-weight: 200;
  margin: 0;
  padding: 0;
}
#fk-bottom_container .uk-width-1-6 .uk-card > h4.kk-monat,
#fk-bottom_container .uk-width-1-5 .uk-card > h4.kk-monat,
#fk-bottom_container .uk-width-1-4 .uk-card > h4.kk-monat {
  font-family: Oswald;
  color: #000000;
  font-size: 21px;
  line-height: 21px;
  letter-spacing: 0.33px;
  font-weight: 100;
  margin:0;
  padding:0;
}
#fk-bottom_container a .uk-width-5-6 .uk-card > h2.kk-titel,
#fk-bottom_container a .uk-width-4-5 .uk-card > h2.kk-titel,
#fk-bottom_container a .uk-width-3-4 .uk-card > h2.kk-titel {
  font-family: 'Oswald';
  color: #000000;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  margin:0;
  padding:0;
}
#fk-bottom_container a .uk-width-5-6 .uk-card > h3.kk-untertitel,
#fk-bottom_container a .uk-width-4-5 .uk-card > h3.kk-untertitel,
#fk-bottom_container a .uk-width-3-4 .uk-card > h3.kk-untertitel {
  font-family: 'Roboto Slab';
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: -0.33px;
  line-height: 22px;
  margin:0;
  padding:0;
}






/* MOBILE VERSION  of programm overview */
#fkProgContainerM a.kk-programm-total-link {
  display:block;
  width:192px;
  text-align: center;
}
#fkProgContainerM a.kk-programm-total-link h1.kk-programm-total {
  font-family: Oswald;
  color: #808080;
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  margin:0;
  padding:4px 4px;
  border: 3px solid #ededed;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#fkProgContainerM a.kk-programm-total-link {
  text-decoration: none;
}
#fkProgContainerM a.kk-programm-total-link:hover h1 {
  text-decoration: none;
  margin:0;
  padding:4px 4px 8px 4px;
  border: 3px solid #808080;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


/* Inside DIV */
#fkProgContainerM .kk-fuss-event-m {
  width: 100%;
  /*width: 450px;*/
  min-width: 320px;
  max-width: 450px;
  height: 70px;
  max-height: 70px;
  min-height: 70px;
}

#fkProgContainerM .kk-fuss-event-m .uk-width-1-5 {
  width: 25%;
  max-width: 50px;
}
#fkProgContainerM .kk-fuss-event-m .uk-width-expand {
  width:80%;
  min-width: 275px;
  text-align: left; 
}

#fkProgContainerM .uk-width-1-5 .uk-card > h1.kk-tagzahl {
  font-family: Oswald;
  font-size: 46px;
  line-height: 43px;
  font-weight: 200;
  margin: 0;
  padding: 0;
}
#fkProgContainerM .uk-width-1-5 .uk-card > h4.kk-monat {
  font-family: Oswald;
  color: #000000;
  font-size: 21px;
  line-height: 21px;
  letter-spacing: 0.33px;
  font-weight: 100;
  margin:0;
  padding:0;
}

#fkProgContainerM a .uk-width-expand .uk-card > h2.kk-titel {
  font-family: 'Oswald';
  color: #000000;
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  margin:0;
  padding:0;
}
#fkProgContainerM a .uk-width-expand .uk-card > h3.kk-untertitel {
  font-family: 'Roboto Slab';
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.33px;
  line-height: 21px;
  margin:0;
  padding:0;
}

#fkProgContainerM .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    top: -20px;
}













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

 #######     ##     ##    ########    ########     ####       ###    
##     ##    ###   ###    ##          ##     ##     ##       ## ##   
## ### ##    #### ####    ##          ##     ##     ##      ##   ##  
## ### ##    ## ### ##    ######      ##     ##     ##     ##     ## 
## #####     ##     ##    ##          ##     ##     ##     ######### 
##           ##     ##    ##          ##     ##     ##     ##     ## 
 #######     ##     ##    ########    ########     ####    ##     ## 

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








/*
 #######   #######  ##          #####      ##     ##       ##    #######   #######    #####   
##     ## ##     ## ##    ##   ##   ##      ##   ##      ####   ##     ## ##     ##  ##   ##  
       ## ##     ## ##    ##  ##     ##      ## ##         ##   ##     ##        ## ##     ## 
 #######   #######  ##    ##  ##     ##       ###          ##    ########  #######  ##     ## 
       ## ##     ## ######### ##     ##      ## ##         ##          ## ##        ##     ## 
##     ## ##     ##       ##   ##   ##      ##   ##        ##   ##     ## ##         ##   ##  
 #######   #######        ##    #####      ##     ##     ######  #######  #########   #####   
*/

@media (max-width: 3839px) and (min-width: 1920px) {
  .uk-container {
  padding-left: 10px;
  padding-right: 10px;
  }
  .fk-unterseite .uk-container {
  padding-left: 30px;
  padding-right: 0px;
  }

}

@media all and (max-width: 3840px) and (min-width: 1920px) {
  .uk-margin-large-right {
    margin-right: 110px !important;
  }
  .eventsingle .uk-margin-large-right {
    margin-right: 110px !important;
  }
  #SubPageContainer > div.uk-section {
    padding-top: 0px;
    padding-right: 80px;
  }
  #SubPageContainer .komplett > .uk-width-1-6,
  #SubPageContainer .uk-width-1-6\@s {
    max-width:220px;
  }
  #SubPageContainer .komplett .uk-weblog >.uk-width-3-4 > .uk-card {
    padding-right: 30px
  }


  #navbottom-image { margin-top:52px;}
  #navbottom-image, .fk-skewy {transform: skewY(-3deg);}
  .fk-skewy-rev {transform: skewY(3deg);}

  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 120px;
    padding: 0 60px 0 30px;
  }

  #header {height:203px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-3840x203_3.png); height:203px; background-position: right top; background-repeat: no-repeat;
  }

}














/*
   ##    #######   #######    #####      ##     ## ##     ## ##       
 ####   ##     ## ##     ##  ##   ##      ##   ##   ##   ##  ##       
   ##   ##     ##        ## ##     ##      ## ##     ## ##   ##       
   ##    ########  #######  ##     ##       ###       ###    ##       
   ##          ## ##        ##     ##      ## ##     ## ##   ##       
   ##   ##     ## ##         ##   ##      ##   ##   ##   ##  ##       
 ######  #######  #########   #####      ##     ## ##     ## ######## 
*/

@media (max-width: 1919px) and (min-width: 1200px) {
  .uk-container {
  padding-left: 10px;
  padding-right: 10px;
  }
  .fk-unterseite .uk-container {
  padding-left: 0px;
  padding-right: 0px;
  }
}

@media all and (max-width: 1920px) and (min-width: 1601px) {
  .uk-margin-large-right {
    margin-right: 80px !important;
}
  /* no need for degrees */
  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 120px;
    padding: 0 30px 0 30px;
  }
  #header {height:180px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-1920x156_4-6.png); height:180px; background-position: right top; background-repeat: no-repeat;}
}


@media all and (min-width: 1920px) {
  #plg_system_topofthepage {
  margin-right: 60px !important;
  } 
  .fk-allesparten-inhalte {
    width: 100%;
    max-width: 750px;
    min-width: 680px; 
  }

}

@media (max-width: 1920px) {
  .eventsingle .fk-page-content {
    margin-right:40px;
  }

}











/*
   ##    #######    #####     #####      ##     ## ##       
 ####   ##     ##  ##   ##   ##   ##      ##   ##  ##       
   ##   ##        ##     ## ##     ##      ## ##   ##       
   ##   ########  ##     ## ##     ##       ###    ##       
   ##   ##     ## ##     ## ##     ##      ## ##   ##       
   ##   ##     ##  ##   ##   ##   ##      ##   ##  ##       
 ######  #######    #####     #####      ##     ## ######## 
*/

@media all and (max-width: 1600px) and (min-width: 1201px) {
  .uk-margin-large-right {
    margin-right: 80px !important;
  }
  #navbottom-image { margin-top:52px;}
  #navbottom-image, .fk-skewy {transform: skewY(-5deg);}
  .fk-skewy-rev {transform: skewY(5deg);}
  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 110px;
    padding: 0 30px 0 30px;
  }
  #header {height:140px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-1600x140_5.png); height:140px; background-position: right top; background-repeat: no-repeat;}


}

@media (max-width: 1600px) {

  
}













/*
   ##    #######    #####     #####      ##       
 ####   ##     ##  ##   ##   ##   ##     ##       
   ##          ## ##     ## ##     ##    ##       
   ##    #######  ##     ## ##     ##    ##       
   ##   ##        ##     ## ##     ##    ##       
   ##   ##         ##   ##   ##   ##     ##       
 ###### #########   #####     #####      ######## 
*/

@media (max-width: 1199px) and (min-width: 960px) {
  .uk-container {
  padding-left: 10px;
  padding-right: 10px;
  }
  .fk-unterseite .uk-container {
  padding-left: 0px;
  padding-right: 0px;
  }
}

@media all and (max-width: 1200px) and (min-width: 961px) {
  
   .uk-margin-large-right {
     margin-right: 80px !important;
   }
  #navbottom-image { margin-top:56px;}
  #navbottom-image, .fk-skewy {transform: skewY(-6.5deg);}
  .fk-skewy-rev {transform: skewY(6.5deg);}
  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 115px;
    padding: 0 30px 0 30px;
  }
  .uk-navbar-left div.uk-navbar-item a.uk-logo img {width: 140px;}
  .uk-navbar-right a.uk-navbar-toggle.uk-navbar-toggle-icon.uk-icon {
    width: 48px;
  }
  #header {height:140px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-1200x140_6-5.png); height:140px; background-position: right top; background-repeat: no-repeat;
  }

}

@media (max-width: 1200px) {
  .eventsingle .fk-page-content {
    margin-right:30px;
  }
}













/*
 #######   #######    #####      ##     ## 
##     ## ##     ##  ##   ##     ###   ### 
##     ## ##        ##     ##    #### #### 
 ######## ########  ##     ##    ## ### ## 
       ## ##     ## ##     ##    ##     ## 
##     ## ##     ##  ##   ##     ##     ## 
 #######   #######    #####      ##     ## 
*/

@media all and (min-width: 959px) {
  #album .uk-margin-xlarge-top,
  #alben-uebersicht .uk-margin-xlarge-top {
    margin-top: 25px !important;
  }
}

@media (max-width: 959px) {
  .kk-programm-total-container {
    min-height: auto;
    max-height: 100%;
  }
  .kk-programm-total .uk-width-5-6 {
    margin-top:10px;
  }

  .kk-programm-total {
    width: 100%;
  }
  .kk-programm-total .kk-date-block {
    max-width: 100%;
    padding-left: 20px;
  }

  .kk-date-block > .uk-card > div:nth-child(1) {
    width: 60px;
    max-width: 60px;
    min-width: 60px;
    float: left;
  }
  .kk-date-block > .uk-card > div:nth-child(2) {
    width: 120px;
    float: left;
    padding-left: 10px;
  }
  .kk-programm-total .kk-tag {padding-top: 3px;}
  .kk-programm-total .kk-zeit {padding-top: 6px;}


  .eventsingle .komplett > .uk-width-expand.fk-robotoslab {
    padding-left: 15px;
  }
  .eventsingle .komplett .uk-width-expand.fk-robotoslab .uk-flex .uk-margin-medium-right {
    margin-right:5px !important;
  }
  /* event single */
  .eventsingle #KKpageContainer.uk-margin-large-right {
    margin-right: 20px !important;
  }

  .eventsingle .komplett .uk-width-expand.fk-robotoslab .uk-weblog .uk-width-1-4\@xm {
    min-width: 180px;
  }


}

@media (max-width: 959px) and (min-width: 768px) {
  .uk-container {
  padding-left: 10px;
  padding-right: 10px;
  }
  .fk-unterseite .uk-container {
  padding-left: 10px;
  padding-right: 10px;
  }



}

@media all and (max-width: 960px) and (min-width: 768px) {
  #navbottom-image { margin-top:56px;}
  #navbottom-image, .fk-skewy {transform: skewY(-8.3deg);}
  .fk-skewy-rev {transform: skewY(8.3deg); max-width: 400px;}
  
  .uk-margin-large-right {
     margin-right: 80px !important;
   }
  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 110px;
    padding: 0 30px 0 30px;
  }
  .uk-navbar-left div.uk-navbar-item a.uk-logo img {width: 140px;}
  .uk-navbar-right a.uk-navbar-toggle.uk-navbar-toggle-icon.uk-icon {
    width: 48px;
  }
  #header {height:140px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-960x140_8-3.png); height:140px; background-position: right top; background-repeat: no-repeat;
  }


  #SubPageContainer,
  #SubPageContainer.uk-margin-xlarge-right,
  #SubPageContainer.uk-margin-large-right {
    margin-right: 0px !important;
   }
  #SubPageContainer > div.uk-section {
    padding-left: 20px;
    padding-right: 10px;
  }
    /* korrigiere anzeige galerie auf mobile */
.gallerysingle  #SubPageContainer > div.uk-section {
    padding-left: 0px;
    padding-right: 0px;
  }
.gallerysingle  .fk-page-content {
    margin-left: 0px;
    margin-right: 60px;
  }
.gallerysingle #SubPageContainer > div.uk-section .uk-card.uk-text-center {
  padding-left: 50px;
}

/*
  #fk-bottom_edge_container {
    bottom:0px !important;
  }
  .uk-container {
    padding-left: 0px;
    padding-right: 0px;
  }
*/
    /* Gallery */
    #album .page-header h1,
    #album.index .page-header h1,
    #album.gallerysingle .page-header h1,
  #alben-uebersicht .page-header h1,
  #alben-uebersicht.gallerysingle .page-header h1 {
    font-size: 2.3rem;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  

}



@media all and (max-width: 960px) {

  /* KK Search Filter Bar */
  #alleSparten.fk-page-content .uk-width-1-1,
  #alleSparten.fk-page-content .fk-simplebar,
  #alleSparten.fk-page-content .uk-width-1-5\@m {
    max-width: 100% !important;
    padding-left: 30px;
  }


  #alleSparten .fk-simplebar > div:nth-child(2) {
    max-width: 440px;
  }

 #alleSparten .fk-inhalte {
    margin-top: 0px !important;
   }
 #alleSparten.fk-page-content #SimplebarContainer .simplebar-content {
    padding: 0 !important;
  }
  
  #alleSparten #KKLeftModule {
    max-width: 640px;
  }

  #alleSparten #KKLeftFilter.uk-panel {
    margin-top: 0px;
    margin-left: -8px;
    margin-bottom: 20px;
    max-width: 57%;
    min-width: 57%;
  }
  #alleSparten #KKLeftMonth.uk-panel {
    margin-top: 60px;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    max-width: 43%;
    min-width: 43%;
  }
  #alleSparten.fk-page-content #SimplebarContainer.uk-overflow-auto {
    height: auto;
    min-height: 130px;
    overflow: auto;

  }

  #alleSparten #KKLeftFilter div.custom span#maskfkTrichter {
    width: 23px !important;
    height: 23px !important;
  }
  #alleSparten svg#filter_trichter_closed, #alleSparten svg#filter_trichter_open {
    height: 22px;
  }
  #alleSparten #KKLeftFilter div.custom {
    margin-left: 5%;
  }
  #alleSparten #KKLeftFilter a#fkTrichterLink > h3 {
    font-size: 21px;
  }
  #alleSparten span#fkTrichter {
    padding-right: 0px !important;
  }

  #alleSparten #KKLeftMonth div.custom {
    max-width: 180px;
    float: right;
  }
  #alleSparten #KKLeftMonth.uk-panel #monthslider a.kk-month-symbol {
    min-width: 22px;
    min-height: 22px;
  }
  #alleSparten #KKLeftMonth.uk-panel {
    font-size: 21px;
  }
  #alleSparten #monthslider.kk-select-month ul li a div.uk-position-left.uk-panel {
    margin-left: 6px !important;
  }
  #alleSparten a.monthsliderbutton {
    background-color: #DEDEDE;
  }
  #alleSparten #monthslider .uk-slider-container {
    min-width: 90px !important;
  }

  .eventsingle .fk-page-content {
    margin-right:10px;
  }

  .fk-list {
    max-width: 100%;
    padding-left: 30px;
    float: left;
  }

  /* P tag inside article */
  p.fk-robotoslab,
  .fk-robotoslab .uk-card p {
      font-size: 15px;
      line-height: 24px;
  }


}











/*
########  #######   #######     ##     ## ##     ## 
##    ## ##     ## ##     ##     ##   ##  ###   ### 
    ##   ##        ##     ##      ## ##   #### #### 
   ##    ########   #######        ###    ## ### ## 
  ##     ##     ## ##     ##      ## ##   ##     ## 
  ##     ##     ## ##     ##     ##   ##  ##     ## 
  ##      #######   #######     ##     ## ##     ## 
*/

/* Phone landscape and bigger */
/* Tablet portrait and bigger */
@media (min-width: 768px) {
/*
  .uk-container {
      padding-left: 10px;
      padding-right: 10px;
  }
  .fk-unterseite .uk-container {
  padding-left: 10px;
  padding-right: 10px;
  }
*/
  .uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .uk-modal {
    padding: 40px 40px;
  }
  .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
    }

  .uk-container-expand-left,
  .uk-container-expand-right {
    max-width: calc(50% + (1200px / 2) - 10px);
  }
  .uk-container-expand-left.uk-container-xsmall,
  .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 10px);
  }
  .uk-container-expand-left.uk-container-small,
  .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 10px);
  }
  .uk-container-expand-left.uk-container-large,
  .uk-container-expand-right.uk-container-large {
    max-width: calc(50% + (1600px / 2) - 10px);
  }

  .weblog .weblog-seite .uk-weblog .uk-width-1-6\@s.uk-card.fk-oswald {
    min-width: 160px;
  }

}

/* Phone landscape and smaller */
@media all and (max-width: 768px) {
  .uk-navbar.fk-navbar {
    padding: 0 15px 0 30px;
  }
  .uk-navbar-right  {
    width: 36px;
  }

  #plg_system_topofthepage {
    background-size: 38px ;
    bottom:45px !important;
    width:38px !important;
    height: 25px !important;
    margin-right: 15px !important;
  }
  #home #plg_system_topofthepage {
  bottom:150px !important;
} 


  #SubPageContainer,
  #SubPageContainer.uk-margin-xlarge-right,
  #SubPageContainer.uk-margin-large-right {
    margin-right: 0px !important;
   }
  #SubPageContainer > div.uk-section {
    padding-left: 30px;
    padding-right: 0px;
  }
    /* korrigiere anzeige galerie auf mobile */
.gallerysingle  #SubPageContainer > div.uk-section {
    padding-left: 0px;
    padding-right: 0px;
  }
.gallerysingle  .fk-page-content {
    margin-left: 10px;
    margin-right: 40px;
  }
.gallerysingle #SubPageContainer > div.uk-section .uk-card.uk-text-center {
  padding-left: 50px;
}

  #fk-bottom_edge_container {
    bottom:0px !important;
  }
  .uk-container {
    padding-left: 0px;
    padding-right: 0px;
  }

    /* Gallery */
    #album .page-header h1,
    #album.index .page-header h1,
    #album.gallerysingle .page-header h1,
  #alben-uebersicht .page-header h1,
  #alben-uebersicht.gallerysingle .page-header h1 {
    font-size: 2rem;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  
  #alleSparten.fk-page-content {
    /* max-width: 1920px;
    margin-left: auto;
    margin-right: auto; */
    margin-left: -20px !important;
    margin-right: 10px;
    margin-bottom: 0px !important;
  }
  .fk-allesparten-inhalte {
      width: 100%;
      max-width: 688px;
      min-width: 560px;
  }



 /* BOX-SHADOW TOP RIGHT 2:3 ratio images intro pages */
  #alleSparten .kk-cover-container {     /* change 2021-07-06 from  min-width:190px; to allow resize! */
    width: 100%;
    max-width: 240px;
    min-width:150px;
    margin:0 auto;
    overflow: hidden;
    position: relative;
  }
  #alleSparten .kk-square-container {
     position: relative;
     width: 100%;
     padding-top: 100%; /* 1:1 Aspect Ratio */
  }

  #alleSparten .uk-width-2-5 > .uk-text-right > p {
    margin-top: 8px;
  }

  #alleSparten .fk-mobile-was {
    padding-left: 0;
    margin-top:0 !important;
  }
  #alleSparten .fk-mobile-ticket {
    padding-left: 0;
  }
  #alleSparten .fk-mobile-ticket .uk-width-1-1.uk-card {
    padding-left: 0;
  }



  #alleSparten .kk-titel {
    font-size: 21px !important;
  }
  #alleSparten .kk-untertitel {
    font-size: 16px !important;
  }
  #alleSparten .kk-kurzbeschreibung {
    font-size: 13px !important;
    font-weight: 300;
    line-height: 24px !important;
    margin-top: 0px !important;
    margin-bottom: 0;
    padding-bottom: 0;
    max-width: 100%;
}

  .eventsingle .fk-list ul.uk-list {margin-bottom:0px;}

  .eventsingle .fk-robotoslab .uk-card .fk-oswald.fk-list .uk-text-right ul li > p,
  .fk-list ul li {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Oswald' !important;
    text-align: right;
  }

  .eventsingle #KKpageContainer.uk-margin-large-right {
    margin-right: 56px !important;
  }

  h5.kk-ubertitel {
    margin-top: 20px;
  }


  #alleSparten .fk-allesparten-inhalte .uk-hidden\@xm span.kk-free-entry.uk-icon {
    width: 94px;
    margin-left: auto;
    margin-right: 0px;
  }
  #alleSparten .fk-allesparten-inhalte .uk-hidden\@xm span.kk-free-entry.uk-icon svg {
    height: 19px;
    color: #78c429;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .eventsingle .fk-list span.kk-free-entry.uk-icon {
    width: 94px;
    margin-left: auto;
    margin-right: 0px;
  }
  .eventsingle .fk-list .kk-free-entry.uk-icon svg {
    height: 24px;
    color: #78c429;
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .eventsingle .komplett .uk-width-expand.fk-robotoslab .uk-flex .uk-margin-medium-right {
    margin-right: 0px !important;
    margin-top: 20px;
  }

}



@media all and (max-width: 768px) and (min-width: 640px) {
  #navbottom-image { margin-top:58px;}
  #navbottom-image, .fk-skewy {transform: skewY(-10.3deg);}
  .fk-skewy-rev {transform: skewY(10.3deg); max-width: 400px;}
  
  .uk-margin-large-right {
     margin-right: 50px !important;
   }

  .uk-navbar-left div.uk-navbar-item div.custom a img,
  .uk-navbar-left div.uk-navbar-item a.uk-logo img {width: 140px;}
  .eventsingle #alleSparten.fk-page-content .fk-simplebar, #ProgrammTotal.fk-page-content .fk-simplebar {
    min-width: 165px !important;
  }

  #header {height:140px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-767x140_10-3.png); height:140px; background-position: right top; background-repeat: no-repeat;}

  .fk-allesparten-inhalte {
      width: 100%;
      max-width: 688px;
      min-width: 560px;
  }

  #programm-total #filteredList.pt-filter {
    margin-left: 22.5%;
  }
  




}














/*
 #######  ##          #####       ######  
##     ## ##    ##   ##   ##     ##    ## 
##        ##    ##  ##     ##    ##       
########  ##    ##  ##     ##     ######  
##     ## ######### ##     ##          ## 
##     ##       ##   ##   ##     ##    ## 
 #######        ##    #####       ######  
*/
@media (max-width: 639px) and (min-width: 480px) {
  .uk-container {
      padding-left: 10px;
      padding-right: 10px;
  }
  .fk-unterseite .uk-container {
  padding-left: 10px;
  padding-right: 10px;
  }
  .fk-allesparten-inhalte {
      width: 100%;
      max-width: 600px;
      min-width: 400px;
  }

  
  
}

@media all and (max-width: 640px) {

  .uk-margin-large-right {
     margin-right: 50px !important;
   }

  #topspacer, #topspacer2 { display: none; }

  #navbottom-image { margin-top:51px;}
  #navbottom-image, .fk-skewy {transform: skewY(-12.3deg);}
  .fk-skewy-rev {transform: skewY(12.3deg); max-width: 400px;}
  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 100px;
    padding: 0 15px 0 15px;
  }
  .uk-navbar-left div.uk-navbar-item div.custom a img,
  .uk-navbar-left div.uk-navbar-item a.uk-logo img {width: 120px;}
  .eventsingle #alleSparten.fk-page-content .fk-simplebar, #ProgrammTotal.fk-page-content .fk-simplebar {
    min-width: 135px !important;
  }

  .uk-navbar-right a.uk-navbar-toggle.uk-navbar-toggle-icon.uk-icon {
    width: 24px;
}
  #header {height:140px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-640x140_12-3.png); height:140px; background-position: right top; background-repeat: no-repeat;}
  .uk-modal-page #programm-total #toggle-animation  label input.uk-active,
  .uk-modal-page #programm-total #toggle-animation label:hover,
  .uk-modal-page #programm-total #toggle-animation label:active {
    text-decoration: underline;
  }

   /* KK Search Filter Bar */
  #ProgrammTotal.fk-page-content .uk-width-1-5\@s,
  #ProgrammTotal.fk-page-content .uk-width-1-5\@m {
    max-width: 100% !important;
    padding-left: 30px;
  }

  /* SIMPLEBAR !! */
  .uk-width-1-5\@s.fk-simplebar, 
  .uk-width-1-5\@l.fk-simplebar, 
  .uk-width-1-4\@m.fk-simplebar, 
  .uk-width-1-3\@s.fk-simplebar,
  .fk-simplebar {
    max-width: 100% !important;
    padding-left: 30px;
  }

  .kk-programm-total.uk-grid.uk-grid-stack {
    margin-left:15px;
  }
 .fk-inhalte {
    margin-top: 0px !important;
   }
 .fk-page-content #SimplebarContainer .simplebar-content {
    padding: 0 !important;
  }

  #KKLeftFilter.uk-panel {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    max-width: 50%;
    min-width: 50%;
  }
  #KKLeftMonth.uk-panel {
    margin-top: 60px;
    margin-left: 0px;
    padding-left: 0px;
    max-width: 50%;
    min-width: 50%;
  }
  .fk-page-content #SimplebarContainer.uk-overflow-auto {
    height: auto;
    min-height: 50px;
    overflow: auto;
  }

  #SubPageContainer,
  #SubPageContainer.uk-margin-xlarge-right,
  #SubPageContainer.uk-margin-large-right {
    margin-right: 0px !important;
   }
     /* korrigiere anzeige galerie auf mobile */
  /* #SubPageContainer.fk-subpage .uk-section { padding-left: 0 !important; padding-right:0 !important;} */
  /* korrigiere anzeige galerie auf mobile */
.gallerysingle  #SubPageContainer > div.uk-section {
    padding-left: 0px;
    padding-right: 0px;
  }
.gallerysingle  .fk-page-content {
    margin-left: 0px;
    margin-right: 30px;
  }

  #fk-bottom_edge_container {
    bottom:0px !important;
  }
  .uk-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .gallerysingle #SubPageContainer > div.uk-section .uk-card.uk-text-center {
  padding-left: 50px;
}

    /* Gallery */
    #album .page-header h1,
    #album.index .page-header h1,
    #album.gallerysingle .page-header h1,
  #alben-uebersicht .page-header h1,
  #alben-uebersicht.gallerysingle .page-header h1 {
    font-size: 2rem;
    padding-top: 40px;
    padding-bottom: 20px;
  }





  /* Programm Total */
  #KKLeftFilter div.custom
  span#maskfkTrichter {
    width: 23px !important;
    height: 23px !important;
  }
  svg#filter_trichter_closed, svg#filter_trichter_open {
    height: 22px;
  }
  #KKLeftFilter div.custom {
    margin-left: 5%;
  }
  #KKLeftFilter a#fkTrichterLink > h3 {
    font-size: 21px;
  }
  span#fkTrichter {
    padding-right: 0px !important;
  }

  #KKLeftMonth div.custom {
    max-width: 180px;
    float: right;
  }
  #KKLeftMonth.uk-panel #monthslider a.kk-month-symbol {
    min-width: 22px;
    min-height: 22px;
  }
  #KKLeftMonth.uk-panel {
    font-size: 21px;
  }
  #monthslider.kk-select-month ul li a div.uk-position-left.uk-panel {
    margin-left: 6px !important;
  }
  a.monthsliderbutton {
    background-color: #DEDEDE;
  }
  #monthslider .uk-slider-container {
    min-width: 90px !important;
  }



  #ProgrammTotal.fk-page-content {
    margin-top:-40px;
    margin-right: 0px;
  }
  .eventsingle #ProgrammTotal.fk-page-content {
    margin-top:0px;
    margin-right: 0px;
  }

  .fk-inhalte {
    margin-top: -10px !important;
   }
  #ProgrammTotal.fk-page-content .uk-width-1-5\@s, #ProgrammTotal.fk-page-content .uk-width-1-5\@m {
    max-width: 100% !important;
    padding-left: 15px;
  }
  #ProgrammTotal .page-header {margin-left: -10px;}
  #ProgrammTotal .page-header.kk-list-view.uk-text-center > h1::before {
    content: url('../images/icons/png/clear-25x25.png');
    background-size: auto 24px;
    padding-right: 10px;
    padding-bottom: 2px;
  }
  .page-header.kk-list-view.uk-text-center > h1 {
    font-family: Oswald;
    font-size: 27px;
    line-height: 27px;
    font-weight: 500;
    text-align: center;
    margin-left: 0px;
    margin-bottom: 5px;
    margin-top: -40px;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-left: 6px;
  }
  .kk-programm-total-container {
    max-width: 430px;
    min-width: 410px;
  }

  .kk-programm-total-container .uk-margin-left {
    margin-left: 20px !important;
  }
  .kk-date-block > .uk-card > div:nth-child(1) {
    width: 44px;
    max-width: 46px;
    min-width: 46px;
  }
  .kk-date-block > .uk-card > div:nth-child(2) {
    padding-left: 6px;
  }
  .kk-programm-total .kk-tagzahl {
    font-size: 32px !important;
    line-height: 32px;
  }
  .kk-programm-total .kk-tagzahl span.kk-monat-mini {
    font-size: 12px;
    line-height: 12px;
    height: 16px;
    position: relative;
    padding-top: 0px;
    margin-left: -10px;
    margin-bottom: 10px;
  }
  .kk-programm-total .kk-tag {
    font-size: 14px !important;
    font-weight: 200;
    line-height: 14px;
    padding-top: 4px;
  }
  .kk-programm-total .kk-zeit {
    font-size: 12px !important;
    line-height: 12px;
    padding: 2px 0;
  }
  .kk-programm-total .kk-titel {
    font-size: 21px !important;
  }
  .kk-programm-total .kk-untertitel {
    font-size: 16px !important;
  }

  section#home-e-m {
    display: none;
  }

  /* P tag inside article */
  p.fk-robotoslab,
  .fk-robotoslab .uk-card p {
      font-size: 14px;
      line-height: 22px;
  }


  .eventsingle .fk-list.uk-hidden\@s {
    width:120px;
    height:auto;
    min-height: 120px;
    float:left;
    padding:0;
    margin-right: 15px;
  }

  #home #plg_system_topofthepage {
    bottom: 40px !important;
  }
  #home #home-d-galerie-m .fk-skewy.uk-grid > *,
  #home .weblogflash .uk-grid, .weblogflash .fk-skewy.uk-grid > * {
    margin-left: auto;
    margin-right: auto;
  }
  #HomeLeftFestivalM,
  #HomeLeftTicketsM,
  #HomeLeftNavM,
  #HomeLeftSponsorM,
  #HomeLeftImpressumM {
    max-width: 440px;
  }

  ul.uk-list > li.kk-extra-info {
  padding-left: 0px;
}


}

















/*
##         #######    #####      ##     ##  ######  
##    ##  ##     ##  ##   ##      ##   ##  ##    ## 
##    ##  ##     ## ##     ##      ## ##   ##       
##    ##   #######  ##     ##       ###     ######  
######### ##     ## ##     ##      ## ##         ## 
      ##  ##     ##  ##   ##      ##   ##  ##    ## 
      ##   #######    #####      ##     ##  ######  
*/
@media (max-width: 480px) {

  /* korrigiere anzeige galerie auf mobile */
.gallerysingle  #SubPageContainer > div.uk-section {
    padding-left: 0px;
    padding-right: 0px;
  }
.gallerysingle  .fk-page-content {
    margin-left: 0px;
    margin-right: 30px;
  }
  .gallerysingle #SubPageContainer > div.uk-section .uk-card.uk-text-center {
  padding-left: 50px;
}

  #home .fk-skewy-rev {
    padding-left: 0px;
  }
  #home div#page-wrapper .kk-overlay {
    margin-right:10px !important;
  }
  #home .kk-prog-m div.uk-first-column.uk-margin-right {
  margin-right: 50px !important;
  }
  #home .kk-prog-m.uk-grid-divider > * {
    padding-left: 50px;
  }
  #home .weblogflash .uk-grid, .weblogflash .fk-skewy.uk-grid > * {
    margin-left: -8px;
  }
  #home .moduletable.weblogflash .fk-skewy-rev .uk-first-column div .uk-margin-small-right {
    margin-right:0px !important;
  }

}

@media all and (max-width: 480px) and (min-width: 240px) {
  #page-wrapper {
    overflow: hidden;
  }
  .uk-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .fk-unterseite .uk-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  #topLogo {
    padding-top: 6px;
  }

  #navbottom-image { margin-top:50px;}
  #navbottom-image, .fk-skewy {transform: skewY(-16.2deg);}
  .fk-skewy-rev {transform: skewY(16.2deg); max-width: 400px;}
 
  .uk-margin-large-right {
     margin-right: 5px !important;
   }
  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 70px;
    padding: 0 15px 0 15px;
  }
  .uk-navbar-left div.uk-navbar-item div.custom a img,
  .uk-navbar-left div.uk-navbar-item a.uk-logo img {width: 110px;}

  .eventsingle #alleSparten.fk-page-content .fk-simplebar, #ProgrammTotal.fk-page-content .fk-simplebar {
    min-width: 125px !important;
    padding-left: 10px;
  }
  .eventsingle #KKpageContainer.uk-margin-large-right {
    margin-right: 15px !important;
  }
  

  .uk-navbar-right a.uk-navbar-toggle.uk-navbar-toggle-icon.uk-icon {
    width: 28px;
  }
  #header {height:140px;}
  #navback {background-image: url(../images/bg/nav/nav-back-white-angle-480x140_16-2.png); height:140px; background-position: right top; background-repeat: no-repeat;
  }

  .fk-allesparten-inhalte {
      width: 100%;
      max-width: 400px;
      min-width: 200px;
  }

  /* P tag inside article */
  p.fk-robotoslab,
  .fk-robotoslab .uk-card p {
      font-size: 13px;
      line-height: 20px;
  }
  #HomeLeftFestivalM,
  #HomeLeftTicketsM,
  #HomeLeftNavM,
  #HomeLeftSponsorM,
  #HomeLeftImpressumM {
    max-width: 400px;
    margin-left:-30px;
  }

}


/* Phone landscape and bigger */
@media (min-width: 480px) {
    .uk-container-expand-left.uk-container-xsmall,
    .uk-container-expand-right.uk-container-xsmall {
        max-width: calc(50% + (750px / 2) - 10px);
    }
    .uk-container-expand-left.uk-container-small,
    .uk-container-expand-right.uk-container-small {
        max-width: calc(50% + (900px / 2) - 10px);
    }
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
    .uk-container-item-padding-remove-left,
    .uk-container-item-padding-remove-right {
        width: calc(100% + 10px);
    }
    .uk-container-item-padding-remove-left {
        margin-left: -10px;
    }
    .uk-container-item-padding-remove-right {
        margin-right: -10px;
    }
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
    .uk-modal {
        padding: 50px 30px;
    }
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-tile {
      padding-left: 30px;
      padding-right: 30px;
  }
  #home .uk-section {
    padding-left: 0px;
    padding-right: 40px;
  }
}

















/*
##     ##    ####    ##    ##    #### 
###   ###     ##     ###   ##     ##  
#### ####     ##     ####  ##     ##  
## ### ##     ##     ## ## ##     ##  
##     ##     ##     ##  ####     ##  
##     ##     ##     ##   ###     ##  
##     ##    ####    ##    ##    #### 
*/

@media all and (max-width: 479px) {
 #home .uk-hidden\@s #kk-prog.uk-grid-stack.uk-grid-divider {
  margin-left: -30px;
 }
 #fkProgContainerM .kk-fuss-event-m .uk-width-expand {
    min-width: 240px;
  }
}

@media (max-width: 430px) {
  .kk-import .komplett.uk-hidden\@s .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
      border-top: none;
  }
}


@media all and (max-width: 380px) and (min-width: 240px) {
  #navbottom-image { margin-top:45px;}
  .uk-margin-medium-left {
     margin-left: 0px !important;
   }
  .uk-margin-left {
     margin-left: 0px !important;
   }
  .uk-navbar.fk-navbar {
    width: calc(100%-90px);
    height: 60px;
  }

  .eventsingle #alleSparten.fk-page-content .fk-simplebar, #ProgrammTotal.fk-page-content .fk-simplebar {
    min-width: 110px !important;
    padding-left: 10px;
  }
  .eventsingle #KKpageContainer.uk-margin-large-right {
    margin-right: 20px !important;
  }

    /* P tag inside article */
  p.fk-robotoslab,
  .fk-robotoslab .uk-card p {
      font-size: 14px;
      line-height: 22px;
  }
    .eventsingle .fk-list.uk-hidden\@s {
    margin-right: 10px;
  }


}














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

##     ##    ####    ##    ##    ####    ########     #######              
##     ##     ##     ##   ##      ##        ##       ##     ##             
##     ##     ##     ##  ##       ##        ##              ##             
##     ##     ##     #####        ##        ##        #######              
##     ##     ##     ##  ##       ##        ##              ##             
##     ##     ##     ##   ##      ##        ##       ##     ##             
 #######     ####    ##    ##    ####       ##        #######              


######## ##     ## ######## ######## ##    ## ########  ######## ########  
##        ##   ##     ##    ##       ###   ## ##     ## ##       ##     ## 
##         ## ##      ##    ##       ####  ## ##     ## ##       ##     ## 
######      ###       ##    ######   ## ## ## ##     ## ######   ##     ## 
##         ## ##      ##    ##       ##  #### ##     ## ##       ##     ## 
##        ##   ##     ##    ##       ##   ### ##     ## ##       ##     ## 
######## ##     ##    ##    ######## ##    ## ########  ######## ########  

===========================================================================




/* MINI Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-margin-remove-left\@xs {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@xs {
    margin-right: 0 !important;
  }
}

/* Tablet Portrait and bigger */
@media (min-width: 768px) {
  .uk-margin-remove-left\@xm {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@xm {
    margin-right: 0 !important;
  }
}

/* Extra Large and bigger */
@media (min-width: 1920px) {
  .uk-margin-remove-left\@xxl {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@xxl {
    margin-right: 0 !important;
  }
}





/*
##     ##     ######  
 ##   ##     ##    ## 
  ## ##      ##       
   ###        ######  
  ## ##            ## 
 ##   ##     ##    ## 
##     ##     ######  
*/

@media (min-width: 480px) {
    .uk-child-width-1-1\@xs > * {
        width: 100%;
    }
    .uk-child-width-1-2\@xs > * {
        width: 50%;
    }
    .uk-child-width-1-3\@xs > * {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@xs > * {
        width: 25%;
    }
    .uk-child-width-1-5\@xs > * {
        width: 20%;
    }
    .uk-child-width-1-6\@xs > * {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@xs > * {
        width: auto;
    }
    .uk-child-width-expand\@xs > :not([class*='uk-width']) {
        flex: 1;
        min-width: 1px;
    }
}
@media (min-width: 480px) {
    /* Whole */
    .uk-width-1-1\@xs {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@xs {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@xs {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@xs {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@xs {
        width: 25%;
    }
    .uk-width-3-4\@xs {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@xs {
        width: 20%;
    }
    .uk-width-2-5\@xs {
        width: 40%;
    }
    .uk-width-3-5\@xs {
        width: 60%;
    }
    .uk-width-4-5\@xs {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@xs {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@xs {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@xs {
        width: 150px;
    }
    .uk-width-medium\@xs {
        width: 300px;
    }
    .uk-width-large\@xs {
        width: 450px;
    }
    .uk-width-xlarge\@xs {
        width: 600px;
    }
    .uk-width-xxlarge\@xs {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@xs {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@xs {
        flex: 1;
        min-width: 1px;
    }
}
@media (min-width: 480px) {
    .uk-column-1-2\@xs {
        column-count: 2;
    }
    .uk-column-1-3\@xs {
        column-count: 3;
    }
    .uk-column-1-4\@xs {
        column-count: 4;
    }
    .uk-column-1-5\@xs {
        column-count: 5;
    }
    .uk-column-1-6\@xs {
        column-count: 6;
    }
}
@media (min-width: 480px) {
    .uk-flex-left\@xs {
        justify-content: flex-start;
    }
    .uk-flex-center\@xs {
        justify-content: center;
    }
    .uk-flex-right\@xs {
        justify-content: flex-end;
    }
    .uk-flex-between\@xs {
        justify-content: space-between;
    }
    .uk-flex-around\@xs {
        justify-content: space-around;
    }
}

/* Phone portrait and smaller */
@media (max-width: 639px) {
  .uk-visible\@xs {
    display: block !important;
  }
}




/*
##     ##    ##     ## 
 ##   ##     ###   ### 
  ## ##      #### #### 
   ###       ## ### ## 
  ## ##      ##     ## 
 ##   ##     ##     ## 
##     ##    ##     ## 
*/


@media (min-width: 768px) {
    .uk-child-width-1-1\@xm > * {
        width: 100%;
    }
    .uk-child-width-1-2\@xm > * {
        width: 50%;
    }
    .uk-child-width-1-3\@xm > * {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@xm > * {
        width: 25%;
    }
    .uk-child-width-1-5\@xm > * {
        width: 20%;
    }
    .uk-child-width-1-6\@xm > * {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@xm > * {
        width: auto;
    }
    .uk-child-width-expand\@xm > :not([class*='uk-width']) {
        flex: 1;
        min-width: 1px;
    }
}
@media (min-width: 768px) {
    /* Whole */
    .uk-width-1-1\@xm {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@xm {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@xm {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@xm {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@xm {
        width: 25%;
    }
    .uk-width-3-4\@xm {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@xm {
        width: 20%;
    }
    .uk-width-2-5\@xm {
        width: 40%;
    }
    .uk-width-3-5\@xm {
        width: 60%;
    }
    .uk-width-4-5\@xm {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@xm {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@xm {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@xm {
        width: 150px;
    }
    .uk-width-medium\@xm {
        width: 300px;
    }
    .uk-width-large\@xm {
        width: 450px;
    }
    .uk-width-xlarge\@xm {
        width: 600px;
    }
    .uk-width-xxlarge\@xm {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@xm {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@xm {
        flex: 1;
        min-width: 1px;
    }
}
@media (min-width: 768px) {
    .uk-column-1-2\@xm {
        column-count: 2;
    }
    .uk-column-1-3\@xm {
        column-count: 3;
    }
    .uk-column-1-4\@xm {
        column-count: 4;
    }
    .uk-column-1-5\@xm {
        column-count: 5;
    }
    .uk-column-1-6\@xm {
        column-count: 6;
    }
}
@media (min-width: 768px) {
    .uk-flex-left\@xm {
        justify-content: flex-start;
    }
    .uk-flex-center\@xm {
        justify-content: center;
    }
    .uk-flex-right\@xm {
        justify-content: flex-end;
    }
    .uk-flex-between\@xm {
        justify-content: space-between;
    }
    .uk-flex-around\@xm {
        justify-content: space-around;
    }
}

/* Phone portrait and smaller */
@media (max-width: 959px) {
  .uk-visible\@xm {
    display: block !important;
  } 
}

@media (min-width: 768px) {
  .kk-musik .uk-flex.kk-musik.intro {
    margin-top: 40px;
    margin-right: 40px;
  }
}

/* between pad and desktop */
@media (min-width: 768px) AND (max-width: 959px) {
  .intro .uk-visible\@xm {
    display: flex !important;
    margin-right: 40px;
  }
  .intro .uk-visible\@xm div.uk-width-3-5 {
    padding-right: 30px
  }
  .intro .uk-visible\@xm div.uk-width-expand div.uk-card.uk-align-right {
    margin-left: 0px;
  }
h5.kk-ubertitel {
  font-size: 11px;
}
h1.kk-titel {
  font-size: 26px;
}
h4.kk-untertitel {
  font-size: 16px;
}
h4.kk-supportband {
  font-size: 16px;
}
h4.kk-tourpraesentatoren {
  font-size: 16px;
}


}




/*
##     ##    ##     ##    ##       
 ##   ##      ##   ##     ##       
  ## ##        ## ##      ##       
   ###          ###       ##       
  ## ##        ## ##      ##       
 ##   ##      ##   ##     ##       
##     ##    ##     ##    ######## 
*/

@media (min-width: 1920px) {
    .uk-child-width-1-1\@xxl > * {
        width: 100%;
    }
    .uk-child-width-1-2\@xxl > * {
        width: 50%;
    }
    .uk-child-width-1-3\@xxl > * {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@xxl > * {
        width: 25%;
    }
    .uk-child-width-1-5\@xxl > * {
        width: 20%;
    }
    .uk-child-width-1-6\@xxl > * {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@xxl > * {
        width: auto;
    }
    .uk-child-width-expand\@xxl > :not([class*='uk-width']) {
        flex: 1;
        min-width: 1px;
    }
}
@media (min-width: 1920px) {
    /* Whole */
    .uk-width-1-1\@xxl {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@xxl {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@xxl {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@xxl {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@xxl {
        width: 25%;
    }
    .uk-width-3-4\@xxl {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@xxl {
        width: 20%;
    }
    .uk-width-2-5\@xxl {
        width: 40%;
    }
    .uk-width-3-5\@xxl {
        width: 60%;
    }
    .uk-width-4-5\@xxl {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@xxl {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@xxl {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@xxl {
        width: 150px;
    }
    .uk-width-medium\@xxl {
        width: 300px;
    }
    .uk-width-large\@xxl {
        width: 450px;
    }
    .uk-width-xlarge\@xxl {
        width: 600px;
    }
    .uk-width-xxlarge\@xxl {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@xxl {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@xxl {
        flex: 1;
        min-width: 1px;
    }
}
@media (min-width: 1920px) {
    .uk-column-1-2\@xxl {
        column-count: 2;
    }
    .uk-column-1-3\@xxl {
        column-count: 3;
    }
    .uk-column-1-4\@xxl {
        column-count: 4;
    }
    .uk-column-1-5\@xxl {
        column-count: 5;
    }
    .uk-column-1-6\@xxl {
        column-count: 6;
    }
}
@media (min-width: 1920px) {
    .uk-flex-left\@xxl {
        justify-content: flex-start;
    }
    .uk-flex-center\@xxl {
        justify-content: center;
    }
    .uk-flex-right\@xxl {
        justify-content: flex-end;
    }
    .uk-flex-between\@xxl {
        justify-content: space-between;
    }
    .uk-flex-around\@xxl {
        justify-content: space-around;
    }
}





/*
 * Hidden
 */
/* Phone portrait and bigger */
@media (min-width: 480px) {
  .uk-hidden\@xs {
    display: none !important;
  }
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-hidden\@s {
    display: none !important;
  }
}
/* Tablet portrait */
@media (min-width: 768px) {
  .uk-hidden\@xm {
    display: none !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-hidden\@m {
    display: none !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-hidden\@l {
    display: none !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-hidden\@xl {
    display: none !important;
  }
}
/* Full HD and larger */
@media (min-width: 1920px) {
  .uk-hidden\@xxl {
    display: none !important;
  }
}

/*
 * Visible
 */
/* Phone portrait smaller */
@media (max-width: 479px) {
  .uk-visible\@xs {
    display: none !important;
  }
}
/* Phone portrait */
@media (max-width: 639px) {
  .uk-visible\@s {
    display: none !important;
  }
}
/* Tablet portrait */
@media (max-width: 767px) {
  .uk-visible\@xm {
    display: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-visible\@m {
    display: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  .uk-visible\@l {
    display: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1599px) {
  .uk-visible\@xl {
    display: none !important;
  }
}
/* Full HD and smaller */
@media (max-width: 1919px) {
  .uk-visible\@xxl {
    display: none !important;
  }
}
@media (max-width: 3839px) {
  .uk-visible\@xxxl {
    display: block !important;
  }
}











/*
##    ##     #######     ########    ########     ######  
###   ##    ##     ##       ##       ##          ##    ## 
####  ##    ##     ##       ##       ##          ##       
## ## ##    ##     ##       ##       ######       ######  
##  ####    ##     ##       ##       ##                ## 
##   ###    ##     ##       ##       ##          ##    ## 
##    ##     #######        ##       ########     ######  
*/
/*
BREAKPOINTS:
XS  <= 480
X   =  481 -  639
XM  =  640 -  767
M   =  768 -  959
L   =  960 - 1199
XL  = 1200 - 1919
XXL = 1920 - 3840
*/

/*
###  NAVIGATION  ###
# Menü Li-Oben #
Neu im Tick.  18 px 500 Oswald #808080       GROSS, linksbündig
HIGHLIGHT     18 px 500 Oswald #269780       GROSS, linksbündig
WEBLOG        18 px 500 Oswald #f28e1e       GROSS, linksbündig
GALERIE       18 px 500 Oswald #2e318d       GROSS, linksbündig

Menü Li-Unten 19 px 200 Oswald #afafaf       GROSS, linksbündig

BurgerMenü    20 px 400 Oswald #808080       GROSS, linksbündig
Programm Tot.   21.12px 500 Oswald

DIVIDER (BORDER): 2px solid #aaaaaa

###  Programm Total:  ###
Programm BOX  388px x 192 px
TAGzahl -     40 pt 300 Oswald #000000  rechtsbündig in Box 50x46
TAGname -     17 pt 200 Oswald #000000  Kleinbuchstaben, rechtsbündig in Box 50x21
Uhrzeit -     15 pt 200 Oswald #000000  rechtsbündig in Box 50x18

Überschrift3  13 pt 300 Roboto Slab #000000  normal linksbündig
Überschrift1  21 pt 400 Oswald #000000       normal linksbündig
Überschrift2  17 pt 400 Oswald #000000       normal linksbündig
Textblock:    13 pt 300 Roboto Slab #000000  normal linksbündig

tickets -     15 pt 300 Oswald #0074b6   linksbündig
info    -     15 pt 300 Oswald #0074b6   rechtsbündig
border bottom: 2px solid  #0074b6

Offcanvas NAVIGATION
parent:       21 400 Oswald
child:        20 200 Oswald


###  COLORS  ###
Weiss:        #ffffff     Hintergrund
Schwarz:      #000000     Alle normalen Schriften
Hellgrau:     #ededed     Hintergrund, Muted Background
MittelGrau:   #dedede     Hintergrund vergammelt, MUTED Color
Mittelgrau2:  #afafaf;     IMPRESSUM, DATENSCHUTZ, SUCHE?

GRAU:         #808080     TOTAL, NAV, Border
BLAU:         #5488d3     MUSIK, Primary Color
LILA:         #551a84     PARTY
ROT:          #cc1e25     BÜHNE, Danger Background, TEXTLINK (+underline)
HELLGRÜN:     #78c429     MEHR SPARTEN, Success Background

DUNK GRÜN:    #269780     HIGHLIGHTS, secondary background
ORANGE:       #f28e1e     WEBLOG, Warning Background
Lila2:        #2e318d     GALERIE, Unterseiten Titel
Blau3:        #0179bd     KONTAKT, Unterseiten

LOGO Blau:    #0074B6
LOGO Rot:     #DB0613

###  GOOGLE FONTS GENERAL  ###

Oswald              Roboto Slab
extra-light 200     thin      100
light       300     light     300
regular     400     regular   400
medium      500     bold      700
semi-bold   600
bold        700

*/