body {font-family: Roboto, Helvetica, Verdana, Lucida Sans, Arial, sans-serif; background-color:#d9ceb2;color:#ffffff;padding:0.5% 1% 0% 1%;width:92vw;font-display: swap;} /*background-color:#000235;*/ header { grid-area: header; background-color: #1a306c; /*#3e5e91 */ padding: 20px; } article { grid-area: content; background-color: #3e5e91; padding: 20px; } aside { grid-area: sidebar; background-color: #1a306c; /* #3e5e91;#000235; */ padding: 0.8em; } footer { padding: 20px; grid-area: footer; background-color: #1a306c; } .wrapper { display: grid; grid-gap: 0.8em; grid-template-columns: 1fr 5fr; grid-template-areas: "header header" "sidebar content" "footer footer"; } @media (max-width: 500px) { .wrapper { grid-template-columns: 4fr; grid-template-areas: "header" "content" "sidebar" "footer";} } .buchunten {background-color:#fdfefd;color:#000000;text-align:left;font-size:100%;line-height:110%;padding: 0% 1% 0% 1%;} .buchunten_grau {background-color:#f7e9c6;color:#000000;text-align:left;font-size:100%;line-height:110%;padding: 0% 1% 0% 1%;} .buchunten_bild {background-image:url(https://www.autenrieths.de/images/kupfer_3d.jpg);text-align:left;font-size:100%;line-height:110%;padding: 0% 1% 0% 1%;} .banner {background:#ffffff;padding:0% 4% 0%;} .center {text-align:center} .co_aq {color:#00ffff;} /*aqua - hellblau*/ .co_be {color:#d9ceb2;} /*beige - body*/ .co_bk {color:#222222;} /*black*/ .co_bl {color:#0000ff;} /*blue*/ .co_fu {color:#cc33cc;} /*fuchsia - lila*/ .co_gk {font-size:88%;} .co_gn {color:#CF6;} /*green*/ .co_gn2 {color:#8a4466} /*green - linkintern*/ .co_gr {color:#808080;} /*gray*/ .co_li {color:#00FF00;} /*lime - hellgrün*/ .co_li2 {color:#00aa00;} /*lime - hellgrün*/ .co_oa {color:#dda500;} /*orange*/ .co_ol {color:#008844;} /*olivgrün*/ .co_or {color:#ffa500;} /*orange*/ .co_orh {color:#fff200;} /*orangegelb*/ .co_pu {color:#800080;} /*purple - lila*/ .co_re {color:#ff0000;} /*rot*/ .co_ta {color:#d2b48c;} /*tan - */ .co_te {color:#008080;} /*teal - dunkelgrün*/ .co_wh {color:#ffffff;} /*weiß*/ .co_ye {color:#ffff00;} /*yellow - gelb*/ .col_back {background-color:#eeeeee;} /* - */ .columns {-webkit-column-count: 2;-webkit-column-gap: 10px; -webkit-column-rule: 1px dotted black;-moz-column-count: 2;-moz-column-gap: 10px; -moz-column-rule: 1px dotted black;column-count: 2;column-gap: 10px;column-rule: 1px dotted black;} .columns3 {-webkit-column-count: 3;-webkit-column-gap: 10px; -webkit-column-rule: 1px dotted black;-moz-column-count: 3;-moz-column-gap: 10px; -moz-column-rule: 1px dotted black;column-count: 3;column-gap: 10px;column-rule: 1px dotted black;} .columns4 {-webkit-column-count: 4;-webkit-column-gap: 10px; -webkit-column-rule: 1px dotted black;-moz-column-count: 4;-moz-column-gap: 10px; -moz-column-rule: 1px dotted black;column-count: 4;column-gap: 10px;column-rule: 1px dotted black;} .columns1_menu {background-color:#dedede; font-weight:normal;-webkit-column-count: 1;-webkit-column-gap: 10px; -webkit-column-rule: 1px dotted black;-moz-column-count: 1;-moz-column-gap: 10px; -moz-column-rule: 1px dotted black;column-count: 1;column-gap: 10px;column-rule: 1px dotted black;}/*background-color:#303030;*/ .columns2_menu {background-color:#dedede; font-weight:normal;-webkit-column-count: 2;-webkit-column-gap: 10px; -webkit-column-rule: 1px dotted black;-moz-column-count: 2;-moz-column-gap: 10px; -moz-column-rule: 1px dotted black;column-count: 2;column-gap: 10px;column-rule: 1px dotted black;}/*background-color:#303030;*/ .container {display: flex;flex-wrap: wrap;align-items: center;} .container img {max-width: 95%;height: auto;} .cookie {padding:15%;position:absolute;float:left;} .covertitel {background-color:#3c402f;color:#fffffd;font-size:100%;line-height:125%;} .eingerueckt {background-color:#fcfdfc;padding:5px 3% 5px;font-size:100%;color:#222222;line-height:160%;clear:both;} .eingeruecktindex {background-color:#fffffd;padding:1% 3% 1%;font-size:100%;color:#222222;line-height:115%;clear: both;}/*aus index*/ .einziggut {background-color:#ffffff;font-size:100%;text-align:left;margin-top:0px;margin-bottom: 0px;color:#555555;padding:0% 2% 0%;} .fettgross {font-weight:bold;font-size:108%;line-height:120%;} .fettgross_blau {font-weight:bold;font-size:120%;line-height:140%;color:#323232;text-shadow:2px 1px 1px #aaaaaa;} .fettgross130 {font-weight:bold;font-size:150%;line-height:120%;} .ganzgross {font-size:125%;font-weight:bold;color:#e0b33f;text-align:center;} .gestrichen {text-decoration: line-through;} .kleiner {font-size:93%;} .kleiner2 {font-size:90%;} .kursiv {font-style: italic;} .linieblaugruen {background-color:#367e98;line#008080;-height:40%;} .menu_sitehinweis {font-size:105%;line-height:110%;text-align:left;color:#fffcaa;background:#a9a9a9;text-shadow:4px 2px 4px #aaaaaa;} .mitte_zentriert {text-align:center} .nav {background:#5985be;color:#dd0000;text-decoration:none;font-weight:normal;font-size:102%;line-height:1.2;border:2px solid gray;text-align:center;display:inline-block;vertical-align:middle;line-height:1em;} .nochkleiner {font-size:85%;} .nochvielkleiner {font-size:65%;} .radiertec {background:#898989;color:#ffccaa;} .schwarzweiss {background:#333333;color:#fffeee;} .rTable {background:#fcfdfc;display:block;width:100%;} .rTable:after {visibility: hidden; display:block; font-size:0;content: " ";clear:both; height:0;} .rTableCell1 {background:#fdfefd;color:#212121;font-size:100%;padding:1% 2% 1%;line-height:120%;clear:both;} .rTableCellsiehe {background:#f4f5f0;color:#222222;border:1px #fffffd;font-size:100%;line-height:110%;padding:0.5% 3% 0.5%;display:block;} .rTableRow {clear:both;} .text {flex: 1;padding: 20px;} .topnav { overflow: hidden; background-color:#3e5e91; color:#646464;position: -webkit-sticky; position: sticky; top: 0; z-index: 9;} /*background-color:#a9a9a9; */ .topnav a { float: left; display:block; background-color:#3e5e91; color:#008080; text-align:center; /* padding: 12px 14px; */ padding: 0.6% 0.4%; text-decoration:none;} /*background-color:#a9a9a9; */ .topnav a:hover { background-color:#3e5e91; color:#454545;} /*background-color:#a9a9a9; */ .unterstreichen {text-decoration:underline;} @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap'); #category-nav {text-align:center;margin:3px auto 3px auto;} #category-nav a span {display:inline-block;vertical-align:middle;line-height:1em;} #category-nav a:active {border:3px solid #fff;background-color:#feca14;margin:1px -1px;} #category-nav a:hover {border:3px solid #fff;background-color:#feca14;margin:1px -1px;} #category-nav a:link {display:inline-block;background-color:#367e98;width:100px;margin:2px 2px;padding: 4px 4px 4px 4px;text-align:center;text-decoration:none;font-weight:normal;vertical-align:middle;} #category-nav a:visited {display:inline-block;background-color:#367e98;width:100px;margin:2px 2px;padding: 4px 4px 4px 4px;text-align:center;text-decoration:none;font-weight:normal;vertical-align:middle;} #category-nav2 a span {display:inline-block;} #category-nav2 a:hover {display:inline-block;background-color:#D1D1D1;width:220px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;}/*vertical-align:middle;*/ #category-nav2 a:link {display:inline-block;background-color:#F5F5F6;width:220px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;}/*vertical-align:middle;*/ #category-nav2 a:visited {display:inline-block;background-color:#F5F5F6;width:220px;text-decoration:none;font-weight:normal;margin:3px 3px;}/*margin:8px 8px;text-align:center;vertical-align:middle;*/ #category-nav2x a span {display:inline-block;} #category-nav2x a:hover {display:inline-block;background-color:#D1D1D1;width:13em;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;}/*vertical-align:middle;*/ #category-nav2x a:link {display:inline-block;background-color:#F5F5F6;width:13em;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;}/*vertical-align:middle;*/ #category-nav2x a:visited {display:inline-block;background-color:#F5F5F6;width:13em;text-decoration:none;font-weight:normal;margin:3px 3px;}/*margin:8px 8px;text-align:center;vertical-align:middle;*/ #category-nav21 a span {display:inline-block;line-height:1em;} #category-nav21 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav21 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav21 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav22 a span {display:inline-block;line-height:1em;} #category-nav22 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav22 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav22 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav23 a span {display:inline-block;line-height:1em;} #category-nav23 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav23 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav23 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav24 a span {display:inline-block;line-height:1em;} #category-nav24 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav24 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav24 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav25 a span {display:inline-block;line-height:1em;} #category-nav25 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav25 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav25 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav26 a span {display:inline-block;line-height:1em;} #category-nav26 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav26 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav26 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav27 a span {display:inline-block;line-height:1em;} #category-nav27 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav27 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav27 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav28 a span {display:inline-block;line-height:1em;} #category-nav28 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav28 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav28 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav29 a span {display:inline-block;line-height:1em;} #category-nav29 a:link {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav29 a:visited {display:inline-block;background-color:#F5F5F6;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav29 a:hover {display:inline-block;background-color:#d1d1d1;width:225px;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav30 a span {display:inline-block;line-height:1em;} #category-nav30 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav30 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav30 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav31 a span {display:inline-block;line-height:1em;} #category-nav31 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav31 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav31 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav32 a span {display:inline-block;line-height:1em;} #category-nav32 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav32 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav32 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav33 a span {display:inline-block;line-height:1em;} #category-nav33 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav33 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav33 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav34 a span {display:inline-block;line-height:1em;} #category-nav34 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav34 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav34 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav35 a span {display:inline-block;line-height:1em;} #category-nav35 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav35 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav35 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav36 a span {display:inline-block;line-height:1em;} #category-nav36 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav36 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav36 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav37 a span {display:inline-block;line-height:1em;} #category-nav37 a:link {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:underline;font-weight:normal;text-align:center;margin:3px 3px;} #category-nav37 a:visited {display:inline-block;background-color:#F5F5F6;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav37 a:hover {display:inline-block;background-color:#d1d1d1;width:30%;text-decoration:none;font-weight:normal;margin:3px 3px;} #category-nav2b {text-align:center;margin:5px auto 5px auto;} #category-nav2b a span {display:inline-block;vertical-align:middle;line-height:1em;} #category-nav2b a:active {color:#367e76;} #category-nav2b a:hover {color:#367e76;} #category-nav2b a:link {display:inline-block;border-radius:3px 3px 3px 3px;background-color:#fffee1;width:260px;margin:8px 8px;text-align:center;text-decoration:underline;font-weight:normal;vertical-align:middle;} #category-nav2b a:visited {display:inline-block;border-radius:3px 3px 3px 3px;background-color:#ededed;width:260px;margin:8px 8px;text-align:center;text-decoration:none;font-weight:normal;vertical-align:middle;} #category-navindex {text-align:center;margin:5px auto 5px auto;} #category-navindex a span {display:inline-block;vertical-align:middle;line-height:1em;} #category-navindex a:active {border:3px solid #fff;background-color:#feca14;margin:1px -1px;} #category-navindex a:hover {border:3px solid #fff;background-color:#feca14;margin:1px -1px;} #category-navindex a:link {display:inline-block;background-color:#eee;border-radius:20px 20px 20px 20px;width:120px;height:47px;margin:3px 3px;padding: 4px 4px 4px 4px;text-align:center;text-decoration:underline;font-weight:normal;vertical-align:middle;} #category-navindex a:visited {display:inline-block;background-color:#eee;border-radius:20px 20px 20px 20px;width:120px;height:47px;margin:3px 3px;padding: 4px 4px 4px 4px;text-align:center;text-decoration:underline;font-weight:normal;vertical-align:middle;} #category-navunten {text-align:center;margin:5px auto 5px auto;} #category-navunten a span {display:inline-block;vertical-align:middle;line-height:1em;} #category-navunten a:active {border:3px solid #fff;background-color:#feca14;margin:1px -1px;} #category-navunten a:hover {border:3px solid #fff;background-color:#feca14;margin:1px -1px;} #category-navunten a:link {display:inline-block;background-color:#fff;border-radius:10px 10px 10px 10px;width:120px;height:22px;margin:3px 3px;padding: 4px 4px 4px 4px;text-align:center;text-decoration:none;font-weight:normal;vertical-align:middle;} #category-navunten a:visited {display:inline-block;background-color:#fff;border-radius:10px 10px 10px 10px;width:120px;height:22px;margin:3px 3px;padding: 4px 4px 4px 4px;text-align:center;text-decoration:none;font-weight:normal;vertical-align:middle;} #top {background-color:#8dd017;position:fixed;top:35px;width:100px;height:25px;margin-bottom: 3em;border:3px solid orange;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.75);text-align:center;} a:active {background-color:#D1D1D1;color:#800080;text-decoration:underline;font-size:100%;line-height:1.5;} a:hover {background-color:#D1D1D1;color:green;font-size:100%;line-height:1.5;} a:link {background-color:#F5F5F6;color:#1311a8;text-decoration:underline;font-size:100%;line-height:1.5;} a:visited {background-color:#feffff;color:#367e98;text-decoration:none;font-size:100%;line-height:1.5;} a.bild:active {background-color:transparent;} a.bild:hover {background-color:transparent;} a.bild:link {background-color:transparent;} a.bild:visited {background-color:transparent;} a.unten:active {background-color:transparent;} a.unten:hover {background-color:transparent;} a.unten:link {background-color:transparent;} a.unten:visited {background-color:transparent;} a.side:active {text-decoration:underline;background-color:#1a306c;color:#92d428;} /* background-color:#000235; */ a.side:hover {text-decoration:underline;background-color:#1a306c;color:#92d428;} /* background-color:#000235; */ a.side:link {text-decoration:underline;background-color:#1a306c;color:#92d428;} /* background-color:#000235; */ a.side:visited {text-decoration:underline;background-color:#1a306c;color:#28b4d4;} /* background-color:#000235; */ a.buchunten:hover {background:#fdfefd;color:#0053f9;font-weight:bold;padding: 0% 1% 0%;} a.buchunten:link {background:#fdfefd;padding: 0% 1% 0%;} a.buchunten:visited {background:#fdfefd;color:#0053f9;padding: 0% 1% 0%;} a.hauptmenu:active {background-color:#3e5e91;color:#92d428;} /* background-color:#a9a9a9;color:#ffffff; */ a.hauptmenu:hover {background-color:#3e5e91;color:#92d428;} /* color:#ffffff; */ a.hauptmenu:link {background-color:#3e5e91;color:#92d428;} /* color:#ffffff; */ a.hauptmenu:visited {background-color:#3e5e91;color:#92d428;} /* color:#ffffff; */ a.radi:active {background-color:#1a306c;color:#ffffff;} a.radi:hover {background-color:#1a306c;color:#ffffff;} a.radi:link {background-color:#1a306c;color:#ffffff;} a.radi:visited {background-color:#1a306c;color:#ffffff;} a.radi2:active {background-color:#ffffff;color:#0000ff;} a.radi2:hover {background-color:#ffffff;color:#0000ff;} a.radi2:link {background-color:#ffffff;color:#0000ff;} a.radi2:visited {background-color:#ffffff;color:#0000ff;} a.sitemap:active {background:#367e76;color:#c7cccf;text-decoration:underline;font-size:93%;} a.sitemap:hover {background:#367e76;color:#c7cccf;text-decoration:underline;font-size:93%;} a.sitemap:link {background:#367e76;color:#c7cccf;text-decoration:underline;font-size:93%;} a.sitemap:visited {background:#367e76;color:#c7cccf;text-decoration:none;font-size:90%;} a.websitehinweis:active {background-color:transparent;color:#e7ccef;text-decoration:underline;font-size:100%;} a.websitehinweis:hover {background-color::#367e76;color:#dda500;text-decoration:underline;font-size:100%;} a.websitehinweis:link {background-color:transparent;color:#e7ccef;text-decoration:underline;font-size:100%;} a.websitehinweis:visited {background-color:transparent;color:#e7ccef;text-decoration:none;font-size:100%;} a.werbung:active {background:#eeeeee;color:#323232;text-decoration:underline;font-size:93%;} a.werbung:hover {background:#eeeeee;color:#323232;text-decoration:underline;font-size:93%;} a.werbung:link {background:#eeeeee;color:#323232;text-decoration:underline;font-size:93%;} a.werbung:visited {background:#eeeeee;color:#323232;text-decoration:none;font-size:93%;} a.six:hover {background:#ffffff;text-decoration:underline;font-size:95%;line-height:200%;color:#111111;} a.six:link {background:#ffffff;text-decoration:underline;font-size:95%;line-height:200%;color:#111111;} a.six:visited {background:#ffffff;text-decoration:underline;font-size:95%;line-height:200%;color:#111111;} details {display:block;color:#feca14; background:#a9a9a9;margin:1em;} /*background-color:#2e6b66;*/ /* details[open] summary:{background: coral;}*/ details[open] h1 {background-color:#eeeeee;color:#323232;border-color:#3c402f;font-size:170%;line-height:130%;text-align:left;text-decoration:none;margin-top: 0px;margin-bottom: 0px;padding:0.5% 2% 0.5% 1%} /*text-shadow:2px 1px 3px #888888;*/ h1.index {font-size:150%;line-height:125%;text-decoration:none;margin-top: 0px;margin-bottom: 0px;text-shadow: 1px 1px 3px white;} h2 {background-color:#eeeeee;color:#800080;text-align:left;font-size:135%;font-weight:bold;line-height:95%;border:2px #323232;text-shadow:1px 1px 3px white;padding:0.3%} h2.index {font-size:110%;line-height:115%;} .kapitelheadline {background:#eeeeee;color:#800080;} .h2_linktipps {font-size:120%;background-color:#eeeeee;color:#800080;border:0;padding:8px;} .hauptmenue {background-color:#800080;font-size:100%;line-height:170%;} h3 {background:#eeeeee;color:#800080;text-align:left;font-size:125%;font-weight:bold;line-height:120%;border:2px #323232;text-shadow:1px 1px 3px white;padding:0.3%} h4 {background-color:#eeeeee;color:#323232;font-size:100%;line-height:105%;text-align:left;clear:both;padding:0.5%} /*schulhomepage, advent, mathefaszination, schulfest */ h5 {background:#eeeeee;color:#008080;text-align:left;font-size:120%;font-weight:bold;line-height:110%;border:2px #323232;text-shadow:1px 1px 2px white;} h6 {background-color:#eeeeee;color:#323232;font-size:100%;line-height:105%;text-align:left;clear:both;padding:0.5%} /*h7 {background:#898E89;color:#fffcaa;text-align:center;font-size:135%;font-weight:bold;line-height:120%;border:2px #323232;text-shadow:3px 3px 8px black;padding:0.5%} */ img {max-width: 100%;} img.center {text-align:center;} img.radi {max-width: 65%;} img.schatten {border: 2px solid #ccc;border-radius: 2px;padding: 2px;} .index {background:#fefefe;color:#bbbbbb;text-align:center;font-size:135%;line-height:120%;border:2px #323232;text-shadow:1px 1px 2px black;padding:0.5% 2% 0.5% 1%} li {text-indent: -1em; margin: 0.6em 0.5em 0.5em 0.3em;} li:before {color:green;content: " • ";text-align:left;} li.side {color:#fffcaa;background-color:#28457f;} li.side:before {color:green;content: " • ";text-align:left;} summary {background-color:#a9a9a9;color:#dcca14;font-weight:normal;line-height:110%;padding:0.2em;} /*background-color:#545454;*/ summary::-webkit-details-marker {display:none;} table, th, td {border:1px solid #dddddd;margin:10px 10px 10px 10px;padding:1% 2% 1% 2%;} table.myclass {border-collapse: collapse; border-spacing: 1px;border:1px solid black;margin:10px 10px 10px 10px;padding:1% 2% 1% 2%;} table.myclass caption {background-color:#dddddd;text-align:left;font-size:10pt;} table.myclass td {background-color:#fffffe;text-align:left;border:1px solid black;} table.myclass th {background-color:#e3e3e3;text-align:left;border:1px solid black;width:12em;} ul {list-style: none; margin:0;} ul.side {list-style-type: circle; margin:0.2;color:#fffcaa;background-color:#28457f;} ul#collist {-moz-column-count: 2;-moz-column-gap: 2px;-webkit-column-count: 2;-webkit-column-gap: 2px;column-count: 2;column-gap: 2px;} ul#collist li {line-height:1em;display:block;} /*test */ /* Kompaktes Layout für mobile Geräte body { display: flex; flex-flow: row wrap; } /* Mobile first - alle Dokument-Blöcke bekommen 100% Breite header, nav, nav a, article, aside, footer { flex: 1 100%; } /* nebeneinander bei ausreichender Breite @media all and (min-width: 35em) { article { flex: 3 1 0%; } aside { flex: 1 1 0%; } } */ /* Container für das Buch-Element */ .rTableCell2 { display: flex; /* Aktiviert Flexbox */ flex-wrap: wrap; /* Ermöglicht das Umbrechen der Elemente bei geringer Breite */ gap: 15px; /* Abstand zwischen Bild und Text */ align-items: flex-start; /* Elemente oben ausrichten */ background:#fdfefd; color:#212121; font-size:100%; padding:1% 2% 1%; line-height:120%; clear:both; } /* Container für das Bild (links) */ .image-container { /* Setze eine maximale Breite für das Bild, z.B. 150px, damit es klein bleibt */ max-width: 150px; /* Bei sehr kleinen Bildschirmen soll es die volle Breite einnehmen */ width: 100%; flex-shrink: 0; /* Verhindert, dass das Bild schrumpft, solange Platz ist */ } /* Das Bild selbst */ .image-container img { /* Wichtig: Bild nimmt maximal die Breite seines Containers ein */ max-width: 100%; height: auto; /* Behält das Seitenverhältnis bei */ display: block; /* Entfernt möglichen zusätzlichen Platz unter dem Bild */ border: 1px solid #ccc; /* Optional: kleiner Rahmen */ } /* Container für den Text (rechts) */ .book-info { /* Erlaubt dem Text, den verbleibenden Platz einzunehmen und zu wachsen */ flex-grow: 1; /* Stellt sicher, dass der Textcontainer auch bei geringer Breite umbricht */ min-width: 0; } /* Media Query für kleine Bildschirme (Mobile-Ansicht) */ @media (max-width: 600px) { .rTableCell2 { /* Optional: Zentriert das Bild, wenn es oben steht */ justify-content: center; } .image-container { /* In der mobilen Ansicht: Bild nimmt 100% Breite des Containers (rTableCell1) ein */ max-width: 100%; /* Optional: Setze eine max-Breite, damit das Bild nicht riesig wird */ /* max-width: 250px; */ } .book-info { /* Text nimmt 100% Breite ein und steht unter dem Bild */ width: 100%; } }