/* HAUPTNAVI */

body { 
    -webkit-animation: bugfix infinite 1s; 
    }
@-webkit-keyframes bugfix { 
    from { padding: 0; } 
    to { padding: 0; } 
}






#indexstiftung {
position: relative;
top: 587px;
width: 100%;
z-index: 101;
overflow: hidden;

}

#indexstiftung_hg {
position: absolute;
top: 587px;
width: 100%;
height: 30px;
background: #1c692f;
z-index: 100;
}

#stiftung {
position: relative;
top: 586px;
width: 100%;
z-index: 101;
overflow: hidden;

}

#stiftung_hg {
position: absolute;
top: 586px;
width: 100%;
height: 30px;
background: #1c692f;
z-index: 100;
}


.navi_textposition {
position: absolute;
top: 2px;
left: 5%;
z-index:99;
}


#indexags {
position: relative;
top: 558px;
width: 100%;
z-index: 103;
overflow: hidden;
}

#indexags_hg {
position: relative;
top: 588px;
width: 100%;
height: 30px;
background: #6cb52d;
z-index: 102;
}

#ags {
position: relative;
top: 558px;
width: 100%;
z-index: 103;
overflow: hidden;
}

#ags_hg {
position: relative;
top: 588px;
width: 100%;
height: 30px;
background: #6cb52d;
z-index: 102;
}

/* Positionierung Hauptelemente responsive */

@media only screen and (max-width: 1400px) {
#stiftung, #stiftung_hg{
top: 636px;
}
#ags {
top: 608px;
}
#ags_hg {
top: 638px;
}
}

@media only screen and (max-width: 1200px) {
#stiftung, #stiftung_hg{
top: 537px;
}
#ags {
top: 510px;
}
#ags_hg {
top: 540px;
}
}

@media only screen and (max-width: 1020px) {
#stiftung, #stiftung_hg{
top: 445px;
}
#ags {
top: 420px;
}
#ags_hg {
top: 448px;
}
}

@media only screen and (max-width: 850px) {
#stiftung, #stiftung_hg{
top: 350px;
}
#ags {
top: 323px;
}
#ags_hg {
top: 353px;
}
}

@media only screen and (max-width: 675px) {
#stiftung, #stiftung_hg {
top: 310px;
}
#ags {
top: 283px;
}
#ags_hg {
top: 313px;
}
}

@media only screen and (max-width: 1600px) {
#indexstiftung, #indexstiftung_hg {
top: 440px;
}
#indexags {
top: 413px;
}
#indexags_hg {
top: 443px;
}
}

@media only screen and (max-width: 1400px) {
#indexstiftung, #indexstiftung_hg {
top: 410px;
}
#indexags {
top: 383px;
}
#indexags_hg {
top: 413px;
}
}

@media only screen and (max-width: 1200px) {
#indexstiftung, #indexstiftung_hg {
top: 350px;
}
#indexags {
top: 323px;
}
#indexags_hg {
top: 353px;
}
}

@media only screen and (max-width: 675px) {
#indexstiftung, #indexstiftung_hg {
top: 310px;
}
#indexags {
top: 283px;
}
#indexags_hg {
top: 313px;
}
}

@media only screen and (max-width: 590px) {
#indexstiftung, #indexstiftung_hg {
top: 260px;
}
#indexags {
top: 233px;
}
#indexags_hg {
top: 263px;
}
}


@media only screen and (max-width: 590px) {
#stiftung, #stiftung_hg {
top: 250px;
}
#ags {
top: 224px;
}
#ags_hg {
top: 252px;
}
}


 
 
/* Auf-/Zuklappen + Animation */

.text, .text2, .text3 {
    padding: 0 5% 0 5%;
    height: 0;
    width: 90%;
    background: white;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}




 
input[type="checkbox"] {
    float: left;
    top: 0;
    left: 0;
    width: 90%;
    height: 30px;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);

}

.checkWrap {
    float: left;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid white;
    margin-top: 8px;
    

}

input[type="checkbox"]:checked ~ .checkWrap {
    border-bottom: 13px solid white; 
    border-top: 0;  
}
 
input[type="checkbox"]:checked ~ .text {
    height: 200px;
    padding: 25px 5% 25px 5%;
    opacity: 1;
}
    
   

#ags input[type="checkbox"]:checked ~ .text2 {
    height: 200px;
    padding: 25px 5% 25px 5%;
    opacity: 1;
}

#indexags input[type="checkbox"]:checked ~ .text2 {
    height: 200px;
    padding: 25px 5% 25px 5%;
    opacity: 1;
}


/* NAVIGATIONSPUNKTE STIFTUNG */

