* {margin:0; padding:0; }


html, body { font-family:georgia, times, serif;  height: 100%; padding-bottom:100px;}

.clearright {clear: right;}

div#zentriert {background-color:#d00000;}	
div#texte {background-color: #d00000;}

div#zentriert { width:100%; border:none; padding-bottom:50px;}
div#grau {height:460px; padding:0px; padding-top:5px; }

div#diashow-bilder { display: none;}




div#name {background-color:rgba(208,0,0,0.5); color:#100000; max-width:100%;}
div#name ul { width:80%; margin-top:30px; margin-left:20%; list-style-type:none; text-align:right; padding:10px;}

div#name li.title { margin-right:20px;  }
div#name li.tex { margin-top:10px; margin-right:20px; }
div#name p {font-size: 90%; }

div#name h1 { font-size:100%; }
div#name h2 { font-size:150%; }
div#name h3 {display:none; }

div#name_shop ul { width:75%; margin-top:30px; margin-left:25%; list-style-type:none; text-align:right; padding:10px;}

div#name_shop li.title { margin-right:20px;  }
div#name_shop li.tex { margin-top:10px; margin-right:20px; }

div#name_shop h1 { font-size:90%; }
div#name_shop h2 { font-size:150%; }
div#name_shop h3 {display: none; }

div#grau img {float:left; margin-top:35px; }


