body{
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: arial, verdana, sans-serif;
    background: linear-gradient(180deg, #fff 0px, #98c00e 4000px);
    transition: all 0.5s;
}

.wrapper{
    max-width: 1750px;
    width: 100%;
    margin: auto;
    transition: all 0.5s;
}

#nav1{
    padding: 0;
    margin: 30px 0 30px 0;
    text-align: center;
    transition: all 0.5s;
}

#nav1 li{
    margin: 0 50px 0 50px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: all 0.5s;
}

#nav1 li:first-child{
    margin-left: 0;
}

#nav1 li:last-child{
    margin-right: 0;
}

#nav1 li:nth-child(4){
    xwidth: 150px;
}

#nav1 li a[href]:link, #nav1 li a[href]:visited, #nav1 li a[href]:hover{
    text-decoration: none;
    color: #333;
    font-size: 115%;
}

#nav1 li a[href].active{
    color: #4A6922;
}

#big{
    width: auto;
    padding-top: 1000px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/bg_big.jpg'); 
    box-shadow: inset 0px -15px 8px -6px #DBE9AB;
    transition: all 0.5s;
}

#start{
    margin-top: -940px; 
    transition: all 0.5s;
}

#startboxen{
    margin: 0;    
    padding: 0 0 50px 0;
    text-align: center;
    transition: all 0.5s;
}

#startboxen li{
    list-style-type: none;
    display: inline-block;
    width: calc((100% - 100px) / 3);
    vertical-align: top;
    text-align: left;
    background-color: rgba(255,255,255,0.95);
    min-height: 680px;
    margin: 0 25px 0 25px;
    border-radius: 15px;
    box-shadow: 3px 3px 3px 0px rgba(70,70,70,0.75);
    animation: fadeIn 3s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
    transition: all 0.5s;
}
@keyframes fadeIn {
    0% {opacity:0;}
    20% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    20% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    20% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    20% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    20% {opacity:0;}
    100% {opacity:1;}
}

#startboxen li:nth-child(1){
    margin-left: 0;
}

#startboxen li:nth-child(3){
    margin-right: 0;
}

#startboxen li:nth-child(4){
    margin-top: 50px;
    margin-left: 0;    
}

#startboxen li:nth-child(5){
    margin-top: 50px;
}

#startboxen li:nth-child(6){
    margin-top: 50px;
    margin-right: 0;
}

#startboxen li .boximage{
    display: block;
    height: 280px;
    margin: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transition: all 0.5s;
}

#startboxen li .boxtext{
    margin: 30px;
    font-size: 120%;
    line-height: 150%;
    transition: all 0.5s;
}

#startboxen li .boxtext h2{
    font-size: 130%;
    color: #333 !important;
    font-weight: normal;
    border-bottom: 3px solid #4A6922;
}

#startboxen li .boxtext h2 a[href]:link, #startboxen li .boxtext h2 a[href]:visited, #startboxen li .boxtext h2 a[href]:hover{
    text-decoration: none;
    color: #333;
}

#startboxen li .boxtext a[href]:link, #startboxen li .boxtext a[href]:visited, #startboxen li .boxtext a[href]:hover{
    text-decoration: none;
    color: #4A6922;
}

#startboxen li .boxtext .more{
    text-align: right;
}

#startboxen li .boxtext input[type=text]{
    width: calc(100% - 12px);
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;   
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #4A6922;
}

#startboxen li .boxtextinput[type=text]::placeholder{
    color: #4A6922;
}

#startboxen li .boxtext button{
    width: 100%;
    border: none;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;   
    padding: 5px;
    margin-bottom: 5px;
    background-color: #4A6922;
    color: #fff;
}