#stift1 {
    position: absolute;
    top: 60px;
    left: 5%;
    width: 17.2%;
    
}

#stift2 {
    position: absolute;
    top: 60px;
    left:23.2%;
    width: 17.2%;
    
}

#stift3 {
    position: absolute;
    top: 60px;
    left: 41.4%;
    width: 17.2%;
    
}

#stift4 {
    position: absolute;
    top: 60px;
    left: 59.6%;
    width: 17.2%;
    
}

#stift5 {
    position: absolute;
    top: 60px;
    left: 77.8%;
    width: 19%;
}

@media only screen and (max-width: 980px) {

input[type="checkbox"]:checked ~ .text {
    height: 400px;
}

#stift1 {
    left: 5%;
    width: 21%;
}

#stift2 {
    left:28.2%;
    width: 21%;
}

#stift3 {
    left: 51%;
    width: 21%;
}

#stift4 {
    left: 74.6%;
    width: 21%;
}

#stift5 {
    top: 260px;
    left: 5%;
    width: 21%;
}
}

@media only screen and (max-width: 865px) {
#stift1 {
    left: 5%;
    width: 30%;
}

#stift2 {
    left:36.2%;
    width: 30%;
}

#stift3 {
    left: 68.4%;
    width: 30%;
}

#stift4 {
    top: 260px;
    left: 5%;
    width: 30%;
}

#stift5 {
    top: 260px;
    left: 36.2%;
    width: 30%;
}
}

@media only screen and (max-width: 550px) {


input[type="checkbox"]:checked ~ .text {
    height: 530px;
}

#stift1 {
    left: 5%;
    width: 45%;
}

#stift2 {
    left:55%;
    width: 45%;
}

#stift3 {
	top: 245px;
    left: 5%;
    width: 45%;
}

#stift4 {
    top: 245px;
    left: 55%;
    width: 45%;
}

#stift5 {
    top: 400px;
    left: 5%;
    width: 45%;
}
}


/* NAVIGATIONSPUNKTE AGs */


#ag1 {
    position: absolute;
    top: 60px;
    left: 5%;
    width: 13%;
    
}

#ag2 {
    position: absolute;
    top: 60px;
    left:21%;
    width: 13%;
    
}

#ag3 {
    position: absolute;
    top: 60px;
    left: 35%;
    width: 13%;
    
}

#ag4 {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 13%;
    
}

#ag5 {
    position: absolute;
    top: 60px;
    left: 67%;
    width: 13%;
}

#ag6 {
    position: absolute;
    top: 60px;
    left: 82%;
    
}

@media only screen and (max-width: 1060px) {

#ags input[type="checkbox"]:checked ~ .text2 {
    height: 350px;
}

#ag1 {
    left: 5%;
    width: 15%;
}

#ag2 {
    left: 25%;
    width: 15%;
}

#ag3 {
    left: 43%;
    width: 15%;
}

#ag4 {
    left: 61.5%;
    width: 15%;
}

#ag5 {
    left: 83%;
    width: 15%;
}

#ag6 {
    top: 260px;
    left: 5%;
    width: 15%;
}
}

@media only screen and (max-width: 890px) {


#ag1 {
    left: 5%;
    width: 20%;
}

#ag2 {
    left:31.5%;
    width: 20%;
}

#ag3 {
    left: 55%;
    width: 20%;
}

#ag4 {
    left: 78%;
    width: 20%;
}

#ag5 {
    top: 260px;
    left: 5%;
    width: 20%;
}

#ag6 {
    top: 260px;
    left:31.5%;
    width: 20%;
}
}

@media only screen and (max-width: 690px) {

#ag1 {
    left: 5%;
    width: 25%;
}

#ag2 {
    left: 38.5%;
    width: 25%;
}

#ag3 {
    left: 71%;
    width: 25%;
}

#ag4 {
	top: 260px;
    left: 5%;
    width: 25%;
}

#ag5 {
	top: 260px;
    left: 38.5%;
    width: 25%;
}

#ag6 {
	top: 260px;
    left: 71%;
    width: 25%;
}
}

@media only screen and (max-width: 535px) {


#ags input[type="checkbox"]:checked ~ .text2 {
    height: 530px;
}

#ag1 {
    left: 5%;
    width: 40%;
}

#ag2 {
    left:55%;
    width: 40%;
}

#ag3 {
	top: 200px;
    left: 5%;
    width: 25%;
}

#ag4 {
	top: 200px;
    left:55%;
    width: 25%;
}

#ag5 {
	top: 400px;
    left: 5%;
    width: 25%;
}

#ag6 {
	top: 400px;
    left:55%;
    width: 25%;
}
}