/* ==================================== Alle bis 26.25em / bis 420 px =================================== */
#panel1, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel1 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel2, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel2 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel3, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel3 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel4, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel4 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel5, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel5 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel6, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel6 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel7, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel7 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel8, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel8 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel9, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel9 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel10, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel10 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel11, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel11 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel12, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel12 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}
/* ====================================== Grösser 26.25em / 420 px ====================================== */
@media screen and (min-width: 26.25em) {
#panel1, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel1 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel2, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel2 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel3, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel3 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel4, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel4 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel5, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel5 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel6, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel6 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel7, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel7 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel8, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel8 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel9, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel9 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel10, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel10 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel11, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel11 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel12, .flip {margin:3% 5% 0% 5%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel12 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}
}
/* ====================================== Grösser 35.5em / 568 px ====================================== */
@media screen and (min-width: 35.5em) {
#panel1, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel1 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel2, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel2 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel3, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel3 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel4, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel4 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel5, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel5 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel6, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel6 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel7, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel7 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel8, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel8 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel9, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel9 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel10, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel10 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel11, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#pane11 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel12, .flip {margin:0% 7% 0% 6%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel12 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}
}
/* ====================================== Grösser 48em / 768 px ======================================== */
@media screen and (min-width: 48em) {
#panel1, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel1 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel2, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel2 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel3, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel3 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel4, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel4 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel5, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel5 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel6, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel6 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel7, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel7 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel8, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel8 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel9, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel9 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel10, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel10 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel11, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel11 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}

#panel12, .flip {margin:0% 10% 0% 10%; padding:1em 1em; border-radius:.5em; cursor:pointer;}
#panel12 {display:none; float:left; max-width:100%; color:rgb(102,51,0); padding:0; margin-top:1em; cursor:default; overflow:auto;}
}