/* 1765340384.02 */
 /**/
/* Body-Frame (globale Definitionen) */
/**/
/**/
/* Basis-Gerät max-width 20em */
/**/
body {
         max-width        : 100%;
         margin           : 0em auto;
         background       : #FAFAFA;
         font-size        : 80%;
         font-family      : 'Arial';
         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;
         color            : White;
         background-image : linear-gradient(to right, #FAFAFA, #00007F 50%, #FAFAFA 100%);
}
h2 {
         display          : block inline;
         text-align       : left;
         margin           : 0.3em;
         font-size        : 1.1em;
}
h3 {
         font-size        : 1.3em;
         color            : #00007F;
         text-align       : left;
         letter-spacing   : 0.0em;
         border-bottom    : 0.05em solid #00007F;
}
h4 {
         font-size        : 1.0em;
         color            :  #00007F;
}
h5 {
         font-size        : 0.8em;
}
strong {
         color            :  #00007F;
}
/**/
/* Design und Verhalten von Links */
/**/
a:link,
a:visited,
a:active,
a:hover {
         font-weight      : normal;
         color            : #00007F;
         text-decoration  : underline Black;
}
a:hover {
         color            : #00007F;
         -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;
}
.pdf_link::before {
        content           : url("icon_pdf.gif");
        padding-left      : 0.2em;
        padding-right     : 0.2em;
        white-space       : nowrap;
}
.tel_link::before {
        content           : url("icon_telefon.gif");
        padding-left      : 0.2em;
        padding-right     : 0.2em;
        white-space       : nowrap;
}
.tel_link_klein::before {
        content           : url("icon_telefon_klein.gif");
        padding-left      : 0.1em;
        padding-right     : 0.1em;
        white-space       : nowrap;
}
.email_link::before {
        content           : url("icon_email.gif");
        padding-left      : 0.2em;
        padding-right     : 0.2em;
        white-space       : nowrap;
}
.email_link_klein::before {
        content           : url("icon_email_klein.gif");
        padding-left      : 0.1em;
        padding-right     : 0.1em;
        white-space       : nowrap;
}
.site_link::before {
        content           : url("arrow.jpg");
        padding-left      : 0.2em;
        padding-right     : 0.2em;
        white-space       : nowrap;
}
/**/
/* Design und Verhalten Formularfelder */
/**/
input,
textarea,
select,
list {
         width            : 100%;
         text-align       : left;
         color            : Black;
         padding          : 0.3em;
         border           : none;
         border-bottom    : 0.03em solid #FAFAFA;
         background       : none;
}
input:hover,
textarea:hover,
select:hover,
list:hover {
         border-bottom    : 0.03em solid #00007F;
         -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:focus,
textarea:focus,
select:focus,
list:focus {
         border-bottom    : 0.03em solid #00007F;
}
input[type='submit'] {
         background       : rgba(192,192,192,0.6);
         color            : #FAFAFA;
         text-align       : center;
         font-size        : 1.2em;
}
input[type='submit']:hover {
         background       : rgba(192,192,192,0.5);
         color            : Black;
}
textarea {
         height            : 6em;
}
input[type='email'] {
          background       : none;
}
input[type='tel'] {
         background       : none;
}
input[type='radio'] {
         display          : inline;
         width            : 2% ;
         float            : left;
}
input[type='checkbox'] {
         display          : none;
}
input[type='checkbox']+label::before {
         display          : inline;
         float            : left;
         margin-right     : 1em;
         width            : 1em;
         height           : 1em;
         border           : 0.03em solid #FAFAFA;
         content          : "";
}
input[type='checkbox']:hover+label::before {
          border           : 0.03em solid #00007F;
          -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 #ccff66;
          background       : #ccff66;
}
.close_button {
         float            : right;
         display          : block;
}
.close_button img {
         height           : 1.1em;
         width            : 1.1em;
         border           : 0em;
         box-shadow       : none !important;
         -moz-box-shadow  : none !important;
         -webkit-box-shadow: none !important;
}
/**/
/* Geräte-Anpassungen über 21em */
/**/
@media screen and (min-width: 21em) {
  body {
         font-size        : 95%;
  }
  input,
  textarea,
  select {
         width            : 80%;
         font-size        : 1.0em;
  }
  input[type='submit'] {
         width            : 90%;
         font-size        : 1.0em;
  }
  h1 {
         font-size        : 1.6em;
  }
  h2 {
         font-size        : 1.5em;
  }
  h3 {
         font-size        : 1.4em;
  }
  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.6em;
  }
  h3 {
         font-size        : 1.5em;
  }
  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.7em;
  }
  h3 {
         font-size        : 1.6em;
  }
  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.8em;
  }
  h3 {
         font-size        : 1.7em;
  }
  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.9em;
  }
  h3 {
         font-size        : 1.8em;
  }
  h4 {
         font-size        : 1.7em;
  }
  h5 {
         font-size        : 1.6em;
  }
  h6 {
         font-size        : 1.5em;
  }
}/**/
/* Header-Frame */
/**/
header {
         display          : block;
         width            : 100%;
         height           : auto;
         top              : 0em;
         overflow         : visible;
}
header #topline {
         display          : block;
         width            : 100%;
         height           : auto;
         text-align       : center;
         background       : #00007F;
         padding-bottom   : 1.0em;
}
header #topline #social_button {
}
header #topline #social_button img {
         height           : 1.7em;
         margin-top       : 0.3em;
         border           : 0em;
}

