body {
  padding-top: 100px;
    font-family: "Verdana", sans-serif;
/*..min-height: 100%;...*/
   border-left: 8px solid darkorange; border-right:8px solid darkorange; background-color: white; 
   
}

.nav-klein {font-size:  .9em;} <!--------------Schriftgröße aufgeklapptes Navi------------->



.paddingvideo {
  padding: 10px;
 
}


figcaption {display:block;}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.img-responsive {
    margin: 0 auto;
}
.abstandshalter-oben {
  margin-top: 50px
}

.abstandshalter-unten {
  margin-bottom: 50px
}

.abstandshalter-oben-impp {
  margin-top: 0px
}
      
.abstandshalter-oben-imp {
  margin-top: 30px
}
    
.mittig {text-align: center;}

.row {
  margin-top: 50px;
}

.impress {color:darkmagenta}

.figur {position: relative; top: 10px; left: -13px;}

.figur-folge  {position:relative; top: -38px; left: -45px; height: 10em;}

.figur05a-folge {position:relative; top: -35px; left: -45px; height: 10em}

.figur06-folge {position:relative; top: -25px; left: -38px; height: 9em;}

.figur07-folge {position:relative; top: -30px; left: -33px; height: 9em;}

.figur08-folge {position:relative; top: -18px; left: -23px; height: 7em;}

.figur09-folge {position:relative; top: -20px; left: -29px; height: 8em;}

.figur10-folge {position:relative; top: -35px; left: -23px; height: 10em;}

.figur11-folge {position:relative; top:  12px; left: -23px; height: 5em;}

.stempel   {position:relative; top: 10px;}

.stempel-folge  {position:relative; top: -13px; left: -13px; height: 4em;}

.bildrand {border: 1px solid red;}/*-----Test für Bilderstand---auswirkung??----*/

.bildmitte  { display: block;/*------für Bilder von hinteren Seiten- hat aber glaub ich keine Auswirkung-*/
    margin-left: auto;
    margin-right: auto; }

.textmittig {text-align: center;}

.textabstand {margin: 15px;}

.textblock-imp {max-width: 500px; text-align: center;}

.felix  {color: crimson; font-size: 1em;}

.platzhalter {visibility: hidden;}

.gifklein { hight:50%; width:50%;}


[class*="col-"] {
    /*float:right;
    padding-left: 0px;*/
 /*---border: 1px solid red; /*-------------Bilderansicht mit rotem Rand für kontrolle des Stands!!!!!---*/
   /* background-color: #921;*/
   /* margin-right: 10px;*/
}




/*Die Media Queries musst du nutzen, um die Styles von oben für die verschiedenen Bildschirmgrößen anzupassen*/

