/**
 * @package   custom.css
 * @version   2.0.2
 * @build     2024-02-21 @R3D
 * @comment   mit globalen Variablen
 * @created   2024-02-20
 * @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
 */


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

:root {
    --programm: #808080;
    --grau: #808080;
    --musik: #5488d3;
    --blau: #5488d3;
    --buehne: #cc1e25;
    --rot: #cc1e25;
    --party: #551a84;
    --lila: #551a84;
    --sparten: #78c429;
    --gruen: #78c429;
    --highlights: #269780;
    --tuerkis: #269780;
    --weblog: #f28e1e;
    --orange: #f28e1e;
    --galerie: #2e318d;
    --indigo: #2e318d;
    /* echazHafen */
    --festival: #269780;
    --dunkelgruen: #269780;
    --biergarten: #ff3503;
    --hellrot: #ff3503;

    --tickets: #c26457;
    --weblog: #f28e1e;
}
/* Galerie: Load File Manager Button disable */
.album-hinzufuegen .btn.btn-success.add.dropdown-toggle.dropdown-toggle-split {
    display: none !important;
}


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

.uk-offcanvas-overlay::before {
    /* content: ""; */
    content: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(237, 237, 237);
    opacity: 0;
    transition: opacity .15s linear;
}

.uk-offcanvas-bar {
    padding: 40px 20px;
}

.uk-navbar-primary .uk-navbar-toggle-icon>svg {
    width: 50px;
    transform: scale(1, 0.85);
    transition: all 0.1s ease-in;
}
.uk-navbar-primary .uk-navbar-toggle-icon>svg:hover,
.uk-navbar-primary .uk-navbar-toggle-icon>svg:focus {
    transform: scale(1, 1);
}
.uk-offcanvas-bar .uk-nav>li {
    padding: 6px 0 5px 0 !important;
}
.uk-offcanvas-bar.uk-nav>li>a {
    padding: 1px 0 4px 0 !important;
}
.uk-offcanvas-bar ul.uk-nav li a img {
    width: 23px;
    height: 21px;
    margin: 0 4px 0 0 !important;
}
.menu-fett {
    font-weight: 500 !important;
}

.menu-abstand {
    margin-bottom: 40px;
}
.menu-float-left {
    float:left;
}

.uk-nav-divider {
    height: 25px;
}

.uk-nav-default>li>a {
    font-weight: 400;
    color: var(--grau);
    display: inline-flex;
    clear: both;
    white-space: nowrap;
    line-height: 1;
}
.uk-nav-default>li {
    display: flex;
    position: relative;
    flex-wrap: wrap;
	flex-direction: column;
}
.uk-nav-default >li>ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.uk-nav-default>li>ul>li {
    padding-bottom:3px
}

.uk-nav-default>li:hover>a, .uk-nav-default > li > ul > li:hover > a {
    color: var(--grau);
}

.uk-nav-sub li a {
    color: #808080;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 22px;
    text-transform: none;
}

.uk-nav-default .uk-nav-sub a:hover {
  color: var(--grau);
}


.uk-nav-default>li>a::before, .uk-nav-default>li>ul>li>a:before {
    content: "";
    width: 0;
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0px;
    height: 2px;
    background-color: var(--grau);
    transition: .3s ease-in-out;
    transition-property: background-color, width;
}
.uk-nav-default>li>a, .uk-nav-default > li > ul > li > a {
    transition: .3s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    position: relative;
    z-index: 1;
}

.uk-nav-default>li.uk-active>a,
.uk-nav-default>li>ul>li.uk-active>a {
    transition: none !important;
}



.uk-nav-default>li>ul>li {
    font-size: 22px;
    font-weight: 200;
    line-height: 26px;
}

.uk-nav-default .uk-togglable-enter,
.uk-nav-default .uk-togglable-leave {
    font-size: 22px;
    font-weight: 200;
    line-height: 26px;
}

