@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Open+Sans:400,400i,700,700i');
html {
    background: url('/media/l/hand-painted-watercolor-background.jpg') no-repeat fixed #efece6;
    background-size: cover;
    min-height: 100%;
}

body {
    margin:0;
    padding:24vh 10vh 10vh 30vh;
    min-height:100%;
}

body,p,td,textarea,input {
    font-family:"Open Sans",Verdana,Arial,Helvetica,sans-serif;
    font-size:11pt;
}

#zzlogo {
    height:30vh;
    position:absolute;
    top: 0;
    left: 2vh;
}

main {
    background:white;
    padding:2em;
    border-radius:1em;
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
    /*overflow-x:auto;*/
}

footer {
    margin-top:1em;
    text-align:center;
}

footer a, footer a:visited {
    color:#382a7e;
    text-decoration:none;
}

footer a:hover {
    color:white;
}

div#presales-container {
    max-width:100%;
    overflow-x:auto;
}

.chooseshow {
    font-size:150%;
}

.chooseshow,.button,input[type=submit] {
    padding:0.5em;
    border-radius:1em;
    cursor:pointer;
    background:#eee;
    margin-bottom:0.5em;
    text-decoration:none;
    color:black;
}

.chooseshow:hover,.button:hover,input[type=submit]:hover {
    background:#A0DAE4;
}

.button,input[type=submit] {
    padding:0.5em 1em;
    display:inline-block;
    margin-bottom:1em;
    box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5);
    font-weight:bold;
}

p {
    margin-bottom:1em;
}

.chooseshow span { display:inline-block; height:36px; }
.chooseshow .fa { font-size:150%; }
.chooseshow .private { width: 2em; }
.chooseshow .evdate { width: 20em; font-weight:bold; }
.chooseshow .show { width:calc(100% - 34em); }
.chooseshow .progress { width: 10em; background:white; }
.chooseshow .progress1 { overflow:hidden; background:#DB0101; }

.table {
    border-spacing:0;
    border-collapse:collapse;
    margin-bottom:2em;
}

.table thead td {
    background:#999;
    color:white;
    font-weight:bold;
}

.table tr {
    border-bottom:1px solid #999;
}

.table td {
    padding:4px 8px 4px 0;	
}


input,select {
    font-size:120%;
    padding:0.5em;
    border-radius:1em;
    background:#eee;
    border:none;
}

input.resdata {
    width:20em;
}

input.resdata[data-name=city] {
    width:14.7em;
}

#vvk-set-seats,#vvk-set-res {
    float:left;
    margin-right:2em;
    margin-bottom:2em;
}

.imprint {
    font-size:80%;
    max-width:60em;
}

.info,.warning {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.warning {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}


@media only screen and (max-width: 1600px) {
    body {
        padding:1em;
    }
    
    #gstlogo {
        display:block;
        position: static;
        padding-bottom:2em;
    }

    
    div#presales-container {
        
    }
    
    .chooseshow {
        font-size:125%;
    }
    
    .chooseshow .fa { font-size:150%; }
    .chooseshow .private { width: auto; }
    .chooseshow .evdate { width: auto; }
    .chooseshow .show { width:auto; }
    .chooseshow .progress { width: 100%; background:white; }
    .chooseshow .progress1 { overflow:hidden; background:#DB0101; }
    
    
    input.resdata, select {
        width:12em;
    }
    
    input.resdata[data-name=city] {
        width:6.66em;
    }
    
    
}