/* ############################################################## */
@import url("defs.css");
@import url("basic.css");
@import url("infos.css");
/* ############################################################## */
/* ############################################################## */
.bg
{
    background:#dcdcdc linear-gradient(#4f4949 0px, var(--lightlightGray) 300px, var(--lightlightGray) 100%);
    padding-top:10px;
    width:100% !important;
    z-index:1
}
/* ############################################# */
.container_start, .container
{
    position:relative;
    z-index:1000;
    margin:0px auto;
    box-shadow: 0px 5px 25px #000;
    border-radius:20px;
}
.container_start
{
    background:url("../bilder/auge_nach_rechts.jpg") left top;
    background-size: 100% 100%;
    padding:0px;
    width:520px;
}
.container
{
    background:linear-gradient(var(--lightGreen) 0%, var(--lightlightGreen) 100%);
    max-width:860px;
    padding: var(--pad_container_p) !important;
    border:0px solid var(--darkdarkGreen);
    overflow:visible;
}
div.text_start
{
    padding:40px 80px 20px 80px;
    overflow:hidden;
}
/* ############################################################## */
div.blick_start, div.aufzaehlung_start
{
    padding:0px;
}
div.blick_start p
{
    margin:0px;
    padding:0px;
    font-size:61px;
    line-height:50px;
    color:#fff;
    text-align:left;
    letter-spacing:1px;
    text-shadow: 0px 0px 10px #000;
}
div.blick_start p:nth-child(1), div.blick_start p:nth-child(4)
{
    color:var(--brightGreen);
}
div.blick_start p:nth-child(2)
{
    color:#fff;
}
div.blick_start p:nth-child(3), div.blick_start p:nth-child(4)
{
    text-align:right;
    line-height:18px;
}
div.blick_start p:nth-child(4)
{
    line-height:84px;
}
div.aufzaehlung_start p
{
    margin:0px;
    padding:0px;
    padding-right:3px;
    font-weight:normal;
    font-size:27px;
    line-height:36px;
    text-align:right;
    color:#fff;
    text-shadow: 0px 0px 10px #000;
}
/* ############################################################## */
div.booking_eintritt
{
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding:0px;
    margin:30px auto 0px auto;
}
/* ######################################## */
a.booking
{
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    /* ############################# */
    overflow:hidden;
    background:#fff;
    border:1px solid var(--darkGray);
    border-radius:10px;
    box-shadow:3px 3px 3px var(--darkGray);
    transition: all 0.25s ease-in-out;
    padding:0px 15px !important;
    cursor:pointer;
}
a.booking:hover
{
    background:#fff;
    border-color:var(--lightGray) !important;
    box-shadow:0px 0px 10px #fff;
    transition: all 0.25s ease-in-out;
}
img.booking_kalender
{
    width:46px;
    padding:0px;
    margin:0px;
    margin-right:10px;
}
div.booking_text
{
    padding-top:5px;
    padding-bottom:2px;
}
div.booking_text p
{
    color:#000;
    font-size:var(--fs_small);
    text-align:center;
    padding:0px 0px 0px 0px !important;
}
/* ######################################## */
a.eintritt
{
    background:transparent url("../bilder/svg_enter.svg") no-repeat;
    background-size: 55px 55px;
    background-position: center;
    display:block;
    position:relative;
    height:54px;
    width:54px;
    border-radius: 29px;
    /*border:2px solid #555;*/
    padding:0px;
    overflow:hidden;
    box-shadow:3px 3px 6px var(--darkdarkGray);
    transition: all 0.25s ease-in-out;
}
a.eintritt:hover
{
    border-color:#fff;
    box-shadow:0px 0px 10px #fff;
}
.logo_start
{
    overflow:visible;
    width:100%;
    height:200px;
}
/* ##################### container_foot ######################### */
div.container_foot
{
    position:relative;
    left:0px;
    bottom:30px;
    height:150px;
    background:linear-gradient(transparent 0%, var(--darkdarkGray) 5%, var(--darkdarkGray) 9%, var(--darkdarkGreen) 12%, var(--darkdarkGreen) 35%, var(--brightGreen) 100%);
    z-index:20 !important;
}
div.container_foot p
{
    color:#fff;
    text-align:center;
}
div.container_foot p:first-child
{
    text-shadow: 0px 0px 5px #000;
    font-size:var(--fs_small);
    padding-top:70px;
}
div.container_foot p:nth-child(2)
{
    font-size:var(--fs_verysmall);
}
/* ############################################################# */
/* ############################################################# */
/* ############################################################# */
@media (max-width : 767px) and (orientation:portrait)
{
    .bg
    {
        padding:0px;
    }
    .container_start
    {
        border-radius:0px !important;
        padding:0px !important;
    }
}