/* 1772168789.85 */
 /**/
/* Body-Frame (globale Definitionen) */
/**/
/**/
/* Basis-Gerät max-width 20em */
/**/
body {
         max-width        : 100%;
         margin           : 0em auto;
         background       : White;
         font-size        : 80%;
         font-family      : 'Philosopher', sans-serif;
         font-weight      : 400;
         color            : Black;
         text-align       : left;
}
/**/
/* Mit <div class="clear"></div> wird eine Float-Darstellung abgeschlossen */
/**/
.clear {
         clear            : both;
}
/**/
/* Verhalten von Leerzeichen und Umbrüchen */
/**/
.ws_normal {
         white-space      : normal;
}
.ws_pre {
         white-space      : pre;
}
.ws_pre-wrap {
         white-space      : pre-wrap;
}
.ws_pre-line {
         white-space      : pre-line;
}
.ws_nowrap {
         white-space       : nowrap;
}
/**/
/* Standard-Design von Überschriften und Hervorhebungen */
/**/
h1,
h2,
h3,
h4,
h5,
h6 {
         display          : block;
         text-align       : center;
         font-weight      : 400;
         letter-spacing   : 0.2em;
         color            : Black;
         margin-bottom    : 1em;
}
h1 {
         font-size        : 1.3em;
         font-weight      : 600;
}
h2 {
         margin           : 0.3em;
         font-size        : 0.9em;
}
h3 {
         font-size        : 0.8em;
         text-align       : left;
         letter-spacing   : 0.0em;
}
h4 {
         font-size        : 1.0em;
         color            :  #e53b51;
}
h5 {
         font-size        : 0.8em;
}
strong {
         color            :  #e53b51;
}
/**/
/* Standard-Design und Verhalten von Links */
/**/
a:link,
a:visited,
a:active,
a:hover {
         font-weight      : normal;
         color            : #e53b51;
         text-decoration  : underline Black;
}
a:hover {
         color            : #e53b51;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
a[href^='tel:']::before {
         content           : "\260F" " ";
}
a[href^='mailto:']::before {
         content           : "\2709" " ";
}
/* Script-Rückmeldungen */
#return_false,
#return_right {
        display           : block;
        margin            : 3.0em;
        text-align        : center;
        font-weight       : 600;
        color             : White;
        padding           : 1.0em;
        border            : none;
        box-shadow       : 0.5em 0.5em 1em 0.5em #680000;
}
#return_false {
        background        : #FAFAFA;
}
#return_right {
        background        : #e53b51;
}
/**/
/* Geräte-Anpassungen über 21em */
/**/
@media screen and (min-width: 21em) {
  body {
         font-size        : 95%;
  }
  h1 {
         font-size        : 1.6em;
  }
  h2 {
         font-size        : 1.1em;
  }
  h3 {
         font-size        : 0.9em;
  }
  h4 {
         font-size        : 1.3em;
  }
  h5 {
         font-size        : 1.2em;
  }
  h6 {
         font-size        : 1.1em;
  }
  select {
         font-size        : 1.0em;
  }
}
@media screen and (min-width: 37em) {
  body {
         font-size        : 100%;
  }
  h1 {
         font-size        : 1.7em;
  }
  h2 {
         font-size        : 1.3em;
  }
  h3 {
         font-size        : 1.0em;
  }
  h4 {
         font-size        : 1.4em;
  }
  h5 {
         font-size        : 1.3em;
  }
  h6 {
         font-size        : 1.2em;
  }
}
@media screen and (min-width: 48em) {
  body {
         font-size        : 105%;
  }
  h1 {
         font-size        : 2.0em;
  }
  h2 {
         font-size        : 1.4em;
  }
  h3 {
         font-size        : 1.1em;
  }
  h4 {
         font-size        : 1.5em;
  }
  h5 {
         font-size        : 1.4em;
  }
  h6 {
         font-size        : 1.3em;
  }
}
@media screen and (min-width: 64em) {
  body {
         font-size        : 110%;
  }
  h1 {
         font-size        : 2.1em;
  }
  h2 {
         font-size        : 1.5em;
  }
  h3 {
         font-size        : 1.2em;
  }
  h4 {
         font-size        : 1.6em;
  }
  h5 {
         font-size        : 1.5em;
  }
  h6 {
         font-size        : 1.4em;
  }
  select {
         font-size        : 1.4em;
  }
}
@media screen and (min-width: 75em) {
  body {
         font-size        : 125%;
  }
  h1 {
         font-size        : 2.5em;
  }
  h2 {
         font-size        : 1.6em;
  }
  h3 {
         font-size        : 1.3em;
  }
  h4 {
         font-size        : 1.7em;
  }
  h5 {
         font-size        : 1.6em;
  }
  h6 {
         font-size        : 1.5em;
  }
}/**/
/* Header-Frame */
/**/
header {
         display          : flex;
         width            : 100%;
         height           : 9.0em;
         overflow         : visible;
         background       : linear-gradient(to right, rgba(229,59,81,0.2) 0%, rgba(229,59,81,0.7) 30%, rgba(229,59,81,1.0) 80%), url(page_images/header.jpg) no-repeat;
         background-size  : cover;
         justify-content  : center;
         align-items      : center;
         color            : Black;
}
header #topline {
         display          : block;
         height           : 3.0em;
         position         : sticky;
         top              : 0em;
         z-index          : 1;
         clear            : both;
         text-align       : center;
         background       : White;
         box-shadow       : 0.2em 0.2em 0.2em 0.1em rgba(0,0,0,0.2);
}
header #topline #top_nav {
         display          : none;
         float            : right;
}
header #topline #top_nav a:link,
header #topline #top_nav a:visited,
header #topline #top_nav a:active,
header #topline #top_nav a:hover  {
         float            : right;
         display          : block;
         margin-right     : 1em;
         color            : #ccff66;
         font-size        : 0.8em;
         padding          : 0.2em;
         padding-top      : 1.0em;
         text-decoration  : none;
}
header #topline #top_nav a:hover {
         text-decoration  : underline;
         color            : #FF7F00;
}
header #title_logo {
         position         : absolute;
         margin           : 0.5em;
         right            : 1.0em;
}
header #title_logo img {
         width             : 6.7em;
}
header a:hover {
         background       : none !important;
         box-shadow       : none !important;
}
header h1 {
         width            : 40%;
         color            : White;
         font-weight      : 500;
         padding          : 0.2em;
}
/**/
/* Anpassungen für Geräte mit mehr als 48em */
/**/
@media screen and (min-width: 37em) {
  header {
         height           : 16.0em;
  }
  header #title_logo img {
         width            : 10.5em;
  }
}
@media screen and (min-width: 48em) {
  header {
         height           : 20.0em;
  }
  header #title_logo img {
         width            : 12.0em;
  }
}
@media screen and (min-width: 64em) {
  header {
         height           : 24.0em;
  }
  header #title_logo img {
         width            : 15.5em;
  }
}/**/
/* Nav-Frame (Haupt-Navigation) */
/**/
nav {
         display          : block;
         height           : 3.0em;
         position         : sticky;
         top              : 0.0em;
         z-index          : 1;
         clear            : both;
         text-align       : center;
         background       : White;
         box-shadow       : 0.2em 0.2em 0.2em 0.1em rgba(0,0,0,0.2);
}
nav #menue_button {
         float            : right;
         height           : 2.2em;
         margin           : 0.2em;
         margin-right     : 0.5em;
}
nav #menue_button img {
         height           : 100%;
}
nav #menue_button #display {
         font-size        : 1.5em;
}
nav #logo {
         float            : left;
         height           : 2.2em;
         margin           : 0.2em;
}
nav #logo img {
         width            : 50%;
}
nav #head_nav {
         display          : none;
         position         : sticky;
         z-index          : 1;
         height           : auto;
         font-size        : 0.8em;
         font-weight      : 700;
         border           : 0.1em solid #FAFAFA;
         -moz-border-radius: 0.3em;
         -webkit-border-radius: 0.3em;
         border-radius    : 0.3em;
         background       : #FAFAFA;
}
nav #head_nav #close_button {
         float            : right;
         margin           : 0.5em;
}
nav #head_nav #close_button img {
         height           : 1.5em;
         width            : 1.5em;
         border           : 0em;
}
nav #head_nav ul {
         height           : 120%;
         list-style-type  : none ;
         list-style-image : none ;
         padding          : 0em auto;
}
nav #head_nav ul li h5,
nav #head_nav ul li a:link,
nav #head_nav ul li a:visited,
nav #head_nav ul li a:active,
nav #head_nav ul li a:hover  {
         display          : block;
         color            : #e53b51;
         font-size        : 1.3em;
         padding-top      : 0.6em;
         padding-bottom   : 0.6em;
         padding-right    : 0.4em;
         padding-left     : 0.4em;
         text-decoration  : none;
}
nav #head_nav ul li h5 {
         display          : inline block;
         weight           : 900;
         border           : none;
         text-align       : left;
         letter-spacing   : 0.0em;
         margin           : 0;
         margin-top       : -0.2em;
         padding-top      : 0.9em;
}
nav #head_nav ul li h5:hover,
nav #head_nav ul li a:hover {
         text-decoration  : none !important;
}
nav #head_nav li ul {
         display          : block;
         width            : auto;
         overflow         : auto;
         list-style-type  : none ;
         list-style-image : none ;
         padding          : 0em auto;
}
nav #head_nav li:hover ul {
         display          : block;
}
nav #head_nav ul li ul li a:link,
nav #head_nav ul li ul li a:visited,
nav #head_nav ul li ul li a:active,
nav #head_nav ul li ul li a:hover  {
         font-size        : 0.9em;
}
nav #head_nav ul img {
         height           : 1.1em;
         width            : 1.1em;
         border           : 0em;
         margin-right     : 0.3em;
}
/**/
/* Geräte-Anpassungen unter 64em */
/**/
@media screen and (max-width: 63.9em) {
  nav #head_nav {
         clear            : both;
  }
}
/**/
/* Geräte-Anpassungen über 64em */
/**/
@media screen and (min-width: 64em) {
  nav #menue_button,
  nav #head_nav #close_button {
         display          : none;
  }
  nav #menue_button #display {
         display          : none;
  }
  nav #logo img {
         width            : 70%;
  }
  nav #head_nav {
         display          : block;
         border           : none;
         text-align       : center;
         font-size        : 0.5em;
  }
  nav #head_nav ul {
         padding-top      : 0em;
  }
  nav #head_nav ul li {
         display          : block;
         float            : left ;
         overflow         : visible ;
         background       : White;
         margin-right     : 1.0em;
         margin-bottom    : 0.5em;
         text-align       : center;
         font-weight      : normal;
  }
  nav #head_nav ul li a:link,
  nav #head_nav ul li a:visited,
  nav #head_nav ul li a:active,
  nav #head_nav ul li a:hover  {
         padding-top      : 0.5em;
         padding-bottom   : 0.5em;
         color            : Black;
         font-size        : 2.0em;
  }
  nav #head_nav ul li h5 {
         margin-top       : 0em;
         color            : Black;
  }
  nav #head_nav li ul {
         display          : none;
         border           : 0.1em solid #e53b51;
         background       : White;
  }
  nav #head_nav ul li:hover ul {
         position         : absolute;
         width            : 25em;
         height           : auto;
         overflow         : auto;
         font-size        : 1.0em;
         text-align       : left;
         color            : Black;
         padding          : 0.5em;
         padding-bottom   : 1.5em;
  }
  nav #head_nav ul li ul li {
         display          : block;
         clear            : both;
         overflow         : visible ;
  }
  nav #head_nav ul li ul li a:link,
  nav #head_nav ul li ul li a:visited,
  nav #head_nav ul li ul li a:active,
  nav #head_nav ul li ul li a:hover  {
         color            : Black;
         font-size        : 1.5em;
  }
  nav #head_nav ul li ul li a:hover  {
         color            : Black;
         font-size        : 1.7em;
  }
}
@media screen and (min-width: 70em) {
  nav #head_nav {
         font-size        : 0.7em;
  }
}
@media screen and (min-width: 80em) {
  nav #head_nav {
         font-size        : 0.8em;
  }
}
@media screen and (min-width: 90em) {
  nav #head_nav {
         font-size        : 0.9em;
  }
}/**/
/* Main-Frame */
/**/
main {
         display          : block ;
         width            : 100%;
         margin           : 0em auto;
         line-height      : 1.7;
         text-justify     : inter-word;
}
/*  Globale Artikel-Definitionen */
main article  {
         z-index          : 1;
         display          : block;
         height           : auto;
         background       : White;
         text-align       : left;
         margin-bottom    : 2.0em;
         border-bottom    : solid 0.2em #e53b51;
}
main article section {
         display          : block;
         padding          : 1.0em;
}
main article .icon {
         float            : left;
         width            : 1.5em;
}
main article fieldset label {
         display          : block;
         height           : auto;
         margin           : auto;
         margin-top       : 0.5em;
         padding          : 0.5em;
         text-align       : center;
}
main article fieldset label img {
         width            : 1.5em;
         float            : left;
         margin           : auto;
}
hr {
         width            : 100%;
         border-bottom    : 0.05em solid White;
}
p:after {
         content          : "";
         display          : block;
         clear            : both;
}
fieldset {
         display          : block;
         border           : 0.1em solid White;
         -moz-border-radius: 0.6em;
         -webkit-border-radius: 0.6em;
         border-radius    : 0.6em;
         margin-bottom    : 0.2em;
         break-inside     : avoid;
         color            : #e53b51;
}
fieldset:after {
         content          : "";
         display          : block;
         clear            : both;
}
label {
         display          : block;
         margin-bottom    : 1em;
         padding          : 1em;
         overflow         : auto;
         background       : White;
         color            : Black;
}
/**/
/* Geräte-Anpassungen über 21em */
/**/
@media screen and (min-width: 21em) {
  main article section {
         padding          : 1.5em;
  }
  fieldset {
         margin-left      : 5em;
         margin-right     : 5em;
  }
}
/**/
/* Geräte-Anpassungen über 37em */
/**/
@media screen and (min-width: 37em) {
  main {
         width            : 90%;
  }
}/**/
/* Global-Forms */
/**/
label .fieldname {
         border-top       : 0.01em solid #ccff66;
         float            : left;
         width            : 100%;
}
label .fieldtext {
         float            : left;
         width            : 100%;
         font-weight      : 700;
         color            : #FAFAFA;
}
input,
textarea,
select,
input[type='list'] {
         width            : 99%;
         text-align       : left;
         color            : #e53b51;
         padding-top      : 0.2em;
         padding-bottom   : 0.2em;
         border           : none;
         border-bottom    : 0.03em solid #680000;
         background       : none;
}
select,
input[type='list'] {
         background       : #e53b51;
         color            : White;
         font-size        : 0.8em;
}
/* Standard required */
input:hover,
textarea:hover,
select:hover,
list:hover {
         border-bottom    : 0.03em solid #e53b51;
}
input:focus,
textarea:focus,
select:focus,
list:focus {
         border-bottom    : 0.03em solid #e53b51;
}
input:optional:hover,
textarea:optional:hover,
select:optional:hover,
list:optional:hover {
         border-bottom    : 0.03em solid #e53b51;
}
input:optional:focus,
textarea:optional:focus,
select:optional:focus,
list:optional:focus {
         border-bottom    : 0.03em solid #e53b51;
}
input:valid,
textarea:valid,
mselect:valid,
list:valid {
}
input:required:valid,
textarea:required:valid,
select:required:valid,
list:required:valid {
         border-bottom    : 0.03em solid White;
}
input::placeholder,
textarea::placeholder {
         font-size       : 0.7em;
}
input[type='submit'] {
         background       : rgba(,0.6);
         color            : #FF7F00;
         text-align       : center;
         font-size        : 1.5em;
         width            : 100%;
}
input[type='submit']:hover {
         background       : rgba(229,59,81,0.5);
         color            : Black;
         border           : none;
}
textarea {
         height            : 6em;
}
input[type='text'] {

}
input[type='text']:hover {

}
input[type='email'] {
          background       : none;
}
input[type='email']:hover {

}
input[type='tel'] {
         background       : none;
}
input[type='tel']:hover {

}
input[type='radio'] {
         display          : inline;
         width            : 2% ;
         float            : left;
}
input[type='radio']:hover {

}
input[type='checkbox'] {
        display           : none;
}
input[type='checkbox']+label::before {
         display          : inline;
         float            : left;
         width            : auto;
         text-align       : left;
         margin-right     : 1em;
         width            : 1em;
         height           : 1em;
         border           : 0.03em solid #FAFAFA;
         content          : "";
}
input[type='checkbox']:hover+label::before {
          border           : 0.03em solid #e53b51;
          -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
input[type='checkbox']:checked+label::before {
          border           : 0.03em solid #e53b51;
          background       : #e53b51;
}
/**/
/* Geräte-Anpassungen über 64em */
/**/
@media screen and (min-width: 64em) {
  input,
  textarea,
  select,
  input[type='list'] {
         font-size        : 0.9em;
  }
  input[type='submit'] {
         font-size        : 1.1em;
  }
}/**/
/* Main-Sections */
/**/
/* Content Section Content */
/* CSS-Standard-Einstellungen für Contents */
/**/
main .content {

}
/**/
/* Content Section Flexcontent */
/* CSS-Standard-Einstellungen für Flexontents */
/**/
main .content.flex {
  display          : flex;
  flex-wrap        : wrap ;
  margin           : 0.0 auto;
  justify-content  : space-between;
}
main .content.flex .contentbox {
         width            : 100%;
         height           : auto;
         box-sizing       : border-box;
         margin           : 0.1em;
         margin-bottom    : 1.0em;
         box-sizing       : border-box;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
         border-bottom     : 0.1em solid #FAFAFA;
}
main .content.flex .contentbox:hover {
        font-size          : 102%;
        border-bottom     : 0.2em solid #FAFAFA; 
}
/* Geräte-Anpassungen über 64em */
@media screen and (min-width: 64em) {
  main .content.flex .contentbox {
         width            : 45%;
  }
}
@media screen and (min-width: 100em) {
  main .content.flex fieldset {
         width            : 30%;
  }
}
/**/
/* Content Section News */
/* CSS-Standard-Einstellungen für News */
/**/
main .news {
         background-image : linear-gradient(to right, #FAFAFA, #e53b51 50%, #FAFAFA 100%);
         color            : White;
         box-shadow       : 0.2em 0.2em 0.2em Black;
         -moz-box-shadow  : 0.2em 0.2em 0.2em Black;
         -webkit-box-shadow: 0.2em 0.2em 0.2em Black;
         text-align       : center;
}
/**/
/* Content Section Topnews */
/* CSS-Standard-Einstellungen für Topews */
/**/
main .topnews {
         text-align       : center;
         font-weight      : 600;
         color            : White;
         background-image : linear-gradient(to right, #FAFAFA, #FF7F00 50%, #FAFAFA 100%);
         box-shadow       : 0.2em 0.2em 0.2em Black;
         -moz-box-shadow  : 0.2em 0.2em 0.2em Black;
         -webkit-box-shadow: 0.2em 0.2em 0.2em Black;
}
/**/
/* Content Section Popup */
/* CSS-Standard-Einstellungen für Popup */
/**/
main .popup {
         display          : block;
         position         : fixed;
         top              : 2em;
         width            : 75%;
         margin           : 0em auto;
         height           : auto;
         overflow         : auto;
         background       : none;
         border           : none;
         box-shadow       : none;
         -moz-box-shadow  : none;
         -webkit-box-shadow: none;
         text-align       : center;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
main .popup img {
         box-shadow       : 0.4em 0.4em #680000;
         -moz-box-shadow  : 0.4em 0.4em #680000;
         -webkit-box-shadow: 0.4em 0.4em #680000;
}
/* Content Section Galery */
/* CSS-Standard-Einstellungen für Galery */
/**/
main #galery {
         -webkit-colums   : 2 20em;
          moz-column-count: 2;
         -moz-column-width: 20em;
         columns          : 2 20em;
}
main #galery img {
         float            : left;
         margin-left      : 0.2em;
}
/**/
/* Content Section Form */
/* CSS-Standard-Einstellungen für Formular-Contents */
/**/
main .form label {
         display          : block;
         text-align       : left;
         font-size        : 0.7em;
         height           : auto;
         margin           : auto;
         margin-top       : 0.5em;
         padding          : 0.5em;
}
main .form input[type='submit'] {
         font-size        : 1.5em;
}
main .form label .fieldname {
         float            : left;
         width            : 100%;
}
main .form label:hover .fieldname {
         color            : #e53b51;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}/**/
/* Module */
/**/
 /* Modul Start */
/* CSS-Einstellungen für Start */
/**/
  main .start #flexbox {
         display          : flex;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         justify-content  : space-between;
  }
  main .start .box {
         width            : 100.0%;
         height           : auto;
         margin-bottom    : 1.0em;
         padding          : 1.0em;
         background       : #680000;
         border           : 0.01em solid White;
         box-sizing       : border-box;
         text-align       : center;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
  }
  main .start .box:hover {
         box-shadow       : 0.2em 0.2em 2.0em 0.2em White;
  }
  main .start .box a:hover {
         text-decoration  : none !important;
         background       : none;
  }
  main .start .box .prev_img {
         width            : 100%;
  }
  main .start .box h2 {
         border-bottom    : none;
         margin-top       : 0.5em;
         font-size        : 1.0em;
  }
@media screen and (min-width: 40em) {
  main .start .box {
         width            : 45.0%;
         margin           : 0.5em;
  }
  main .start .box h2 {
         font-size        : 1.5em;
  }
}
@media screen and (min-width: 50em) {
  main .start .box {
         width            : 31.5%;
  }
}
/* Modul Shop */
/* CSS-Einstellungen für Shop */
/**/
main .shop #searchbox {
         display          : flex;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         margin-bottom    : 0.5em;
         background       : White;
         align-items      : center;
         justify-content  : center;
         width            : 100%;
         height           : 2.5em;
}
main .shop #searchbox .left {
         display          : none;
         position         : absolute;
         margin-top       : -1.2em;
         left             : 1.0em;
         width            : 15.0em;
         height           : 2.3em;
         padding-left     : 2.9em;
         background       : url(arrow_left_trans.png) no-repeat left;
}
main .shop #searchbox .right {
         display          : none;
         position         : absolute;
         margin-top       : -1.2em;
         right            : 1.0em;
         width            : 15.0em;
         height           : 2.3em;
         padding-right    : 2.9em;
         background       : url(arrow_right_trans.png) no-repeat right;
}
main .shop #searchbox h5 {
         display          : block;
         color            : #ccff66;
         margin           : 0;
         border           : none;
}
main .shop #searchbox .right h5 {
         text-align       : right;
}
main .shop #flexbox {
         display          : flex;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         justify-content  : space-between;
         align-items      : baseline;
}
main .shop .box {
         width            : 48%;
         height           : auto;
         margin           : 0.2em;
         margin-bottom    : 1.0em;
         padding          : 0.0em;
         background       : #680000;
         border           : 0.01em solid White;
         border-bottom    : none;
         box-sizing       : border-box;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
main .shop .box:hover {
         box-shadow       : 0.2em 0.2em 2.0em 0.2em White;
}
main .shop .box a,
main .shop .box a:hover {
         text-decoration  : none !important;
         background       : none;
}
main .shop .box .prev {
         width            : 100%;
}
main .shop .box .manufacturer {
         display          : inline;
         text-align       : left;
         font-size        : 0.9em;
         margin-bottom    : 2.0em;
         padding          : 0.3em;
         padding-right    : 0.1em;
         text-transform   : uppercase;
}
main .shop .box .model {
         font-size        : 0.9em;
         padding-left     : 0.3em;
         color            : Black;
}
main .shop .box .pre_text {
         font-size        : 0.9em;
         height           : 1.0em;
         padding-left     : 0.3em;
         margin-bottom    : 1.5em;
         color            : Black;
}
main .shop .box .sale {
        position         : relative;
        float            : right;
        width            : 20%;
}

main .shop .box .sale img,
main .shop .box .sold img {
         width            : 100%;
}
main .shop .box .old_price {
         position         : relative;
         width            : 69%;
         height           : 1.5em;
         font-size        : 0.8em;
         float            : left;
         text-decoration  : line-through !important;
         color            : White !important;
         padding          : 0.3em;
}
main .shop .box .current_price {
         font-size        : 1.2em;
         float            : left;
         height           : 1.6em;
         color            : White !important;
         padding          : 0.3em;
}
main .shop .box .current_price img {
         margin-top       : -1.5em;
         width            : 80%;
}
 /**/
/* Geräte-Anpassungen über 48em */
/**/
@media screen and (min-width: 48.1em) {
  main .shop .box {
         width            : 31.0%;
         margin           : 0.5em;
  }
  main .shop #searchbox .left,
  main .shop #searchbox .right {
         display          : inline;
  }
  main .shop .box .manufacturer {
         font-size        : 1.2em;
  }
}
@media screen and (min-width: 70em) {
  main .shop .box .manufacturer {
         font-size        : 1.4em;
  }
  main .shop .box .current_price {
         height           : 1.9em;
  }
  main .shop .box .current_price img {
         margin-top       : -1.9em;
  }
}
@media screen and (min-width: 75em) {
  main .shop .box .current_price {
         height           : 2.2em;
  }
}
@media screen and (min-width: 100em) {
}
 /* Modul Shop_view */
