/* 1758249570.29 */
<br />
<b>Warning</b>:  include(../../frames/body_1_fonts.css.php): failed to open stream: No such file or directory in <b>/www/htdocs/w005865d/hosting/58/2/puettner/layout/style_1.css.php</b> on line <b>12</b><br />
<br />
<b>Warning</b>:  include(../../frames/body_1_fonts.css.php): failed to open stream: No such file or directory in <b>/www/htdocs/w005865d/hosting/58/2/puettner/layout/style_1.css.php</b> on line <b>12</b><br />
<br />
<b>Warning</b>:  include(): Failed opening '../../frames/body_1_fonts.css.php' for inclusion (include_path='.:/usr/share/php:..') in <b>/www/htdocs/w005865d/hosting/58/2/puettner/layout/style_1.css.php</b> on line <b>12</b><br />
/**/
/* Body-Frame (globale Definitionen) */
/**/
body {
         max-width        : 100%;
         margin           : 0em auto;
         background       : White;
         font-size        : 13pt;
         font-family      : 'Arial', sans-serif;
         font-weight      : 400;
         color            : Black;
         text-align       : justify;
}
/**/
/* 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;
}
/**/
/* Design von Tags */
/**/
hr {
         width            : 100%;
         border-bottom    : 0.05em solid #28549D;
         margin-top       : 1.0em;
}
strong {
         color            :  #28549D;
}
p:after {
         content          : "";
         display          : block;
         clear            : both;
}
/**/
/* Design von Überschriften */
/**/
h1,
h2,
h3,
h4,
h6 {
         display          : block;
         text-align       : center;
         font-weight      : 400;
         letter-spacing   : 0.2em;
         color            : Black;
         border-bottom    : 0.05em solid #28549D;
         margin-bottom    : 1em;
}
h1 {
         font-size        : 1.5em;
         border-bottom    : none;
         margin-bottom    : 0em;
}
h2 {
         font-size        : 1.3em;
}
h3 {
         font-size        : 1.1em;
}
/* Anpassung main .shop label */
/* Anpassung nav #head_nav ul li */
h4 {
         font-size        : 1.0em;
}
/* Anpassung main .shop label */
/* Anpassung sharing_content */
h5 {
         font-size        : 0.8em;
}
/**/
@media (min-width: 1000px) {
  h1 {
         font-size        : 3.0em;
  }
  h2 {
         font-size        : 1.5em;
  }
  h3 {
  }
  h4 {
         font-size        : 1.1em;
  }
  h5 {
         font-size        : 0.9em;
  }
}
/**/
/* Design und Verhalten von Links */
/**/
a:link,
a:visited,
a:active,
a:hover {
         font-weight      : normal;
         color            : Black;
         text-decoration  : underline #28549D;
}
/* Anpassung footer */
/* Anpassung header topline top_nav */
/* Anpassung nav ul li */
/* Anpassung nav head_nav ul li ul li (1000) */
a:hover {
         background       : rgba(192,192,192,0.9);
         color            : 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;
}
/* Anpassung header topline top_nav */
/* Anpassung nav ul li */
.pdf_link::before {
        content           : url("icons/pdf.gif");
        padding-left      : 0.5em;
        padding-right     : 0.2em;
        white-space       : nowrap;
}
/**/
/* Design und Verhalten Formularfelder */
/**/
input,
textarea,
select,
list {
         width            : 90%;
         text-align       : left;
         color            : rgba(192,192,192,0.9);
         padding          : 0.3em;
         border           : none;
         border-bottom    : 0.03em solid #C04040;
         background       : none;
}
/* Anpassung nav head_nav */
/* Anpassung sharing_content */
/**/
/* Standard required */
input:hover,
textarea:hover,
select:hover,
list:hover {
         border-bottom    : 0.03em solid #28549D;
         -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 #28549D;
}
input:optional:hover,
textarea:optional:hover,
select:optional:hover,
list:optional:hover {
         border-bottom    : 0.03em solid #19C63B;
}
input:optional:focus,
textarea:optional:focus,
select:optional:focus,
list:optional:focus {
         border-bottom    : 0.03em solid #19C63B;
}
input:valid,
textarea:valid,
select:valid,
list:valid {
}
input:required:valid,
textarea:required:valid,
select:required:valid,
list:required:valid {
         border-bottom    : 0.03em solid #19C63B;
}
input[type='submit'] {
         width            : 100%;
         background       : rgba(192,192,192,0.4);
         color            : #C04040;
         text-align       : center;
         font-size        : 1.5em;
}
/* Anpassung nav head_nav */
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 ;
         content          : "";
}
input[type='checkbox']:hover+label::before {
          border           : 0.03em solid #28549D;
          -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 #19C63B;
          background       : #19C63B;
}
@media (min-width: 1000px) {
  input,
  textarea,
  select {
         width            : 95%;
         font-size        : 1.0em;
  }
  input[type='submit'] {
         font-size        : 1.0em;
  }
}
/**/
/* Design und Verhalten Standard-Bereiche */
/**/
fieldset {
         display          : block;
         height           : auto;
         border           : 0.1em solid rgba(192,192,192,0.2);
         box-shadow       : 0.2em 0.2em 0.3em #C04040;
}
fieldset:hover {
         box-shadow       : 0.2em 0.2em 0.1em #C04040;
}
fieldset:after {
         content          : "";
         display          : block;
         clear            : both;
}
@media (min-width: 1000px) {
  fieldset {
         margin-left      : 5em;
         margin-right     : 5em;
  }
}

