/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 90%;min-width: 980px;max-width: 1260px;}.copyhome {font-family: Tahoma;font-size: 10pt;font-weight: bold;text-decoration: none;color: e45704;}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:25.0% }.container .grid_4 { width:20% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:75% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-2% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* Stylesheet: Simplex: Core Modified On 2018-05-23 16:32:37 */
/* =====================================BASIC STYLES===================================== */body {background: #e45704;font-family: sans-serif; /* sans-serif falls back to default OS and Browser font, usually Arial or Helvetica and so on */font-size: 14px;color: #660000;line-height: 1.3}/* you can change appearance of the page by adding or removing #boxed id to body tag. */body#boxed {background: #e45704}/* add some space inside the boxed container */#boxed .container {padding: 0 1%}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #e45704}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #8F2C49}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #e45704;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: solid #e45704;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #e45704;text-decoration: none}a:visited {color: #e45704}a:hover {color: #8F2C49;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: underline}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/external-icon.png) no-repeat 0 0*/background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}copyhome {font-family: Tahoma;font-size: 10pt;font-weight: bold;color: #e45704;}/* default heading styles */h1,h2,h3 {font-family: sans-serif;}h1 {color: #e45704;margin: 10px 0;font-size: 28px;}h2 {color: #e45704;font-size: 22px}h3 {color: #e45704;font-weight: 300;font-size: 18px}h4 {color: #e45704;font-weight: 300;font-size: 15px}/* blockquotes and cites */blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #8F2C49;font-style: italic;font-family: Georgia, Times New Roman, serif}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1}blockquote cite {display: block;font-size: 12px;color: #8F2C49}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {margin-top: 10px;border-top: 5px solid #e45704}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {background: #e45704;box-shadow: 2px 2px 8px #e6870e}/* ------ HEADER SECTION ------ *//* if you need height or something for header part add style here */.header {}/* the logo */.logo {margin-top: 12px;position: relative}.top .header {border-bottom: 1px solid #e45704}/* ------ NAVIGATION ------ *//* first level */nav.main-navigation {z-index: 990;height: 55px;line-height: 37px;margin-top: 20px;}nav.main-navigation > ul {float:right;padding: 0}nav.main-navigation > ul > li {float: left;padding: 0;margin:0 12px;position: relative}nav.main-navigation > ul > li:first-child,nav.main-navigation > ul > li.first {margin-left: 0}nav.main-navigation > ul > li:last-child,nav.main-navigation > ul > li.last {margin-right: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-family: 'Arial', sans-serif;color: #fff;text-decoration: none;font-size: 14px;font-weight: 400;cursor: pointer;/*    text-transform: uppercase */}/* Second Level */nav.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 90px;padding: 5px;background: #e45704;/*    background: rgba(255,255,255,.95);    */box-shadow: 1px 1px 8px #8F2C49;-webkit-box-shadow: 1px 1px 8px #8F2C49;-moz-box-shadow: 1px 1px 8px #8F2C49;-o-box-shadow: 1px 1px 8px #8F2C49;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border: 1px solid #e9e9e9}nav.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 37px;right: 0;left: auto;display: block}nav.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;border-bottom: 1px dotted #e9e9e9}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;top: 0;right: auto;left: -210px;z-index: 999;display: block}/* navigation text color */nav.main-navigation ul li li a,nav.main-navigation ul li li.sectionheader span {padding: 6px 12px;font-family: sans-serif;text-transform: none;font-weight: normal;font-size: 12px;text-decoration: none;color: #fff;display: block}nav.main-navigation a:hover,nav.main-navigation a.current,nav.main-navigation li.sectionheader span:hover,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a:hover,nav.main-navigation ul ul li a.current {color: #e9e9e9}/* bottom part of header*/.header-bottom {height: 55px;line-height: 55px}/* catchphrase */.phrase span {font-family: sans-serif;/*    text-transform: uppercase; */color: #ddd;font-size: 16px;font-weight: 400}/* search */.search {text-align: right;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {border: 1px solid #f1f1f1;height: 17px;line-height: 17px;outline: 0;margin: 13px 0 0 0;width: 165px;padding: 5px 0 3px 35px;font-size: 11px;color: #8F2C49;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;/* using sprite image, left as reference to single imagebackground: #fff url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/search-icon.png) 10px 50% no-repeat*/background: #fff url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) 0px -434px no-repeat}input.search-input:focus {border: 1px solid #e45704;width: 240px;box-shadow: 0 0 3px #e45704;-webkit-box-shadow: 0 0 3px #e45704;-moz-box-shadow: 0 0 3px #e45704;-o-box-shadow: 0 0 3px #e45704;}/* ------ BANNER AREA ------ */.banner {overflow: hidden;background: #e45704}/* left text in orange box */.banner-text {padding:0 0 0 1%;position: relative;float: left;max-height: 275px;width: 30.333%}.banner-text ul {padding: 32px 0;}.banner-text li {list-style: none;display: block;color: #e6870e;text-shadow: 0px 1px 0 #fdbd34, 0 -1px 0 rgba(0,0,0,0.3);font-size: 36px;font-weight: 700;transition: all 2s linear;-webkit-transition: all 1.5s linear;-moz-transition: all 1.5s linear;-o-transition: all 1.5s linear;display: block}/* animating unordered list text in banner */.banner-text li:hover {text-indent: 120px;opacity: 0;transform: scale(2) rotate(35deg);-webkit-transform: scale(2) rotate(35deg);-moz-transform: scale(2) rotate(35deg);-o-transform: scale(2) rotate(35deg)}/* images on the right */.banner-image {float:right;display: block;position: relative;width: 67.667%;overflow: hidden;background: #e9e9e9}.banner-image div {position: absolute;z-index: 0;width: 100%;min-height: 100px;overflow: hidden;display: block;top: 0;left: 0}.banner-image img {display: block;height: auto;width: 100%;bottom: 0;max-width: 100%;}/* ------ CONTENT AREA ------ */.content-wrapper {padding-top: 20pxbackground: #e45704;}.content {background: #fff;margin: 13px 10px 10px 10px;border-bottom-left-radius: 30px;border-top-left-radius: 30px;}.content-top {background: #e45704;font-family: sans-serif;color: #f1f1f1;font-style: italic;line-height: 20px}/* breadcrumbs */.breadcrumb {display: inline-block;background: #e45704;width: auto;padding-right: 6px}.breadcrumb a {color: #8F2C49;display: inline-block;width: auto;background: #e45704}/* print button */a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float:right;text-indent: -999em;/* using sprite image, left as reference to single imagebackground: #e45704 url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/print-icon.png) no-repeat 6px -16px;*/background: #e45704 url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -94px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out}a.printbutton:hover {/* using sprite image, left as reference to single imagebackground: #fff url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/print-icon.png) no-repeat 6px 0;*/background: #8F2C49 url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -78px;}/* news module summary -> content *//* .content .news-summary  span.heading {display: none}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9}.content .news-summary ul.category-list {margin: 15px 0}.content .news-summary ul.category-list li a,.news-summary ul.category-list li span {border-radius: 4px}.news-summary ul.category-list li span {opacity: .4} *//* news module summary -> sitewide (content + sidebar) *//* article heading */.news-article h2 {margin: 0 0 15px 0}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;/*    text-transform: uppercase; */color: #8F2C49;font-size: 16px;text-decoration: none;font-weight: 700}/* date circle, well square for IE  */.news-article .date {background: #e45704;color: #fff;display: block;float:left;width: 40px;padding: 6px;height: 40px;border-radius: 26px;text-align: center;font-family: Georgia, Times New Roman, serif}.news-article .day {font-size: 20px;line-height: 1;padding-bottom: 2px;font-style: italic;display: block}.news-article.month {font-size: 11px;display: block}/* author and category */.news-article .author,.news-article .category {font-family: sans-serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic}/* category list on top of summary */.news-summary ul.category-list {margin:15px 0 0 0;padding:0;list-style: none}.news-summary ul.category-list li {float:left;display: block;width: auto;margin-right: 5px}.news-summary ul.category-list li a,.news-summary ul.category-list li span {display: block;color: #8F2C49;padding: 4px 8px;background: #e45704;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;/*    text-transform: uppercase */}.news-summary ul.category-list li a:hover {color: #e45704}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #e45704;padding: 10px;margin: 10px 0}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {font:  italic 12px/1.3 Georgia, Times New Roman, serif;color: #f1f1f1;text-decoration: none}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: underline}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ SIDEBAR AREA ------ *//* news module summary -> sidebar */.sidebar .news-summary  span.heading {background: #e45704;color: #8F2C49;font:  normal 16px/20px Georgia, Times New Roman, serif;margin: 0 0 15px 0;display: block}.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #e45704;padding-right: 6px}.sidebar .news-article {padding: 15px;position: relative;background: #e45704;margin-bottom: 20px;border-radius: 0 0 6px 0}/* creating a bubble box with css3.sidebar .news-article:before {content:'';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #f1f1f1}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {position: relative;background: transparent;border-bottom: 1px dotted #e9e9e9;margin: 2px 0 10px 0;padding: 2px 0}/* copyright text */.copyright {padding-top: 15px}.copyright p,.copyright a {color: #f1f1f1;font-size: 13px}/* social icons */.footer ul.social {padding: 0;margin: 0}.footer .social li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 6px}.footer .social li a {display: block;width: 24px;height: 24px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;text-indent: -999em}.footer .social li.facebook a {/* using sprite image, left as reference to single imagebackground: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/facebook-icon.png) no-repeat 0 -24px*/background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -260px}.footer .social li.facebook a:hover {/* using sprite image, left as reference to single imagebackground: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/facebook-icon.png) no-repeat 0 0*/background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -236px}.footer .social li.twitter a {/* background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/twitter-icon.png) no-repeat 0 -24px */background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -192px}.footer .social li.twitter a:hover {/* background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/twitter-icon.png) no-repeat 0 0 */background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -168px}.footer .social li.linkedin a {/* background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/linkedin-icon.png) no-repeat 0 -24px */background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -328px}.footer .social li.linkedin a:hover {/*  background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/linkedin-icon.png) no-repeat 0 0 */background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -304px}.footer .social li.youtube a {/* background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/youtube-icon.png) no-repeat 0 -24px */background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -396px}.footer .social li.youtube a:hover {/* background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/youtube-icon.png) no-repeat 0 0 */background: transparent url(https://cms.rotkaeppchenplatz.de/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -372px}/* back to top anchor */.back-top a {display: inline-block;width: auto;padding: 8px;border-left: 5px solid #fff;border-right: 5px solid #fff;font:  normal italic 11px/20px Georgia, Times New Roman, serif;text-decoration: none;color: #f1f1f1;background: #e45704;color: #8F2C49;border-radius: 10px 0 10px 0;-webkit-border-radius: 10px 0 10px 0;-moz-border-radius: 10px 0 10px 0;-o-border-radius: 10px 0 10px 0;position: absolute;top: -14px;left: 48%}/* Footer navigation */.footer-navigation {padding-top: 15px}.footer-navigation > ul > li {float:left;width: 32.333%}.footer-navigation > ul > li > a,.footer-navigation > ul > li span.sectionheader {font-family: Arial, sans-serif;text-transform: uppercase;color: #f1f1f1;text-decoration: none;display: block}/* second level */.footer-navigation > ul ul {margin-top: 10px}.footer-navigation > ul > li li {float: none;width: 100%;display: block}.footer-navigation > ul > li li a,.footer-navigation > ul > li.sectionheader li a,.footer-navigation > ul > li li span.sectionheader  {text-decoration: none;font-family: sans-serif;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #f1f1f1}.footer-navigation > ul > li li a:hover {color: #e45704}
/* Stylesheet: Simplex: Layout-rk Modified On 2018-05-24 19:32:18 */
/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(https://cms.rotkaeppchenplatz.de/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(https://cms.rotkaeppchenplatz.de/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(https://cms.rotkaeppchenplatz.de/uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */
/* Stylesheet: Accessibility and cross-browser tools Modified On 2009-05-13 10:42:54 */