@font-face {
    font-family: 'Antique Olive W01 Lightt';
    src: url('../Fonts/Antique Olive W01 Light.woff') 
              format('woff'), 
             /* für moderne Browser */
         url('../Fonts/Antique Olive W01 Light.ttf') 
              format('truetype');
            /* für Safari, Android, iOS */
   }

* {
    font-family: 'Antique Olive W01 Light', Verdana, Arial, sans-serif;
    margin:0px;
    padding:0px;
    color:#222222;
}

body {
    color:#222222;
    background-color:#26262A;
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}

#page {
    display:block;
    position:relative;
    width:100vw;
    max-width:955px;
    margin: auto;
    margin-top: 0px;
    padding-top:0px;
    background-color: #FFFFFF;
    height:100%;

}

#header  {
    background-color:#FFFFFF;
    font-size:1.1em;
    height:53px;
    border-bottom-color: rgb(252, 153, 55);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

#header ul {
    margin: 0px;
    height: 42px;
    color: #222222;
    background-color: white;
    list-style-type: none;
    display: block;
    padding-left: 10px;
    padding-top:3px;
}

#header li {
    display: inline;
    background-image: url('../Images/Layout/greydot.gif');
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0px 0px 0px 0.8vw;
    line-height:45px;
    font-size:15px;
}

#header li a {
    padding: 0px 0px 0px 15px;
    text-decoration: none;
    color: #222222; 
}

#header li.current {
    background-image: url('../Images/Layout/reddot.gif');
}

#header li.active {
    background-image: url('../Images/Layout/reddot.gif');
}

#header li a:hover {
    background-image: url('../Images/Layout/reddot.gif');
    background-repeat: no-repeat;
    background-position: left center;
}


#teaser {
    background-image: url('../Images/Layout/kis.jpg');
    background-repeat: no-repeat;
    height:30vh;
    background-size:cover;
    border-bottom-color: rgb(252, 153, 55);
    border-bottom-width: 6px;
    border-bottom-style: solid;
}

#logo {
    background-image: url('../Images/Layout/logo.png');
    background-repeat: no-repeat;
    display:block;
    position:absolute;
    height:153px;
    width:213px;
}

.content {
    display: block;
    padding-left:3vw;
    padding-top:40px;
    padding-right:40px;
    padding-bottom: 40px;
    position:relative;
}

.main {
    display:table-cell;
    max-width:40vw;
}

.columnRight {
    display:table-cell;
    padding-left:20px;
    min-width:50%;
}

h1 {
    color: rgb(252, 153, 55);
    font-size:1.6em;
    font-weight:600;
    margin-bottom:15px;
}

h2 {
    font-family:'Arial Narrow', Arial, sans-serif;
    color: rgba(252, 153, 55);
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
}

h3 {
    font-size:1.0em;
    font-weight:500;
    margin-bottom:10px;
    margin-top:10px;
}

h4 {
    font-size:1.0em;
    font-weight:400;
    margin-bottom:10px;
}

p{
    font-size:14px;
    padding-bottom: 10px;
    line-height:18px
}

ul {
    padding-left:15px;
    font-size:14px;
    padding-bottom: 5px;
    line-height:18px;
}

#footer {
   padding-top:50px; 
}

#footernav  {
    text-align:right;
    display:block;
    background-color:#FFFFFF;
    font-size:0.8em;
    height: 45px;
    padding-right:20px;
}

#footernav ul {
    margin: 0px;
    height: 40px;
    color: #222222;
    background-color: white;
    list-style-type: none;
    display: block;
    padding-left: 10px;
}

#footernav li {
    display: inline;
    background-image: url('../Images/Layout/greydot.gif');
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0px 0px 0px 0.8vw;
    line-height:45px;
}

#footernav li a {
    padding: 0px 0px 0px 12px;
    text-decoration: none;
    color: #222222; 
}

#footernav li.current {
    background-image: url('../Images/Layout/reddot.gif');
}

#footernav li a:hover {
    background-image: url('../Images/Layout/reddot.gif');
    background-repeat: no-repeat;
    background-position: left center;
}