/**/
/* Script-Rückmeldungen */
/**/
#return_false,
#return_right {
        display           : block;
        text-align        : center;
        font-weight       : 600;
        color             : White;
        padding           : 1.0em;
        border            : none;
}
#return_false {
        background        : #C04040;
}
#return_right {
        background        : #19C63B;
}
#return_false:hover,
#return_right:hover {
         box-shadow       : 0.2em 0.2em 0.1em #C04040;
}
.close_button {
         float            : right;
         display          : block;
         margin           : 0.1em;
         margin-left      : 0.5em;
}
.close_button img {
         height           : 1.1em;
         width            : 1.1em;
         border           : 0em;
}/**/
/* Header-Frame */
/**/
header {
         display          : block;
         width            : 100%;
         height           : 5.0em;
         top              : 0em;
         overflow         : visible;
         border-top       : 1.0em solid #28549D;
}
header #topline {
         display          : none;
         top              : 0em;
         width            : 100%;
}
header #topline #social_button {
         float            : right;
}
header #topline #social_button img {
         height           : 2.0em;
         border           : 0em;
}
header #topline #top_nav {
         display          : none;
         position         : sticky;
         float            : right;
         margin-right     : 5em;
}

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;
         margin-right     : 0.5em;
         font-size        : 0.8em;
         padding          : 0.2em;
         padding-top      : 1.0em;
         text-decoration  : none;
}
header #topline #top_nav a:hover {
         display          : block;
}
header #headline {
         display          : block;
         padding          : 0.2em;
}
header #headline img {
         width            : 5em;
}
header #contact {
           float              : right ;
           margin-top         : 1.0em ;
           margin-left        : 0.5em ;
           margin-right       : 0.5em ;
           width              : 50% ;
           padding-right      : 1.0em ;
           font-size          : 110% ;
           color              : Black;
           text-shadow        : grey 0.05em 0.05em ;
           opacity            : 0.4 ;
           filter             : alpha(opacity=40);
           z-index            : 1 ;
}
header #contact a[href^='tel:']::before {
           content           : "\260F" " ";
}
header #contact a[href^='mailto:']::before {
           content           : "\2709" " ";
}
/**/
/* Anpassungen für Geräte */
/**/
@media screen and (min-width: 601px) {
  header {
         height           : 8.0em;
         border-top       : 1.5em solid #28549D;
  }
  header #topline {
         display          : block;
  }
  header #headline img {
         width              : 8em;
  }
  header #contact {
         font-size          : 180% ;
  }
}
@media screen and (min-width: 1025px) {
  header {
         height             : 10.0em;
         border-top         : 2.0em solid #28549D;
  }
  header #headline img {
         width              : 10em;
  }
  header #contact {
         font-size          : 240% ;
  }
}/**/
/* Nav-Frame (Haupt-Navigation) */
/**/
nav {
         display          : block;
         clear            : both;
         width            : 100%;
         height           : auto;
         top              : 0.1em;
         position         : sticky;
         z-index          : 1;
         background-image   : URL('../layout/nav_background_top.jpg') ;
         background-repeat  : no-repeat ;
         background-position : top left ;
         background-size    : 100% ;
         margin-bottom    : 1em;
         margin-top       : 1em;
         box-shadow       : 0.0em 0.5em 0.5em #C04040;
}
nav #menue_button {
         float            : left;
         margin           : 0.1em;
}
nav #menue_button img {
         height           : 2.1em;
}
nav #menue_button #display {
         display          : none;
}
nav #head_nav {
         display          : none;
         position         : sticky;
         background       : rgba(0,0,0,0.7);
         width            : 100%;
         height           : auto;
         font-size        : 0.9em;
         font-weight      : 700;
         color            : White;
}
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 h3,
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            : White;
         padding-top      : 0.6em;
         padding-bottom   : 0.6em;
         padding-right    : 0.4em;
         padding-left     : 0.4em;
         text-decoration  : none !important;
}
nav #head_nav ul li h3 {
         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 h3: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;
         font-size        : 0.8em;
}
nav #head_nav li:hover ul {
         display          : block;
}
nav #head_nav ul img {
         height           : 1.1em;
         width            : 1.1em;
         border           : 0em;
         margin-right     : 0.3em;
}
/**/
/* Anpassungen für Geräte */
/**/
@media screen and (min-width: 601px) {
  nav #head_nav {
          font-size        : 1.1em;
  }
}/**/
/* Main-Frame */
/**/
main {
         display          : block ;
         width            : 90%;
         margin           : 0em auto;
         margin-bottom    : 2em;
         margin-top       : 3em;
         z-index          : 2;
         line-height      : 1.5;
         text-justify     : inter-word;
}
/*  Globale Artikel-Definitionen */
main article  {
         z-index          : 1;
         display          : block;
         width            : 100%;
         height           : auto;
         margin-bottom    : 3.0em;
}
main article .icon {
         float            : left;
         width            : 1.5em;
}
main article fieldset label {
         display          : block;
         width            : 100%;
         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;
}
/**/
/* Anpassungen für Geräte mit mehr als 1000px */
/**/
@media (min-width: 1025px) {
  main {
         width            : 80%;
  }
}/**/
/* Main-Sections */
/**/
/* Content Section Content */
/* CSS-Standard-Einstellungen für Contents */
/**/
main .content {

}
/* Content Section Start */
/* CSS-Standard-Einstellungen für Start */
/**/
main .start {
}
main .start img {
         box-shadow       : none !important;
}
/**/
/* Content Section News */
/* CSS-Standard-Einstellungen für News */
/**/
main .news {
         background       : #19C63B;
}
/**/
/* Content Section Topnews */
/* CSS-Standard-Einstellungen für Topews */
/**/
main .topnews {
         text-align       : center;
         font-weight      : 600;
         color            : White;
         background       : #C04040;
         border-top       : 0.2em solid #C04040;
         border-bottom    : 0.2em solid #28549D;
         box-shadow       : 0.2em 0.2em 0.3em #C04040;
}
main .topnews:hover {
         box-shadow       : 0.2em 0.2em 0.1em #C04040;
}
 /**/