#startboxen li .boxtext select{
    width: 100%;
    height: 36px;
    padding: 5px;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #4A6922;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0 5px 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    background-image:
    linear-gradient(45deg, transparent 50%, #4A6922),
    linear-gradient(135deg, #4A6922, transparent 50%),
    linear-gradient(to right, #4A6922, #4A6922);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
}

#content{
    background-color: rgba(255,255,255,0.95);
    min-height: 1000px;
    width: 65%;
    margin: -900px auto 50px auto;
    border-radius: 15px;
    padding: 50px;
    box-shadow: 3px 3px 3px 0px rgba(70,70,70,0.75);
    font-size: 120%;
    transition: all 0.5s;
}

#content h1 {
    color: #4A6922;
    font-size: 200%;
    line-height: 125%;
    font-weight: normal;
}

#content h2 {
    font-size: 180%;
    color: #4A6922;
    font-weight: normal;
}

#content h3 {
    font-size: 150%;
    color: #4A6922;
    font-weight: normal;
}

#content p{
    line-height: 150%;
}


#content hr {
    height: 2px;
    border-width: 0;
    background-color: #4A6922;
}

#content a[href]:link,#content a[href]:visited, #content a[href]:hover{
    color: #4A6922;
    text-decoration:none;
    transition: all 0.5s;
}

#content ul{
    
}

#content ul li{
    list-style-type: square;
    display: list-item;
    line-height: 150%;
}

#content .CMSImage{
    max-width: 80%;
    height: auto;
    margin: 30px !important;
}

#content #memberlist{
    padding: 0;
    margin: 0;
}

#content #memberlist li{
    list-style-type: none;
    margin: 0 0 20px 0;
}

#content #memberlist li #seal_small{
    margin: 0 0 -5px 15px;
    height: 25px;
    width: auto;
}

#content #memberdata{
    padding: 0;
    margin: 0;
}

#content #memberdata li{
    list-style-type: none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

#content #memberdata li #seal{
    float: right;
    margin-right: 50px;
    height: 100px;
    width: auto;
}

#content #memberdata li:first-child{
    width: calc(100% - 450px);
}

#content #memberdata li:last-child{
    width: 450px;
}

#content #oesterreichkarte{
    text-align: center;
    margin: 50px 0 50px 0;
}

#content #oesterreichkarte #bl_auswahl_1000{
    width: 1000px;
    height: auto;
}

#content #oesterreichkarte #bl_auswahl_750{
    width: 750px;
    height: auto;
    display: none;
}

#content #oesterreichkarte #bl_auswahl_500{
    width: 500px;
    height: auto;
    display: none;
}
#content #bl_auswahl_list{
    display: none;
}

#zoom{
    text-align: left;
    border: 2px solid #4A6922;
    width: auto;
    margin: 40px 0 40px 0;
    padding: 40px;
    position: relative;
    transition: all 0.5s;
}

#zoom h1{
    color: #4A6922;
    font-size: 200%;
    line-height: 125%;
    font-weight: normal;
    margin-top: 0px;
}

#zoom .back_top{
    display: none;
}

#zoom .ZoomContainer img{
    height: auto;
    max-width: 80%;
}

#zoom hr{
    height: 2px;
    border-width: 0;
    background-color: #4A6922;
}

#zoom .BackLink{
    display: none;
}

#zoom #closelink{
    font-size: 300%;
    position: absolute;
    right: 12px;
    top: 10px;
    color: #4A6922;
}

#wood{
    background-image: url('/images/wald.png');
    background-size: contain;
    height: 90px;
    width: 100%;
    transition: all 0.5s;
}

#footer{
    background-color: #4A6922;
    transition: all 0.5s;
}

#contact{
    padding: 40px 0 0 0;
    margin: 0 auto 0 auto;
    text-align: center;
    transition: all 0.5s;
}

#contact li{
    display: inline-block;
    list-style-type: none;
    color: #fff;
    margin: 5px 30px 5px 0;
    transition: all 0.5s;
}

#contact li:last-child{
    margin: 0;
}

#contact li i{
    margin-right: 5px;
}    

#contact li a[href]:link, #contact li a[href]:visited, #contact li a[href]:hover{
    text-decoration: none;
    color: #fff;
    font-size: 100%;
}

#fnav{
    padding: 30px 0 40px 0;
    margin: 0 auto 0 auto;
    transition: all 0.5s;
}

