* {margin:0; padding:0; }







div#name h2 { font-size:150%; }

div#texte img.right {float:none; margin: 20px 20px 20px 20px; }

div#texte img.right2 {float:right; margin: 20px 45px 20px 20px; }
div#texte img.right3 {float:right; margin: 20px 45px 20px 20px; padding-right:20px;}
div#texte img.right_b {float:none; margin:20px; }
div#texte img.portrait {float:none; margin-right:0px;}
div#texte img.left {float:none; margin:20px; margin-left: 100px; margin-top: 10px;}

div#texte img.kartentitel {float:none; margin:20px; margin-left: 100px; margin-top: 30px;}


div#texte img.left-shop {float:none; margin:20px; margin-left: 100px; margin-top: 0px;}

div#texte dl {float:none; margin:20px;}
div#texte dd {float: none;}

div#texte dl.uebermich {float: right; padding-left: 40px; padding-right: 40px;padding-bottom: 20px;}
div#texte dd.schmal {float:right; width:300px; font-style:italic; font-size:80%;  }

div#texte p.cover-shop {margin-left: 100px; }
div#texte p.klein-shop {margin-right:20px;margin-left: 100px;}
div#texte p.klein-shop-abstand {margin-left:100px; margin-bottom: 10px;}

div#texte p.label {margin-left:100px; }

div#texte table.shop {margin-left: 20px; width:80%; margin-top: 20px; border-collapse: collapse;}
div#texte dl.versandgebuehr {float:none; margin-left: 100px; }
div#texte ul.shop {margin-left: 10px;}
div#texte li.shop {font-size: 90%; margin-left: 10px;}

div#texte table.pc {display:none;}

summary.klappentext {margin-left: 100px;}

div.mobil {display:block; width:100%;}

div#programm {display:none;}

h2.programmheft {display: none;}

div#inline1 {position: fixed; bottom: 0; right:0; background-color:rgba(59,75,75,0.7); width:100%; z-index: 1100;}

div.flex-container {display: flex; flex-direction:row; flex-wrap: wrap; width:100%; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px;}
p.flex {  margin:5px; vertical-align:top; padding:0; font-size: 85%; text-align: center; flex:auto;}
p.flex2 {  margin:5px; vertical-align:top; padding:0; font-size: 85%; text-align: center; flex:auto;  background-color:#7f9342;  }

div#inline1 .flex-container a.braun:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline1 .flex-container a.braun:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline1 .flex-container a.braun:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40;background-color:#f9eeda;}
div#inline1 .flex-container a.braun:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40; background-color:#f9eeda;}
div#inline1 .flex-container a.gruen:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342;}
div#inline1 .flex-container a.gruen:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342; }
div#inline1 .flex-container a.gruen:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}
div#inline1 .flex-container a.gruen:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}

div#inline2 {position: fixed; top: 0; right:0; background-color:rgba(59,75,75,0.7); width:100%; z-index: 1100; height: 42px;}

div#inline2 .flex-container a.braun:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline2 .flex-container a.braun:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#b15c40;}
div#inline2 .flex-container a.braun:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40;background-color:#f9eeda;}
div#inline2 .flex-container a.braun:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40; background-color:#f9eeda;}
div#inline2 .flex-container a.gruen:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342;}
div#inline2 .flex-container a.gruen:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#f9eeda; background-color:#7f9342; }
div#inline2 .flex-container a.gruen:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}
div#inline2 .flex-container a.gruen:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#7f9342; background-color:#f9eeda;}

div .css-slider { overflow-x: hidden; max-width: 600px; margin-left:5px; margin-top:20px; }
 
div#slider figure {width:95%; }

.einzelne_fotos, .einzelne_fotos figure, .einzelne_fotos {  margin: 0;}
 


/* Bilder responsive */
.einzelne_fotos img { width: 95%;  height:auto; margin-left: -50px;}
.einzelne_fotos figcaption { width: 95%;  margin-left: -50px; color:#3b4b4b; margin-top:10px;}
 
div#slider p.slides { width:95%; margin-left: 0px; margin-bottom: 5px; font-size: 100%; color: #3b4b4b; font-weight: bold;} 


 
/* Controls auf einheitliche Maße bringen und die Ecken abrunden */
div#slider label {margin-top:20px; width: 25px; height:25px; margin-right: 5px; display:block; font-weight: bold; line-height: 25px;
    text-align: center; border-radius: 50%;
     cursor: pointer;
    background: #7f9342; color: #3b4b4b;}

div#slider ul.sliderControls {margin-left: 0; width: 95%;}