/* CSS-Einstellungen für Shop_view */
/**/
main .shop_view .manufacturer {
         float            : left;
}
main .shop_view .manufacturer h1 {
         display          : inline;
         font-family      : 'Open Sans', sans-serif;
         text-align       : left;
         text-transform   : uppercase;
}
main .shop_view .model {
         font-weight      : bold;
         font-size        : 1.2em;
}
main .shop_view .current_price {
         float            : right;
         right            : 0;
}
main .shop_view .current_price h1 {
         display          : inline;
         text-align       : right;
         font-family      : 'Open Sans', sans-serif;
         font-size        : 1.5em;
}
main .shop_view .pretext {
         display          : inline;
         margin-top       : 0.5em;
         float            : left;
         text-align       : left;
}
main .shop_view .old_price {
         float            : right;
         left             : 0;
         margin-top       : -3.0em;
}
main .shop_view .old_price h2 {
         text-align       : right;
         text-decoration  : line-through !important;
         color            : White !important;
         border-bottom    : none;

}
main .shop_view .current_sold {
        position         : relative;
        float            : right;
        width            : 40%;
}
main .shop .box .sold img{
        width            : 100%;
}
main .shop_view .description {
         clear            : both;
         margin-top       : 1.5em;
         overflow         : hidden;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
main .shop_view .line {
         margin-top       : 0.0em;
         text-align       : center;
         font-size        : 1.5em;
         border-bottom    : 0.02em solid White;
}
main .shop_view .line:hover .description {
         height           : auto;
}
main .shop_view .contact {
         display          : flex;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         margin-bottom    : 0.5em;
         align-items      : center;
         justify-content  : center;
}
main .shop_view .contact button {
         width            : 45%;
         margin           : 0.2em;
         padding          : 0.5em;
         background       : rgba(,0.9);
         text-align       : center;
         color            : #ccff66;
         font-size        : 1.3em;
         border           : none;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
main .shop_view .contact button:hover {
         box-shadow       : 0.1em 0.1em 0.5em 0.1em White;
}
main .shop_view .contact a:link {
         color            : #ccff66;
         text-decoration  : none;
}
@media screen and (min-width: 48em) {
  main .shop_view h1 {
         font-size        : 1.2em;
  }
  main .shop_view #view_data {
         float            : right;
         width            : 48%;
         margin           : 0;
  }
}
@media screen and (min-width: 55em) {
  main .shop_view h1 {
         font-size        : 1.2em;
  }
}
@media screen and (min-width: 60em) {
  main .shop_view h1 {
         font-size        : 1.3em;
  }
}
@media screen and (min-width: 65em) {
  main .shop_view h1 {
         font-size        : 1.3em;
  }
}
@media screen and (min-width: 70em) {
  main .shop_view h1 {
         font-size        : 1.4em;
  }
  main .shop_view .current_price h1 {
         font-size        : 1.5em;
  }
}
@media screen and (min-width: 75em) {
  main .shop_view h1 {
         font-size        : 1.7em;
  }
  main .shop_view .current_price h1 {
         font-size        : 1.7em;
  }
}
@media screen and (min-width: 100em) {
  main .shop_view h1 {
         font-size        : 2.2em;
  }
  main .shop_view .current_price h1 {
         font-size        : 2.2em;
  }
}/**/
/* Plugins */
/**/
/**/
/* body_contact_field */
/**/
#contact_field {
         display         : block;
         z-index         : 98;
         right           : 0.0em;
         top             : 45%;
         height          : 8em;
         width           : 1.0em;
         position        : fixed;
         overflow        : hidden;
         padding         : 0.3em;
         color           : White;
         background      : Black;
         border          : 0.05em solid #ccff66;
         box-shadow       : 0.2em 0.2em 0.7em Black;
         -moz-box-shadow  : 0.2em 0.2em 0.7em Black;
         -webkit-box-shadow: 0.2em 0.2em 0.7em Black;
}
#contact_field:hover {
         width           : 75%;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
