/* CSS Document */
/* SLIDESHOW */
.slides {
  display: none;
  width: 100%;
}
.animate-left {
  position: relative;
  animation: animateleft 0.8s
}
@keyframes animateleft {
  from { left :-500px; opacity:0 } to { left:0; opacity:1 }
}
/* Layout */
#picturebox{
    width:1100px;
    height:270px;
    overflow:hidden;
    background-color: #94c120;
    text-align:center;
}
#picturebox img{
    margin:auto;
    width:1100px;
    margin-top:-25%;
}
body{
    margin:0px;
    padding:0px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color:#cccccc;
}
#pager1{
    width: 1100px;
    margin:auto;
    -webkit-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.11);
    -moz-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.11);
    box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.11);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom:20px;
    background-color:#ffffff;
    height:1200px;
}
#pager2{
    width: 1100px;
    margin:auto;
    -webkit-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.11);
    -moz-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.11);
    box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.11);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom:20px;
    background-color:#ffffff;

}
#content1{
     background-color:#ffffff;
    padding:30px;
    color:#5E7B14;
    width: 100%;
}
.copy{
    font-size:0.8em;
    color:#ffffff;
}
#listcontainer1{
    width:100%;
    margin-bottom:20px;
    background-color:#ffffff;

}
#leftcontainer1{
    float:left;
    width:48%;
    margin-bottom:20px;
    background-color:#ffffff;
}
#rightcontainer1{
    float:right;
    width:48%;
    background-color:#ffffff;
}
#content1 h1{
    font-size: 24px;
}
#content1 p{
        margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#content1 a{
    color:#5E7B14;
    text-decoration: none;
    padding:5px;
    display:block;
    border-bottom:1px solid #b8d056;
    border-radius: 10px;
    margin:0px;
}
#content1 a:hover{
    background-color:#b8d056;
    color:#ffffff;
    border-radius: 10px;
}
.ueberschrift{
    background-color:#5E7B14;
    color:#ffffff;
    text-decoration: none;
    padding:5px;
    min-width:350px;
    border-radius: 10px;
}
.loesung{
    background-color:#FFCED1;
    color:#ffffff;
    text-decoration: none;
    padding:5px;
    display:block;
    min-width:350px;
    border-radius: 10px;
}
a.loesung{
    color:#ffffff;



#titelbox{
    width:1100px;
    height:80px;
    text-align:center;
    background-color: #b8d056;

}
#titelbox h1{
    color:#ffffff;
    font-size:28px;
    margin-bottom:0px;
    margin-top:10px;
    text-shadow: 0 0 5px #556612;
}
#titelbox h2{
    color:#ffffff;
    font-size:14;
    margin-top:0px;
    text-shadow: 0 0 5px #556612;
}

#header1{
    background-image:url("https://www.interaktive-arbeitshefte.de/sites/html/assets/header.png");
    width:1100px;
    height:221px;
}
/* H5P SEITEN */
#backbutton a{
    display: block;
    background-color:#94c120;
    padding:10px;
    color:#ffffff;
    width:100px;
    border-radius:20px;
    text-align:center;
    float:right;
    margin:10px;
    text-decoration:none;
}
#backbutton a:hover{
    background-color:#b8d056;
    font-size:1.2em;
}

#p1 {background-color:rgba(255,0,0,0.3);}
#p2 {background-color:rgba(0,255,0,0.3);}
#p3 {font-size: 15px;color:rgb(255,255,255);background-color:rgb(00,128,255);}
#p4 {background-color:rgba(192,192,192,0.3);}
#p5 {background-color:rgba(255,255,0,0.3);}
#p6 {background-color:rgba(255,255,255);}
#div1 {
  height: 100px;
  width: 100%;
  background-color:rgb(00,128,255);
}
#div2 {
  height: 50px;
  width: 100%;
  background-color:rgb(00,128,255);
}
#div3 {
  height: 50px;
  width: 100%;
  background-color:rgb(00,0,0);
}
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 0px 12px;
  cursor: pointer;
}

.button2 {background-color: #f44336;width: 25%;} /* Red */
.button3 {background-color: #f44336;} /* Red */
.button6 {background-color: #00CC00;} /* grün */
.button7 {background-color: #A0A0A0;} /* grün */
.button8 {background-color: #A0A0A0;} /* grün */
.button4 {background-color: #e7e7e7; color: black;padding: 5px 5px;font-size: 12px; } /* Gray */
.button5 {background-color:rgb(00,128,255); color: #ffffff;padding: 5px 5px;font-size: 16px;} /* weiss */


#footer1{
    clear:both;
    background-color:#94c120;
    min-height:100px !important;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding:10px;
    padding-top:20px;
    color:#ffffff;
}
#footer1 a{
    text-decoration: none;
    color:#ffffff;
}
#footer1 a:hover{
    color:#cccccc;
}