@import url('fontello.css');

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_semibold';
    src: url('fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-ExtraBold';
    src: url('fonts/Gilroy-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Light';
    src: url('fonts/Gilroy-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
/*  background: url(../bilder/hg.jpg) no-repeat center center fixed; */
  background-color: white;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
         margin: 0px;
         padding: 0px;
}

h1, h2, h3, h4 {
         font-family: 'Gilroy-ExtraBold';
         margin: 0;
}

h1 {
         margin: 1.5em 0em;
}

h2 {
         margin: 1em 0em;
}

h3 {
         margin: 0.5em 0em;
}

h4 {
         margin: 0.5em 0em;
}

body
{
/*         background-color: #cfcfcf; */
/*
         background: url(../inc/hg1.jpg) no-repeat center top;
         background-attachment: fixed;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
*/

         font-family: 'Source Sans Pro', sans-serif;
         font-size: 100%;
/*         background-size: 100% auto; */
         margin: 0px;
}

a:link, a:visited
{
         color: #9d2f2f;
         text-decoration: none;
}

a:hover
{
         text-decoration: underline;
}

a.button, button {
        background-color: rgba(0,0,0,0.85);
        border: none;
        color: rgba(255,255,255,0.85);
        font-size: 1.0em;
        padding: 0.7em 1.2em;
        text-transform: none;
}

a.button:hover, button:hover {
        background-color: rgba(0,0,0,1);
        color: rgba(255,255,255,1);
        cursor:pointer;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        text-decoration: none;
}

a.cancel {
        background-color: transparent;
        border: 1px solid #000000;
        color: #000000;
}

#close {
         opacity: 0.85;
         position: fixed;
         right: 1em;
         top: 1em;
         z-index: 94;
}

#close img {
         height: 3.5em;
         width: 3.5em;
}

#close:hover {
         opacity: 1.0;
         -webkit-transition: all 0.25s linear;
         -moz-transition: all 0.25s linear;
         -o-transition: all 0.25s linear;
         transition: all 0.25s linear;
}

#container {
         background-color: white;
/*         border: 1px dotted red; */
         margin: 1em auto;
         max-width: 780px;
         padding: 1.5em;
         padding-bottom: 2.5em;
         width: 95%;

/*
        -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.35);
*/

         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

#fade-hg {
         background: black;
         display: none;
         height: 100%;
         left: 0;
         opacity: 0.85;
         position: fixed;
         top: 0;
         width: 100%;
         z-index: 90;
}

#footer {
/*         background-color: red; */
         border-top: 1px dashed #bfbfbf;
         font-size: 1em;
         margin-top: 3.5em;
         padding-top: 2em;
         text-align: center;
         width: 100%;
}

#footer a:link, #footer a:visited {
         color: black;
         margin-right: 1.5em;
}

#footer2026 {
         background-color: #0c0c0c;
         color: white;
         margin-top: 4.5em;
         padding-bottom: 5em;
         padding-top: 0em;
         text-align: center;
         width: 100%;
}

#footer2026 a:link, #footer2026 a:visited
{
         color: white;
         margin-right: 1.5em;
         text-decoration: none;
}

#footer2026 img {
         width: 30%;
         max-width: 78px;
}

#footer2026-logo {
         position: relative;
         top: -3em;
}

#header2026 {
         background-color: #0c0c0c;
         color: white;
         min-height: 1em;
         width: 100%;

         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

#header2026 img {
         width: 50%;
         max-width: 322px;
         height: auto;
         margin-left: 4em;
         margin-bottom: 2.5em;
         margin-top: 2.5em;
}

#header2026 a:link, #header2026 a:visited
{
         color: white;
         text-decoration: none;
}

#header2026-level2 {
         background-color: #0c0c0c;
         color: white;
         min-height: 1em;
         padding: 1.5em;
         padding-left: 25%;
         width: 100%;

         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

#header2026-level2 h1 {
         font-family: 'Raleway', sans-serif;
         font-size: 3.75em;
         font-weight: 700;
         line-height: 2em;
         margin: 0em;
}

#header {
/*         background-color: red; */
         margin-bottom: 1.5em;
         min-height: 1em;
         width: 100%;
}

#header h1 {
         margin-bottom: 0em;
         margin-top: 0em;
}

#header h4 {
         margin-top: 0em;
}