#contact_field:hover .close_line {
         display           : none;
}
#contact_field:hover .open_line {
         display           : block;
}
#contact_field .close_line {
         display           : block;
         float             : left;
         height            : 8.0em;
         width             : 8.0em;
         top               : 0.0em;
         text-align        : center;
         font-weight       : bold;
         -moz-transform    : rotate(-90deg); /* Firefox 3.6 Firefox 4 */
         -webkit-transform : rotate(-90deg); /* Safari */
         -o-transform      : rotate(-90deg); /* Opera */
         -ms-transform     : rotate(-90deg); /* IE9 */
         transform         : rotate(-90deg); /* W3C */
}
#contact_field .open_line {
         display           : none;
         width             : 100%;
         padding           : 0.3em;
}
/**/
/* body_cookie_banner */
/**/
#cookie_banner {
         display          : block;
         z-index          : 98;
         clear            : both;
         height           : auto;
         width            : 100%;
         bottom           : 0.0em;
         position         : fixed;
         padding          : 0.05em;
         background       : White;
         color            : #ccff66;
         font-size        : 0.7em;
         text-align       : center;
}
#cookie_banner:hover {
         font-size        : 0.8em;
}
#cookie_banner a {
         color           : #ccff66;
         text-decoration : underline;
}
/**/
/* main_sharing */
/**/
.sharing_button {
         float            : right;
         display          : block;
         margin           : 0.1em;
         margin-left      : 0.5em;
}
.sharing_button img {
         height           : 1.1em;
         width            : 1.1em;
         border           : 0em;
}
.sharing_open {
         display          : block;
         position         : absolute;
         margin-left      : 2em;
         margin-right     : 2em;
         width            : 70%;
         height           : auto;
         overflow         : auto;
         background       : #ccff66;
         padding          : 0.5em;
         border-top       : 0.2em solid #FF7F00;
         border-bottom    : 0.2em solid #FF7F00;
         box-shadow       : 1em 1em 3em 0.5em rgba(,0.8);
         -moz-border-radius: 0.3em;
         -webkit-border-radius: 0.3em;
         border-radius    : 0.3em;
         text-align       : center;
         font-size        : 0.8em;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
         z-index           : 700;
}
.sharing_content {
         float            : left;
         width            : 90%;
}
.sharing_content h4 {
         font-size        : 85%;
}
.sharing_content textarea {
         margin           : 0em;
         width            : 98%;
}
@media screen and (min-width: 64em) {
  .sharing_open {
         margin-left      : 35%;
         width            : 45%;
  }
}
/**/
/* main_returns */
/**/
#return_false,
#return_right {
        display           : block;
        margin            : 3.0em;
        text-align        : center;
        font-weight       : 600;
        color             : #ccff66;
        padding           : 1.0em;
        border            : none;
        box-shadow       : 0.5em 0.5em 1em 0.5em White;
}
#return_false {
        background        : #FAFAFA;
}
#return_right {
        background        : #e53b51;
}
/**/
/* main_page_image_include */
/**/
#page_image,
#view_image {
         display          : block;
         position         : relative;
         top              : -4.0em;
         width            : 100%;
         border-bottom    : 0.3em solid ;
}
#page_image .logo,
#view_image .current .logo {
         position         : absolute;
         bottom           : 2.0em;
         right            : 1.0em;
         width            : 10em;
         z-index          : 1;
}
#view_image .current .logo {
         width            : 5em;
         bottom           : 6.0em;
}
#page_image .logo img,
#view_image .current .logo img {
         width            : 100%;
}
#page_image img,
#view_image .current img {
         width            : 100%;
         z-index          : 0;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
