html {
    	/*background-color: #f5f5f5;*/
        background-color: #ffffff;
        overflow-y: scroll;
}

body {
	margin: 0px;
	/*font-family: "Questrial", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font: normal normal normal 16px/1.4 Georgia;*/
      font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 300;
    /*font-family: 'Press Start 2P', cursive;*/
    font-size: 22px;
    line-height: 26px;
    /*color: #333;*/
    color: #898b91;
	/*background-color: #f5f5f5;*/
    /*background-color: #ececec;*/
    background-color: #ffffff;
    /*background-color: #ffffff;*/
    padding-left: 5px;
    padding-right: 5px;
}

h1,h2,h3,h4 {
        font-weight: 400;
}

h1 {
        font-size: 28px;
        line-height: 32px;
}

h2 {
        font-size: 26px;
        line-height: 30px;
}
h3 {
        font-size: 24px;
        line-height: 28px;
}
h4 {
        font-size: 22px;
        line-height: 26px;
}

ul.main {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

li.mainli {
  padding-left: 16px;
  height: 20px;
  padding-top: 4px;
}

li.mainlix {
  padding-left: 36px;
  height: 20px;
  padding-top: 4px;
}


li.mainli:before {
  content: "■";
  padding-right: 8px;
  color: #466320;
  font-size: 12px;
  overflow: hidden;
}

img {
    border: 1px solid;
    border-color: #abaab8;
    /*border-color:#474787;*/
    /*border-color: #ececec;*/
}

#statusdiv {
    position: absolute;
    top: 10px;
    right: 0px;
    text-align: right;
          font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 22px;
    line-height: 30px;
}

#titlediv {
    position: absolute;
    top: 10px;
    left: 0px;
    text-align: left;
          font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 22px;
    line-height: 30px;
}


#statusdivmobile {
    display: none;
    margin-top: 25px;
}

#status:after {
    content: "■";
  /*color: #c70000;*/
  color: #709e32;
  font-size: 16px;
}

#frame {
    margin-right: auto;
	margin-left: auto;
    width: 800px;
    position: relative;
}

#title {
            font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 28px;
    /*font-weight: bold;*/
    line-height: 34px;
}

.alttitle {
    color: #709e32;
            font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 300;
    font-size: 12px;
    padding-bottom: 6px;
}

.marginb {
        padding-bottom: 20px;
}

#subtitle {
            font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    /*color: #000000;*/
    /*color: #ececec;*/
    position: relative;
    /*font-weight: bold;*/
}


.noborder {
        border: 0px;
        width: 100%;
}

.content {
        padding-left: 18px;
        padding-right: 5px;
        padding-bottom: 5px;
        margin-bottom: 10px;
        margin-top: 8px;
        border-left: 1px solid #fbae4b;
        border-top: 1px solid #fbae4b;
}

.maincontent {
        font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 300;
}

.vplayer {
    width: 100%;
}

#email {
    /*font-variant: normal;*/
}

a {
    /*color: #709e32;*/
    /*color: #474787;*/
    /*color: #abaab8;*/
    color: #898b91;
    text-decoration-line: none;
    text-decoration: none;
}

a:link {
    /*color: #709e32;*/
    /*color: #474787;*/
    /*color: #abaab8;*/
    color: #898b91;
    text-decoration-line: none;
    text-decoration: none;
}

a:hover {
        color: #fbae4b;
        text-decoration: none;
}

hr {
        /*background-color: #211654;
        color: #211654;*/
        background-color: #fbae4b;
        color: #fbae4b;
        height: 2px;
        size: 2px;
        border: 0px;
        margin-bottom: 18px;
        margin-top: 18px;
}

#footer {
        border-top: 1px solid;
        border-top-color: #fbae4b;
        margin-top: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
}

/*.arrow {
  border: solid #709e32;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  position: relative;
  left: 3px;
    top: -1px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.rotate {
    transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.close {
    color: #000000;
    width: 20px;
    height: 20px;
    position: relative;
}
.close:after {
    content: '';
    height: 20px;
    border-left: 3px solid #ff0000;
    position: absolute;
    transform: rotate(45deg);
    left: -4px;
    top: -5px;
}

.close:before {
    content: '';
    height: 20px;
    border-left: 3px solid #ff0000;
    position: absolute;
    transform: rotate(-45deg);
    left: -4px;
    top: -5px;
}*/

.close {
        /*color: #c70000;*/
        font-weight: normal;
}

#impressumdiv {
    /*font-variant: normal;*/
    /*font-size: 14px;*/
}

#datenschutzdiv {
    /*font-variant: normal;*/
    /*font-size: 14px;*/
}