/* Content Section Popup */
/* CSS-Standard-Einstellungen für Popup */
/**/
main .popup {
         display          : block;
         position         : absolute;
         top              : 2em;
         width            : 75%;
         margin           : 0em auto;
         height           : auto;
         overflow         : auto;
         background       : rgb();
         border           : 1px solid Black;
         box-shadow       : 0.4em 0.4em ;
         -moz-box-shadow  : 0.4em 0.4em ;
         -webkit-box-shadow: 0.4em 0.4em ;
         -moz-border-radius: 0.6em;
         -webkit-border-radius: 0.6em;
         border-radius    : 0.6em;
         padding          : 0.5em;
         text-align       : center;
         margin-bottom    : 2.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;
}
/* Content Section Catalog */
/* CSS-Standard-Einstellungen für Catalog */
/**/
main .catalog {
         display          : flex;
         position         : relative;
         flex-wrap        : wrap ;
         margin           : 0.0 auto;
         align-items      : stretch;
         justify-content  : center;
}
main .catalog .box {
         height           : auto;
         width            : 100%;
         margin           : 0.1em;
         padding          : 0.5em;
         border           : 0.1em solid rgba(192,192,192,0.2);
         box-shadow       : 0.1em 0.2em 0.3em #C04040;
         box-sizing       : border-box;
         text-align       : left;
         -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 .catalog .box .img {
         width            : 100%;
         float            : center;
}
main .catalog .box .img img {
         object-fit       : contain;
         width            : 100%;
}
main .catalog .box .img:hover {
         -webkit-transform : scale(1.3);
         -moz-transform    : scale(1.3);
         -ms-transform     : scale(1.3);
         -o-transform      : scale(1.3);
          transform        : scale(1.3);
         -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 .catalog .box label {
         height           : auto;
         float            : center;
}
main .catalog .box label h3 {
         text-align       : left;
         font-weight      : 500;
         letter-spacing   : 0.0em;
}

main .catalog #view {
         margin-left      : 0em;
         margin-right     : 0em;
}
main .catalog #view label {
         width            : 100%;
         height           : auto;
         text-align       : left;
}
main .catalog #view label h4 {
         display          : inline block;
         weight           : 900;
         font-size        : 80%;
         text-align       : left;
         font-style       : italic;
         letter-spacing   : 0.0em;
         border-bottom    : 0.01em solid #28549D;
         margin-bottom    : 0em;
}
main .catalog #view .catalog_img {
         width            : 100%;
         height           : 100%;
         float            : left;
}
main .catalog #view .catalog_img:hover {
         -webkit-transform : scale(1.1);
         -moz-transform    : scale(1.1);
         -ms-transform     : scale(1.1);
         -o-transform      : scale(1.1);
          transform        : scale(1.1);
         -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 .catalog #view .catalog_img img {
         display          : block;
         width            : 100%;
         object-fit       : contain;
}
main .catalog #view .catalog_img .left {
         display          : none;
         position         : absolute;
         top              : 5em;
         left             : 0em;
         width            : 2.5em;
         height           : 3.0em;
         background       : url(arrow_left.jpg) no-repeat;
}
main .catalog #view .catalog_img .right {
         display          : none;
         position         : absolute;
         top              : 5em;
         right            : 0em;
         width            : 2.5em;
         height           : 3.5em;
         background       : url(arrow_right.jpg) no-repeat;
}
main .catalog #view .catalog_img:hover .left,
main .catalog #view .catalog_img: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 .catalog #view form {
         margin-top       : 2em;
         margin-bottom    : 1em;
}
@media screen and (min-width: 48em) {
  main .catalog #view label {
         width            : 55%;
         height           : auto;
         float            : right;
         text-align       : left;
  }
  main .catalog #view .catalog_img {
         width            : 40%;
  }
  main .catalog .box {
         width            : 32%;
  }
  main .catalog .box .img {
         height           : 20em;
  }
  main .catalog .box .img img {
         height           : 20em;
  }
  main .catalog .box .img img:hover {
         height           : 100%;
  }
  main .catalog #view .catalog_img:hover {
         -webkit-transform : scale(1.3);
         -moz-transform    : scale(1.3);
         -ms-transform     : scale(1.3);
         -o-transform      : scale(1.3);
          transform        : scale(1.3);
  }
}
@media screen and (min-width: 75em) {
   main .catalog .box {
         width            : 24%;
  }
}
/**/
/* 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            : #28549D;
         -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 */