#header img {
         width: 100%;
         height: auto;
}

#layer_content   /* für alle überlagernden Inhalte */
{
         -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
         -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
         box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
         opacity:    1;
         background: white;
         display: none;
         width:      90%;
/*         max-width:  600px; */
         height:     90%;
/*         max-height: 800px; */
         min-height: 330px;
         z-index:    95;
/*         top:        0;
         left:       0;
*/
/*         padding: 0;
         position: fixed;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
*/

         position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;

         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

#navi {
         margin-bottom: 2.5em;
         margin-top: 2.5em;
         text-align: center;
}

#status {
         display: inline-block;
         margin-bottom: 2em;
         margin-top: 0.5em;
}

input, select, textarea {
        background-color: white;
        border: 1px solid rgba(0,0,0,0.35);
        border-style: solid;
        color: #000000;
/*        font-family: 'open_sansregular'; */
        font-size: 1em;
        box-sizing: border-box;
        margin-bottom: 0.5em;
/*        margin-right: 5px; */
        outline: none;
        padding: 0.5em 0.8em;
        font-family: 'Open Sans', sans-serif;
        line-height: 1.85em;
}

input:focus, select:focus, textarea:focus {
        border: 1px solid rgba(0,0,0,0.65);
        -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.35);
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
}

.admin-link {
         border: 1px dashed #9d2f2f;
         margin-right: 1em;
         padding: 0.7em 1.2em;

         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

.alert
{
        padding: 8px 35px 8px 14px;
        margin-bottom: 18px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: #fcf8e3;
        border: 1px solid #fbeed5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #c09853;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.alert-error
{
        background-color: #f2dede;
        border-color: #eed3d7;
        color: #b94a48;
}

.alert-info
{
        background-color: #d9edf7;
        border-color: #bce8f1;
        color: #3a87ad;
}

.alert-success
{
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #468847;
}

.block {
         border-bottom: 1px dashed #8f8f8f;
         margin: 0em;
         padding: 0.75em 1em;

         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

.block:hover {
/*         background-color: #cfcfcf; */
         background-image:linear-gradient(to top, #cfcfcf 0%, #dedede 50%)
}

.block-li {
         display: block;
         float: left;
         margin-right: 1.5em;
         text-align: center;
         width: 3em;
}

.block-li img {
         margin-top: 1em;
         width: 3em;
}

.block-details {
         display: block;
         float: left;
         margin-right: 1.5em;
}

.block-re, .block-mi {
         float: right;
         text-align: right;
}

.block-re {
         margin-left: 1em;
         width: 3em;
}

.bold {
         font-weight: bold;
}

.button-paypal
{
         background-color: none;
         background-image: url(../inc/paypal-checkout.png);
         background-position: center 50%;
         background-repeat:no-repeat;
         height: 44px;
         width: 228px;
         margin-top: 2em;
}

.button-paypal:hover
{
         cursor: pointer;
}

.cat_info {
         font-size: 0.85em;
         margin-top: 0.5em;
         opacity: 0.85;
         padding-left: 2em;
         max-width: 80%;

}

.event-info {
         border: 1px dashed #8f8f8f;
/*
         border-bottom-left-radius: 1em 1em;
         border-top-left-radius: 1em 1em;
*/
         display: table-cell;
         box-sizing: border-box;
/*         float: left; */
         margin-top: 0.5em;
         padding: 1em 2em;
         padding-bottom: 1.5em;
         padding-right: 3em;
         vertical-align: top;
}

.event-info_sub {
/*         margin-bottom: 2em; */
         margin-top: 0.5em;
         padding-left: 1em;
}

.event-mi {
         display: table-cell;
         box-sizing: border-box;
         width: 0.25em;
}

.event-logo {
         background-color: #eeeeee;
         border: 1px dashed #8f8f8f;
         border-bottom-right-radius: 1em 1em;
         border-top-right-radius: 1em 1em;
         display: table-cell;
         box-sizing: border-box;
/*         float: left; */
         margin-top: 0.5em;
         padding: 1em 1em;
         vertical-align: top;

         -moz-box-sizing: border-box;
         box-sizing: border-box;
}

.event-logo img {
         height: 5em;
         width: auto;
}

.event-status {
         display: table-cell;
         box-sizing: border-box;
         padding-bottom: 1em;
         padding-left: 3em;
         vertical-align: bottom;
}

.events-frist24h {
         color: red;
         font-size: 0.9em;
         margin-top: 0.3em;
}

.events-location {
         color: #262626;
         font-size: 0.9em;
         margin-top: 0.3em;
}

.events-title {
/*         font-size: 1.2em; */
         font-weight: bold;
         margin: 0.3em 0em;
}

.infolink {
         font-size: 0.85em;
         margin-top: 0.5em;
}

#flex-container {
         display: table;
         margin-bottom: 1.5em;
}

.iframe_full
{
         border: 0;
         height: 100%;
         overflow: hidden;
         width: 100%;
}

.w20 {
         margin-right: 1em;
         width: calc(20% - 1em);
}

.w30 {
         margin-right: 1em;
         width: calc(30% - 1em);
}

.w40 {
         margin-right: 1em;
         width: calc(40% - 1em);
}

.w50 {
         margin-right: 1em;
         width: calc(50% - 1em);
}

.w60 {
         margin-right: 1em;
         width: calc(60% - 1em);
}

.w80 {
         width: calc(80% - 1em);
}

/* checkboxes */

input[type=checkbox] {
         background-color: none;
         color: none;
         position: relative;
         cursor: pointer;
         margin-right: 0.75em;
    }
    input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 1em;
         height: 1em;
         top: -0.1em;
         left: 0;
         border: 1px solid #555555;
/*         border-radius: 3px; */
         background-color: white;
}

    input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid black;
         border-width: 0 1px 1px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 0px;
         left: 6px;
}

/* Tooltip */

a.tooltip {
    margin-left: 0.75em;
    position: relative;
    text-decoration: none;
  }
  a.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: 20%;
    background: #ffcb66;
    font-size: 0.9em;
    margin-left: -2em;
    padding: 5px 15px;
    color: black;
    white-space: nowrap;
    opacity: 0;
     /* At time of this creation, only Fx4 doing pseduo transitions */
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;
  }
  a.tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid #ffcb66;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    /* At time of this creation, only Fx4 doing pseduo transitions */
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;
    opacity: 0;
    margin-left: -1em;
    left: 30%;
    bottom: 90%;
  }
  a.tooltip:hover:after {
    bottom: 100%;
  }
  a.tooltip:hover:before {
    bottom: 70%;
  }
  a.tooltip:hover:after, a:hover:before {
    opacity: 1;
  }