a.menu-programmtotal {
    color: var(--programm) !important;
}
.uk-nav-default>li>a.menu-programmtotal::before {
    background-color: var(--programm)!important;
    min-height: 2px;
    height: 2px;
}
.uk-nav-default>li:hover>a.menu-programmtotal::before,
.uk-nav-default>li>ul>li:hover>a.menu-programmtotal::before {
    width: 192px;
}

a.menu-musik {
    color: var(--musik)!important;
}
.uk-nav-default>li>a.menu-musik::before {
    background-color: var(--musik);
}
.uk-nav-default>li:hover>a.menu-musik::before,
.uk-nav-default>li>ul>li:hover>a.menu-musik::before {
     width: 89px;
 }

a.menu-party {
    color: var(--party)!important;
}
.uk-nav-default>li>a.menu-party::before {
    background-color: var(--party);
}
.uk-nav-default>li:hover>a.menu-party::before,
.uk-nav-default>li>ul>li:hover>a.menu-party::before {
    width: 87px;
}

a.menu-buehne {
    color: var(--buehne)!important;
}
.uk-nav-default>li>a.menu-buehne::before {
    background-color: var(--buehne);
}
.uk-nav-default>li:hover>a.menu-buehne::before,
.uk-nav-default>li>ul>li:hover>a.menu-buehne::before {
    width: 91px;
}

a.menu-weitere-sparten {
    color: var(--sparten)!important;
}
.uk-nav-default>li>a.menu-weitere-sparten::before {
    background-color: var(--sparten);
}
.uk-nav-default>li:hover>a.menu-weitere-sparten::before,
.uk-nav-default>li>ul>li:hover>a.menu-weitere-sparten::before {
    width: 185px;
}

