body {margin:0;padding:0;font:1.0em Arial, Verdana, Helvetica, sans-serif;line-height:1.5em;color:#555;background-color:#FAFAFA;text-align:center;} .content {font:1.0em Arial, Verdana, Helvetica, sans-serif;color:#555;} a:link, a:visited {color:#3d6d8f;background-color:inherit;text-decoration:none;} a:hover {color:#9EC068;background-color:inherit;} h1, h2, h3, myh1 {font:1em Arial, 'Trebuchet MS', Sans-serif;} .imgle {margin-right:1.5em;} .imgre {margin-left:1.5em;} .date-modified {font-style:italic;color:#444444;} h1 {font-size:2.2em;color:#6297BC;margin-top:0.3em;margin-bottom:0.3em;line-height:1.6em;} h2 {font-size:1.9em;color:#555;line-height:1.4em;margin-top:1.4em;margin-bottom:0.1em;} h3 {font-size:1.6em;color:#555;line-height:1.4em;margin-top:1.4em;margin-bottom:0.1em;} .myh1 {color:#457aa1;font-size:1.5em;} ul, ol {margin:10px 30px;padding:0 15px;color:#457aa1;} ul span, ol span {color:#555;} #main img {padding:4px;} img.float-right {margin:5px 0px 5px 15px;} img.float-left {margin:5px 15px 5px 0px;} code {margin:5px 0;padding:10px 15px;text-align:left;display:block;overflow:auto;font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;background:#FAFAFA;border:1px solid #f2f2f2;border-left:4px solid #457aa1;} acronym {cursor:help;border-bottom:1px solid #555;} blockquote {margin:15px;padding:5px 10px 5px 20px;background:#FEFEFE;border:1px solid #f2f2f2;border-left:4px solid #457aa1;} blockquote ol {color:#000;} blockquote ul {color:#000;} #wrap {background:#FFF;width:920px;margin:0 auto;text-align:left;} #content-wrap {clear:both;margin:0;padding:0;background:#FFF;} .header-photo {border:none;padding:0;} #sidebar .menuheadline {color:#6297BC;font:bolder 1.5em Arial, 'Trebuchet MS', Sans-serif;} #header {position:relative;height:85px;} #header span#logo {position:absolute;margin:0;padding:0;font:bolder 4.1em Arial, 'Trebuchet MS', Sans-serif;letter-spacing:-2px;text-transform:lowercase;top:10px;left:5px;} #header #slogan {position:absolute;top:58px;left:89px;color:#999999;text-indent:0px;font:bold 11px Tahoma, 'trebuchet MS', Sans-serif;text-transform:none;} #header form.searchform {position:absolute;top:0;right:-12px;} #main {float:left;margin-left:15px;padding:0;width:73%;} #footer {clear:both;color:#666;background:##eef8ff;border-top:5px solid #568EB6;margin:0;padding:0;height:30px;font-size:95%;} #footer a:link, #footer a:visited {color:#666;text-decoration:none;font-weight:normal;} #footer a:hover {color:#333;} #footer .footer-left{float:left;width:45%;} #footer .footer-right{float:right;width:50%;} #header ul {z-index:999999;position:absolute;margin:0;padding:0;list-style:none;right:0;bottom:6px !important;bottom:5px;font:bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;} #header li {display:inline;margin:0;padding:0;} #rightbar ul {list-style-type:square;} #rightbar li {display:block;} #header a {float:left;background:url('https://mediakg.de/images/tableft.webp') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;} #header a span {float:left;display:block;background:url('https://mediakg.de/images/tabright.webp') no-repeat right top;padding:6px 15px 3px 8px;color:#FFF;} #header a span {float:none;} #header a:hover span {color:#FFF;} #header a:hover {background-position:0% -42px;} #header a:hover span {background-position:100% -42px;} #header #current a {background-position:0% -42px;color:#FFF;} #header #current a span {background-position:100% -42px;color:#FFF;} .float-left {float:left;} .float-right {float:right;} .align-left {text-align:left;} .align-right {text-align:right;} .clear {clear:both;} .green {color:#9EC630;} .gray {color:#BFBFBF;} .myboxst {width:306px;float:left;margin-right:7px;border:1px solid #dddddd;padding:10px;background-color:#ffffff;} .menuleiste {color:#000;background-color:#eee;} .key-features {color:#000;background-color:#f0f2f4;border:1px solid #dae5fb;border-radius:6px;padding:12px;padding-top:0px;margin-bottom:20px;} .key-features h3 {color:#000;} .key-features ul {color:#000;margin-left:20px;padding-left:0;margin-top:10px;} .advantages {color:#000;background-color:#d8fad6;border:1px solid #7ffa79;border-radius:6px;padding:12px;padding-top:0px;margin-bottom:20px;} .advantages h3 {color:#000;} .advantages ul {color:#000;margin-left:20px;padding-left:0;margin-top:10px;} .disadvantages {color:#000;background-color:#fbefef;border:1px solid #fbd2d2;border-radius:6px;padding:12px;padding-top:0px;margin-bottom:20px;} .disadvantages h3 {color:#000;} .disadvantages ul {color:#000;margin-left:20px;padding-left:0;margin-top:10px;} .inhaltsverzeichnis {border:1px solid #bbb;border-radius:8px;margin-bottom:1rem;background-color:#fff;overflow:hidden;transition:all 0.3s ease;} .inhaltsverzeichnis-summary {background-color:#f9f9f9;cursor:pointer;padding:1rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;position:relative;list-style:none;} .inhaltsverzeichnis-summary::-webkit-details-marker {display:none;} .inhaltsverzeichnis-summary::after {content:"\25B8";font-size:3rem;transition:transform 0.3s ease;margin-left:0.5rem;} .inhaltsverzeichnis[open] .inhaltsverzeichnis-summary::after {transform:rotate(90deg);} .inhaltsverzeichnis-content {padding:1rem;border-top:1px solid #eee;animation:fadeIn 0.3s ease;} @keyframes fadeIn {from {opacity:0;} to {opacity:1;}} @media only screen and (max-width:1049px) { body {margin:0;padding:0;font:2.0em Arial, Verdana, Helvetica, sans-serif;line-height:1.5em;color:#555;background-color:#FAFAFA;text-align:center;} }