#fnav li{
    display: inline-block;
    list-style-type: none;
    color: #fff;
    margin: 0 30px 0 0;
    transition: all 0.5s;
}

#fnav li:last-child{
    float: right;
    margin: 0;
}

#fnav li a[href]:link, #fnav li a[href]:visited, #fnav li a[href]:hover{
    text-decoration: none;
    color: #fff;
    font-size: 100%;
}

#fnav li:last-child a[href]:link, #fnav li:last-child a[href]:visited, #fnav li:last-child a[href]:hover{
    text-decoration: none;
    color: #f3f8f2;
    font-size: 70%;
}

#cookiemessage{
    position: fixed;
    bottom: 0px;
    font-size: 13px;
    width: 100%;
    max-width: unset;
    z-index: 9999;
    display: none;
    border-top: 3px solid #4A6922;
}
#cookiemessage .content{
    box-sizing: border-box;
    margin: 0px auto;
    background-color: rgba(255,255,255,0.75);
    padding: 10px;
    text-align: center;
}
#cookiemessage p{            
    display: inline;
    padding: 10px 15px;
    vertical-align: middle; 
    width: 100%;    
    color: #4A6922;
}
#cookiemessage button{
    padding: 5px 30px;
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: #ffffff;
    background-color: #4A6922;
}
#cookiemessage a{
    text-decoration: none;
    color: #4A6922;
}

#cookiemessage a:hover{
    text-decoration: underline;	
    color: #4A6922;
}

#cookieMoreInfoText{
    padding: 10px;
    color: #4A6922;
    text-align: justify;
}


@media only screen and (max-width: 1850px) {
    .wrapper{ max-width: 1600px; }
    #nav1 li{ margin: 0 33px 0 33px; }
    #nav1 li a[href]:link, #nav1 li a[href]:visited, #nav1 li a[href]:hover{ font-size: 115%; }
    #startboxen li .boximage{ height: 260px; }
    #content{ width: 75%; }
}

@media only screen and (max-width: 1550px) {
    .wrapper{ max-width: 1250px; }
    #nav1 li{ margin: 0 15px 0 15px; }
    #nav1 li a[href]:link, #nav1 li a[href]:visited, #nav1 li a[href]:hover{ font-size: 105%; }
    #startboxen li .boximage{ height: 210px; }
    #content{ width: 80%; }
}

@media only screen and (max-width: 1300px) {
    .wrapper{ max-width: 1000px; }
    #nav1{ text-align: right; }
    #nav1 li{  display: block; text-align: right; margin: 10px 0 10px 0; }
    #nav1 li:nth-child(4){ float: left; margin: -70px 0 0 0; }
    #nav1 li a[href]:link, #nav1 li a[href]:visited, #nav1 li a[href]:hover{ font-size: 115%; }
    #startboxen li{ width: calc((100% - 50px) / 2); }
    #startboxen li:nth-child(1){ margin: 0 25px 25px 0; }
    #startboxen li:nth-child(2){ margin: 0 0 25px 25px; }
    #startboxen li:nth-child(3){ margin: 25px 25px 25px 0; }
    #startboxen li:nth-child(4){ margin: 25px 0 25px 25px; }
    #startboxen li:nth-child(5){ margin: 25px 25px 25px 0; }
    #startboxen li:nth-child(6){ margin: 25px 0 25px 25px; }
    #content{ width: 85%; font-size: 110%; }
    #content #oesterreichkarte #bl_auswahl_1000{ display: none; }
    #content #oesterreichkarte #bl_auswahl_750{ display: inline; }
}

@media only screen and (max-width: 1100px) {
    .wrapper{ max-width: 900px; }
    #content{ width: 800px; }
}

@media only screen and (max-width: 1000px) {
    .wrapper{ max-width: 800px; }
    #content{ width: 700px; }
    #content #oesterreichkarte #bl_auswahl_750{ display: none; }
    #content #oesterreichkarte #bl_auswahl_500{ display: inline; }
}