#page_image .left,
#view_image .current .left {
         display          : none;
         position         : absolute;
         top              : 40%;
         left             : 0em;
         width            : 2.5em;
         height           : 2.5em;
         background       : url(arrow_left_trans.png) no-repeat left;
}
#page_image .right,
#view_image .current .right {
         display          : none;
         position         : absolute;
         top              : 40%;
         right            : 0em;
         width            : 2.5em;
         height           : 2.5em;
         background       : url(arrow_right_trans.png) no-repeat right;
}
#page_image:hover .left,
#page_image:hover .right,
#view_image:hover .current .left,
#view_image:hover .current .right {
         display          : inline;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}

#page_image h1 {
         position         : absolute;
         margin-top       : -12.5em;
         color            : #ccff66;
         z-index          : 1;
}
#view_image .choise {
         display          : flex;
         position         : relative;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         align-items      : center;
         justify-content  : center;
}
#view_image .choise .choise_img {
         width            : 16.1%;
         height           : auto;
         margin           : 0;
         margin           : 0.1em;
         margin-bottom    : 0.1em;
         padding          : 0.0em;
         box-sizing       : border-box;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
#view_image .choise .choise_img img {
         width            : 100%;
}
.fullscreen_open {
         position         : absolute;
         top              : 2.0em;
         left             : 1.0em;
         width            : 2.0em;
         z-index          : 1;
}
#fullscreen {
         display          : block;
         position         : fixed;
         top              : 0;
         left             : 0;
         width            : 100%;
         height           : auto;
         margin           : 0;
         background       : rgba(,0.7);
         z-index          : 1000;
}
#fullscreen .current img {
         display          : block;
         width            : 100%;
         height           : auto;
         margin           : 5.0em auto;
         align-items      : center;
         justify-content  : center;
}
#fullscreen .fullscreen_close {
         position         : absolute;
         top              : 7.0em;
         left             : 1.0em;
         width            : 2.0em !important;
         height           : 2.0em !important;
         z-index          : 1;
}
.fullscreen_open a:hover,
.fullscreen_close a:hover {
         background       : none;
}
/**/
/* Anpassungen für größere Geräte */
/**/
@media screen and (min-width: 48em) {
  #view_image {
         float            : left;
         width            : 50%;
         top              : 0.5em;
         left             : 0;
  }
  #fullscreen .current img {
         width            : 90%;
  }
}
@media screen and (min-width: 60em) {
  #page_image h1 {
         top              : 13.5em;
         left             : 1.5em;
  }
  #page_image .left,
  #page_image .right {
         top              : 30%;
  }
  #fullscreen .current img {
         width            : 80%;
  }
}
@media screen and (min-width: 75em) {
  #fullscreen .current img {
         width            : 70%;
  }
}
@media screen and (min-width: 100em) {
  #fullscreen .current img {
         width            : 60%;
  }
}
/**/
/* main_media_include */
/**/
main .media.top,
main .media.bottom {
         z-index          : 0;
         position         : relative;
         width            : 100%;
         margin           : 0.0em auto;
         margin-bottom    : 0.3em;
}
main .media.top img,
main .media.bottom img {
         display          : block;
         width            : 100%;
}
main .media_preview img {
         display          : block;
         width            : 3.0em;
         height           : 3.0em;
         object-fit       : cover;
         float            : left;
         margin           : 0.06em;
}
main figcaption {
         display         : block;
         background      : rgba(,0.3);
         color           : White;
         font-size       : 0.7em;
         text-align      : center;
         padding         : 1.0em;
}
main .media .left {
         display          : none;
         position         : absolute;
         top              : 40%;
         left             : 0em;
         width            : 2.5em;
         height           : 2.5em;
         background       : url(arrow_left_trans.png) no-repeat;
}
main .media .right {
         display          : none;
         position         : absolute;
         top              : 40%;
         right            : 0.0em;
         width            : 2.5em;
         height           : 3.0em;
         background       : url(arrow_right_trans.png) no-repeat;
}
main .media.content:hover,
main .media_preview img:hover {
         box-shadow       : 0.5em 0.5em 1em 0.5em White;
         -webkit-transform : scale(1.05);
         -moz-transform    : scale(1.05);
         -ms-transform     : scale(1.05);
         -o-transform      : scale(1.05);
          transform        : scale(1.05);
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
main .media:hover .left,
main .media:hover .right {
         display          : inline;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
main .media a {
         font-size         : 0.7em;
}
main .portraet {
         width             : 45%;
}
@media screen and (min-width: 64em) {
  main .portraet {
         width             : 20%;

  }
}
/**/
/* main_download_include */
/**/
main .download {
         display          : block;
         margin-top       : 1.0em;
         align-items      : center;
         justify-content  : center;
         text-align       : center;
         font-weight      : bold !important;
         padding          : 0.5em;
         background       : rgba(,0.9);
         -moz-border-radius: 0.3em;
         -webkit-border-radius: 0.3em;
         border-radius    : 0.3em;
         -moz-box-shadow  : 0.5em 0.5em 0.5em Black;
         -webkit-box-shadow:0.5em 0.5em 0.5em Black;
         box-shadow       : 0.5em 0.5em 0.5em Black;
}
/**/
/* Anpassungen für größere Geräte */
/**/
@media screen and (min-width: 64em) {
  main .download {
         width            : 75%;
  }
}/**/
/* Quick_CMS */
/**/
#quick_cms {
         display         : block ;
         margin-bottom   : 1.5em;
         text-align      : left;
         color           : grey;
}
#quick_cms h3 {
         font-size       : 1.5em;
         margin-bottom   : 0.0em;
}
#quick_cms h3:after {
         content         : " " "\25BD";
}
#quick_cms a:hover {
         background      : none;
}
#quick_cms_center {
         display         : none ;
}
#quick_cms_center .nav {
         display         : block;
         margin-top      : 1.0em;
         border-bottom   : 0.05em solid White;

}
#quick_cms_center .nav:after {
         content         : " " "\25BD";
}
.quick_cms_plugin {
         display         : none;
         padding         : 0.5em;
         border-top      : 0.05em solid White;
         box-shadow       : 0.2em 0.2em 0.7em White;
         -moz-box-shadow  : 0.2em 0.2em 0.7em White;
         -webkit-box-shadow: 0.2em 0.2em 0.7em White;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
         font-family     : 'Arial';
         font-weight     : 400;
         color           : grey;
         font-size       : 1.0em;
}
.quick_cms_plugin h4 {
         margin          : 0.5em;
         font-size       : 1.2em;
}
.quick_cms_plugin label {
         margin-bottom   : 0.5em;
}
.quick_cms_plugin .fieldname {
         display         : block;
         border-top      : 0.02em solid gray;
}
.quick_cms_plugin select {
         width            : 100%;
         text-align       : left;
         background       : grey;
         color            : white;
         font-size        : 1.2em;
}
.quick_cms_plugin input[type='text'],
.quick_cms_plugin textarea {
         width            : 100%;
         text-align       : left;
         background       : white;
         font-size        : 1.2em;
         border           : none;
}
.quick_cms_plugin textarea {
         height           : 5.0em;
}
.quick_cms_plugin #images {
         display          : flex;
         position         : relative;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         align-items      : center;
         justify-content  : center;
}
.quick_cms_plugin #images .images_img {
         width            : 16.1%;
         height           : auto;
         margin           : 0;
         margin           : 0.1em;
         margin-bottom    : 0.1em;
         padding          : 0.0em;
         box-sizing       : border-box;
         -webkit-transition: all 0.8s ease-in-out;
         -moz-transition   : all 0.8s ease-in-out;
         -ms-transition    : all 0.8s ease-in-out;
         -o-transition     : all 0.8s ease-in-out;
         transition        : all 0.8s ease-in-out;
}
.quick_cms_plugin #images .images_img img {
         width            : 90%;
         float            : right;
}/**/
/* Footer-Frame */
/**/
footer {
         clear            : both;
         display          : block;
         width            : 100%;
         height           : auto;
         z-index          : 1;
         margin-bottom    : 1em;
         padding-top      : 0.5em;
         padding-bottom   : 0.5em;
         text-align       : center;
         font-size        : 0.8em;
         color            : #680000;
}
footer a:link,
footer a:visited,
footer a:active,
footer a:hover  {
         margin           : 0.5em;
         color            : #680000;
         padding          : 0.1em;
         text-decoration  : none;
}