header #topline #top_nav a:link,
header #topline #top_nav a:visited,
header #topline #top_nav a:active,
header #topline #top_nav a:hover  {
         color            :  White;
         font-size        : 0.8em;
         padding          : 0.4em;
         text-decoration  : none;
}
header #topline #top_nav a:hover {
         text-decoration  : underline White;
}
header #head_img {
         display          : block;
         width            : 100%;
         margin           : 0.0em auto;
}
header #head_img img {
         width            : 100%;
}
/**/
/* Geräte-Anpassungen über 64em */
/**/
@media screen and (min-width: 64em) {
  header #topline {
         height           : 10.0em;
  }
  header #head_img {
         margin-top       : -7.0em;
         width            : 80%;
         border           : solid 0.1em White;
  }
}/**/
/* Nav-Frame (Haupt-Navigation) */
/**/
nav {
         display          : block;
         z-index          : 98;
         clear            : both;
         height           : auto;
         top              : 0.0em;
         position         : sticky;
         background       : White;
         margin           : 2.5%;
         margin-bottom    : 1.0em;
         border-bottom    : 0.2em solid #00007F;
}
nav #menue_button {
         float            : left;
         height           : 2.2em;
         width            : 40%;
         margin           : 0.2em;
}
nav #menue_button img {
         width            : 1.8em;
}
nav #menue_button #display {
         font-size        : 1.5em;
}
nav #logo {
         float            : right;
         width            : 50%;
         margin           : 0.2em;
}
nav #logo img {
         width            : 100%;
}
nav #head_nav {
         display          : none;
         position         : sticky;
         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            : #00007F;
         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 {
         width            : 80%;
         margin           : 0.0em auto;
  }
  nav #menue_button,
  nav #head_nav #close_button {
         display          : none;
  }
  nav #menue_button #display {
         display          : none;
  }
  nav #logo {
         width            : 30%;
  }
  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 #00007F;
         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 #00007F;
}
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            : #00007F;
}
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 {
         width            : 80%;
  }
  main article section {
         padding          : 1.5em;
  }
  fieldset {
         margin-left      : 5em;
         margin-right     : 5em;
  }
}/**/
/* Main-Sections */
/**/
/* Content Section Content */
/* CSS-Standard-Einstellungen für Contents */
/**/
main .content {

}
/**/
/* Content Section Flexcontent */
/* CSS-Standard-Einstellungen für Flexontents */
/**/
main .flexcontent {
  display          : flex;
  flex-wrap        : wrap ;
  margin           : 0.0 auto;
  justify-content  : space-between;
}
main .flexcontent .box {
         width            : 100%;
         height           : auto;
         margin           : 0.1em;
         margin-bottom    : 1.0em;
         -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 .flexcontent .box:hover {
        box-shadow      : 0.2em 0.2em 0.7em Black;
}
/* Geräte-Anpassungen über 64em */
@media screen and (min-width: 64em) {
  main .flexcontent .box {
         width            : 45%;
  }
}
@media screen and (min-width: 100em) {
  main .flexcontent fieldset {
         width            : 30%;
  }
}
/**/
/* Content Section News */
/* CSS-Standard-Einstellungen für News */
/**/
main .news {
         background-image : linear-gradient(to right, #FAFAFA, #00007F 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            : #00007F;
         -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 */
/**/
.box .tel_link,
.box .email_link {
         font-size        : 1.1em;;
}
.box h2 {
         text-align       : center;
         border           : solid 0.05em #00007F;
}   
#google {
         padding          : -1.0em;
}
.detail {
         display          : block;
         margin-bottom    : 0.05em;
         padding          : 0.5em;
         overflow         : auto;
         color            : White;
         background       : #00007F;
         border           : solid 0.05em #00007F;
}
.detail:hover {
          box-shadow      : 0.2em 0.2em 0.7em Black;
          color           : #00007F;
          background      : White;
}
.detail a {
         color            : White;
}
.list_box {
         display          : flex;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         justify-content  : space-between;
}
.list_box .box {
         width            : 45.0%;
         height           : auto;
         margin           : 0.1em;
         margin-bottom    : 1.0em;
         border           : solid 0.1em #00007F;
}
.list_box .box:hover {
          box-shadow      : 0.2em 0.2em 0.7em Black;
}
.list_box .box img {
         width            : 100%;
         height           : 100%;
}
.list_box .box h3 {
         margin           : 0.0em;
         margin-top       : -2.0em;
         color            : White;
         border           : none;
}
.list_box .box a {
         text-decoration  : none;
         color            : White;
}
/**/
/* Geräte-Anpassungen über 64em */
/**/
@media screen and (min-width: 64em) {
  .list_box .box{
         width            : 30%;
  }
}/**/
/* Plugins */
/**/
/* 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       : #FF7F00;
         color            : White;
         font-size        : 0.5em;
         text-align       : center;
         border           : 0.05em solid Black;
}
#cookie_banner:hover {
         font-size        : 0.8em;
}
#cookie_banner a {
         color           : White;
         text-decoration : underline;
}
/**/
/* Kontakt_Feld */
/**/
#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      : #FF7F00;
         border          : 0.05em solid Black;
         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%;
         height          : auto;
         -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;
}
/**/
/* Geräte-Anpassungen über 64em */
/**/
@media screen and (min-width: 64em) {
  #contact_field:hover {
         width           : 25%;
  }
}
/**/
/* Main_Sharing */
/**/
.sharing_button {
         float            : right;
         display          : block;
}
.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       : White;
         padding          : 0.5em;
         border           : 0.1em solid #00007F;
         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;
         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;
}
.sharing_content {
         float            : left;
         width            : 90%;
}
.sharing_content h4 {
         font-size        : 85%;
}
.sharing_content textarea {
         margin           : 0em;
         width            : 98%;
         height           : 1.5em;
         border           : 0.03em solid #680000;
}
/**/
/* Geräte-Anpassungen über 64em */
/**/
@media screen and (min-width: 64em) {
  .sharing_open {
         margin-left      : 35%;
         width            : 45%;
  }
}
/**/
/* Main_media */
/**/
main .media_bottom,
main .media_content {
         z-index          : 0;
         position         : relative;
         width            : 100%;
         margin           : 0.0em auto;
         margin-bottom    : 0.3em;
}
main .media_bottom img,
main .media_content 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(192,192,192,0.5);
         color           : White;
         font-size       : 0.7em;
         text-align      : center;
         padding         : 0.2em;
}
main .media_bottom .left,
main .media_content .left {
         display          : none;
         position         : absolute;
         top              : 5em;
         left             : 0em;
         width            : 2.5em;
         height           : 3.0em;
         background       : url(arrow_left.jpg) no-repeat;
}
main .media_bottom .right,
main .media_content .right {
         display          : none;
         position         : absolute;
         top              : 5em;
         right            : -0.4em;
         width            : 2.5em;
         height           : 3.0em;
         background       : url(arrow_right.jpg) no-repeat;
}
main .media_content:hover,
main .media_preview img:hover {
         box-shadow        : 0.2em 0.2em 0.7em Black;
         -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_bottom:hover .left,
main .media_content:hover .left,
main .media_bottom:hover .right,
main .media_content: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_bottom a {
         font-size         : 0.7em;
}
main .media_content.portraet {
         width             : 45%;
}
main .media_content.symbol {
         width             : 45%;
}
/**/
/* Geräte-Anpassungen über 64em */
/**/
@media screen and (min-width: 64em) {
  main .media_content {
         width            : 40%;
         float            : left;
         margin-right     : 0.5em;
         margin-left      : -5.0em;
         border           : solid 0.3em  #00007F;
         border-left      : solid 5.3em  #00007F;
  }
  main .media_content.portraet {
         width             : 25%;
  }
  main .media_content.symbol {
         width             : 25%;
  }
}
/**/
/* Script-Rückmeldungen */
/**/
#return_false,
#return_right {
        text-align        : center;
        font-weight       : 600;
        padding           : 1.0em;
        margin-bottom     : 1.5em;
        border            : none;
        border-top        : 0.2em solid #00007F;
        border-bottom     : 0.2em solid #00007F;
        box-shadow        : 0.2em 0.2em 0.3em #FAFAFA;
}
#return_false {
        background        : #FF7F00;
}
#return_right {
        background        : #ccff66;
}
#return_false:hover,
#return_right:hover {
         box-shadow       : 0.2em 0.2em 0.1em #FAFAFA;
}/**/
/* 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 ;

}
#quick_cms_center .nav:after {
         content         : " " "\25BD";
}
.quick_cms_plugin {
         display         : none;
         padding         : 0.5em;
         border-top      : 0.05em solid ;
         box-shadow       : 0.2em 0.2em 0.7em ;
         -moz-box-shadow  : 0.2em 0.2em 0.7em ;
         -webkit-box-shadow: 0.2em 0.2em 0.7em ;
         -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;
}