/* basis */
@media all {
* {
margin: 0;
padding: 0;
}
option {
    padding-left: .4em;
}
select {
    padding: 1px;
}
* html body * {
    overflow: visible;
}
body {
    font-size: 100%;
    background: #fff;
    color: #000;
    text-align: left;
}
div:target, h1:target, h2:target, h3:target, h4:target, h5:target, h6:target {
    outline: 0 none;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
/*
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
*/
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
fieldset, img {
    border: 0 solid;
}
ul, ol, dl {
    margin: 0 0 1em 1em;
}
li {
    line-height: 1.5em;
    margin-left: .8em;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 0 1em .8em;
}
blockquote {
    margin: 0 0 1em .8em;
}
q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.ym-clearfix:before {
    content: "";
    display: table;
}
.ym-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.ym-contain-dt {
    display: table;
    table-layout: fixed;
    width: 100%}
.ym-contain-oh {
    display: block;
    overflow: hidden;
    width: 100%}
.ym-contain-fl {
    float: left;
    width: 100%}
.ym-column {
    display: table;
    table-layout: fixed;
    width: 100%}
.ym-col1 {
    float: left;
    width: 20%}
.ym-col2 {
    float: right;
    width: 20%}
.ym-col3 {
    width: auto;
    margin: 0 20%}
.ym-cbox {
    padding: 0 10px;
}
.ym-cbox-left {
    padding: 0 10px 0 0;
}
.ym-cbox-right {
    padding: 0 0 0 10px;
}
.ym-ie-clearing {
    display: none;
}
.ym-grid {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.ym-gl {
    float: left;
    margin: 0;
}
.ym-gr {
    float: right;
    margin: 0 0 0 -5px;
}
.ym-g05 {
    width: 5%}
.ym-g10 {
    width: 10%}
.ym-g20 {
    width: 20%}
.ym-g40 {
    width: 40%}
.ym-g60 {
    width: 60%}
.ym-g80 {
    width: 80%}
.ym-g25 {
    width: 25%}
.ym-g33 {
    width: 33.333%}
.ym-g50 {
    width: 50%}
.ym-g66 {
    width: 66.666%}
.ym-g75 {
    width: 75%}
.ym-g80 {
    width: 80%}
.ym-g38 {
    width: 38.2%}
.ym-g62 {
    width: 61.8%}
.ym-gbox {
    padding: 0 10px;
}
.ym-gbox-left {
    padding: 0 10px 0 0;
}
.ym-gbox-right {
    padding: 0 0 0 10px;
}
.ym-equalize {
    overflow: hidden;
}
.ym-equalize > [class*="ym-g"] {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top;
}
.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
    padding-bottom: 10000px;
    margin-bottom: -10000px;
}
.ym-form, .ym-form fieldset {
    overflow: hidden;
}
.ym-form div {
    position: relative;
}
.ym-form label, .ym-form .ym-label, .ym-form .ym-message {
    position: relative;
    line-height: 1.5;
    display: block;
}
.ym-form .ym-message {
    clear: both;
}
.ym-form .ym-fbox-check label {
    display: inline;
}
.ym-form input, .ym-form textarea {
    cursor: text;
}
.ym-form .ym-fbox-check input, .ym-form input[type="image"], .ym-form input[type="radio"], .ym-form input[type="checkbox"], .ym-form select, .ym-form label {
    cursor: pointer;
}
.ym-form textarea {
    overflow: auto;
}
.ym-form input.hidden, .ym-form input[type=hidden] {
    display: none!important;
}
.ym-form .ym-fbox:before, .ym-form .ym-fbox-text:before, .ym-form .ym-fbox-select:before, .ym-form .ym-fbox-check:before, .ym-form .ym-fbox-button:before {
    content: "";
    display: table;
}
.ym-form .ym-fbox:after, .ym-form .ym-fbox-text:after, .ym-form .ym-fbox-select:after, .ym-form .ym-fbox-check:after, .ym-form .ym-fbox-button:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.ym-form .ym-fbox-check input:focus, .ym-form .ym-fbox-check input:hover, .ym-form .ym-fbox-check input:active, .ym-form input[type="radio"]:focus, .ym-form input[type="radio"]:hover, .ym-form input[type="radio"]:active, .ym-form input[type="checkbox"]:focus, .ym-form input[type="checkbox"]:hover, .ym-form input[type="checkbox"]:active {
    border: 0 none;
}
.ym-form input, .ym-form textarea, .ym-form select {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 70%}
/*
.ym-form .ym-fbox-check input, .ym-form input[type="radio"], .ym-form input[type="checkbox"] {
    display: inline;
    margin-left: 0;
    margin-right: .5ex;
    width: auto;
    height: auto;
}
*/
.ym-form input[type="image"] {
    border: 0;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
.ym-form label, .ym-form .ym-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ym-form .ym-fbox-button input {
    display: inline;
    overflow: visible;
    width: auto;
}
.ym-form .ym-inline {
    display: inline-block;
    float: none;
    margin-right: 0;
    width: auto;
    vertical-align: baseline;
}
.ym-fbox-wrap {
    display: table;
    table-layout: fixed;
    width: 70%}
.ym-fbox-wrap input, .ym-fbox-wrap textarea, .ym-fbox-wrap select {
    width: 100%}
.ym-fbox-wrap input[type="image"] {
    width: auto;
}
/*
.ym-fbox-wrap input[type="radio"], .ym-fbox-wrap input[type="checkbox"] {
    display: inline;
    width: auto;
    margin-left: 0;
    margin-right: .5ex;
}
*/
.ym-fbox-wrap label, .ym-fbox-wrap .ym-label {
    display: inline;
}
.ym-full input, .ym-full textarea, .ym-full select {
    width: 100%}
.ym-full .ym-fbox-wrap {
    width: 100%}
.ym-columnar input, .ym-columnar textarea, .ym-columnar select {
    float: left;
    margin-right: -3px;
}
.ym-columnar label, .ym-columnar .ym-label {
    display: inline;
    float: left;
    width: 30%;
    z-index: 1;
}
.ym-columnar .ym-fbox-check input, .ym-columnar .ym-message {
    margin-left: 30%}
.ym-columnar .ym-fbox-wrap {
    margin-left: 30%;
    margin-right: -3px;
}
.ym-columnar .ym-fbox-wrap .ym-message {
    margin-left: 0;
}
.ym-columnar .ym-fbox-wrap label {
    float: none;
    width: auto;
    z-index: 1;
    margin-left: 0;
}
.ym-columnar .ym-fbox-wrap input {
    margin-left: 0;
    position: relative;
}
.ym-columnar .ym-fbox-check {
    position: relative;
}
.ym-columnar .ym-fbox-check label, .ym-columnar .ym-fbox-check .ym-label {
    padding-top: 0;
}
.ym-columnar .ym-fbox-check input {
    top: 3px;
}
.ym-columnar .ym-fbox-button input {
    float: none;
    margin-right: 1em;
}
.ym-fbox-wrap + .ym-fbox-wrap {
    margin-top: .5em;
}
.ym-columnar fieldset .ym-fbox-button, fieldset.ym-columnar .ym-fbox-button {
    padding-left: 30%}
.ym-skip, .ym-hideme, .ym-print {
    position: absolute;
    top: -32768px;
    left: -32768px;
}
.ym-skip:focus, .ym-skip:active {
    position: static;
    top: 0;
    left: 0;
}
.ym-skiplinks {
    position: absolute;
    top: 0;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%
}

html * { font-size: 100%}
textarea, pre, code, kbd, samp, var, tt { font-family: "Source Sans Pro", sans-serif; }
body { font-family: Arial, Verdana, sans-serif; font-size: 90%; }
h1, h2, h3, h4, h5, h6 { font-family: "Droid Sans", Arial, Helvetica, sans-serif; font-weight: 700; margin: 0; }
h2 {
    font-size: 130%;
    line-height: 1.1;
    margin: 0 0 .2em;
}
h3 {
    font-size: 130%;
    line-height: 1.1;
    margin: 0 0 .2em;
}
h4 {
    font-size: 100%;
    line-height: 1.1;
    margin: 0 0 .2em;
}
h5 {
    font-size: 100%;
    line-height: 1;
    margin: 0 0 .1em;
}
h6 {
    font-size: 100%;
    line-height: 1;
    margin: 0 0 .1em;
}
ul, ol, dl {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em;
}
ul {
    list-style-type: disc;
}
ol {
    list-style-type: decimal;
}
ul ul {
    list-style-type: circle;
    margin-top: 0;
}
ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
}
ol ul {
    list-style-type: circle;
    margin-top: 0;
}
li {
    font-size: 100%;
    line-height: 1.5;
    margin-left: 1.2em;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 0 1.5em .8em;
}
p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em;
}
blockquote, cite, q {
    font-family: "Source Sans Pro", sans-serif;
    font-style: italic;
}
blockquote {
    background: transparent;
    color: #666;
    margin: 1.5em 0 0 1.5em;
}
strong, b {
    font-weight: 700;
}
em, i {
    font-style: italic;
}
big {
    font-size: 114.28571%;
    line-height: 1.3125;
}
small {
    font-size: 85.71429%}
pre, code, kbd, tt, samp, var {
    font-size: 90%}
pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
pre, code {
    color: #800;
}
kbd, samp, var, tt {
    color: #666;
}
var, dfn {
    font-style: italic;
}
acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
mark {
    background: #ff0;
    color: #000;
}
hr {
    color: #fff;
    background: transparent;
    margin: 0 0 .75em;
    padding: 0 0 .67857em;
    border: 0;
    border-bottom: 1px #eee solid;
}
a {
    transition: color 1s ease-out 0;
    color: #000;
    background: transparent;
    text-decoration: none;
    position: relative;
}
a:active {
    outline: none;
}
a:hover, a:focus {
    color: #000;
    text-decoration: none;
}
a[type $="pdf"] {
    background: url(/images/icons/pdf-symbol.png) no-repeat;
    padding-left: 2em;
    background-size: contain;
    font-weight: 700;
}
a.linkmarkiert {
    color: #39F;
    background: transparent;
    text-decoration: none;
}
a.linkmarkiert:hover, a.linkmarkiert:focus {
    background: #39F;
    color: #fff;
    text-decoration: none;
}
a.nohover {
    background-color: transparent;
    text-decoration: none;
    color: #000;
    outline: 0;
}
a.nohoverwhite {
    background-color: transparent;
    text-decoration: none;
    color: White;
    outline: 0;
}
a.tooltip {
    outline: 0;
    text-decoration: none;
    position: relative;
}
a.tooltip grau {
    opacity: .2;
}
a.tooltip>span {
    width: 20em;
    color: #000;
    background: #fff;
    border: 2px solid #F90;
    padding: 1em;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    font-size: 85%;
    font-weight: 400;
    border-radius: 3px;
}
a.tooltip:hover>span {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 40px;
    display: inline;
    margin-left: -200px;
}
img, figure {
    margin: 0;
}
.flexible {
    margin-bottom: 0;
    max-width: 100%;
    height: auto;
}
* html .flexible {
    width: 98%}
.bordered {
    margin-bottom: 1.5em;
    border: 2px #eee solid;
    border: 2px #fff solid;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.highlight {
    color: #c30;
}
.dimmed {
    color: #888;
}
.label {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
}



.float-left {
    float: left;
    display: inline;
    margin: 0 1em 1.5em 0;
}
.float-right {
    float: right;
    display: inline;
    margin: 0 0 1.5em 1em;
}
.center {
    display: block;
    text-align: center;
    margin: 0 auto 1.5em;
}
table {
    width: 100%;
    border-collapse: collapse;
}
table.narrow th, table.narrow td {
    line-height: 1.42857;
}
table.fixed {
    table-layout: fixed;
}
table.bordertable {
    border: 1px #ccc solid;
}
table.bordertable thead th {
    background: #e0e0e0;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
}
table.bordertable tbody th {
    border-right: 1px solid #ccc;
}
table.bordertable tbody td {
    border-right: 1px solid #ccc;
}
caption {
    font-variant: small-caps;
}
th, td {
    padding: .35em 0;
}
th :first-child, td :first-child {
    margin-top: 0;
}
th.nowrap, td.nowrap {
    white-space: nowrap;
}
thead th {
    text-align: left;
    color: #000;
    border-bottom: 2px #000 solid;
}
tbody th {
    text-align: left;
}
tbody td {
    text-align: left;
}
tbody tr:hover th, tbody tr:hover td {
    background: #f8f8f8;
}
.ym-hlist {
    overflow: hidden;
    position: relative;
    line-height: 1em;
    white-space: nowrap;
}
.ym-searchform {
    text-align: center;
    width: 100%;
    display: block;
    line-height: 2;
    padding: .5em 0;
}
.ym-searchform .ym-searchfield {
    border-radius: .2rem;
    -webkit-appearance: none;
    background: #fff;
    line-height: 1.25;
    padding: .25em;
    margin-right: .5em;
    width: 95%;
    border: solid 1px #888;
    border: solid 1px rgba(255, 255, 255, 0.1);
    outline: none;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ym-searchform .ym-searchbutton {
    display: inline-block;
    font-size: 1em;
    line-height: 1.25;
    padding: .25em .75em;
    display: inline-block;
    white-space: nowrap;
    background: #ef6c00;
    zoom: 1;
    border: 1px solid #ef6c00;
    color: #FFF!important;
    border-radius: .2em;
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
}
.ym-searchform .ym-searchbutton:focus, .ym-searchform .ym-searchbutton:hover, .ym-searchform .ym-searchbutton:active {
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6), color-stop(100%, #5a5));
    background-image: -webkit-linear-gradient(top, #6c6, #5a5);
    background-image: -moz-linear-gradient(top, #6c6, #5a5);
    background-image: -ms-linear-gradient(top, #6c6, #5a5);
    background-image: linear-gradient(to bottom, #6c6, #5a5);
    background-color: #6c6;
    border: 1px solid #6c6;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55');
    zoom: 1;
}
.ym-form {
    background: #FFF;
    border: 2px #ccc solid;
    margin: 0 0 1.5em;
    -webkit-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}
.ym-form fieldset {
    position: static;
    background: transparent;
    margin: .75em 0;
    padding: 0 .5em;
}
.ym-form legend {
    background: transparent;
    color: #000;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: 700;
    padding: 0 .5em;
}
.ym-form label, .ym-form .ym-label {
    color: #666;
    line-height: 1.5;
    padding-top: .25em;
}
.ym-form .ym-fbox {
    padding: 0 1em;
    margin: 1em 0 .5em;
}
.ym-form .ym-fbox-footer {
    background: #ececec;
    border-top: 1px #e0e0e0 solid;
    padding: 1.5em 1em;
    margin: 0;
}
.ym-form .ym-fbox + .ym-fbox {
    margin: .5em 0;
}
.ym-form .ym-fbox:last-child {
    margin-bottom: 1em;
}
.ym-form .ym-fbox + .ym-fbox-footer {
    margin: 1em 0 0;
}
.ym-form .ym-fbox :last-child, .ym-form .ym-fbox-footer :last-child {
    margin-bottom: 0;
}
.ym-form .ym-fbox-heading {
    font-size: 1em;
    font-size: 100%;
    color: #000;
    margin: 1em;
}
.ym-form .ym-fbox-check:focus + label {
    color: #000;
}
.ym-form .ym-gbox-left {
    padding: 0 4px 0 0;
}
.ym-form .ym-gbox-right {
    padding: 0 0 0 4px;
}
.ym-form .ym-gbox {
    padding: 0 2px;
}
.ym-form input, .ym-form textarea, .ym-form select {
    border: 1px solid #ddd;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-shadow: inset 0 0 4px #eee;
    box-shadow: inset 0 0 4px #eee;
}
.ym-form input, .ym-form textarea {
    padding: 4px .3em;
}
.ym-form select {
    padding: 3px 2px 3px 1px;
}
.ym-form input:focus, .ym-form select:focus, .ym-form textarea:focus, .ym-form input:hover, .ym-form select:hover, .ym-form textarea:hover, .ym-form input:active, .ym-form select:active, .ym-form textarea:active {
    border: 1px #888 solid;
    background: #fff;
}
.ym-form optgroup {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.ym-form .ym-fbox-check input, .ym-form input[type=image], .ym-form input[type=radio], .ym-form input[type=checkbox] {
    border: 0 none!important;
    background: transparent!important;
}
.ym-form .ym-message {
    color: #666;
    margin-bottom: .5em;
}
.ym-form .ym-required {
    color: #800;
    font-weight: 700;
}
.ym-form .ym-error label {
    color: #800;
    font-weight: 400;
}
.ym-form .ym-error input, .ym-form .ym-error select, .ym-form .ym-error textarea {
    border: 1px #800 solid;
}
.ym-form .ym-error input:hover, .ym-form .ym-error input:focus, .ym-form .ym-error select:hover, .ym-form .ym-error select:focus, .ym-form .ym-error textarea:hover, .ym-form .ym-error textarea:focus {
    border: 1px #800 solid!important;
}
.ym-form .ym-error .ym-message {
    color: #800;
    font-weight: 700;
    margin-top: 0;
}
.ym-button, .ym-form button, .ym-form input[type=button], .ym-form input[type=reset], .ym-form input[type=submit] {
    display: inline-block;
    white-space: nowrap;
    background-color: #eee;
    zoom: 1;
    border: 1px solid #777;
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #000;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 0;
    padding: 0 1.5em;
    overflow: visible;
}
.ym-button:hover, .ym-form button:hover, .ym-form input[type=button]:hover, .ym-form input[type=reset]:hover, .ym-form input[type=submit]:hover {
    background-color: #fafafa;
    zoom: 1;
}
.ym-button:active, .ym-form button:active, .ym-form input[type=button]:active, .ym-form input[type=reset]:active, .ym-form input[type=submit]:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: 0 color-stop(100%, #bbb));
    background-image: 0;
    background-image: 0;
    background-image: 0;
    background-image: linear-gradient(tobottom, #ccc, #bbb);
    background-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FFBBBBBB');
    zoom: 1;
    position: relative;
    top: 1px;
}
.ym-button:focus, .ym-form button:focus, .ym-form input[type=button]:focus, .ym-form input[type=reset]:focus, .ym-form input[type=submit]:focus {
    outline: 0;
    background: #fafafa;
}
.ym-button.ym-xlarge {
    font-size: 1.5em;
}
.ym-button.ym-large {
    font-size: 1.2857em;
}
.ym-button.ym-small {
    font-size: .8571em;
}
.ym-button.ym-xsmall {
    font-size: .7143em;
}
.ym-button.ym-primary, .ym-form button.ym-primary, .ym-form input[type="button"].ym-primary, .ym-form input[type="reset"].ym-primary, .ym-form input[type="submit"].ym-primary {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88e), color-stop(100%, #66c));
    background-image: -webkit-linear-gradient(top, #88e, #66c);
    background-image: -moz-linear-gradient(top, #88e, #66c);
    background-image: -ms-linear-gradient(top, #88e, #66c);
    background-image: linear-gradient(to bottom, #88e, #66c);
    background-color: #88e;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888EE', endColorstr='#FF6666CC');
    zoom: 1;
    border: 1px solid #007;
    color: #fff!important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}
.ym-button.ym-primary:hover, .ym-form button.ym-primary:hover, .ym-form input[type="button"].ym-primary:hover, .ym-form input[type="reset"].ym-primary:hover, .ym-form input[type="submit"].ym-primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88f), color-stop(100%, #66d));
    background-image: -webkit-linear-gradient(top, #88f, #66d);
    background-image: -moz-linear-gradient(top, #88f, #66d);
    background-image: -ms-linear-gradient(top, #88f, #66d);
    background-image: linear-gradient(to bottom, #88f, #66d);
    background-color: #88f;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888FF', endColorstr='#FF6666DD');
    zoom: 1;
}
.ym-button.ym-primary:active, .ym-form button.ym-primary:active, .ym-form input[type="button"].ym-primary:active, .ym-form input[type="reset"].ym-primary:active, .ym-form input[type="submit"].ym-primary:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88c), color-stop(100%, #66a));
    background-image: -webkit-linear-gradient(top, #88c, #66a);
    background-image: -moz-linear-gradient(top, #88c, #66a);
    background-image: -ms-linear-gradient(top, #88c, #66a);
    background-image: linear-gradient(to bottom, #88c, #66a);
    background-color: #88c;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888CC', endColorstr='#FF6666AA');
    zoom: 1;
}
.ym-button.ym-primary:focus, .ym-form button.ym-primary:focus, .ym-form input[type=button].ym-primary:focus, .ym-form input[type=reset].ym-primary:focus, .ym-form input[type=submit].ym-primary:focus {
    outline: 0;
    background: #88f;
}
.ym-button.ym-success, .ym-form button.ym-success, .ym-form input[type="button"].ym-success, .ym-form input[type="reset"].ym-success, .ym-form input[type="submit"].ym-success {
    background: #ef6c00;
    zoom: 1;
    border: 1px solid #ef6c00;
    color: #FFF;
    border-radius: .2em;
}
.ym-button.ym-success:hover, .ym-form button.ym-success:hover, .ym-form input[type="button"].ym-success:hover, .ym-form input[type="reset"].ym-success:hover, .ym-form input[type="submit"].ym-success:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6), color-stop(100%, #5a5));
    background-image: -webkit-linear-gradient(top, #6c6, #5a5);
    background-image: -moz-linear-gradient(top, #6c6, #5a5);
    background-image: -ms-linear-gradient(top, #6c6, #5a5);
    background-image: linear-gradient(to bottom, #6c6, #5a5);
    background-color: #6c6;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55');
    zoom: 1;
    border: 1px solid #6c6;
}
.ym-button.ym-success:active, .ym-form button.ym-success:active, .ym-form input[type="button"].ym-success:active, .ym-form input[type="reset"].ym-success:active, .ym-form input[type="submit"].ym-success:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6), color-stop(100%, #484));
    background-image: -webkit-linear-gradient(top, #6a6, #484);
    background-image: -moz-linear-gradient(top, #6a6, #484);
    background-image: -ms-linear-gradient(top, #6a6, #484);
    background-image: linear-gradient(to bottom, #6a6, #484);
    background-color: #6a6;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844');
    zoom: 1;
}
.ym-button.ym-success:focus, .ym-form button.ym-success:focus, .ym-form input[type="button"].ym-success:focus, .ym-form input[type="reset"].ym-success:focus, .ym-form input[type="submit"].ym-success:focus {
    outline: 0;
    background: #6c6;
}
.ym-button.ym-warning, .ym-form button.ym-warning, .ym-form input[type="button"].ym-warning, .ym-form input[type="reset"].ym-warning, .ym-form input[type="submit"].ym-warning {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da4), color-stop(100%, #b72));
    background-image: -webkit-linear-gradient(top, #da4, #b72);
    background-image: -moz-linear-gradient(top, #da4, #b72);
    background-image: -ms-linear-gradient(top, #da4, #b72);
    background-image: linear-gradient(to bottom, #da4, #b72);
    background-color: #da4;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722');
    zoom: 1;
    border: 1px solid #970;
    color: #fff!important;
}
.ym-button.ym-warning:hover, .ym-form button.ym-warning:hover, .ym-form input[type="button"].ym-warning:hover, .ym-form input[type="reset"].ym-warning:hover, .ym-form input[type="submit"].ym-warning:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb5), color-stop(100%, #c83));
    background-image: -webkit-linear-gradient(top, #eb5, #c83);
    background-image: -moz-linear-gradient(top, #eb5, #c83);
    background-image: -ms-linear-gradient(top, #eb5, #c83);
    background-image: linear-gradient(to bottom, #eb5, #c83);
    background-color: #eb5;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833');
    zoom: 1;
}
.ym-button.ym-warning:active, .ym-form button.ym-warning:active, .ym-form input[type="button"].ym-warning:active, .ym-form input[type="reset"].ym-warning:active, .ym-form input[type="submit"].ym-warning:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c94), color-stop(100%, #a62));
    background-image: -webkit-linear-gradient(top, #c94, #a62);
    background-image: -moz-linear-gradient(top, #c94, #a62);
    background-image: -ms-linear-gradient(top, #c94, #a62);
    background-image: linear-gradient(to bottom, #c94, #a62);
    background-color: #c94;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622');
    zoom: 1;
}
.ym-button.ym-warning:focus, .ym-form button.ym-warning:focus, .ym-form input[type="button"].ym-warning:focus, .ym-form input[type="reset"].ym-warning:focus, .ym-form input[type="submit"].ym-warning:focus {
    outline: 0;
    background: #da4;
}
.ym-button.ym-danger, .ym-form button.ym-danger, .ym-form input[type="button"].ym-danger, .ym-form input[type="reset"].ym-danger, .ym-form input[type="submit"].ym-danger {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background-color: #BF0000;
    border: 1px solid #700;
    color: #fff;
}
.ym-button.ym-danger:hover, .ym-form button.ym-danger:hover, .ym-form input[type="button"].ym-danger:hover, .ym-form input[type="reset"].ym-danger:hover, .ym-form input[type="submit"].ym-danger:hover {
    background-color: #900;
    zoom: 1;
}
.ym-button.ym-danger:active, .ym-form button.ym-danger:active, .ym-form input[type="button"].ym-danger:active, .ym-form input[type="reset"].ym-danger:active, .ym-form input[type="submit"].ym-danger:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a55), color-stop(100%, #844));
    background-image: -webkit-linear-gradient(top, #a55, #844);
    background-image: -moz-linear-gradient(top, #a55, #844);
    background-image: -ms-linear-gradient(top, #a55, #844);
    background-image: linear-gradient(to bottom, #a55, #844);
    background-color: #a55;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444');
    zoom: 1;
}
.ym-button.ym-danger:focus, .ym-form button.ym-danger:focus, .ym-form input[type="button"].ym-danger:focus, .ym-form input[type="reset"].ym-danger:focus, .ym-form input[type="submit"].ym-danger:focus {
    outline: 0;
    background: #c66;
}
.ym-form button:before, .ym-button:before {
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
}
.ym-add:before {
    content: "\271A"}
.ym-delete:before {
    content: "\2718"}
.ym-close:before {
    content: "\2715"}
.ym-edit:before {
    content: "\270E"}
.ym-email:before {
    content: "\2709"}
.ym-like:before {
    content: "\2764"}
.ym-next:before {
    content: "\279C"}
.ym-play:before {
    content: "\25B6"}
.ym-reply:before {
    content: "\27A5"}
.ym-save:before {
    content: "\2714"}
.ym-sign:before {
    content: "\270D"}
.ym-spark:before {
    content: "\2737"}
.ym-support:before {
    content: "\2706"}
.ym-star:before {
    content: "\2605"}
.ym-back:before {
    content: '\27A8';
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.ym-form button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ym-form input[type=button]::-moz-focus-inner, .ym-form input[type=reset]::-moz-focus-inner, .ym-form input[type=submit]::-moz-focus-inner {
    padding: .4em;
}
.ym-form button[disabled], .ym-form button[disabled]:hover, .ym-form input[type=button][disabled], .ym-form input[type=button][disabled]:hover, .ym-form input[type=reset][disabled], .ym-form input[type=reset][disabled]:hover, .ym-form input[type=submit][disabled], .ym-form input[type=submit][disabled]:hover, .ym-button.ym-disabled, .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa!important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
}
* html .ym-button, * html .ym-form button {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    color: #333;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 1.5em .75em 0 0;
    padding: 0 1.5em;
    overflow: visible;
    text-decoration: none!important;
}
* html .ym-form button:focus, * html .ym-button:focus {
    outline: 0;
    background: #fafafa;
}
* html .ym-form button:hover, * html .ym-button:hover {
    background-color: #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}
* html .ym-form button:active, * html .ym-button:active {
    background-color: #bbb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
    position: relative;
    top: 1px;
}
* html .ym-button.ym-disabled, * html .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa!important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
}
* html .ym-button.ym-primary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8888ee', EndColorStr='#6666cc');
}
* html .ym-button.ym-success {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bb66', EndColorStr='#449944');
}
* html .ym-button.ym-warning {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddaa44', EndColorStr='#BB7722');
}
* html .ym-button.ym-danger {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bb6666', EndColorStr='#994444');
}
* html .ym-button.ym-xlarge {
    font-size: 1.5em;
}
* html .ym-button.ym-large {
    font-size: 1.2857em;
}
* html .ym-button.ym-small {
    font-size: .8571em;
}
* html .ym-button.ym-xsmall {
    font-size: .7143em;
}
.first, .first:hover {
    z-index: 30!important;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
div.lazycontent {
    display: none;
}
.lazy {
    opacity: 0;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}
.lazy.loaded {
    opacity: 1;
}
.minitext {
    font-size: 80%}
.microtext {
    font-size: 70%}
.grosstext {
    font-size: 120%}
.grosstext2 {
    font-size: 150%}
.fett {
    font-weight: 700;
}
.fett2 {
    font-weight: 700;
    margin-bottom: .5em;
}

.kleinerabstand {
    font-size: 10%}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.width20em {
    max-width: 20em;
}
.width25em {
    max-width: 25em;
}
.width30em {
    max-width: 30em;
}
.marginbott07em {
    margin-bottom: .7em;
}
.marginbott1em {
    margin-bottom: 1em !important;
}
.marginbott15em {
    margin-bottom: 1.5em;
}
.marginbott20em {
    margin-bottom: 2em;
}
.margintop07em {
    margin-top: .7em;
}
.margintop1em {
    margin-top: 1em;
}
.margintop15em {
    margin-top: 1.5em;
}
.lineheight15em {
    line-height: 1.5em;
}
.lineheight20em {
    line-height: 2em;
}
.lineheight25em {
    line-height: 2.5em;
}
.verticalmiddle {
    vertical-align: middle;
    display: table-cell;
}
div.floatright {
    float: right;
    overflow: hidden;
    position: relative;
    padding-left: 1em;
}
div.floatleft {
    float: left;
    overflow: hidden;
    position: relative;
    padding-right: 1em;
}
.grauerkasten {
    border: 1px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFF;
    padding: 1em;
}
.grauerkasten h3 {
    font-size: 115%;
    font-weight: 700;
    line-height: 1.5em;
}
.grauerkasten a {
    color: #0D6AAF;
    position: relative;
    text-decoration: none;
}
.grauerkasten a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #0D6AAF;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}
.grauerkasten a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}
.grauerkasten > :last-child {
    margin-bottom: 0;
}
div.grauerkasten2 {
    border: 2px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFF;
    background: #FFF;
    padding: 2em;
}
.grauerkasten2 > :last-child {
    margin-bottom: 0;
}
div.grauerkasten3 {
    border: 2px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFF;
    background: #ececec;
    padding: 1em;
}
.grauerkasten3 > :last-child {
    margin-bottom: 0;
}
div.blauerkasten {
    background-color: #99adf5;
}
.graueuberschrift {
    background: #CCC;
    border: 1px #CCC solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 110%;
    font-weight: 700;
    color: #000;
    margin-bottom: .5em;
    padding: .5em;
}
div.grauerrahmen {
    border: 1px #CCC solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1em;
}
.grauerrahmen > :last-child {
    margin-bottom: 0;
}
.blauerrahmen {
    border: 1px #1160b3 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1em;
    margin-bottom: 1.5em;
}
.blauerrahmen > :last-child {
    margin-bottom: 0;
}
div.graukasserahmen {
    width: 250px;
    background: #FFF;
    border: 1px #CCC solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1em;
    margin: 0 2em 2em 0;
    overflow: hidden;
}
div.graukasserahmen2 {
    border: 1px #CCC solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1em;
    margin: 0 2em 2em 0;
    overflow: hidden;
}


.galleria-produkt {
    margin-bottom: .5em;
}
div.leftbox3 {
    margin-bottom: 2em;
    overflow: hidden;
    border: 1px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFF;
}
.leftbox3ober {
    line-height: 1.2;
    margin: 0 0 .5em;
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #ccc 0, #fff 100%);
    background: -o-linear-gradient(top, #ccc 0, #fff 100%);
    background: -ms-linear-gradient(top, #ccc 0, #fff 100%);
    background: linear-gradient(to bottom, #ccc 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
    border-radius: 4px 4px 0 0;
    padding: 5px 0 0 .5em;
    color: #000;
    font-weight: 700;
}
div.leftbox3inner {
    overflow: hidden;
    padding: 0 .5em;
}
div.pollbox1 {
    margin-bottom: 2em;
    overflow: hidden;
    position: relative;
    background: #ececec;
    border: 1px groove #a29f9f;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.pollbox1 div.innerrahmen {
    padding: 1em 2em;
}
.pollbox1 p.head {
    font-size: 150%;
    background: #CCC;
    border-bottom: 3px solid #a29f9f;
    color: #454545;
    font-weight: 700;
    text-align: left;
    padding: 1px 10px;
}
.pollbox1 p.text1 {
    color: #000;
    font-size: 110%;
    font-weight: 700;
    padding-bottom: 1em;
}
.pollbox1 p.pollname {
    color: #000;
    line-height: 1.2;
}
.pollbox1 p.pollergebnis {
    color: #000;
    font-style: italic;
}
.pollbox1 table.send {
    padding-top: 1em;
}
.auswahloben {
    background: #FFF5E6;
    color: #000;
    border: 3px #F90 solid;
    margin-bottom: 1em;
    border-radius: 3px;
    padding: 10px;
}
.auswahloben a {
    color: #000;
    outline: 0;
}
.katsearchtip {
    margin: .2em 0 .7em;
}
.katsearchtip h1 {
    float: left;
    padding-right: 1em;
}
.katsearchtip2 {
    text-decoration: underline;
    margin: 0 0 .2em;
}
.katsearchtip3 {
    margin-bottom: .2em;
}
.artsearch_sort select {
    width: 32%}
div.js-info {
    display: block;
    background: #fee;
    color: #800;
    margin: 0 0 10px;
    padding: 10px 20px;
}
.ym-bestellform {
    float: left;
    display: inline;
    line-height: 2em;
    padding: .5em 1.5em;
}
.ym-bestellform .ym-bestellfield {
    -webkit-appearance: none;
    background: #fff;
    line-height: 1em;
    width: 2em;
    border-radius: .2em;
    border: solid 1px rgba(255, 255, 255, 0.1);
    outline: none;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    padding: .25em;
}
.ym-bestellform .ym-bestellbutton {
    -webkit-appearance: none;
    background: rgba(255, 252, 0, 1);
    border-radius: .2em;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    line-height: 1.25;
    border: solid 1px transparent;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    padding: .25em .75em;
}
.artinfobeschreibung {
    color: #000;
    font-size: 100%;
    margin: 0;
    line-height: 1.5em;
}
div.artinfoub {
    text-align: left;
    margin-top: 3em;
}
p.arttafname2 {
    font-weight: 700;
    color: #000;
    margin-bottom: -.2em;
}
p.artzubname2 {
    font-weight: 700;
    color: #000;
    font-size: 110%}
p.artcrossname2 {
    font-weight: 700;
    margin-bottom: -.2em;
}
table.finanzraten {
    border-collapse: collapse;
}
p.tedaheader {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
}
td.tedawidth {
    width: 320px;
}
tr.komplettpc1 {
    height: 20px;
    background-color: #001566;
    font-size: 11px;
    color: #FFF;
    font-weight: 700;
}
table.komplettpc3 {
    padding-bottom: 20px;
}
p.komplettpc2 {
    font-size: 11px;
    color: #BF0000;
}
.tableprodukt td.ueber {
    font-size: 105%;
    font-weight: 700;
    background-color: #cfdbff;
}
.tableprodukt td.links {
    width: 200px;
    background-color: #F6F8FD;
}
.tableprodukt td {
    background-color: #ccc;
}
.schrittgruen {
    float: left;
    overflow: hidden;
    position: relative;
    margin: 1em 2em 1em 0;
    color: #040;
    background: #efe;
    border: #484 2px solid;
    padding: .5em 2em;
}
.schrittgrau {
    float: left;
    overflow: hidden;
    position: relative;
    margin: 1em 2em 1em 0;
    color: #CCC;
    background: #ececec;
    border: #CCC 2px solid;
    padding: .5em 2em;
}
div.kontaktfloat {
    margin-right: .7em;
    margin-bottom: .7em;
    float: left;
}
.ddwfloat {
    margin-bottom: 1.5em;
}
.ddwfloat2 {
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    float: left;
}
div.finanz1 {
    margin-bottom: .7em;
    color: #000;
    font-weight: 700;
    line-height: 1.5em;
}
.finanz1 h4 {
    font-weight: 700;
    margin-bottom: .4em;
}
div.finanz2 {
    margin-bottom: 4em;
    color: #000;
    line-height: 1.5em;
    border-bottom: 3px #ececec solid;
}
.floatbox {
    float: left;
    height: 60px;
    margin: 1em;
}
.ownkast1 {
    margin-bottom: 3em;
    border: 1px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFF;
}
.ownkast2 {
    -webkit-border-radius: 5px;
    margin-bottom: 3em;
}
.ownkast1 h1 {
    font-size: 140%;
    font-weight: 700;
    line-height: 1.05em;
    display: inline;
}
.ownkast1 h2 {
    font-size: 115%;
    font-weight: 700;
    line-height: 1.5em;
}
.ownkast1ober {
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #ccc 0, #fff 100%);
    background: -o-linear-gradient(top, #ccc 0, #fff 100%);
    background: -ms-linear-gradient(top, #ccc 0, #fff 100%);
    background: linear-gradient(to bottom, #ccc 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
    padding: .5em 1em;
}
.ownkast2 h1 {
    font-size: 140%;
    font-weight: 700;
    background: #CFDBFF url(/images/verlauf_hellblau.png) top left repeat-x;
    padding: .5em 1em;
}
.ownkast2 h2 {
    font-size: 115%;
    font-weight: 700;
    background: #CFDBFF url(/images/verlauf_hellblau.png) top left repeat-x;
    padding: .5em 1em;
}
.ownkast2 top {
    font-size: 115%;
    font-weight: 700;
    background: #CFDBFF url(/images/verlauf_hellblau.png) top left repeat-x;
    padding: .5em 1em;
}
.ownkast1inner {
    padding: 1em;
}
.ownkast1inner a {
    color: #0D6AAF;
    position: relative;
    text-decoration: none;
}
.ownkast1inner a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #0D6AAF;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}
.ownkast1inner a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}
.ownkast1inner > :last-child {
    margin-bottom: 0;
}
.ownkast1bottom {
    background: #ececec;
    padding: 1em;
}
.limeinkonto {
    list-style: none;
    margin-top: 1em;
}
.limeinkonto li {
    margin-left: 0;
    line-height: 3em;
}
.meinkontofloat {
    float: left;
    overflow: hidden;
    position: relative;
    width: 4em;
}
.werbekast1 {
    margin-bottom: 3em;
    border: 3px #0080C9 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    min-height: 210px;
    width: auto;
}
.werbekast1inner {
    display: table;
    table-layout: fixed;
    padding: .7em;
    display: block;
}
.werbekast1inner > :last-child {
    margin-bottom: 0;
}
.werbekasttext {
    float: left;
    width: 57%;
    margin: .8em 0 0 .8em;
}
.werbekasttext p.wktext1 {
    font-size: 180%;
    color: #454545;
    font-weight: 700;
    margin-bottom: 1em;
}
.werbekasttext p.wktext2 {
    font-size: 140%;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 1.3em;
}
.werbekasttext p.wktext3 {
    font-size: 180%;
    color: #ef6c00;
    font-weight: 700;
}
.werbekastimg {
    float: right;
    width: 38%}
.bewertungsicons {
    margin: 0 0 25px 40px;
}
.wkadd {
    font-size: 130%;
    font-weight: 700;
    color: #393;
    margin-bottom: 1.5em;
}
h6.wkinfotext {
    color: #000;
    font-weight: 700;
    padding-bottom: 5px;
}
.wkinfoicon {
    position: relative;
    vertical-align: top;
}
div.cartbox3 {
    width: 99.9%;
    border: 1px #CFDBFF solid;
    margin: 7em 0 3em;
}
.cartbox3 h4 {
    font-size: 140%;
    font-weight: 700;
    margin-bottom: 0;
    background: #CFDBFF;
    padding: .5em;
}
.cartbox3 table {
    margin: .9em;
    padding: .4em;
}
div.cartbox4 {
    margin-bottom: .2em;
    overflow: hidden;
    position: relative;
}
.cartbox4 textarea {
    border: 1px solid #99adf5;
    width: 99.5%;
    height: 7em;
    background: #f5f5f5;
}
div.grauerrahmenfloatleft {
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 1em;
    margin-bottom: 1em;
    border: 1px #CCC solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.grauerrahmenversand {
    border: 1px #CCC solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.grauerrahmenfloatlefthead {
    background: #ececec;
    padding: .8em;
}
.grauerrahmenfloatleftinner {
    padding: 1em;
}
.grauerrahmenfloatleftinner h1, h2, h3, h4 {
    font-size: 100%;
    font-weight: 100;
    display: inline;
    margin: 0;
}
div.ordersendkasten1 {
    float: left;
    overflow: hidden;
    position: relative;
    max-width: 300px;
    height: 9em;
    border: 7px #CCC solid;
    margin-right: 2em;
    margin-bottom: 3em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1em;
}
div.ordersendkasten2 {
    float: left;
    overflow: hidden;
    position: relative;
    width: 300px;
    margin: 1em 0 2em;
}
.katwerbung {
    line-height: 1.3;
    margin-bottom: 2em;
}
.katwerbung p {
    font-size: 90%}
.katwerbung img {
    margin-bottom: -2em;
}
.katwerbung h1, h2, h3, h4 {
    font-size: 100%;
    font-weight: 100;
    display: inline;
}
.rot, .restposten-artinfo a, .newuser strong.message {
    color: BF0000;
}
.dunkelrot, span.neuheitinfo {
    color: #BF0000;
}
span.tippinfo {
    color: #3399FF;
}
.neuheitinfo, .tippinfo {
    float: left;
    position: relative;
    margin-right: .5em;
}
.gruen2 {
    color: #060;
}
.left, .pollbox1 div {
    text-align: left;
}
div.versteckt, .js js-info {
    display: none;
}
.pollbox1 p.text2, .newuser sup {
    color: red;
    font-weight: 700;
}
.artsearch_sort {
    margin-bottom: .7em;
}
.div.artinfoproduktbild, .cartbox3 td {
    padding: .5em;
}
p.nunormal {
    margin-bottom: .5em;
}
.newuser div.error label {
    color: #000;
    font-weight: 700;
}
.imwe, .bestellt {
    font-weight: 700;
    font-size: 120%;
    color: #F90;
}
div.artinfotaf1, div.artinfozub1, div.artinfocross1 {
    width: 45em;
    margin-bottom: .4em;
    border-bottom: 1px #ececec solid;
}
table.hlistestart {
    vertical-align: top;
}
.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
    margin: 0 0 1rem 0;
}
.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.versandbemerkung {
    width: 100%;
    height: 5em;
}
.bruttonettohinweis {
    font-size: 80%;
    margin-top: 3em;
}
td.rmaschritt4 {
    width: 15%}
.rotrma {
    font-size: 110%;
    color: red;
    margin-bottom: .5em;
}
div.floatleftbox {
    float: left;
    overflow: hidden;
    position: relative;
    padding-right: 1em;
    margin-bottom: .5em;
}
.herstkatliste h1 {
    font-size: 130%;
    margin-bottom: 1.5em;
}
.herstkatliste p {
    font-size: 180%;
    margin-bottom: .2em;
    font-weight: 700;
}
.herstkatliste a {
    line-height: 1.3em;
}
body {
    overflow-y: scroll;
}
.ym-wrapper {
/*    max-width: 80em;   testweise umgestellt 01.12.2022  */
    max-width: 100em;
    margin: 0 auto;
}
.ym-wbox {
    padding: 1.5em;
}
.fix {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.5);
}
body > header, #suchbereich, body > main, body > footer {
    min-width: 760px;
}
header {
    background: #0d6aaf;
    color: #FFF;
    border-bottom: 5px #f0e634 solid;
}
.dark-mode header {
    background: #1A1A1A;
    color: #FFF;
    border-bottom: 5px #f0e634 solid;
}
header h1 {
    background: transparent;
    color: #fff;
}
header .ym-wbox {
    padding: 1.5em 0;
}
#suchbereich {
    background: #000050;
}
#suchbereich .ym-hlist {
    padding: 0 1.5em;
    height: 43px;
}
main {
    background: #EEEEEE;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001566', endColorstr='#001566', GradientType=0);
    padding: 1rem 0 1rem 0;
}
.dark-mode main {
    background: #4C4C4C;
}
main .ym-wbox {
    background: #F7F7F7;
    border-radius: .5rem;
    box-shadow: 2px 2px 2px 2px grey;
}
.dark-mode main .ym-wbox {
    background: #5E5E5E;
    border-radius: .5rem;
}

main .info {
    margin-bottom: 1.5em;
}
main aside .ym-gbox-right {
    border-left: 1px #ddd solid;
}
footer {
    border-top: 5px #f0e634 solid;
    background: #0d6aaf; /* #C9C9C9
    box-shadow: 0 0 15px 8px #C9C9C9;  */
    color: White;
}
.dark-mode footer {
    border-top: 5px #f0e634 solid;
    background: #1A1A1A;
    color: White;
}
footer .ym-wbox {
    padding: 1.5em;
}
.ym-gbox {
    padding: 0 1.5em;
}
.ym-gbox-left {
    padding: 0;
}
.ym-gbox-right {
    padding: 0 0 0 1.5em;
}
.ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
.logo_head {
    background: url(/images/logos/csvlogo.svg) left no-repeat;
    height: 87px;
    width: 218px;
    overflow: hidden;
    display: block;
}
.headmenu {
    max-height: 80px;
    float: right;
}
a.menu {
    margin-left: 1em;
    color: #000;
}
.headmenu2 {
    float: right;
    margin-top: 1.4em;
}
.headmenu2 img {
    vertical-align: middle;
    height: 30px;
}
.katsearchtip11 {
    font-style: italic;
    text-align: right;
}
.preisgross {
    font-size: 230%;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preiswaerunggross {
    font-size: 180%;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preismittel {
    font-size: 160%;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preiswaerungmittel {
    font-size: 1.1rem;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preisnklein {
    font-size: 1.7rem;
    line-height: 1em;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preisnmittel {
    font-size: 3rem;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preisnmittelrot {
    font-size: 3rem;
    color: #bf0908;
    font-weight: 700;
    margin-bottom: 0;
}
.preiswaerunggrossrot {
    font-size: 180%;
    color: #bf0908;
    font-weight: 700;
    margin-bottom: 0;
}
.empfpreisstreich {   background:hsla(0,0%,100%,0.85);font-weight:600;font-size:1.2em !important;text-decoration:line-through; }
.preiswaerungnklein {
    font-size: 1rem;
    color: #001566;
    font-weight: 700;
    margin-bottom: 0;
}
.preisklein {
    font-size: 135%;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preiswaerungklein {
    font-size: 100%;
    color: #001566;
    font-weight: 700;
    margin-bottom: 0;
}
.preisnklein {
    font-size: 2.3rem;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preisnkleinrot {
    font-size: 2.3rem;
    color: #bf0908;
    font-weight: 700;
    margin-bottom: 0;
}
.waehrungnkleinrot {
    font-size: 1.1rem;
    color: #bf0908;
    font-weight: 700;
    margin-bottom: 0;
}
.preismini {
    font-size: 105%;
    color: #1160b3;
    font-weight: 700;
    margin-bottom: 0;
}
.preiswaerungmini {
    font-size: 90%;
    color: #001566;
    font-weight: 700;
    margin-bottom: 0;
}
.preisred {
    padding: .5em .5em .1em .7em;
    border: 2px #BF0000 solid;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: hsla(0, 0%, 100%, 0.85);
    overflow: hidden;
    z-index: 99;
}
.preisredgross {
    padding: 1em .5em .1em .7em;
    border: 2px #BF0000 solid;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: hsla(0, 0%, 100%, 0.85);
    overflow: hidden;
}
#fb-root {
    display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100%!important;
}
.google-maps {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    border: none;
}
.floatrightresp {
    float: right;
    overflow: hidden;
    position: relative;
    padding: .1px .1px .1px 1em;
    height: auto;
}
.bestellubersichtstammdaten {
    background: #f5f5f5;
    padding: .7em;
}
.bestellubersichtoben {
    font-weight: 700;
    background: #ececec;
    margin-bottom: .5em;
    padding: .7em .1em;
}
.bestellubersicht {
    border-bottom: solid 2px #ececec;
    margin-bottom: .5em;
    padding-bottom: .2em;
}
.besta {
    float: left;
    overflow: hidden;
    position: relative;
    width: 8em;
}
.bestb {
    float: left;
    overflow: hidden;
    position: relative;
    width: 20em;
}
.bestc {
    float: left;
    overflow: hidden;
    position: relative;
    width: 3.5em;
    text-align: right;
}
.bestd {
    float: left;
    overflow: hidden;
    position: relative;
    width: 11em;
    text-align: right;
    padding: 0 .2em;
}
.beste {
    float: left;
    overflow: hidden;
    position: relative;
    width: 11em;
    padding: 0 .2em;
}
.beste2 {
    float: left;
    overflow: hidden;
    position: relative;
    width: 9em;
    padding: 0 .2em;
    text-align: right;
}
.bestellubersichtsumme {
    background-color: #ececec;
    color: #000;
    padding: 1.42857em;
    margin: 0 0 1.5em;
}
.bestellubersichtsumme > :last-child {
    margin-bottom: 0;
}
.bildrechts {
    float: right;
    margin: 0 0 1em 1em;
    background: #FFF;
}
.floatright2 {
    float: right;
    overflow: hidden;
    position: relative;
    padding-left: 1em;
}
.floatleft2 {
    float: left;
    overflow: hidden;
    position: relative;
    padding-right: 1em;
}
.servicepreislisteoben {
    font-weight: 700;
    background: #ececec;
    margin-bottom: .5em;
    padding: .7em .1em;
}
.servicepreisliste {
    border-bottom: solid 2px #ececec;
    margin-bottom: .5em;
    padding-bottom: .2em;
}
.servicepreisliste2 {
    border-bottom: solid 5px #ececec;
    margin-bottom: 2em;
    padding-bottom: 2em;
}
.servicepreislast {
    margin-bottom: 1em;
    padding-bottom: .2em;
}
.servicepla {
    float: left;
    overflow: hidden;
    position: relative;
    width: 17em;
    font-weight: 700;
    margin-right: 1em;
}
.servicepla > :last-child {
    margin-bottom: 0;
}
.serviceplb {
    float: left;
    overflow: hidden;
    position: relative;
    width: 30em;
}
.serviceplb > :last-child {
    margin-bottom: 0;
}
.serviceplc {
    float: left;
    overflow: hidden;
    position: relative;
    width: 5em;
    text-align: right;
}
.serviceplc > :last-child {
    margin-bottom: 0;
}
.servicepl1 {
    float: left;
    overflow: hidden;
    position: relative;
    width: 25em;
    margin-right: 1em;
}
.servicepl1 > :last-child {
    margin-bottom: 0;
}
.servicepl2 {
    float: right;
    overflow: hidden;
    position: relative;
    width: 5em;
    text-align: right;
}
.servicepl2 > :last-child {
    margin-bottom: 0;
}
.servicepl3 {
    float: right;
    overflow: hidden;
    position: relative;
    width: 5em;
}
.servicepl3 > :last-child {
    margin-bottom: 0;
}
.servicepl4 {
    float: right;
    overflow: hidden;
    position: relative;
    width: 5em;
}
.servicepl4 > :last-child {
    margin-bottom: 0;
}
.servicepfeile {
    list-style-image: url(/images/icons/pfeil_rechts_klein.png);
}
.servicepfeile li {
    line-height: 2;
}
.grossuberschrift {
    font-size: 130%;
    margin-bottom: 1em;
}
.telefonnr {
    font-size: 160%;
    font-weight: 700;
    color: #009;
}
.wksmall {
    background: url(/images/icons/warenkorb.svg) left no-repeat!important;
    height: 45px;
    width: 45px;
    display: block;
    margin: 0;
    overflow: hidden;
}
.wkanzahl {
    padding-top:.3em;
    margin:0;
    float: right;
    height:1em;
    font-size: 160%;
    font-weight: 700;
    color: #FFF;
    background: #bf0000;
    border-radius: 15%;
    text-align: center;
    min-width: 1em;
}
.warenkorb_form input[type="number"] {
    width: 2.5em;
    height: 1.9em;
}







/*  BALD WEG */
.neupgruppe {display:inline-block;flex-basis:20%;height:15rem;border:1px #cfdbff solid;border-radius:4px;background:#FFF;padding:1rem;margin:0 0 1.5rem 0;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:5;}
.neupgruppe:hover,.neupgruppe:focus {border:1px OrangeRed solid;background:#fff;color:#000;text-decoration:none;}
.neupgruppe img {vertical-align:middle;height:auto;width:auto;max-height:140px;max-width:140px;margin-top:3rem;}
.neupgruppe h4 {position:absolute;top:0em;font-size:1em;margin:.5em;overflow:hidden;line-height:1.5em;}
.neupgruppe .streichpreis { background:hsla(0,0%,100%,0.85);font-weight:600;font-size:1.2em !important;text-decoration:line-through; }
/*  BALD WEG */


/* Formulare */

label{display:inline-block;}
legend{background:#fff;padding:.6em;border:2px solid lightgray;box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1);border-radius:3px;font-weight:700}
input, select, textarea{border:2px solid lightgray;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.1);border-radius:5px;}
input:hover, select:hover, textarea:hover{background:LightYellow; border:2px solid GreenYellow;box-shadow:0 0 1em rgba(173, 255, 47, 0.5)}
input:focus, select:focus, textarea:focus{border:2px solid lightgray;box-shadow:0 0 1em rgba(15, 199, 255, 0.7);outline:none}
input:active, select:active, textarea:active{border:2px solid lightgray;box-shadow:0 0 1em rgba(15, 199, 255, 0.7);outline:none}
input::placeholder {color: darkgrey;}
input[type="checkbox"], div input[type="radio"] {width: auto; margin-right:.5rem;}
input:valid { border: green 1px solid; }
input:invalid  { border: #BF0000 1px solid; }
select:valid { border: green 1px solid; }
select:invalid  { border: #BF0000 1px solid; }
textarea:valid { border: green 1px solid; }
textarea:invalid  { border: #BF0000 1px solid; }

/* Checkboxen und Radiobuttons ändern */
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) { margin:0; padding:0; margin-right: 2em; background:transparent; border: 0 none; box-shadow: none;   }
/* Checkboxen und Radiobuttons ändern */

/* Formulare */






/* Knöpfe / Buttons */

/* runde Buttons */
.button{ width:auto;border-radius:.5rem;padding:.6rem 1rem;font-weight:400 !important;margin:0;box-shadow:none !important; cursor:pointer; }
.button-klein{ width:auto;border-radius:.2rem;padding:.3rem .7rem;font-weight:400 !important;margin:0;box-shadow:none !important; cursor:pointer; }

/* in das entsprechende Template kopieren
.button { margin:.8rem 2rem .4rem 0;padding:.6rem 2rem; }
.button:last-of-type { margin:.8rem 0rem .4rem 0; }
in das entsprechende Template kopieren */
.graurahmen { background:Gainsboro;border:1px solid Gainsboro;color:#000; }
.graurahmen:hover { background:Gainsboro;border:1px solid #44E935; }
.graurahmen:active { background:#44E935;border:1px solid #44E935;color:Black; }
.graurahmen:visited { background:#44E935;border:1px solid #44E935;color:Black; }

.hellblaurahmen { background:LightBlue;border:1px solid LightBlue;color:#000; }
.hellblaurahmen:hover { background:LightBlue;border:1px solid #44E935; }
.hellblaurahmen:active { background:#44E935;border:1px solid #44E935;color:Black; }
.hellblaurahmen:visited { background:#44E935;border:1px solid #44E935;color:Black; }

.gruenrahmen { background:#22B814;border:1px solid #22B814;color:#FFF; }
.gruenrahmen:hover { background:#22B814;border:1px solid #44E935; }
.gruenrahmen:active { background:#44E935;border:1px solid #44E935;color:Black; }
.gruenrahmen:visited { background:#44E935;border:1px solid #44E935;color:Black; }

.gelbrahmen { background:Gold;border:1px solid Gold;color:Black; }
.gelbrahmen:hover { background:Gold;border:1px solid SeaGreen; }
.gelbrahmen:active { background:SeaGreen;border:1px solid SeaGreen;color:White; }
.gelbrahmen:visited { background:SeaGreen;border:1px solid SeaGreen;color:White; }

.orangerahmen { background:DarkOrange;border:1px solid DarkOrange;color:White; }
.orangerahmen:hover { background:DarkOrange;border:1px solid SeaGreen; }
.orangerahmen:active { background:SeaGreen;border:1px solid SeaGreen;color:White; }
.orangerahmen:visited { background:SeaGreen;border:1px solid SeaGreen;color:White; }

.rotrahmen { background:FireBrick;border:1px solid FireBrick;color:#FFF; }
.rotrahmen:hover { background:FireBrick;border:1px solid SeaGreen; }
.rotrahmen:active { background:SeaGreen;border:1px solid SeaGreen;color:White; }
.rotrahmen:visited { background:SeaGreen;border:1px solid SeaGreen;color:White; }


.isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; }
/* runde Buttons */


/* Textknöpfe */
.textbutton{ width:auto;padding:.2rem; margin:0;cursor:pointer;font: normal bold 1em/2em Arial,Helvetica,sans-serif; }
/* Abstände im entsprechenden Template regel */

.durchsichtig { background-color:none; }
.durchsichtig::after { content: " >"; color: OrangeRed; }
.durchsichtig:hover{color:Green;background-color:White;}
.durchsichtig:active{color:White;background-color:Navy;border-radius:.3rem;}

/* Textknöpfe */


/* Knöpfe / Buttons */



/* flex-boxen */
.flex-auto { display: flex; justify-content: space-between; align-items: center; }
.flex-auto-item { flex: 0 1 auto; }

.flex50 { display: flex; justify-content: space-between; align-items: center; }
.flex50-item { flex: 0 1 auto; }

.flex-order1 { order: 1; }
.flex-order2 { order: 2; }
.flex-order3 { order: 3; }
.flex-order4 { order: 4; }


.flex-container { display: flex; flex-direction: row; padding:0; margin: 0; list-style: none; line-height: 1em;   }
.flex-container-res-column { display: flex; flex-direction: row; padding:0; margin: 0; list-style: none; line-height: 1em;   }
.flex-container-720-column { display: flex; flex-direction: row; padding:0; margin: 0; list-style: none; line-height: 1em;   }
.flex-container-column { display: flex; flex-direction: column; padding:0; margin: 0; list-style: none; line-height: 1em;  }
.flex-container-column-start { display: flex; flex-direction: column; padding:0; margin: 0; justify-content: flex-start;  }
.flex-container-column-end { display: flex; flex-direction: column; padding:0; margin: 0; justify-content: flex-end; align-content: flex-end; text-align: right;  }
.flex-container-column-res-end { display: flex; flex-direction: column; padding:0; margin: 0; justify-content: flex-end;  }
.flex-container-column-720-end { display: flex; flex-direction: column; padding:0; margin: 0; justify-content: flex-end;  }
.flex-container-cartsumme { display: flex; flex-direction: column; padding:0; margin: 0; justify-content: flex-end;  }
.flex-container-artinfo { display: flex; flex-direction: row; }
.flex-container-formular { display: flex; flex-direction: column;   }
.flex-container-zb { display: flex; flex-direction: column; gap: 1rem 0rem; justify-content: space-around;  }

.flex-item { flex: 0 1 auto; margin: 0; padding:0;  }
.flex-item:last-child { margin-right: 0 !important;  }
.flex-item2 { flex-grow: 1; flex-shrink: 1; margin: 0; padding:0;  }
.flex-item2:last-child { margin-right: 0 !important;  }
.flex-item-20-ngrow { flex-basis: 20%; flex-grow: 0; flex-shrink: 1;  }
.flex-item-25-ngrow { flex-basis: 25%; flex-grow: 0; flex-shrink: 1;  }
.flex-item-30-ngrow { flex-basis: 30%; flex-grow: 0; flex-shrink: 1; }
.flex-item-40-ngrow { flex-basis: 40%; flex-grow: 0; flex-shrink: 1; }
.flex-item-50-ngrow { flex-basis: 50%; flex-grow: 0; flex-shrink: 1; }
.flex-item-55-ngrow { flex-basis: 55%; flex-grow: 0; flex-shrink: 1; }
.flex-item-60-ngrow { flex-basis: 60%; flex-grow: 0; flex-shrink: 1; }

.flex-item-artinfo-1 { flex-basis: 40%; flex-grow: 0; flex-shrink: 1; }
.flex-item-artinfo-2 { flex-basis: 50%; flex-grow: 0; flex-shrink: 1; }

.flex-item-10 { flex-basis: 10%; flex-grow: 1; flex-shrink: 1; }
.flex-item-15 { flex-basis: 15%; flex-grow: 1; flex-shrink: 1; }
.flex-item-20 { flex-basis: 20%; flex-grow: 1; flex-shrink: 1; }
.flex-item-25 { flex-basis: 25%; flex-grow: 1; flex-shrink: 1; }
.flex-item-30 { flex-basis: 32%; min-width:10rem; flex-grow: 1; flex-shrink: 1; }
.flex-item-30:first-child { flex-basis: 32%; min-width:10rem; flex-grow: 0;  }
.flex-item-30:last-child { flex-basis: 32%; min-width:10rem; flex-grow: 0;  }
.flex-item-35 { flex-basis: 35%; flex-grow: 1; flex-shrink: 1; }
.flex-item-40 { flex-basis: 40%; flex-grow: 1; flex-shrink: 1;}
.flex-item-40:last-child { margin-right: 0 !important;  }
.flex-item-45 { flex-basis: 45%; flex-grow: 1; flex-shrink: 1; }
.flex-item-45:last-child { margin-right: 0 !important;  }
.flex-item-50 { flex-basis: 50%; flex-grow: 1; flex-shrink: 1; }
.flex-item-50:last-child { margin-right: 0 !important;  }
.flex-item-60 { flex-basis: 60%; flex-grow: 1; flex-shrink: 1; }
.flex-item-60:last-child { margin-right: 0 !important;  }
.flex-item-70 { flex-basis: 70%; flex-grow: 1; flex-shrink: 1; }
.flex-item-70:last-child { margin-right: 0 !important;  }
.flex-item-80 { flex-basis: 70%; flex-grow: 1; flex-shrink: 1; }
.flex-item-80:last-child { margin-right: 0 !important;  }
.break { height: 0; width: 100%; }

.flex-justifycontent-flex-start { justify-content: flex-start !important;  }
.flex-justifycontent-flex-end { justify-content: flex-end !important;  }
.flex-justifycontent-center {  justify-content: center !important; }
.flex-justifycontent-space-between { justify-content: space-between !important;  }
.flex-justifycontent-space-around { justify-content: space-around !important;  }
.flex-justifycontent-space-evenly { justify-content: space-evenly !important; }
.flex-justifycontent-artsearch { justify-content: flex-start !important; }

.flex-shrink0 { flex-shrink:0; }  /* Items dürfen nicht kleiner werden als festgelegt */
.flex-shrink1 { flex-shrink:1; }  /* Items dürfen kleiner werden als festgelegt */
.flex-shrink2 { flex-shrink:2; }
.flex-shrink3 { flex-shrink:3; }

.flex-grow0 { flex-grow:0; }   /* Items dürfen nicht größer werden als festgelegt */
.flex-grow1 { flex-grow:1; }    /* Items dürfen größer werden als festgelegt */
.flex-grow2 { flex-grow:2; }    /* Items dürfen größer werden als festgelegt */

.flex-align-content-flex-start { align-content: flex-start; }
.flex-align-content-flex-end { align-content: flex-end; }
.flex-align-content-center { align-content: flex-center; }
.flex-align-content-space-between { align-content: space-between !important; }
.flex-align-content-space-around { align-content: space-around; }
.flex-align-content-space-evenly { align-content: space-evenly; }
.flex-align-content-stretch { align-content: stretch; }
.flex-align-content-start { align-content: start; }
.flex-align-content-end { align-content: end; }
.flex-align-content-baseline { align-content: baseline; }
.flex-align-content-first-baseline { align-content: first baseline; }
.flex-align-content-last-baseline { align-content: last baseline; }


.flex-align-items-center { align-items: center; }
.flex-align-items-strech { align-items: strech; }
.flex-align-items-space-between { align-items: space-between; }
.flex-align-items-flex-start  { align-items: flex-start; }
.flex-align-items-flex-end { align-items: flex-end; }
.flex-align-items-baseline { align-items: baseline; }

.flex-wrap-nowrap { flex-wrap: nowrap; }
.flex-wrap-wrap { flex-wrap: wrap; }

.flex-gap02 { gap: .2rem .2rem;  }
.flex-gap03 { gap: .3rem .3rem;  }
.flex-gap05 { gap: .5rem .5rem;  }
.flex-gap07 { gap: .7rem .7rem;  }
.flex-gap1 { gap: 1rem 1rem;  }
.flex-gap15 { gap: 1.5rem 1.5rem;  }
.flex-gap2 { gap: 2rem 2rem;  }


.flex-item-align-self-auto  { align-self: auto; }
.flex-item-align-self-flex-start  { align-self: flex-start; }
.flex-item-align-self-flex-end  { align-self: flex-end; }
.flex-item-align-self-center { align-self: center; }
.flex-item-align-self-baseline { align-self: baseline; }
.flex-item-align-self-stretch { align-self: stretch; }

/* flex-boxen */



/* Layouts */
.displaynone { display:none; visibility:hidden; }
.rechts { text-align: right; }
.center { text-align: center; }
.links { text-align: links; }
/* Layouts */





/* Ränder, Linien */
.rand05rem { border:0.5rem solid; }

.randbott05rem { border-bottom:0.5rem solid; }



.randgrau { border: grey; }
.randdgrau { border: grey; }



.randradius03rem { border-radius: 0.3rem }

/* Ränder, Linien */






/* Farben */
.farbegrau { background-color: grey; }
.weiss { color: #FFF; }
.gruen { color: #030; }
.schwarz { color: #000; }
.orange { color: #ef6c00; }
.gelb { color: #FCD514; }
.blau { color: #1160b3; }
.drot { color: #BF0000; }
.hellbraun { color: #C90; }
.hellgruen { color: #090; }
.hellgrau { color: #F6F8FD; }
/* Farben */






/* Boxen */
.box{ width:auto;border-radius:.5rem;padding:1rem;margin:0;box-shadow:none !important; border-width: 1px; border-style: solid; border-color: #888;  }
.box > :last-child{ margin-bottom:0; }
.boxueberschrift { border-radius:.3em; padding:0.2rem 0.5rem; display:inline-block;  }

.box1{ border-radius:.7rem; padding:1rem; margin: 0 0 1rem 0; }
.box1 > :last-child{ margin-bottom:0; }
.box1:hover{ background:Gold; color: #000; }
/* Boxen */




/* Hinweise */
.info { background: #fff; }
.dezhinweis { background: #fff; border-color: #F1731E; }
.success { background: #067D0A; color: #FFF; }
.warning { background: #FCD516; }
.error { background: #c88; }
/* Hinweise */




/* Hintergründe */
.hintergrundweiss { background:White; }
/* Hintergründe */




/* Schriftgrößen */
.fontsize200 { font-size: 200%; }
.fontsize190 { font-size: 190%; }
.fontsize180 { font-size: 180%; }
.fontsize170 { font-size: 170%; }
.fontsize160 { font-size: 160%; }
.fontsize150 { font-size: 150%; }
.fontsize140 { font-size: 140%; }
.fontsize130 { font-size: 130%; }
.fontsize120 { font-size: 120%; }
.fontsize110 { font-size: 110%; }
.fontsize90 { font-size: 90%; }
.fontsize80 { font-size: 80%; }
.fontsize70 { font-size: 70%; }
/* Schriftgrößen */



/* Linitenhöhe */
.lineheight1p5rem { line-height:1.5rem; }
.lineheight2rem { line-height:2rem; }
.lineheight25rem { line-height:2.5rem; }
.lineheight3rem { line-height:3rem; }
/* Linitenhöhe */



/* rest Schrift */
.fett700 { font-weight: 700; }
.fett600 { font-weight: 600; }
.fett500 { font-weight: 500; }
.fett400 { font-weight: 400; }


.wordwrap-breakword { word-wrap: break-word; }
.wordwrap-breakall { word-break: break-all; }
/* rest Schrift */


/* Breiten */
.width99 { width:99%; }
.width50 { width:50%; }
.width45 { width:45%; }
.width40 { width:40%; }
.width30 { width:30%; }
.width20 { width:20%; }


.widthres50 { width:50%; }
.widthres45 { width:45%; }
.widthres40 { width:40%; }
.widthres33 { width:33%; }
.widthres25 { width:25%; }


.width10rem { width:10rem; }
.width12rem { width:12rem; }
.width15rem { width:15rem; }
.width18rem { width:18rem; }
.width20rem { width:20rem; }
.width25rem { width:25rem; }
.width30rem { width:30rem; }

.widthmax10rem { max-width:10rem; }
.widthmax12rem { max-width:12rem; }
.widthmax15rem { max-width:15rem; }
.widthmax18rem { max-width:18rem; }
.widthmax20rem { max-width:20rem; }
.widthmax25rem { max-width:25rem; }
.widthmax30rem { max-width:30rem; }

.widthmin10rem { min-width:10rem; }
.widthmin11rem { min-width:11rem; }
.widthmin12rem { min-width:12rem; }
.widthmin15rem { min-width:15rem; }
.widthmin18rem { min-width:18rem; }
.widthmin20rem { min-width:20rem; }
.widthmin25rem { min-width:25rem; }
.widthmin30rem { min-width:30rem; }


.widthmax95p { max-width:95%; }
.widthmax99p { max-width:99%; }
.widthmax100p { max-width:100%; }
/* Breiten */


/* Höhe */
.height100p { height:100%; }
.height1p5rem { height:1.5rem; }
.height2rem { height:2rem; }
.height3rem { height:3rem; }
.height10rem { height:10rem; }
.height11rem { height:11rem; }
.height12rem { height:12rem; }
.height13rem { height:13rem; }
.height15rem { height:15rem; }
.height16rem { height:16rem; }
.height17rem { height:17rem; }
.height18rem { height:18rem; }
.height20rem { height:20rem; }
.height23rem { height:23rem; }
.height30rem { height:30rem; }
.height35rem { height:35rem; }

.heightmax2rem { max-height:2rem; }
.heightmax3rem { max-height:3rem; }
.heightmax5rem { max-height:5rem; }
.heightmax7rem { max-height:7rem; }
.heightmax10rem { max-height:10rem; }
.heightmax11rem { max-height:11rem; }
.heightmax12rem { max-height:12rem; }
.heightmax13rem { max-height:13rem; }
.heightmax15rem { max-height:15rem; }
.heightmax16rem { max-height:16rem; }
.heightmax17rem { max-height:17rem; }
.heightmax18rem { max-height:18rem; }
.heightmax20rem { max-height:20rem; }
.heightmax23rem { max-height:23rem; }
.heightmax30rem { max-height:30rem; }
.heightmax35rem { max-height:35rem; }
/* Höhe */


/* runde Ecken */
.rundeecke0p3 { border-radius:.3rem; }
.rundeecke0p4 { border-radius:.4rem; }
.rundeecke0p5 { border-radius:.5rem; }
.rundeecke0p7 { border-radius:.7rem; }
.rundeecke0p8 { border-radius:.8rem; }
.rundeecke10 { border-radius: 1rem; }
/* runde Ecken */



/* Außenabstände MARGINS */
.keinabsatz { margin-bottom:0; }

.margintop03em { margin-top:0.3em; }
.margintop05em { margin-top:0.5em; }
.margintop1em { margin-top:1em; }
.margintop15em { margin-top:1.5em; }
.margintop2em { margin-top:2em; }
.margintop3em { margin-top:3em; }
.margintop4em { margin-top:4em; }

.marginbott03em { margin-bottom:0.3em; }
.marginbott05em { margin-bottom:0.5em; }
.marginbott07em { margin-bottom:0.7em; }
.marginbott08em { margin-bottom:0.8em; }
.marginbott1em { margin-bottom:1em; }
.marginbott15em { margin-bottom:1.5em; }
.marginbott2em { margin-bottom:2em; }
.marginbott25em { margin-bottom:2.5em; }
.marginbott3em { margin-bottom:3em; }
.marginbott4em { margin-bottom:4em; }

.marginleft05em { margin-left:0.5em; }
.marginleft1em { margin-left:1em; }
.marginleft15em { margin-left:1.5em; }
.marginleft2em { margin-left:2em; }
.marginleft3em { margin-left:3em; }
.marginleft4em { margin-left:4em; }

.marginright05em { margin-right:.5em; }
.marginright1em { margin-right:1em; }
.marginright15em { margin-right:1.5em; }
.marginright2em { margin-right:2em; }
.marginright3em { margin-right:3em; }
.marginright4em { margin-right:4em; }


.margin1rem{ margin:1rem;  }
.marginTop1rem{ margin-top:1rem;  }
.marginBottom1rem{ margin-bottom:1rem;  }
.marginLeft1rem{ margin-left:1rem;  }
.marginRight1rem{ margin-right:1rem;  }

/* Außenabstände MARGINS */





/* Innenabstände PADDING */
.padding02rem{ padding:0.2rem;  }
.padding04rem{ padding:0.4rem;  }
.padding05rem{ padding:0.5rem;  }
.padding07rem{ padding:0.7rem;  }
.padding08rem{ padding:0.8rem;  }
.padding09rem{ padding:0.9rem;  }
.padding1rem{ padding:1rem;  }
.padding13rem{ padding:1.3rem;  }
/* Innenabstände PADDING */



/* Linien */
.grauelinie1pxb { border-bottom:1px solid grey; }
.dgrauelinie1pxb { border-top:1px solid darkgrey; }
.blauelinie1pxb { border-top:1px solid #0B0ECC; }

.grauelinie { border-top:4px solid grey; margin: 0 0 1.5rem 0; }
.dgrauelinie { border-top:4px solid darkgrey; margin: 0 0 1.5rem 0; }
.blauelinie { border-top:4px solid #0B0ECC; margin: 0 0 1.5rem 0; }

/* Linien */




/* Suche + head */
.anmelden:after { content: ""; }
.headmeinkontobild, .headlogoutbild, .headkontaktbild, .headmerkzettelbild, .headhilfebild { width:2rem;height:2rem;max-width:calc(100vw/18);max-height:auto; }
.headwappenbild { width:14rem;height:4rem; max-width:calc(100vw/12);max-height:auto; }
.hilfe:after { content: ""; }
.merkliste:after { content: ""; }
.kontaktelefon:after { content: ""; }
.logout:after { content: ""; }

.flex-container-head { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; align-self: center; gap: 2rem 2rem; flex-wrap: wrap; padding:.3rem 0; }
.flex-container-suche { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; align-self: center; gap: 1rem 1rem; flex-wrap: nowrap;  }
.flex-item-head-1 { flex: 0 1 auto; margin: 0; padding:0;  }
.flex-item-head-2 { flex: 1 1 auto; margin: 0; padding:.3em 0 0 0;  }
.flex-item-head-3 { flex: 0 1 auto; margin: 0; padding:0; }
.flex-item-suche-1 { flex: 0 1 auto; margin: 0; padding:0;  }
.flex-item-suche-2 { flex: 0 1 auto; margin: 0; padding:0;  }

.suchschlitz { border-radius: .3rem; background: #fff; height: 2rem; padding: 0 .3rem; width:25rem; max-width:20rem;  }
.suchergebnisse { display: none; position: absolute; background: white; width:25rem; max-width:20rem; max-height: 50vh; overflow-y: auto; border: 1px solid #ccc; box-shadow: 0 4px 6px rgba(0,0,0,0.1); z-index: 1000; }
.suchergebnisse ul { list-style: none; margin: 0; padding: 0; }
.suchergebnisse li { padding: 10px 0; border-bottom: 1px solid #eee; cursor: pointer; color: #000; }
.suchergebnisse li:last-child { border-bottom: none; }
.suchergebnisse li:hover { background-color: #f0f0f0; }

.input-container { position: relative; display: flex; }
#suchfeld { flex-grow: 1; padding-right: 30px; }
.clear-button { position: absolute; right: 0; top: 0; bottom: 0; border: none; background-color: transparent; color: #ccc; cursor: pointer; width: 30px; }
.clear-button:hover { color: #666; }
input[datalist] { background: grey;}
#los{ padding:.5rem 1rem; }
/* Suche + head */





/* Navigation im Inneren */
nav{height:40px;width:100%;position:relative;border:1px solid #283744;margin-bottom:2em;background:#0d6aaf;border-radius:.5rem;}
.dark-mode nav{height:40px;width:100%;position:relative;border:1px solid #283744;margin-bottom:2em;background:#3D3D3D;border-radius:.5rem;}
nav{font-family:"Droid Sans",Arial,Helvetica,sans-serif;font-weight:700;font-size:1.05em;}
nav ul{padding:0;margin:0;list-style:none;display:flex;justify-content:space-around;flex-wrap:nowrap;}
nav li{padding:0;margin:0;white-space:nowrap;}
nav li:first-child{padding-left:0em;}
nav li:last-child{padding-left:0em;border-right:none;}
nav li a { width:100%; min-width:8rem;}
nav a{color:#fff;display:inline-block;text-align:center;text-decoration:none;line-height:40px;box-sizing:border-box;padding:0 1rem;width:100%;}
nav a:hover,nav a:active{background-color:#f0e634;color:#0d6aaf;}
.dark-mode nav a:hover,nav a:active{background-color:#f0e634;color:#3D3D3D;}
nav a#pull{display:none}
/* Navigation im Inneren */





/* Brotkrumenpfad */
.breadcrumbs-last{max-width:25em;overflow:hidden;;}
.breadcrumbs{list-style:none;margin-bottom:2em}
.breadcrumbs span{color:#283744}
.breadcrumbs a{color:#283744;display:block;float:left;font-size:1rem;position:relative;text-decoration:none;border:1px solid #283744;border-right-width:0;background:#fff;z-index:1;padding:7px 10px 7px 13px}
.breadcrumbs a:last-child{border-right-width:1px!important;border-bottom-right-radius:5px;padding-bottom:8px;}
.breadcrumbs .h1{font-size:1em !important;}
.breadcrumbs a:hover{border-top-color:#283744;border-bottom-color:#283744;color:#000;box-shadow:0 2px 2px #283744}
/* Brotkrumenpfad */



/* Kategoeriemenü links */
.cd-accordion-menu{width:100%;background:#FFF;}
.cd-accordion-menu ul{display:none;margin:0;}
.cd-accordion-menu li{list-style:none;margin:0;user-select:none;}
.cd-accordion-menu input[type=checkbox]{position:absolute;opacity:0}
.cd-accordion-menu label,.cd-accordion-menu a{position:relative;display:block;padding:.5em .5em .5em 1em; background:#0d6aaf;color:#fff;font-weight:700;}
.dark-mode .cd-accordion-menu label,.dark-mode .cd-accordion-menu a{position:relative;display:block;padding:.5em .5em .5em 1em; background:#3D3D3D;color:#fff;font-weight:700;}
.cd-accordion-menu label {position:relative;display:block;padding:.5em .5em .5em 1em;background:#0d6aaf;color:#fff;font-weight:700;}
.dark-mode .cd-accordion-menu label {position:relative;display:block;padding:.5em .5em .5em 1em;background:#3D3D3D;color:#fff;font-weight:700;}
.no-touch .cd-accordion-menu label:hover,.no-touch .cd-accordion-menu a:hover{background:#f0e634}
.cd-accordion-menu label{cursor:pointer}
.cd-accordion-menu input[type=checkbox]:checked + label + ul {display:block}
.cd-accordion-menu .aktiv:nth-of-type(n) + ul{display:block}
.cd-accordion-menu ul label a{background:Silver url(/images/icons/pfeil.png) no-repeat;background-position:95% center;box-shadow:inset 0 -1px #CCD1E2;padding-left:1em;font-weight:400;color:#000}
.cd-accordion-menu ul label:hover{background:#f0e634 url(/images/icons/pfeilw.png) no-repeat;background-position:95% center;color:#000;}
.cd-accordion-menu ul a:hover{background:#f0e634;color:#000;}
.cd-accordion-menu ul a{background:#FFF;border-bottom: thin #CCC solid;padding-left:1em;font-weight:400;color:#000}
.no-touch .cd-accordion-menu ul label:hover,.no-touch .cd-accordion-menu ul a:hover{background:#3c3f45}
.cd-accordion-menu label,.cd-accordion-menu > li:last-of-type > label,.cd-accordion-menu > li:last-of-type > a,.cd-accordion-menu > li > ul > li:last-of-type label,.cd-accordion-menu > li > ul > li:last-of-type a{box-shadow:none}
.cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a{background:#FFF;border-bottom: thin #CCC solid;color:#000;}
.cd-accordion-menu ul ul label:hover{background:#f0e634;color:#000;}
.cd-accordion-menu ul a.check{background:#ef6c00 url(/images/icons/pfeilw90.png) no-repeat;background-position:95% center;color:#FFF}
.cd-accordion-menu .ohnerahmen{padding:0em !important;}
/* Kategoeriemenü links */



/* Bestellpfad */
.bestellpfad{ list-style:none;margin-bottom:2rem;box-shadow:none !important; }
.bestellpfad div { border-width:1px; border-style:solid; border-color:#CCCCCC; padding: 1rem 1.2rem; background: #f5f5f5; border-radius:.5em; }
.bestellpfad .besucht{ background: #A1E000; }
.bestellpfad .active{ background: #FCD514; }
.bestellpfad a:hover { color:#000; border: 0 none; background: transparent;  }
/* Bestellpfad */



/* Allgemein */
.kurzbeschreibung { margin-bottom:0 !important; }
.kurzbeschreibung summary { color:OrangeRed; cursor:pointer; }

.kategentdecken {font-size:140%;margin:2em 0 0;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;}
.dark-mode .kategentdecken {font-size:140%;margin:2em 0 0;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;color:#fff !important;}
.dark-mode .kategentdecken a {color:#fff !important;}
.kategentdecken::before { content: "# "; color: OrangeRed; }
/* Allgemein */


/* Bilder */
.responsive-image { max-width: 100%; height: auto; display: block; }
/* Bilder */



/* Artsearchresult */
.katwertext p:last-child { margin-right: 0 !important;  }

/* EKL */
.eklbereich { font-size:.6rem;margin-top:0;writing-mode: vertical-lr; text-orientation: upright; }
.eklproduktdb { margin-left:1.5rem; }
/* EKL */

.flex-container select { width:95%; }
.fliesstext {line-height:1.5em;}
.katsearchflex{display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin: 0 0 1em 0}
.katsearchflex h1 {display: inline;}
.suinsu { border-radius: .3rem; background: #fff; height: 1.4rem; padding: 0 .3rem; width:65%; max-width:15rem; margin: 0 .5em 0 0;   }
.kathersttip2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
.kathersttip2 select{width:18em;flex-basis:18em;margin:0 1em .5em 0;}
.artikeltopselect select{margin-bottom:.5em;}
.filterreset{border:1px #ccc solid;border-radius:2px;background:#FF9900;padding:.3em .5em;margin-right:.6em;line-height:2.5em}

.artsearchfilter summary { display: block; position: relative; padding: 0 0 0 1.5rem; }
.artsearchfilter summary:before { content: url("/images/icons/filterklein.png"); position: absolute; top: 0.1em; left: 0em; transition: all 0.5s; }
.artsearchfilter details[open] summary::before { content: "\2715"; top: 0.05em; transform: scale(1, -1); margin-bottom: 1em; }
.artsearchfilter details[open] summary { margin-bottom: 1em; }
.artsearchfilter details summary { cursor: pointer; }
.artsearchfilter details[open] summary ~ * { animation: open .6s ease-in-out; }
.artsearchfilter summary:focus { outline: none; }
/* Artsearchresult */




/* Artsearch Seiten */
.artsearchnavi { background:#fff; border:1px #CCC solid; border-radius:.4rem; line-height:3rem; font-size:.9rem; text-decoration:none;text-decoration: none; }
.artsearchnavi a:hover, .artsearchnavi a:visited, .artsearchnavi a:active { background: #ccc;  }
.seitennummer { padding: 1rem .9rem; }
.seitennummerzurueck { padding: 1rem .9rem; border-right:1px #CCC solid; }
.seitennummerzurueck::after { content: "\25C0"; }
.seitennummerweiter { padding: 1rem .9rem; border-left:1px #CCC solid; }
.seitennummerweiter::before { content: "\25b6"; }
/* Artsearch Seiten */



/* Warenkorb */
.versandlabel{padding:0 1em 0 .5em}
.warenkorbva {line-height:2.5em}
.warenkorbzbtrenner {height:auto;margin: 0 0 10px 0}

.disabledContent {cursor: not-allowed; background-color: rgb(229, 229, 229) !important; }
.disabledContent > * { pointer-events:none; }
.lagernd{font-weight:700;font-size:120%;color:#060;}
.aussenlager{font-weight:700;font-size:120%;color:#090;}
.nichtlagernd{font-weight:700;font-size:120%;color:#BF0000;}
.cart-ibild {height:140px;width:200px;max-width:100%;display:flex;justify-content:center;align-items:center;}
.cart-ibild img {height:auto;width:auto;max-height:140px;max-width:200px;}
.grafik { border:none !important; background-color:none !important; background:none !important; cursor: pointer; }
.cart-ibenennung { font-weight: bold; font-size: 1.3em; line-height:1.3em; }
.grafik img { opacity:0.9;width:30px; height:30px; }
.cart-artmenge { padding: 4px .3em; }
.cart-artnr { font-size: 80%; display: inline; }
.cart-zoll { font-size: 85%; color: #ff7e00; }
.wkmenge { width: 10em; *zoom: 1; float: left; margin-top: .7em; }
.wkmenge:before, .wkmenge:after { content: " "; display: table; }
.wkmenge:after { clear: both; }
.wkmengekasten { float: left; width: 33%}
.cart-kill { text-align: right; margin-right: 1.5em; }
.cart-akt { text-align: left; margin-left: 1.9em; }
.cart-summe { min-width:8rem; text-align:right; }
.versandart1 { width:2rem; }
.versandart2 { width:9rem; max-width:100%; }
.warenkorbinfo { font-size: 90%; font-style: italic; color: #ff7e00; }
.warenkorbbisff { margin-top: .5em; }
.warenkorblinie { background-color: #CCC; height: .3rem; margin: .8rem 0 1rem 0; width: 100%; }
.warenkorblinie2 { background-color: #BBBEDE; height: 2px; margin: 15px 0; }
.warenkorbversanduber { font-size: 120%;font-weight: 700; margin-bottom: 7px; }
.kassesummekasten { width: 25em;float: right; overflow: hidden; position: relative;}
.versanbemerkung { width:30rem;max-width:95%;height:6rem;padding:.5em; }
.flex-container-warenkorb { display: flex; flex-direction: row-reverse; padding:0; margin: 0; list-style: none; line-height: 1em;   }
.flex-warenkorb { flex-basis: 32%; max-width:30rem; flex-grow: 1; flex-shrink: 1; }

 /* Warenkorb */


 /* Warehouse */
.warehousescroller { width:98%;height:auto; max-height:23rem;border:1px #ccc solid;border-radius:4px;background:#FFF;margin: 1em 0 1em 0; padding: 0 1% 0 1%;  }
.flickity-page-dots { bottom: -.7rem; }
.flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; }

/* --- SCROLLER DESIGN UPDATE (KORRIGIERT) --- */

/* 1. Die Karte selbst */
.warehouse-carousel-cell.product-card {
    width: 17rem;        /* WICHTIG: Feste Breite, damit Text umbricht! */
    height: 22rem;       /* Gesamthöhe */
    padding: 10px;
    margin: 0 10px;
    display: block;
    box-sizing: border-box;
    background: #fff;    /* Sicherstellen, dass Hintergrund weiß ist */
    border: none;
    border-radius: 8px;  /* Optional: Runde Ecken */
}

/* 2. Der Link Container */
.product-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: relative;
    text-decoration: none;
    justify-content: flex-start;
}

/* 3. Die Fahne (Neu / Empfehlung) */
.product-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    max-width: 100%;
}

/* WICHTIG: Damit die Fahne nicht über die ganze Breite geht */
.product-badge > div {
    width: fit-content !important;   /* Nur so breit wie der Text */
    min-width: 4rem;
    max-width: 100% !important;
    padding: 0.5rem 1rem !important;
    white-space: nowrap;
    display: table;               /* Fallback für ältere Browser */
}

/* 4. Das Bild */
.product-image-wrapper {
    height: 13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}

.product-image-wrapper img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* 5. Der Name */
.product-name {
    height: 3rem;          /* Platz für 3 Zeilen */
    line-height: 1.5rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
    font-weight: 700;
    color: #000;
    text-align: center;

    /* Erzwingt Umbruch */
    white-space: normal !important;
    word-wrap: break-word;

    /* Pünktchen nach 3 Zeilen */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 6. Preis-Wrapper */
.product-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-price-box {
    margin-top: auto;    /* Drückt den Preis nach unten */
    min-height: 3.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}
.streichpreis { background:hsla(0,0%,100%,0.85);font-weight:600;font-size:1.2em !important;text-decoration:line-through; }

/* Abstand zwischen Streichpreis und Preis */
.product-price-box .flex-container {
    justify-content: center !important;
    width: 100%;
    column-gap: 15px;
    row-gap: 0;
}
/* --- SCROLLER DESIGN UPDATE (KORRIGIERT) --- */

.warehouse-item { width:calc(100% / 4.6); overflow:hidden; border:1px #cfdbff solid;border-radius:6px;background:#FFF; align-items:center;text-align:center;bottom:0; }
.warehouse-item:hover,.warehouse-item:focus {border:1px OrangeRed solid;background:#fff;color:#000;text-decoration:none;}
.warehouse-item img {vertical-align:middle;height:16em;width:auto;max-height:95%;max-width:95%;}
.warehouse-item h4 {font-size:1.2rem !important; margin:.3em; text-align:center; display: inline-block; overflow:hidden;z-index:2; line-height:1.3em; background:hsla(0,0%,100%,0.85);height: 4.4rem;}
.warehouse-item .streichpreis { background:hsla(0,0%,100%,0.85);font-weight:600;font-size:1.2em !important;text-decoration:line-through; margin:.6em; }
.warehouse-item .artsearchlistpreis { margin:.6em; }
.warehouseoptionen { background:#FFF5E6; color:#000; border:3px #F90 solid; margin-bottom: 1em; border-radius: 7px; padding: 10px; margin: 1em 0 3em 0; }
.warehouseoptionen .flex-item { width:calc(100% / 4.2); }
.warehouseoptionen a { color: #000; outline: 0; }
.warehouseoptionen input[type="text"] { width:80%; max-width:85%; height:2.4em; padding-left:3px;  }
.warehouseoptionen input[type="submit"] { max-width:20%;  }
.warehouseoptionen select { width:99%; height:2.4em; }
 /* Warehouse */




/* WWDW */
.wwdw-item { width:calc(100% / 4.6); overflow:hidden; border:1px #cfdbff solid;border-radius:6px;background:#FFF; align-items:center;text-align:center;bottom:0; }
.wwdw-item:hover,.wwdw-item:focus {border:1px OrangeRed solid;background:#fff;color:#000;text-decoration:none;}
.wwdw-item img {vertical-align:middle;height:16em;width:auto;max-height:95%;max-width:95%;}
.wwdw-item h4 {font-size:1.2rem !important; margin:.3em; text-align:center; display: inline-block; overflow:hidden;z-index:2; line-height:1.3em; background:hsla(0,0%,100%,0.85);height: 4.4rem;}
.wwdw-item .streichpreis { background:hsla(0,0%,100%,0.85);font-weight:600;font-size:1.2em !important;text-decoration:line-through; margin:.6em; }
.wwdw-item .artsearchlistpreis { margin:.6em; }
.verkauft img {opacity:0.5 !important;}
.verkauft:before {content:"ausverkauft";text-align:center;z-index: 5;font-size:300%;font-weight:bold;position:absolute;top:4.5em;right:1em;color:#FCD514;text-shadow: 0 0 0.2em #000;transform: rotate(-20deg)}
/* WWDW */







/* Kategorie */
.dark-mode .kategoriehead { color:#fff;  }
.dark-mode .katwertext { color:#fff;  }
.dark-mode .katwertext p:last-child { margin-right: 0 !important; }

.katgruppe-item {padding:.6em !important; width:calc(100% / 4.6); border:1px #cfdbff solid;border-radius:6px;background:#FFF; align-items:center; text-align:center;}
.katgruppe-item:hover,.wwdw-item:focus {border:1px OrangeRed solid;background:#fff;color:#000;text-decoration:none;}
.katgruppe-item .image-container { width: 100%; max-width: 230px; max-height: 230px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.katgruppe-item img { max-width: 100%; max-height: 100%; object-fit: contain; }
.katgruppe-item h4 {font-size:1.2rem !important; margin:.3em; text-align:center; display: inline-block; overflow:hidden;z-index:2; line-height:1.3em; background:hsla(0,0%,100%,0.85);}
.katklass-item {width:calc(100% / 5); align-items:center;text-align:center;}
.katklass-item:hover {background:none;color:#000; text-decoration:none;}
.katklass-item .bild {display: inline-block; height: 100%; vertical-align: middle; }
.katklass-item img {vertical-align:middle;max-height:95%;max-width:95%;}
.katklass-item h4 {font-size:1.2rem !important; margin:.5rem 0 1rem 0; text-align:center; display: inline-block; word-wrap: break-word; overflow:hidden;z-index:2; line-height:1.3em; }
/* Kategorie */



/* Energielabel */
.classAPlusPlusPlus,.classAPlusPlus,.classAPlus,.classA,.classB,.classC,.classD,.classE,.classF,.classG{position:relative;display:block;height:36px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:2px;margin-bottom:2px;padding-left:3px;line-height:36px;color:#fff;font-size:26px;font-weight:700}
.classAPlusPlusPlus::after,.classAPlusPlus::after,.classAPlus::after,.classA::after,.classB::after,.classC::after,.classD::after,.classE::after,.classF::after,.classG::after{content:"";position:absolute;left:100%;border:18px solid transparent;border-left:9px solid #fbb900}
.classAPlusPlusPlus>sup,.classAPlusPlus>sup,.classAPlus>sup,.classA>sup,.classB>sup,.classC>sup,.classD>sup,.classE>sup,.classF>sup{position:absolute;top:11px}
.classAPlusPlusPlus{width:60px;background-color:#00A652;border-color:#00A652}
.classAPlusPlusPlus::after{border-left-color:#00A652}
.classAPlusPlus{width:50px;background-color:#00A652;border-color:#00A652}
.classAPlusPlus::after{border-left-color:#00A652}
.classAPlus{width:35px;background-color:#50B849;border-color:#50B849}
.classAPlus::after{border-left-color:#50B849}
.classA{width:30px;padding-left:8px;background-color:#50B849;border-color:#50B849}
.classA::after{border-left-color:#50B849}
.classB{width:30px;padding-left:8px;background-color:#C0D731;border-color:#C0D731}
.classB::after{border-left-color:#C0D731}
.classC{width:30px;padding-left:8px;background-color:#FDF100;border-color:#FDF100}
.classC::after{border-left-color:#FDF100}
.classD{width:30px;padding-left:8px;background-color:#FCBC27;border-color:#FCBC27}
.classD::after{border-left-color:#FCBC27}
.classE{width:30px;padding-left:8px;background-color:#F1731E;border-color:#F1731E}
.classE::after{border-left-color:#F1731E}
.classF{width:30px;padding-left:8px;background-color:#F1731E;border-color:#F1731E}
.classF::after{border-left-color:#F1731E}
.classG{width:30px;padding-left:8px;background-color:#ED1B24;border-color:#ED1B24}
.classG::after{border-left-color:#ED1B24}
/* Energielabel */


/* Artikellabel */
.artikel-fahne { position:relative;top:0;left:0; }
.artikelabelleer{}
.artikelabelneu{width:4rem; max-width:50%; padding:.5rem 1rem;background-color:#FDF100;border-color:#FDF100;color:#000;border-radius:0 0 6px 0;text-align:center;}
.artikelabeltops{width:4rem; max-width:50%; padding:.5rem 1rem;background-color:#ff8c00;border-color:#ff8c00;color:#fff;border-radius:0 0 6px 0;text-align:center;}
.artikelabelwwdw{width:4rem; max-width:50%; padding:.5rem 1rem;background-color:#8fd601;border-color:#8fd601;color:#000;border-radius:0 0 6px 0;z-index:50;}
.artikelabelwarehouse{width:6rem; max-width:50%; padding:.5rem 1rem;background-color:#FCBC27;border-color:#FCBC27;color:#000;border-radius:0 0 6px 0;text-align:center;}
.artikelabel995{width:4rem; max-width:50%; padding:.5rem 1rem;background-color:#F1731E;border-color:#F1731E;color:#FFF;border-radius:0 0 6px 0;text-align:center;}
.artikelabel996{width:5rem; max-width:50%; padding:.5rem 1rem;background-color:#53BDF2;border-color:#53BDF2;color:#000;border-radius:0 0 6px 0;text-align:center;}
.artikelabel998{width:4rem; max-width:50%; padding:.5rem 1rem;background-color:#F1731E;border-color:#F1731E;color:#FFF;border-radius:0 0 6px 0;text-align:center;}
.artikelabel999{width:4rem; max-width:50%; padding:.5rem 1rem;background-color:#ED1B24;border-color:#ED1B24;color:#FFF;border-radius:0 0 6px 0;text-align:center;}
.artikelabelblack{width:4rem; max-width:50%; padding:.5rem 1rem;background-color:#000;border-color:#FDF100;color:#FF0000;border-radius:0 0 6px 0;z-index:50;}

/*
.artikelabelleer{position:relative;height:1.5rem;top:0;left:0;}
.artikelabelneu{position:relative;width:4rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#FDF100;border-color:#FDF100;color:#000;border-radius:0 0 6px 0;text-align:center;}
.artikelabeltops{position:relative;width:4rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#ff8c00;border-color:#ff8c00;color:#fff;border-radius:0 0 6px 0;text-align:center;}
.artikelabelwwdw{position:relative;width:4rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#8fd601;border-color:#8fd601;color:#000;border-radius:0 0 6px 0;z-index:50;}
.artikelabelwarehouse{position:relative;width:6rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#FCBC27;border-color:#FCBC27;color:#000;border-radius:0 0 6px 0;text-align:center;}
.artikelabel995{position:relative;width:4rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#F1731E;border-color:#F1731E;color:#FFF;border-radius:0 0 6px 0;text-align:center;}
.artikelabel996{position:relative;width:5rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#53BDF2;border-color:#53BDF2;color:#000;border-radius:0 0 6px 0;text-align:center;}
.artikelabel998{position:relative;width:4rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#F1731E;border-color:#F1731E;color:#FFF;border-radius:0 0 6px 0;text-align:center;}
.artikelabel999{position:relative;width:4rem; max-width:50%; padding:.5rem 1rem;top:0;left:0;background-color:#ED1B24;border-color:#ED1B24;color:#FFF;border-radius:0 0 6px 0;text-align:center;}
*/
/* Artikellabel */



/* PopUp / Overlay */
#overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.popup {
    background: #fff;
    padding: 2em;
    border-radius: 10px;
    text-align: center;
    max-width: 400px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.popup button {
    margin-top: 1em;
    padding: 0.5em 1.5em;
    font-size: 1em;
    border: none;
    background-color: #333;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

.popup button:hover {
    background-color: #555;
}
/* PopUp / Overlay */




/* neue Produktbeschreibungen */
.prodspecnew { border-collapse: collapse;  }
.prodspecnew thead { font-size: 110%; font-weight:700; background-color:#ff8c01; color:#000; text-align:center; border-bottom: solid; }
.prodspecnew tfoot { text-align:center; border-top: solid; }
.prodspecnew .psnleft { width:49%; font-weight:700; padding: 0 .2em; }
.prodspecnew tr:nth-child(even) { background-color:#DEDEDE; }
/* neue Produktbeschreibungen */


/* Bottom */
.bottueber {text-align:center;margin:0 auto .5em auto;font-weight:bold}
.bottflextext {display:table;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1em 0 2em;font-weight:bold;font-size:150%;color:White;}
.bottflextext a{color:White;}
.bottflex {display:table;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1em 0 2em}
.boozahl {display:inline-block;flex-basis:1;text-decoration:none;margin:0 1em 0 1em;}
.boozahl:first-child { margin-left:0 }
.boozahl:hover,.boozahl:focus {background:none;color:#f0e634;text-decoration:none;}
.boozahl div {font-size:150%;font-weight:600;line-height:43px}
.boozahl:before { content: "# "; color: OrangeRed; }
.bottmenuflex {display:table;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:1em 0}
.bottmenuflex .footermenue {display:inline-block;flex-basis:1;}
.footermenue ul{margin:0;}
.footermenue li{list-style:none;margin:0;user-select:none;}
.footermenue input[type=checkbox]{position:absolute;opacity:0}
.footermenue label {color:#f0e634;font-weight:700;font-size:120%;line-height:2.3;text-transform:uppercase;letter-spacing:.1em; }
.footermenue label::before { content: "# "; color: OrangeRed; }
.footermenue li li {margin-bottom:.3em}
.footermenue a { color:#fff;}
.footermenue a:hover { color:#f0e634;background:transparent; text-decoration:none;}

.bottupdate {margin:0 auto 1em auto;}
.bottkleintext {font-size:90%;color:#C0C0C0;}
.lz_text_link{display:none}
#MyCustomTrustbadge { position:fixed;bottom:5px;left:150px;  }
.scrollicon {text-align: center; text-decoration: none; cursor: pointer; width: 50px; height: 50px; border-radius: 8px; background: #f0e634; position: fixed; bottom: 8.7rem; right: 1rem; display: none; border: 1px solid #f0e634; z-index: 9999;}
.scrollicon div { font-size: 1.2em; color: Black; padding-top: .25rem; }
.tb-widget-dialog{right: 1rem !important;}
#themeToggle { padding: 0.3em; font-size: 1rem; border: 1px solid #ccc; border-radius: 5px; background: #f9f9f9; cursor: pointer; }
#themeToggle:focus { border-color: #0078d7; outline: none; }
/* Bottom */
}


@media screen and (min-width: 0px) {
    body > header, #suchbereich, body > main, body > footer { min-width: 0; }
}




/*   unterschreiten der maximalen Breite des main .ym-wbox  */
@media screen and (max-width: 92em) {
main .ym-wbox { border-radius: 0px !important; box-shadow: none; }
header { border-bottom: none; }
.flex-container-head { padding:.3rem .7rem;  }

}



@media screen and (max-width: 1024px) {
.ym-wrapper { /*    testweise umgestellt 01.12.2022  */ max-width: 100vw; }

/* Navigation im Inneren */
nav{height:auto;border-bottom:0;background:#fff;z-index: 1000;}
nav li a{color:#000; text-align:center;}
nav ul{display:none;height:auto}
nav li{display:block;position:relative}
nav li:first-child{padding-left:0}
nav li a{border-bottom:1px solid #E6E8F0;min-width:200px}
nav a{color:#fff;text-align:left;width:100%;text-indent:25px;padding:0;border-radius:.5rem;}
nav a#pull{display:block;width:100%;position:relative;font-weight:700;font-size:110%;background:#0d6aaf;}
.dark-mode nav a#pull{display:block;width:100%;position:relative;font-weight:700;font-size:110%;background:#3D3D3D;}
nav a#pull:after{content:"";background:url(/images/icons/nav-icon.png) no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:10px}
.dark-mode nav li a{ background-color:#ccc !important; }
/* Navigation im Inneren */


.logo_head { background: url(/images/logos/csvlogo_small.svg) left no-repeat!important; height: 40px; max-width: 70px; }

}


@media screen and (max-width: 1171px) {
/* Suche */
.flex-container-head { gap: .5rem 2rem;  }
.flex-container-suche { flex-direction: row; justify-content: flex-end; align-items: flex-end; align-content: flex-end; align-self: flex-end;  }
.suchschlitz { width:auto; }
.anmelden:after { content: ""; }
.hilfe:after { content: ""; }
.merkliste:after { content: ""; }
.kontaktelefon:after { content: ""; }
.logout:after { content: ""; }
/* Suche */
}



@media screen and (max-width: 750px) {
.linearize-form label {
    float: none;
}
.linearize-form .ym-label, .linearize-form .ym-message, .linearize-form input, .linearize-form button, .linearize-form textarea, .linearize-form select {
    display: block;
    float: none;
    position: static;
    width: 100%!important;
    margin-left: 0!important;
}
.linearize-form .ym-fbox-wrap, .linearize-form .ym-fbox-wrap [class*=ym-g] {
    display: block;
    float: none;
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}

}







@media screen and (max-width: 780px) {
.linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto!important;
}
.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.secondary {
    margin-top: .5em!important;
}
main aside .ym-gbox-right {
    border: 0 none;
}
.ym-searchform {
    display: block;
    float: none;
    width: auto;
}
.ym-searchform input[type="search"] { width: 90%}

.headmenu {
    max-height: 60px;
    font-size: 90%}
.warenkorb_head {
    margin-bottom: 0;
    height: 60px;
    width: auto;
    float: right;
    display: block;
    margin-left: 1em;
}
.katsearchtip11 {
    margin: .3em 0 .5em;
    font-style: italic;
    text-align: left!important;
}
.wksmall {
    background: url(/images/icons/warenkorb.svg);
    height: 40px;
    width: 40px;
}
.wkanzahl {
    padding-top:.2em;
    font-size: 120%!important;
    border-radius: 10%!important;
}
.zwischensumme {
    margin-top: .5em;
}
div.fb-like-box {
    display: none;
    visibility: hidden;
}
.kassesummekasten {
    max-width: 100%!important;
    float: none;
    overflow: hidden;
    position: relative;
}
.bildrechts {
    display: none!important;
    visibility: collapse;
}
.bestc {
    text-align: left;
}
.bestd {
    text-align: left;
}
.servicepla {
    float: none;
    width: 100%}
.serviceplb {
    float: left;
    width: 85%}
.serviceplc {
    width: 15%}
.displaynone {
    display: none;
}
.right {
    text-align: left;
}
.ddwfloat2 {
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    float: left;
}
.ddwfloat2:last-child {
    margin-right: 0;
}
a.tooltip grau {
    display: none;
    visibility: hidden;
}



/* Allgemein */
.tabletraus {display:none;}
/* Allgemein */




.flex-container-warenkorb { flex-direction: column; justify-content: center !important; align-items: center; }
.flex-container-720-column { flex-direction: column; justify-content: center !important; align-items: center; }
.flex-container-column-720-end { justify-content: center !important; align-items: center !important;  }
.flex-justifycontent-artsearch { justify-content: center !important; }

/* Warenkorb */
.flex-warenkorb { flex-basis: auto !important; min-width: 90%; flex-grow: 1; flex-shrink: 1; }
.cart-summe { width:auto; text-align:center; }
/* Warenkorb */




/* WWDW */
.wwdw-item {width:calc(100% / 2.5);}
/* WWDW */

/* Katgruppenwerbung */
.katgruppe-item {width:calc(100% / 3.6);}
/* Katgruppenwerbung */

/* ENDE TABLETs */
}





@media screen and (max-width: 480px) {
.linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto!important;
}
.linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
header .ym-wbox {
    padding: .75em 10px;
}
header h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
}
#suchbereich .ym-hlist {
    padding: 0 10px 0 0;
    height: 44px;
}
footer .ym-wbox, .ym-wbox {
    padding-left: 10px;
    padding-right: 10px;
}
.ym-searchform {
}
.ym-searchform input[type="search"] {  width: 77%}

.headmenu {
    margin-left: .5em;
    font-size: 70%}
.headmenu2 {
    margin-top: .7em;
    padding-right: 1em;
}
.headmenu2 img {
    height: 20px;
}
.warenkorb_head {
    margin-bottom: 0;
    height: 40px;
    width: auto;
}
.artsearch_sort select {
    width: 100%;
    margin-bottom: 7px;
}
.preisredhoehe {
    height: 3em;
}
.floatrightresp {
    float: none;
    padding: 0 0 1.5em;
}
.floatright2 {
    float: none;
    overflow: hidden;
    position: relative;
    padding: 0 0 .5em;
}
.floatleft2 {
    float: none;
    overflow: hidden;
    position: relative;
    padding: 0 0 .5em;
}
.serviceplb {
    float: none;
    width: 100%}
.serviceplc {
    float: none;
    width: 100%;
    text-align: left;
}
.servicepl1 {
    float: none;
    width: 100%;
    margin-bottom: .5em;
}
.displaynone2 {
    display: none;
    visibility: hidden;
}
.werbekast1inner {
    float: none;
    padding: 1em;
}
.werbekasttext, .werbekastimg {
    float: none;
    width: 100%;
    margin: 0;
    font-size: 80%}
.finanzraten td {
    display: block;
}
.finanzraten tr {
    padding: .5em .5em 1em;
}
.wksmall {
    background: url(/images/icons/warenkorb.svg) left no-repeat!important;
    height: 40px;
    width: 40px;
}
.wkanzahl {
    font-size: 120%!important;
    border-radius: 10%!important;
}
.artinfotop h1, .newuser div.error label {
    font-size: 130%!important;
}
.artinfotop p.artnummer {
    font-size: 65%}
.versand {
    font-size: 75%!important;
}
.bestand2 {
    font-size: 90%!important;
}
.scrollicon {
    bottom: 1rem;
    right: 6rem;
}
div.graukasserahmen {
    width: 90%;
}


/* Navigation im Inneren */
nav{border-bottom:0; z-index: 1000; }
nav ul{display:none;height:auto;}
nav li{width:100%;}
nav li a{border-bottom:1px solid #E6E8F0;}
.dark-mode nav li a{ background-color:#ccc !important; }
/* Navigation im Inneren */


/* Brotkrumenpfad */
.breadcrumbs a{color:DimGrey;display:block;float:left;font-size:.8rem !important;position:relative;text-decoration:none;z-index:1;padding:3px 3px 3px 3px;border:none !important;}
.breadcrumbs a:after{margin-left:.5em;content: ">"}
.breadcrumbs a:last-child:after{margin-left:0;content:none !important;}
.breadcrumbs .h1{font-size:.7em !important;}
/* Brotkrumenpfad */


/* Bestellpfad */
.bestellpfad div { padding: .5rem .5rem; }
/* Bestellpfad */


/* Suche */
.flex-item-head-1 { order: 1;  }
.flex-item-head-2 { order: 3;  }
.flex-item-head-3 { order: 2;  }
.flex-item-suche-1 { flex: 1 1 auto;  }
.suchschlitz { width:95%; }
/* Suche */


/* Warenkorb */
.cart-ibenennung { text-align:center; }
.cart-hinweis { text-align:center; }
.warenkorbva {line-height:3em}
.warenkorbzb tr {height:3.5em}
/* Warenkorb */


.flex-container-column { justify-content: center !important; align-items: center;  }
.flex-container-column-res-end { justify-content: center !important; align-items: center !important;  }
.flex-container-artinfo { flex-direction: column; justify-content: center !important; align-items: center !important;  }
.flex-container-res-column { flex-direction: column; justify-content: center !important; align-items: center; }
.flex-container-cartsumme { flex-direction: row; align-items: center; }

.flex-item-artinfo-1 { width:97% !important; }
.flex-item-artinfo-2 { width:97% !important; }



.widthres50 { width:100% !important; }
.widthres45 { width:100% !important; }
.widthres40 { width:100% !important; }
.widthres33 { width:100% !important; }
.widthres25 { width:100% !important; }



/* Allgemein */
.kurzbeschreibung li { list-style-type:none; }
.smartmitte { text-align:center; }
.smartraus {display:none;}
/* Allgemein */



/* Artsearchresult */
.herstelltip{margin:0 0 .5em 0}
.kattip{margin:0 0 .5em 0}
.kathersttip1{margin:1.5em 0 .5em 0}
.katsearchflex h1 {display:block !important;}
.kathersttip2{display:flex;flex-direction:row;flex-wrap:nowrap;}
.kathersttip2 select{width:100%;flex-basis:100%;margin:0 0 .5em 0;}
/* Artsearchresult */


/* WWDW */
.wwdw-item {width:calc(100%);}
.wwdw-item img {max-height:95%;max-width:95%;}
.wwdw-item h4 {height: 3.5rem;}
/* WWDW */



/* Warehouse */
.warehouse-item {width:calc(100%);}
.warehouse-item img {max-height:95%;max-width:95%;}
.warehouse-item h4 {height: 3.5rem;}
.warehouseoptionen .flex-item { width:100%; }
.warehouseoptionen input[type="text"] { width:65%; max-width:95%; height:2.4em; padding-left:3px;  }
.warehouseoptionen input[type="submit"] { width:30%;  }
.warehouseoptionen select { width:99%; height:2.4em; }

/* Warehouse */


/* Katgruppenwerbung */
.katgruppe-item {width:calc(100% / 2.4);}
.katklass-item {width:calc(100% / 2.4);}
/* Katgruppenwerbung */


/* neue Produktbeschreibungen */
.prodspecnew .psnleft { width:100%; text-align:center; }
.prodspecnew .psnright { width:100%; text-align:center !important; }
/* neue Produktbeschreibungen */



/* Bottom */
.bottmenuflex {flex-direction:column;}
.bottflextext .boozahl {margin-bottom:1em}
.footermenue{width:100%;background:#FFF;border-radius:5px}
.footermenue ul{display:none;margin:0}
.footermenue li{list-style:none;margin:0;user-select:none}
.footermenue input[type=checkbox]{position:absolute;opacity:0}
.footermenue label{position:relative;display:block;padding:.5em;background:#0d6aaf url(/images/icons/pfeilw.png) no-repeat;background-position:95% center;box-shadow:inset 0 -1px #B3BAD3;border-top:solid 1px Gold;border-right:solid 1px Gold;border-left:solid 1px Gold;}
.footermenue a{position:relative;display:block;padding:.5em;box-shadow:inset 0 -1px #B3BAD3}
.footermenue label:hover{background:#3c3f45;background:#0d6aaf url(/images/icons/pfeilwo.png) no-repeat;background-position:95% center;}
.footermenue label{cursor:pointer}
.footermenue input[type=checkbox]:checked + label + ul,.footermenue input[type=checkbox]:checked + label:nth-of-type(n) + ul{display:block}
.footermenue ul a:hover{background:#a29f9f}
.footermenue ul a{box-shadow:inset 0 -1px #CCD1E2;padding-left:1em;font-weight:400;color:#000}
.footermenue .nurtext {padding-left:1em;line-height:2em;font-weight:400;color:Black}

.footermenue ul a:hover{background:#3c3f45}
.footermenue > li:last-of-type > label,.footermenue > li:last-of-type > a,.footermenue > li > ul > li:last-of-type label,.footermenue > li > ul > li:last-of-type a{box-shadow:none}
.footermenue ul ul label,.footermenue ul ul a{}
.footermenue ul ul label:hover{background:#0d6aaf;color:#FFF}
.footermenue li li {margin-bottom:0 !important}
.footermenue hr { display:none; }

.telefonsymbol{cursor:pointer;width:49px;height:49px;opacity:.6;position:fixed;bottom:10px;left:10px;z-index:9999;}
#MyCustomTrustbadge { position:fixed;bottom:-17px !important;left:75px !important;  }
/* Bottom */


}





@media print {
.ym-print {
    position: static;
    left: 0;
}
.ym-noprint {
    display: none!important;
}
body {
    font-size: 10pt;
    padding: 0 5px;
}
header, #suchbereich, .ym-searchform, footer, .ym-gbox-left, .artikelscroller, .breadcrumbs {
    display: none;
}
.ym-g75 {
    width: 100%}
h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
}
.ym-gl {
    float: none;
}
.ym-gr {
    float: left;
}




}



@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Sans Bold'), local(DroidSans-Bold), url(/css/fonts/EFpQQyG9GqCrobXxL-KRMYWiMMZ7xLd792ULpGE4W_Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Serif'), local(DroidSerif), url(/css/fonts/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Serif Bold'), local(DroidSerif-Bold), url(/css/fonts/QQt14e8dY39u-eYBZmppwYlIZu-HDpmDIZMigmsroc4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Droid Serif';
    font-style: italic;
    font-weight: 400;
    src: local('Droid Serif Italic'), local(DroidSerif-Italic), url(/css/fonts/cj2hUnSRBhwmSPr9kS5898u2Q0OS-KeTAWjgkS85mDg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}