/* +++ Mobile Endgeräte +++ */

@media (max-width: 480px) {

         #container {
                 padding: 1em;
         }

         #footer2026 img {
                  width: 30%;
                  max-width: 57px;
         }

         #header2026 img {
                  width: 50%;
                  max-width: 250px;
                  height: auto;
                  margin-left: 1.5em;
                  margin-bottom: 1.5em;
                  margin-top: 1.5em;
         }

         #header2026-level2 {
                  padding: 1.5em;
                  padding-left: 1.5em;
         }

         #header2026-level2 h1 {
                  font-size: 1.75em;
                  line-height: 1.5em;
         }

         .event-info {
                  margin-top: 0.5em;
                  padding: 0.5em 1em;
                  padding-bottom: 0.75em;
                  padding-right: 1.5em;
         }

         .event-info_sub {
                  padding-left: 0em;
         }

         .event-logo {
                 padding: 1em 0.75em;
         }

         .event-logo img {
                  height: auto;
                  max-width: 3em;
                  width: auto;
         }

         .event-ticket-container, .event-status {
                 display: block;
         }

         .event-status {
                 margin-top: 1em;
                  padding-left: 1em;
         }

         #footer a:link, #footer a:visited {
                  display: inline-block;
                  margin-bottom: 0.75em;
         }

         .status-bar {
                 display: inline-block;
                 margin-left: 1.5em;
         }

/*
.w20 {
         margin-right: 1em;
         width: calc(20% - 1em);
}

.w30 {
         margin-right: 1em;
         width: calc(30% - 1em);
}

.w40 {
         margin-right: 1em;
         width: calc(40% - 1em);
}

.w50 {
         margin-right: 1em;
         width: calc(50% - 1em);
}

.w60 {
         margin-right: 1em;
         width: calc(60% - 1em);
}

.w80 {
         width: calc(80% - 1em);
}
*/
         .w20, .w30, .w40, .w50, .w60, .w80 {
                 width: 100%;
         }

}