.altlink {
    /*color: #ececec;*/
    cursor: pointer;
        font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    /*font-weight: bold;*/
    padding-bottom: 8px;
}

.al {
    color: #709e32;
    cursor: pointer;
}

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.single {
    display: flex;
}

.itemz {
    width: 100%;
}

.itemx {
    width: 390px;
    display: inline-block;
    padding-right: 10px;
}

.itemy {
    width: 390px;
    display: inline-block;
    padding-left: 10px;
}

#footer {
    /*margin-bottom: 18px;*/
    font-size: 16px;
    line-height: 18px;
        font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 300;
}

#footer hr {
    margin-top: 8px;
}

#animation {
    position: relative;
}

#mobileanimation {
        visibility: hidden;
        display: none;
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

#desktopanimation {
        visibility: visible;
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
}

#confirm {

}

#agas {
    height: 134px; margin-top: 4px;
}

#jss {
    width: 220px; margin-top: 4px; margin-left: 10px; padding: 5px; background-color: #fff;
}

.nomargin {
        margin-bottom: 0px;
}



@media (min-width: 1260px) {
	#frame {
        width: 1240px;
    }
    .itemx {
    width: 608px;
    display: inline-block;
    padding-right: 12px;
    }

    .itemy {
        width: 608px;
        display: inline-block;
        padding-left: 12px;
    }

    .maincontent {
        font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 22px;
        line-height: 26px;
    }
    
    .full-size {
        width: 100%;
        box-sizing: border-box;
    }
    
    .profile {
        width: 80%;
    }

    hr {
        margin-left: 8px;
        margin-right: 8px;
    }
    
}

@media (min-width: 1480px) {
	#frame {
        width: 1440px;
    }
    .itemx {
    width: 702px;
    display:inline-block;
    padding-right: 18px;
    }

    .itemy {
        width: 702px;
        display: inline-block;
        padding-left: 18px;
    }

    .maincontent {
        font-family: 'Lato', 'Arial', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 22px;
        line-height: 26px;
    }
    
    .full-size {
        width: 100%;
        box-sizing: border-box;
    }
    
    .profile {
        width: 80%;
    }
}

.logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 448px;
        border: 0px;
}

@media (max-width: 820px) {
	#frame {
        width: 100%;
    }
    
    .itemx {
        width: 100%;
        padding-right: 0px;
    }

    .itemy {
        width: 100%;
    }
    
    /*
    #statusdivmobile { display: block; }
    */
    /*#title {
    font-size: 16px;
    }*/
    
    /*.altlink {
        font-size: 18px;
        
    }
    a {
        font-size: 18px;
    }
    a:link {
        font-size: 18px;
    }*/
    
    /*.content {
            margin-left: 5px;
            border-left: 2px solid #fbae4b;
    }*/
    
    
    /*#statusdiv {
        display: block;
        position: relative;
        left: 0px;
        text-align: left;
        margin-top: 20px;
        font-size: 22px;
        line-height: 34px;
        }
    body {
    font-size: 22px;
    line-height: 26px;
    }*/
}



@media (max-width: 810px) {
    .itemy {
        width: 100%;
        display: block;
        padding-left: 0px;
    }
    
    .full-size {
        width: 100%;
        box-sizing: border-box;
    }

    #titlediv {
    display: block;
    position: relative;
    top: -48px;
    left: 0px;
    text-align: center;
    }
    
    #statusdiv {
        text-align: center;
        display: block;
        position: relative;
    top: -32px;
    left: 0px;
    }
    
    hr {
        margin-left: 0px;
        margin-right: 0px;
    }
}


@media (max-width: 640px) {
    
    .logo {
            width: 448px;
            border: 0px;
            margin: auto;
    }
    


}

@media (max-width: 458px) {
        .logo {
            width: 100%;
            border: 0px;
    }
}

/*@media (max-width: 400px) {
    .itemx {
        width: 100%;
        display: block;
        padding-right: 0px;
    }

    body {
            font-size: 18px;
    }
    
    .itemy {
        width: 100%;
        display: block;
        padding-left: 0px;
    }
    
    .full-size {
        width: 100%;
        box-sizing: border-box;
    }

    #logo {
        text-align: center;
        display: block;
        width: 100%;
    }
    
    .logo {
            width: 100%;
    }
    
    #titlediv {
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
    }
    
    #subtitle {
        font-size: 20px;
        line-height: 22px;
    }
    
    #title {
        font-size: 26px;
        line-height: 24px;
    }
    

    
    .logo {
            float: none;
    }
}*/