/**/
.fahrplan
         {
                 display          : block ;
         }
.fahrplan label
         {
           clear            : both ;
           display          : block ;
           border           : 1px solid #CFCFCF ;
           overflow         : auto ;
           -webkit-transition: all 1s ease-in 2s;
           -moz-transition  : all 1s ease-in 2s;
           -o-transition    : all 1s ease-in 2s;
           transition       : all 1s ease-in 2s;
         }
.fahrplan label .first
         {
           width            : 60% ;
           float            : left ;
           padding          : 10px ;
           -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
           transition: all 1s ease;
         }
.fahrplan label .second
         {
           width            : 20% ;
           float            : right ;
           padding          : 10px ;
           -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
           transition: all 1s ease;
         }
.fahrplan label:hover .first, .fahrplan label:hover .second
         {
           font-weight      : bold ;
           margin-left      : 5px ;
           margin-top       : -5px ;
           -moz-box-shadow  : -8px 8px 10px grey;
           -webkit-box-shadow:-8px 8px 10px grey;
           box-shadow       : -8px 8px 10px grey;
         }/**/
/* Plugins */
/**/
/**/
/* Body_Cookie_Banner */
/**/
#cookie_banner {
         display          : block;
         z-index          : 98;
         clear            : both;
         height           : auto;
         bottom           : 0.0em;
         position         : sticky;
         padding          : 0.05em;
         background       : #C04040;
         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;
}
/**/
/* 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       : White;
         padding          : 0.5em;
         border-top       : 0.2em solid #C04040;
         border-bottom    : 0.2em solid #28549D;
         box-shadow       : 0.2em 0.2em 0.3em #C04040;
         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 ;
}
@media (min-width: 1025px) {
  .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;
         -moz-border-radius: 0.6em;
         -webkit-border-radius: 0.6em;
         border-radius    : 0.6em;
}
main .media_bottom img,
main .media_content img {
         display          : block;
         width            : 100%;
         -moz-border-top-left-radius: 0.6em;
         -webkit-border-top-left-radius: 0.6em;
         border-top-left-radius    : 0.6em;
            -moz-border-top-right-radius: 0.6em;
         -webkit-border-top-right-radius: 0.6em;
         border-top-right-radius    : 0.6em;
}
main .media_preview img {
         display          : block;
         width            : 3.0em;
         height           : 3.0em;
         object-fit       : cover;
         float            : right;
         margin           : 0.06em;
         -moz-border-radius: 0.0em;
         -webkit-border-radius: 0.0em;
         border-radius    : 0.0em;
}
main figcaption {
         display         : block;
         background      : rgba(0,0,0,0.3);
         color           : White;
         font-size       : 0.7em;
         text-align      : center;
         padding         : 1.0em;
         -moz-border-bottom-left-radius: 0.6em;
         -webkit-border-bottom-left-radius: 0.6em;
         border-bottom-left-radius    : 0.6em;
         -moz-border-bottom-right-radius: 0.6em;
         -webkit-border-bottom-right-radius: 0.6em;
         border-botto-right-radius    : 0.6em;
}
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.3em 0.3em 1.0em #C04040;
         -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;
}
@media (min-width: 1025px) {
  main .media_content {
         width            : 40%;
         float            : right;
         margin-left      : 0.5em;
  }
}/**/
/* 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;
         background       : rgba(0,0,0,0.7);
         box-shadow       : 0.0em 0.5em 1.5em #C04040;
         text-align       : center;
         font-size        : 0.8em;
         color            : White;
}
footer a:link,
footer a:visited,
footer a:active,
footer a:hover  {
         margin           : 0.5em;
         color            : White;
         padding          : 0.1em;
         text-decoration  : none;
}