a.barrierefreiheit {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.barrierefreiheit::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.barrierefreiheit::before,
.uk-nav-default>li>ul>li:hover>a.barrierefreiheit::before {
    width: 212px;
}

/* über den Echaz.Hafen  */
a.menu-ueber-den-echaz-hafen {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-ueber-den-echaz-hafen::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-ueber-den-echaz-hafen::before,
.uk-nav-default>li>ul>li:hover>a.menu-ueber-den-echaz-hafen::before {
    width: 194px;
}

/* Link zum echaz.Hafen */
.item-204>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-204:hover>a {
    color: var(--rot) !important;
}
.uk-nav-default>li.item-204>a::before {
    background-color: var(--grau);
}
.uk-nav-default>li.item-204:hover>a::before {
    width: 182px;
    background-color: var(--rot);
}

/* ECHAZ.HAFEN > Link zum franz.K */
.item-227>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-227:hover>a {
    color: var(--rot) !important;
}
.uk-nav-default>li.item-227>a::before {
    background-color: var(--grau);
}
.uk-nav-default>li.item-227:hover>a::before {
    width: 140px;
    background-color: var(--rot);
}

a.menu-tickets {
    color: var(--tickets)!important;
}
.uk-nav-default>li>a.menu-tickets::before {
    background-color: var(--tickets);
}
.uk-nav-default>li:hover>a.menu-tickets::before,
.uk-nav-default>li>ul>li:hover>a.menu-tickets::before {
    width: 65px;
}

a.menu-projekte {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-projekte::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-projekte::before,
.uk-nav-default>li>ul>li:hover>a.menu-projekte::before {
    width: 80px;
}

a.menu-weblog {
    color: var(--weblog)!important;
}
.uk-nav-default>li>a.menu-weblog::before {
    background-color: var(--weblog);
}
.uk-nav-default>li:hover>a.menu-weblog::before,
.uk-nav-default>li>ul>li:hover>a.menu-weblog::before {
    width: 68px;
}

a.menu-galerie {
    color: var(--galerie) !important;
}
.uk-nav-default>li>a.menu-galerie::before {
    background-color: var(--galerie);
}
.uk-nav-default>li:hover>a.menu-galerie::before,
.uk-nav-default>li>ul>li:hover>a.menu-galerie::before {
    width: 68px;
}


/* Räume  */
.item-208>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-208>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-208>a::before,
.uk-nav-default>li.item-208.uk-open>a::before {
    background-color: var(--grau);
}
.uk-nav-default>li.item-208:hover>a::before,
.uk-nav-default>li.item-208:hover.uk-open>a::before {
    width: 56px;
}

a.menu-raeume-mieten {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-raeume-mieten::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-raeume-mieten::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-raeume-mieten::before {
    width: 94px;
    height: 1px;
}

a.menu-raeume-und-technik {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-raeume-und-technik::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-raeume-und-technik::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-raeume-und-technik::before {
    width: 126px;
    height: 1px;
}



/* Service */
.item-209>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-209>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-209.uk-open>a::before,
.uk-nav-default>li.item-209>a::before {
    background-color: var(--grau);
}
.uk-nav-default>li.item-209:hover.uk-open>a::before,
.uk-nav-default>li.item-209:hover>a::before {
    width: 66px;
}


a.menu-menschen-mit-geringem-budget {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-menschen-mit-geringem-budget::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-menschen-mit-geringem-budget::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-menschen-mit-geringem-budget::before {
    width: 208px;
    height: 1px;
}

a.menu-infos-zu-vorverkauf-und-tickets {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-infos-zu-vorverkauf-und-tickets::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-infos-zu-vorverkauf-und-tickets::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-infos-zu-vorverkauf-und-tickets::before {
    width: 203px;
    height: 1px;
}

a.menu-franz-k-gutscheine {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-franz-k-gutscheine::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-franz-k-gutscheine::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-franz-k-gutscheine::before {
    width: 122px;
    height: 1px;
}

a.menu-gastronomie {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-gastronomie::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-gastronomie::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-gastronomie::before {
    width: 84px;
    height: 1px;
}


/* Über */
.item-210>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-210>a {
    color: var(--grau) !important;
}
.uk-nav-default>li.item-210.uk-open>a::before,
.uk-nav-default>li.item-210>a::before {
    background-color: var(--grau);
}
.uk-nav-default>li.item-210.uk-open:hover>a::before,
.uk-nav-default>li.item-210:hover>a::before {
    width: 152px;
}

a.menu-kulturzentrum {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-kulturzentrum::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-kulturzentrum::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-kulturzentrum::before {
    width: 93px;
    height: 1px;
}

a.menu-kulturverein-mitglied-werden {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-kulturverein-mitglied-werden::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-kulturverein-mitglied-werden::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-kulturverein-mitglied-werden::before {
    width: 190px;
    height: 1px;
}

a.menu-foerderverein-spenden {
    color: var(--grau) !important;
}
.uk-nav-default>li>ul>li>a.menu-foerderverein-spenden::before {
    background-color: var(--grau);
}
.uk-nav-default>li>ul>li:hover>a.menu-foerderverein-spenden::before,
.uk-nav-default>li>ul>li.uk-active>a.menu-foerderverein-spenden::before {
    width: 144px;
    height: 1px;
}




a.menu-kontakt {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-kontakt::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-kontakt::before,
.uk-nav-default>li>ul>li:hover>a.menu-kontakt::before {
    width: 73px;
}


/* newsletter Abo  */
a.menu-newsletter-abo {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-newsletter-abo::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-newsletter-abo::before,
.uk-nav-default>li>ul>li:hover>a.menu-newsletter-abo::before {
    width: 143px;
}


a.menu-impressum{
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-impressum::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-impressum::before,
.uk-nav-default>li>ul>li:hover>a.menu-impressum::before {
    width: 97px;
}

.item-213, .item-214, .item-456 {
    display: inline-flex !important; 
    white-space: nowrap; 
    margin: 0 !important;
}
.item-217, .item-218, .item-455 {
    display: inline-flex !important;
    white-space: nowrap;
    margin: 0 !important;
}

.uk-nav-header {
    color: var(--grau) !important;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    font-weight: 200;
    line-height: 22px;
    text-transform: none;
}


a.menu-datenschutz {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-datenschutz::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-datenschutz::before,
.uk-nav-default>li>ul>li:hover>a.menu-datenschutz::before {
    width: 115px;
}

a.menu-nahverkehr {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-nahverkehr::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-nahverkehr::before,
.uk-nav-default>li>ul>li:hover>a.menu-nahverkehr::before {
    width: 110px;
}
a.menu-parken {
    color: var(--grau) !important;
}
.uk-nav-default>li>a.menu-parken::before {
    background-color: var(--grau);
}
.uk-nav-default>li:hover>a.menu-parken::before,
.uk-nav-default>li>ul>li:hover>a.menu-parken::before {
    width: 161px;
}

/* adresse, adresse-icon, image-title */
/* Adresse */
.uk-offcanvas .uk-grid > .uk-grid-margin {
    height: 32px !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}
a.adresse {
    display: inline-block !important;
}
a img.adresse-icon {
    width: 21px !important;
    height: 30px !important;
    margin: 0 8px 0 0px !important;
    float: left !important;
}
a.adresse span.image-title {
    float: left !important;
    color: #595c7c !important;
    font-size: 13px !important;
    line-height: 15px !important;
    font-family: "Oswald", sans-serif!important;
    font-weight: 400!important;
    text-align: left!important;
    text-transform: uppercase!important;
}
/* divider nach Adresse */
ul.uk-nav li.item-185 {
    margin-top: 15px;
}
li.divider {
    
    width: 280px;
    height: 4px;
    margin: 4px 0 0 0;
    margin-top: 4px;
}






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

h5 {margin-bottom: 0 !important;}
h5 + p {margin-top: 0 !important;}


/* Startseite */





/* Unterseiten */

.fk-unterseite h3+h4 {
    margin-top: 0 !important;

}

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

.fk-unterseite h4 {
    margin-bottom: 0px;
    font-weight: 400;
}
.fk-unterseite h4+p,
.fk-unterseite h4+ul {
    margin-top: 5px;
}



.weblog h2 {
    font-family: Oswald;
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 12px;
    margin-top: 20px !important;
    text-decoration: none;
}
.weblog h4 {
    font-family: Oswald;
    color: #000000;
    font-size: 21px;
    line-height: 21px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 20px;
}
.weblog h5 {font-family: Oswald;
    color: #000000;
    font-size: 17px;
    line-height: 17px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 20px;
}



/* Gallery Login*/
.com-users-login__options.list-group,
#com-users-login__form,
#login-form-140 {
    margin: 0 auto;
    width: 400px;
    max-width: 400px;
}

/* Gallery Frontend */
.album-hinzufuegen #publishing>div.control-group:nth-child(3),
.album-hinzufuegen #publishing>div.control-group:nth-child(4),
.album-hinzufuegen #publishing>div.control-group:nth-child(6),
.album-hinzufuegen #publishing>div.control-group:nth-child(7),
.album-hinzufuegen #publishing>div.control-group:nth-child(8),
.album-hinzufuegen #publishing>div.control-group:nth-child(13),
.album-hinzufuegen #publishing>div.control-group:nth-child(14),
.album-hinzufuegen #editor>.control-group:nth-child(3) {
    display: none
}





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

.fk-unterseite .sprungmarken h5 {
    font-family: Oswald, sans-serif;
        font-size: 18px;
        line-height: 26px;
        padding-top: 4px;
        margin-bottom: 0;
        color: #af1116 !important;
        font-weight: 500;
        text-transform: uppercase;
}

.twoclickyoutubevideos {
    text-align: center;
    margin: 0px auto;
    position: relative;
    display: inline-block;
    width: 100%;
}
.twoclickyoutubevideos .twoclickyoutubvideos-privacyhint {
    width: 90%;
    display: table-cell;
    word-wrap: normal;
    white-space: wrap;
    font-family: "Roboto Slab";
}







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

/* 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-altersabfrage 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;
}
label#mitgliedsbeitrag-grouplbl.uk-form-label.formControlLabel,
label#spendebetrag-grouplbl.uk-form-label.formControlLabel,
label#einmalig-grouplbl.uk-form-label.formControlLabel {
     padding-right: 60px;
 }

.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-altersabfrage .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;
}

.uk-checkbox:checked:focus,
.uk-radio:checked:focus {
    background-color: #000000;
}



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








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

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

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











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

/*
###  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

*/