@media only screen and (max-width: 900px) {
    .wrapper{ max-width: 700px; }
    #startboxen li{ width: calc((100% - 50px)); min-height: unset; }
    #startboxen li:nth-child(1), #startboxen li:nth-child(2), #startboxen li:nth-child(3), #startboxen li:nth-child(4), #startboxen li:nth-child(5), #startboxen li:nth-child(6){ margin: 25px; }
    #content{ width: 600px; font-size: 105%; }
}

@media only screen and (max-width: 800px) {
    .wrapper{ max-width: auto; }
    #nav1 li, #nav1 li:last-child{ margin: 10px 20px 10px 0; }
    #nav1 li:nth-child(4){ margin: -70px 0 0 20px; }
    #nav1 li a[href]:link, #nav1 li a[href]:visited, #nav1 li a[href]:hover{ font-size: 110%; }
    #content{ width: auto; padding: 20px; border-radius: 0; box-shadow: 0 0 0 0px rgba(70,70,70,0.75); }
    #content #oesterreichkarte #bl_auswahl_500{ display: none; }
    #content #bl_auswahl_list{ display: inline; }
    #fnav li:first-child{ margin-left: 20px; }
    #fnav li:last-child{ margin-right: 20px; }
    #wood{ height: 0px; padding-top: 6.25%; }
}

#mapdiv{
    width: 450px;
    height: 450px;
    font-size: 80%;
    line-height: 100%;
    position: relative;
    margin: 0;
}

.ol-box{box-sizing:border-box;border-radius:2px;border:2px solid #00f}
.ol-mouse-position{top:8px;right:8px;position:absolute}
.ol-scale-line{background:rgba(74,105,34,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}
.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}
.ol-scale-bar{position:absolute;bottom:8px;left:8px}
.ol-scale-step-marker{width:1px;height:15px;background-color:#000;float:right;z-Index:10}
.ol-scale-step-text{position:absolute;bottom:-5px;font-size:12px;z-Index:11;color:#000;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}
.ol-scale-text{position:absolute;font-size:14px;text-align:center;bottom:25px;color:#000;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}
.ol-scale-singlebar{position:relative;height:10px;z-Index:9;box-sizing:border-box;border:1px solid #000}
.ol-unsupported{display:none}
.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius: 12px;}
.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.ol-control{position:absolute;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}
.ol-control:hover{background-color:rgba(255,255,255,.6)}
.ol-zoom{top:.5em;left:.5em}
.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}
.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}
.ol-zoom-extent{top:4.643em;left:.5em}
.ol-full-screen{right:.5em;top:.5em}
.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(74,105,34,.5);border:none;border-radius:2px}
.ol-control button::-moz-focus-inner{border:none;padding:0}
.ol-zoom-extent button{line-height:1.4em}
.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}
.ol-touch .ol-control button{font-size:1.5em}
.ol-touch .ol-zoom-extent{top:5.5em}
.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(74,105,34,.7)}
.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}
.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}
.ol-attribution{text-align:right;bottom:.5em;right:.5em;xmax-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:flex-end}
.ol-attribution ul{margin:0;padding:1px .5em;color:#000;text-shadow:0 0 2px #fff}
.ol-attribution li{display:inline;list-style:none}
.ol-attribution li:not(:last-child):after{content:" "}
.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}
.ol-attribution button{flex-shrink:0}
.ol-attribution.ol-collapsed ul{display:none}
.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}
.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}
.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}
.ol-attribution.ol-uncollapsible button{display:none}
.ol-zoomslider{top:4.5em;left:.5em;height:200px}
.ol-zoomslider button{position:relative;height:10px}
.ol-touch .ol-zoomslider{top:5.5em}
.ol-overviewmap{left:.5em;bottom:.5em}
.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}
.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}
.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}
.ol-overviewmap:not(.ol-collapsed) button{bottom:2px;left:2px;position:absolute}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}
.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}
.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}
.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}
/*# sourceMappingURL=ol.css.map */
.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 80px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: 2px solid red;
}

.ol-popup:after,
.ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}

.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}

.ol-popup-closer:after {
  content: "x";
}