div#inline1 {position: fixed; bottom: 0; right:0; background-color:rgba(16,0,0,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;  background-color:#d00000;}
p.flex2 {  margin:5px; vertical-align:top; padding:0; font-size: 85%; text-align: center; flex:auto;   background-color:#c00000; }

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

div#inline2 {position: fixed; top: 0; right:0; background-color:rgba(16,0,0,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:#100000; background-color:#d00000;}
div#inline2 .flex-container a.braun:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#100000; background-color:#d00000;}
div#inline2 .flex-container a.braun:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#b15c40;background-color:#100000;}
div#inline2 .flex-container a.braun:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#d00000; background-color:#100000;}
div#inline2 .flex-container a.gruen:link { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#d00000; background-color:#c00000;}
div#inline2 .flex-container a.gruen:visited { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#d00000; background-color:#c00000; }
div#inline2 .flex-container a.gruen:focus { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#c00000; background-color:#d00000;}
div#inline2 .flex-container a.gruen:hover { text-decoration:none; display:block; text-align:center; padding:2px 5px 2px 5px; color:#c00000; background-color:#d00000;}

div#navigation img { position:absolute; top:20px; left:10px; z-index:10;}





div#hauptteil { clear:left; margin-left:0px; margin-top:50px; }


div#navigation { float:none; margin-top:10px; }


div#navigation ul {list-style-type:none; font-size:85%; }

div#navigation li { margin-bottom:5px; padding:0; border:solid 0px;  }



div#navigation li.keys { border:none; margin-top:40px; }

div#navigation a:link { min-height:20px; text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation a:visited { text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation a:focus { text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation a:hover { text-decoration:none; display:block; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation li.aktuell a { color:#100000; background-color:#d00000; text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation li.drachen a { color:#100000; background-color:#d00000; text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }
div#navigation li.drachen2 a { color:#100000; background-color:#d00000; text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }
div#navigation li.drachen3 a { color:#960000; background-color:#d00000; text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }

div#navigation li.unter_aktuell a { color:#a90000; background-color:#960000; text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }



div#navigation li.aktuell a { text-decoration:none; text-align:center; padding-top:2px; padding-bottom:2px; }
div#navigation li.ohne_rahmen { border:none; margin-bottom:0; }


div#navigation ul.untermenue {margin-left:10px; }
div#navigation li.unter {width: 100%;}
div#navigation li.unter_aktuell {width: 120px;}

div#navigation ul.unterunter {margin-left:30px; }

div#navigation li.unsichtbar { display:block; margin-top:-40px; margin-bottom:5px; padding:0; border:solid 0px; background-color: #d00000;}

div#navigation li.unsichtbar a { color:#100000; background-color:#d00000; }


div#inhalt { width:100%; float:left; margin-top:20px; }



div#inhalt h1 { font-size:180%;}

div#inhalt h2 { font-size:120%; margin-top:50px;}

div#inhalt h3 { font-size:110%; margin-top:15px; }



div#inhalt p { color:#000000; margin:10px 0; }
div#inhalt p.abstand { margin-bottom:80px; }
div#inhalt p.einstieg { color:#014524; font-style:italic; font-size:90%; font-family:helvetica, arial, sans-serif; }
div#inhalt p.abst_oben { margin-top:30px; }

div#inhalt a:link { font-weight:bold; text-decoration:underline; }
div#inhalt a:visited {  font-weight:bold; text-decoration:underline; }
div#inhalt a:hover {  font-weight:bold; text-decoration:underline; }
div#inhalt a:focus {  font-weight:bold; text-decoration:underline; }




div#inhalt img.formel { margin-top:20px; }
div#inhalt .links { float:left; }
div#inhalt .rechts { float:left; margin-left:50px; margin-bottom:30px; }


div#inhalt .clear { clear:left; }

.clearleft {clear: left;}

div#inhalt .w3 { margin-top:50px; }



div#inhalt .letzter { float:right; margin-bottom:100px; }
div#inhalt .letzter a:link { color:#014524; font-weight:normal; text-decoration:underline; }
div#inhalt .letzter a:visited { color:#014524; font-weight:normal; text-decoration:underline; }
div#inhalt .letzter a:hover { color:#4c4c4c; font-weight:normal; text-decoration:underline; }
div#inhalt .letzter a:focus { color:#4c4c4c; font-weight:normal; text-decoration:underline; }

div#transp {margin-left: 0px; background-color:rgb(255,224,177); padding:20px; font-size: 80%; text-align: center;}
div#transp h1 {color:#3b4b4b; margin: 5px;}
div#transp h2 {color:#3b4b4b; margin:5px;}
div#transp h3 {color:#3b4b4b;}
div#transp p {font-style: italic;}

div#krimikarte {width: 100%; background-color:#f9eeda; }

div#texte { width:100%; margin-top:50px; clear:left; min-height: 100%;}

div#texte h1 { font-size:120%; margin-left:10px; padding-top:20px;color:#100000;}
div#texte h2 { font-size:110%; margin-left:10px; margin-top:25px;margin-bottom:10px; color:#100000;}
div#texte h3 { font-size:100%; margin-left:10px; margin-top:10px;color:#100000;}
div#texte p { color:#000000; margin:10px 20px 10px 20px; }
div#texte p.table { color:#000000; margin:10px 30px 10px 30px; font-size: 75%;}
div#texte img.right {float:none; margin:0px; margin-left: 10px;}
div#texte img.right2 {float:none; margin: 10px 0 0 20px; }
div#texte img.right_800 {float:none; margin: 10px 0 0 20px; }
div#texte img.right3 {float:none; margin: 10px 0 0 20px; }
div#texte img.right_b {float:right; margin:20px; height:300px;}
div#texte img.left {float:left; margin:20px; margin-left: 10px; margin-top: 10px;}
div#texte video.right {float:none; margin:0px; margin-left: 5px;}

div#texte dl {float:none; margin:20px;}
div#texte dd {float:none; width:100%; font-style:italic; font-size:80%;  }
div#texte dd.blog {float: none;width:100%; font-style:italic; font-size:80%; }
div#texte dd.b_800 {float:none; width:100%; font-style:italic; font-size:80%; color:#b15c40; }
div#texte dd.schmal {float:none; width:100%; font-style:italic; font-size:80%;  }
div#texte dd.buch {float:none; width:250px; font-style:italic; font-size:80%;  }

div#texte dl.nonefloat {float:none; margin-left: 20px; margin-right: 0px;}
div#texte dd.nonefloat {float:none; width:100%; font-style:italic; font-size:80%;  }

dl.uebermich {float: none; padding-left: 10px; padding-right: 10px;padding-bottom: 10px;}

div#texte ul {margin-left: 20px;}

div#texte ul.list1 {margin-left: 20px; margin-top:20px; list-style: circle; font-size: 90%;}

div.flex-con1 {display: flex; flex-direction:row; flex-wrap: wrap; max-width:1000px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}

div.flex-con2 {display: flex; flex-direction:row; flex-wrap: wrap; max-width:1000px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}

.rechts {text-align:right; margin:50px;}

td.block {text-align:justify;};

div#ende {width:100%;  margin-top:30px; color:#000000; font-style:italic; }
div#ende p {margin-left:0px; margin-top:20px; padding-bottom:20px; text-align:center; font-style:italic;  }

div#inhalt p.hinweis strong { color:#014524; }
td {vertical-align:top; width:220px; text-align:center;padding-bottom:30px; }
table {margin-left:auto; margin-right:auto; width:90%; margin-top:20px; }
table.termine {margin-left:5px; width:80%; margin-top:5px; font-size: 90%; border-collapse: separate; border-spacing: 5px 5px;  }
td.termine {vertical-align: middle; text-align: center; padding: 5px;}
th.termine {vertical-align: middle; text-align: center; padding: 5px; color: #b15c40; font-weight: bold; border-bottom-color: #b15c40; border-bottom-width:1px; border-bottom-style: solid;}
table.unsichtbar {display: none;}

div#krimikarte {width: 100%;}

div.neues {width: 100%; background-color: #f8f4ee; padding:0px; margin: 0px 0px 0px 0px; }
div#texte p.neues {margin-left: 10px; }
div#texte h2.neues {margin-top: 30px; margin-left:10px;}

summary {margin-left: 5px; color: #b15c40; margin-bottom: 10px; font-size: 90%; padding:5px; text-decoration: underline; width:96%; height:auto; }
summary.klappentext {margin-left: 5px;}

div#randspalte {display: none;}
div#randspalte p {font-size: 80%; text-align: center; margin-left: 20px; margin-right:20px; margin-bottom: 3px; padding-right: 10px;}
div#randspalte strong {color: #3b4b4b;}
div#randspalte img {margin-left: 20px; margin-top: 40px;}

div#cover { width:250px; float:left; margin-top:35px; }
div#klappe { margin-left:300px; margin-top:50px; }

 img {max-width: 100%; height: auto; }
video {width:100%; height:auto;}
div#texte dl.video {float:none; margin-left: 10px; border-top: 0px solid #3b4b4b; border-left: 0px solid #3b4b4b; width: 90%;}

div#texte img.portrait {float:none; margin-left:20px;}
div#texte img.kartentitel {margin-left: 10px;}

p.handy {display: block;}


div#texte img.left-shop {float:none; margin:20px; margin-left: 10px; margin-top: 10px;}
div#texte p.label {margin-left:10px;}
div#texte p.label2 {margin-left:10px; margin-bottom: 20px;}
div#texte p.cover-shop {margin-left: 10px; }
div#texte p.klein-shop {margin-right:10px;margin-left: 10px;}
div#texte p.klein-shop-abstand {margin:0px; margin-left:10px; margin-bottom: 10px;}

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

div#texte label.block {display:block;}
div#texte input.text {position: relative; left:10px; }
div#texte input.text_widerruf {position: relative; left:10px; }
div#texte input.anzahl {width:40px; position: absolute; right:20px;}

div#gruen {width: 90%; border: solid 1px #3b4b4b; margin-left: 10px; margin-bottom: 30px;background-color:#f8f4ee;}

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

div#texte ol.daten { list-style-type:lower-latin; margin-left: 40px; color: black; width: 80%; font-size:90%; margin-bottom:30px; }
div#texte ul.daten { list-style-type: disc; margin-left: 40px; width: 80%;}

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

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

div#programm {display:none;}

h2.programmheft {display: none;}

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

.einzelne_fotos, .einzelne_fotos figure, .einzelne_fotos {  margin: 0;}
 
div#slider img {width: 95%;}

/* Bilder responsive */
.einzelne_fotos img { width: 95%;  height:auto; margin-left: -5px;}
.einzelne_fotos figcaption { width: 95%;  margin-left: -5px; color:#3b4b4b; margin-top:10px;}
 
div#slider p.slides { width:95%; margin-left: -5px; 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: 10px; 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: 5px; width: 95%; margin-bottom:10px;}

div.widerruf_rechts {float:none; width: 80%; margin-right:auto; margin-left:auto; font-size: 90%;}

div#maerchen {margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:50px; font-size:90%; font-style:italic; width:90%; border:1px solid #100000; border-right:0px; border-top-left-radius:0px 0px; border-bottom-left-radius: 0px 0px; background-color:#ffeaea; 
background-image: linear-gradient(to right, #ffeaea, #d00000);}