.myspacer {
    display:inline-block;
    height:25px;
}
.Table {
    display:table;
    width:100%;
    line-height:1.4em;
    font-size:0.9em;
}

.Row {
    display:table-row;
    text-align: left;
}

.Cell {
    display:table-cell;
    vertical-align:top;
    position:relative;
    text-align: left;
}

.Row2 {
    display:table-row;
}

.Cell2 {
    display:table-cell;
    vertical-align:top;
}

.secondCell{
    width:120px;
}

fieldset {
    border:0px;
}


/* *************** */
/* Buttons         */
/* *************** */

button {
  appearance: none;
  background-color: transparent;
  border: 2px solid rgb(252, 153, 55);
  border-radius: 8px;
  box-sizing: border-box;
  color: #3B3B3B;
  cursor: pointer;
  display: inline-block;
  font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  min-height: 40px;
  min-width: 0;
  outline: none;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 250px;
  will-change: transform;
}

button:disabled {
  pointer-events: none;
}

button:hover {
  color: #fff;
  background-color: rgba(252, 153, 55, 1.0);
  box-shadow: rgba(252, 153, 55, 0.25) 0 4px 7px;
  transform: translateY(-0px);
}

button:active {
  box-shadow: none;
  transform: translateY(0);
}

button.default {
    background-color: rgba(252, 153, 55, 0.8);
}

button.default:hover {
    background-color: rgba(252, 153, 55, 1.0);
}
a.button {
    text-decoration:none;
}

.submit {
        appearance: none;
        background-color: rgba(252, 153, 55, 0.8);
        border: 2px solid rgb(252, 153, 55);
        border-radius: 8px;
        box-sizing: border-box;
        color: #3B3B3B;
        cursor: pointer;
        display: inline-block;
        font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        margin: 0;
        min-height: 40px;
        min-width: 0;
        outline: none;
        padding: 8px 12px;
        text-align: center;
        text-decoration: none;
        transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        width: 250px;
        will-change: transform;
}

button:hover {
    color: #fff;
    background-color: rgba(252, 153, 55, 1.0);
    box-shadow: rgba(252, 153, 55, 0.25) 0 4px 7px;
    transform: translateY(-0px);
  }
  
  button:active {
    box-shadow: none;
    transform: translateY(0);
  }

  .buttonright {
    display:block;
    position:absolute;
    right:90px;;
  }

.absoluteRight {
    display:inline-block;
    position:absolute;
    right:0;
}

/* ***************** */
/* Subscibe          */
/* ***************** */

.subscribe * {
    font-weight:normal;
    font-size:0.95em;
}

.w-full {
    width:60%
}

/* Form felder generell */
input[type=text] {
    width:50vw;
    max-width:400px;
    padding: 2px;
    margin-bottom:2px;
}

input[type=email] {
    width: 50vw;
    max-width:400px;
    padding: 2px;
    margin-bottom:2px;
}

input[type=tel] {
    width:50vw;
    max-width:400px;
    padding: 2px;
    margin-bottom:2px;
}

.captcha {
    width:20vw;
}

select {
    width:50vw;
    max-width:400px;
    padding: 2px;
    margin-bottom:6px;
}

textarea {
    width:50vw;
    max-width:400px;
    padding: 2px;
    margin-bottom:2px;
}

/* Mitgliedschaftantrag */
#mitgliedschaftsanantrag-29  {
    position:relative;
}

#mitgliedschaftsanantrag-29 .Cell {
    min-width:170px;
}

.btn-group {
    border:0px;
    background-color: white;
    display:inline-block;
    position:relative;
    left:110px;
}

@media only screen and (min-width: 601px) {

}

@media only screen and (max-width: 600px) {
    #footernav li a {
        font-size:11px;
    }

}

/* ##################*/
/* Pretix css        */
.pretix-widget {
    border: 0px solid #FFFFFF !important;
}

.pretix-widget .pretix-widget-info-message {
    border: 2px solid rgb(252, 153, 55) !important;
}