/* ------------------------------------------------------------- */
/* GLOBAL SETTINGS */
/* ------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Fredoka+One');


a:link
{
    color: #dddddd;
}

a:visited
{
    color: #dddddd;
}


/* ------------------------------------------------------------- */
/* ANIMATION */
/* ------------------------------------------------------------- */

@keyframes blinkingText
{
    0%   { color: #668981; }
    49%  { color: #668981; }
    60%  { color: transparent; }
    99%  { color: transparent; }
    100% { color: #668981; }
}

/* ------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------- */

body
{
    background-color: #313539;
    color: #DDDDDD;
    font-family: 'Open Sans';
    margin-left: 0px;
    margin-top: 15px;
    font-size: 1em;
}



.header
{
    background-color: #313539;
    height: 75px;
    left: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 9999;
}

/* ------------------------------------------------------------- */
/* IMAGES */
/* ------------------------------------------------------------- */

img.crop-center_1
{
    height: 90px;
    object-fit: cover;
    object-position: top center;
    width: 100% !important;
}

img.crop-center_2
{
    height: 200px;
    object-fit: cover;
    object-position: top center;
    width: 100% !important;
}

.saalplan
{
    width: 1100px;          /* oder jede andere feste Breite */
    overflow-x: auto;      /* horizontaler Scrollbalken */
    overflow-y: hidden;    /* optional: vertikalen Balken verhindern */
    white-space: nowrap;   /* verhindert Zeilenumbruch bei Inline-Elementen */
}

/* ------------------------------------------------------------- */
/* EVENT ELEMENTS */
/* ------------------------------------------------------------- */

.event_anzkarten
{
    background-color: #252A33;
    border: #DDDDDD 3px solid;
    color: #DDDDDD;
    /*font-family: 'Open Sans';*/
    /*font-size: 2.4em;*/
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.event_bgd
{
    background-color: #DDDDDD;
    padding: 8px;
}

.event_datum
{
    background-color: #252A33;
    border: #DDDDDD 3px solid;
    font-size: 1.5em;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 130px;
}

.event_datum_jahr
{
    font-size: 1.0em;

}

.event_karteninfo
{
    border: #DDDDDD 0px solid;
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.6em;*/
    overflow: hidden;
    text-align: right;
    vertical-align: middle;
}

.event_ort
{
    color: #000000;
    /*font-family: 'Open Sans';*/
    font-size: 1.0em;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.event_pic
{
    background-color: #DDDDDD;
    padding: 2px;
}

.event_plusminus
{
    background-color: #DDDDDD;
    color: #252A33;
    /*font-family: 'Open Sans';*/
    /*font-size: 2.4em;*/
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.event_titel
{
    color: #668981;
    /*font-family: 'Open Sans';*/
    font-size: 1.3em;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.event_titel_big
{
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 3.6em;*/
    font-weight: bold;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.event_ticketauswahl
{
    background-color: #252A33;
    border: #DDDDDD 3px solid;
    color: #DDDDDD;
    /*font-family: 'Open Sans';*/
    /*font-size: 2.4em;*/
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.eventset_event
{
    color: #000000;
    /*font-family: 'Open Sans';*/
    font-size: 0.8em;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

/* ------------------------------------------------------------- */
/* WARENKORB */
/* ------------------------------------------------------------- */

.warenkorb_anzahl
{
    color: #668981;
    cursor: pointer;
    /*font-family: 'Open Sans';*/
    /*font-size: 2em;*/
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.warenkorb_fz
{
    background-color: #DDDDDD;
    color: #252A33;
    /*font-family: 'Open Sans';*/
    /*font-size: 2em;*/
    font-weight: bold;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.warenkorb_kopfzeile
{
    background-color: #DDDDDD;
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 2em;*/
    font-weight: bold;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.warenkorb_pos
{
    border: #DDDDDD 1px solid;
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.6em;*/
    font-weight: bold;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

/* ------------------------------------------------------------- */
/* BUTTONS */
/* ------------------------------------------------------------- */

.button_ausverkauft
{
    background: #dfdfdf;
    border-radius: 10px;
    color: #DD0000;
    cursor: pointer;
    /*font-family: 'Open Sans';*/
    /*font-size: 2em;*/
    font-weight: bold;
    padding: 8px 20px;
    text-align: center;
    white-space: nowrap;
}

.button_small
{
    background: #dfdfdf;
    border-radius: 10px;
    color: #668981;
    cursor: pointer;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.4em;*/
    font-weight: bold;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.button_std
{
    background: #dfdfdf;
    border-radius: 10px;
    color: #668981;
    cursor: pointer;
    /*font-family: 'Open Sans';*/
    /*font-size: 2em;*/
    font-weight: bold;
    padding: 8px 20px;
    text-align: center;
    white-space: nowrap;
}

.button_ticket
{
    background: #dfdfdf;
    border-radius: 10px;
    color: #668981;
    cursor: pointer;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.4em;*/
    padding: 5px;
    text-align: center;
    width: 100px;
}

/* ------------------------------------------------------------- */
/* TEXT */
/* ------------------------------------------------------------- */

.text_animation1
{
    animation: blinkingText 1.2s infinite;
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 2em;*/
    font-weight: bold;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.text_ausverkauft
{
    color: #EE0000;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.6em;*/
    font-weight: bold;
    padding: 2px;
    text-decoration: none;
}

.text_error
{
    color: #EE0000;
    /*font-family: 'Open Sans';*/
    /*font-size: 2em;*/
    font-weight: bold;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.text_h1
{
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 2.4em;*/
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.text_h2
{
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.6em;*/
    font-weight: bold;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.text_info_small
{
    color: #DDDDDD;
    /*font-family: 'Open Sans';*/
    font-size: 0.5em;
    padding: 20px;
}

.text_std
{
    /*font-family: 'Open Sans';*/
    /*font-size: 1.6em;*/
    padding: 2px;
    text-decoration: none;
}

/* ------------------------------------------------------------- */
/* EINGABE */
/* ------------------------------------------------------------- */

.eingabe_kopfzeile
{
    background-color: #DDDDDD;
    color: #668981;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.6em;*/
    font-weight: bold;
    overflow: hidden;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
}

.eingabe_txt
{
    border: #DDDDDD 1px solid;
    color: #000000;
    /*font-family: 'Open Sans';*/
    /*font-size: 1.4em;*/
    font-weight: bold;
    overflow: hidden;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
}