/*--------------------------------------------------------*/
@media screen and (max-width: 768px) {
/*col-xs-*/
    
    
.uebers  { visibility: visible;  color: #e8770e; }
    
  /*  .invisible {
  visibility: hidden;*/




/*REIHE 1*/

.bild-reihe-1-1 {
  position: relative;
  top:  0px;
  left: 0px;
    /*margin-bottom: 2px*/

}
.bild-reihe-1-2 {
  position: relative;
  top: 0px;
  left: 0px;
  
}
.bild-reihe-1-3 {
  position: relative;
  top: 0px;
  left:  0px;
  
}

/*REIHE 2*/

.bild-reihe-2-1 {
  position: relative;
  top: 0px;
  left: 0px;

}
.bild-reihe-2-2 {
  position: relative;
  top: 0px;
  left: 0px;
  
}
.bild-reihe-2-3 {
  position: relative;
  top:  0px;
  left: 0px;
  
}

/*REIHE 3*/

.bild-reihe-3-1 {
  position: relative;
  top: 0px;
  left: 0px;

}
.bild-reihe-3-2 {
  position: relative;
  top: 0px;
  left: 0px;
  
}
.bild-reihe-3-3 {
  position: relative;
  top: 0px;
  left: 0px;
  
}

/*REIHE 4*/

.bild-reihe-4-1 {
  position: relative;
  top: 0px;
  left: 0px;

}
.bild-reihe-4-2 {
  position: relative;
  top: -200px;
  left:0px;
  
}

/*REIHE 5*/

.bild-reihe-5-1 {
  position: relative;
  top: 0px;
  left: 0px;

}
.bild-reihe-5-2-1 {
  position: relative;
  top: 0px;
  left: 0px;
  
}
.bild-reihe-5-2-2 {
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: 60px;
  
}


}

/*max768px------------------------------------------*/

@media screen and (min-width: 768px) {
/*col-sm-*/
/*REIHE 1*/
    

.invisible {
  visibility: hidden;
}

.bild-reihe-1-1 {
  position: relative;
  top:  0px;
  left: 0px;

}
.bild-reihe-1-2 {
  position: relative;
  top: 0px;
  left: 0px;
  
}
.bild-reihe-1-3 {
  position: relative;
  top: 0px;
  left: 0px;
  
}

/*REIHE 2*/

.bild-reihe-2-1 {
  position: relative;
  top: 0px;
  left: 0px;

}
.bild-reihe-2-2 {
  position: relative;
  top:0px;
  left: 0px;
  
}
.bild-reihe-2-3 {
  position: relative;
  top: 0px;
  left: 0px;
  
}

/*REIHE 3*/

.bild-reihe-3-1 {
  position: relative;
  top: 0px;
  left:0px;

}
.bild-reihe-3-2 {
  position: relative;
  top: 0px;
  left: 0px;
  
}
.bild-reihe-3-3 {
  position: relative;
  top: 0px;
  left: 0px;
  
}

/*REIHE 4*/

.bild-reihe-4-1 {
  position: relative;
  top: 0px;
  left: 0px;

}
.bild-reihe-4-2 {
  position: relative;
  top: -350px;
  left: 0px;
  
}

/*REIHE 5*/

.bild-reihe-5-1 {
  position: relative;
  top: 20px;
  left: 20px;

}
.bild-reihe-5-2-1 {
  position: relative;
  top: 20px;
  left: 20px;
  
}
.bild-reihe-5-2-2 {
  position: relative;
  top: 20px;
  left: 20px;
  margin-top: 60px;
  
}


}


/*min768px-----------------------------------------*/

@media screen and (min-width: 992px) {
/*col-md-*/
    
/*REIHE 1*/

.bild-reihe-1-1 {
  position: relative;
  top:  -30px;
  left: 20px;

}
.bild-reihe-1-2 {
  position: relative;
  top: 10px;
  left: 50px;
  
}
.bild-reihe-1-3 {
  position: relative;
  top: -90px;
  left: 45px;
  
}

/*REIHE 2*/

.bild-reihe-2-1 {
  position: relative;
  top:  -50px;
  left: 30px;

}
.bild-reihe-2-2 {
  position: relative;
  top: -450px;
  left: 20px;
  
}
.bild-reihe-2-3 {
  position: relative;
  top: -350px;
  left: 15px;
  
}

/*REIHE 3*/

.bild-reihe-3-1 {
  position: relative;
  top: -160px;
  left: 20px;

}
.bild-reihe-3-2 {
  position: relative;
  top: -225px;
  left: 20px;
  
}
.bild-reihe-3-3 {
  position: relative;
  top: -225px;
  left: 20px;
  
}

/*REIHE 4*/

.bild-reihe-4-1 {
  position: relative;
  top: -260px;
  left: 130px;

}
.bild-reihe-4-2 {
  position: relative;
  top: -210px;
  left: -350px;
  
}

/*REIHE 5*/

.bild-reihe-5-1 {
  position: relative;
  top: 0px;
  left: 20px;
    
      margin-top: 60px;

}
.bild-reihe-5-2 {
  position: relative;
  top: 20px;
  left: 20px;
  
}
.bild-reihe-5-3 {
  position: relative;
  top: 20px;
  left: 20px;
  margin-top: 60px;
  
}


}

/*min992px------------------------------------------------*/

@media screen and (min-width: 1200px) {
/*col-lg-*/
    
/*REIHE 1*/

.bild-reihe-1-1 {
  position: relative;
  top: 60px;
  left: -15px;

}
.bild-reihe-1-2 {
  position: relative;
  top: 30px;
  left: 10px;
  
}
.bild-reihe-1-3 {
  position: relative;
  top:  60px;
  left: 50px;
  
}

/*REIHE 2*/

.bild-reihe-2-1 {
  position: relative;
  top: 10px;
  left: 80px;

}
.bild-reihe-2-2 {
  position: relative;
  top: 150px;
  left:90px;
  
}
.bild-reihe-2-3 {
  position: relative;
  top: 0px;
  left: -30px;
  
}

/*REIHE 3*/

.bild-reihe-3-1 {
  position: relative;
  top: 20px;
  left: 90px;

}
.bild-reihe-3-2 {
  position: relative;
  top: 180px;
  left: -110px;
  
}
.bild-reihe-3-3 {
  position: relative;
  top: 20px;
  left: -130px;
  
}

/*REIHE 4*/

.bild-reihe-4-1 {
  position: relative;
  top: 45px;
  left: 300px;

}
.bild-reihe-4-2 {
  position: relative;
  top: 60px;
  left:-285px;
  
}

/*REIHE 5*/

.bild-reihe-5-1 {
  position: relative;
  top: 20px;
  left: 20px;

}
.bild-reihe-5-2-1 {
  position: relative;
  top: 20px;
  left: 20px;
  
}
.bild-reihe-5-2-2 {
  position: relative;
  top: 20px;
  left: 20px;
  margin-top: 60px;
  
}


}

/*max1200px*/