/* Vereinfachter CSS-Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Macht die Berechnung der Breite einfacher */
}

html {
    font-size: 100%; /* Basis-Schriftgröße */
}

body {
    line-height: 1.5; /* Standard-Zeilenhöhe */
}

ol, ul {
    list-style: none; /* Entfernt Aufzählungszeichen */
}

blockquote, q {
    quotes: none; /* Entfernt Standard-Zitate */
}

table {
    border-collapse: collapse; /* Reduziert Abstände zwischen Zellen */
}
fieldset {
    border:0px;
}
img {
    max-width: 100%; /* Macht Bilder responsiv */
    height: auto; /* Behält das Seitenverhältnis */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/*farben 
beige:#fcf8ea
logo wup: #F1B52F
orange:#ea8925
darkgrau: #4a4a49;
font s: #252525;
 */
 
/*CONTENT ALLE AUFLÖSUNGEN */
  body {
    background-color: #ffffff;
    font-family: Verdana, sans-serif; /* Websichere Schriftart */
    color: #252525;
    font-size: 1.0625rem; /* Entspricht 17px */
    line-height: 1.375rem; /* Entspricht 22px */
}
  
  .reframe { 
      margin: 0 auto; 
      width:100%;
      max-width:1550px;
  }
  
  header, main, footer, #ad {
      clear:both; 
      width:auto;
      margin: 0 auto;
  }
  
  header {
      min-height:150px;  
      background:#4a4a49;
  }
  
  #ad {
      background:#ea8925;
      height:40px;
      width:100%;
      float:left;
  }

  .breadcrumb {
    color:white;
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
}

.breadcrumb .inside {
    float:right;
    padding-right:20px;
    padding-left:10px; 
    line-height:14px;   
}

.breadcrumb a {
    color:white;
}

  footer {
      padding-top:20px; 
  }
  
  header .reframe { 
     height:100px; 
  }
  
  #logohead  {
      display:block;
      width:190px;
      float:left;
      margin-left:10px;
  }
  
  #logohead  img {
      width:190px;
  }
  
  main {
      background-color:#ffffff;
      border:0px solid blue;
      margin:0px;
      padding:0px;
      float:right;
      width:100%;
  }
  
  #side { 
      float:left;
      width:100%;
      min-height:500px;
      border-radius: 40px 40px  40px 40px;
      background:#ea8925;
      padding:0px;
  }
  
  footer {
      background:#4a4a49; 
  }
  
  footer .reframe {
      margin: 0 auto; 
      width:100%;
  }
  
  /* article*/
  main article {
      width:100%;
      min-height:500px;
      float:right;
  }
  
  main article section {
      background-color:white;
      border-bottom:5px dotted #ea8925;
      padding:10px;
  }
  
  main article section.c-back {
      background-color:#fbe2ba;
  }
  
  main article section.p-back {
      background-color:#fbe2ba;
      background-image:url("https://www.media-tours.de/hp/pics/icons/ic_new_releases_white_48dp_2x.png");
      background-repeat: no-repeat;
      background-position: 90% bottom;
      background-size: 70px 70px;
  } 
  /*background icons*/
  main article section.rennrad {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/rennrad.png");
  }
  main article section.tourenrad {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/tourenrad.png");
  }   
  
  main article section .textblock, main article section .t-block {
      border:0px solid red;
      float:left;
      width:60%;
  }
  
  main article section .p-block {
      border:0px solid green;
      float:right;
      width:35%;
  }  
  
  section.teilinhalt:after, div.teilinhalt:after, section.s-part:after{
     display: block;
     clear: both;
     content: " ";
  }
  
  main article p.k-img {
      border:0px solid red;
      display:block;
      min-height:100px;
      
  } 
   main article p.k-img img { 
      float:right;
      margin-left:2px;
      border-radius:10px;
      width:120px;
      height:auto;
      
  } 
  
   main article p.k-img img:hover {
       opacity: 0.8;
      
  } 
  
  /*figure new*/ 
   main article figure {
      width:100%;
      height:auto;
      position:relative;
      float:right;
      margin-top:20px; 
  }
  
  main article figure.t-sub {
      margin-bottom:10px;
  }
  
  main article figure.t-sub img {
      border-radius: 40px 40px  40px 40px;
  }
  
  main article figure img {
      width:100%;
      height:auto;
      float:right;
      border-radius: 40px 40px  40px 40px;
  }
  
  main article figure.s-img img {
      width:50%;
      border-radius: 20px;
  }
  
  main article figure.r-img img {
      border-radius:50%;
      border:4px solid #ea8925;
      width:70%;
      margin-right:5%;
      margin-bottom:15px;
  }
  
  main article figure.s-img figcaption {
    float:right;
  }
  

  main article figure.no-radius img {
      border-radius: 0px;
  }
  
  main article figure figcaption {
      background-color: #ea8925;
      color:#ffffff;
      padding:6px;
      font-size:15px;
      position:absolute;
      bottom:0px;
      right:0px;
      height:auto;
  }   
  
  main article figure.t-sub figcaption {
      background-color: #ffffff;
      color:#ea8925;
      position:static;
      margin-bottom:30px;
      font-weight:bold;
      text-align:right; 
  }
  
  main article .picrow  {
     float:right;
     border:1px solid white;
     width:500px;
  }
  
  main article .pics {
       float:right;
       border:1px solid white;
       width:400px;
  }
   
  main article .pics img{
     float:right;
     width:300px;
  }
  
  /*figure big*/ 
  main article figure.xl-pic {
      width:100%;
      margin:0px;
      position:relative;
  }
  
  main article figure.xl-pic img {
      width:100%;
      border-radius: 40px 40px  40px 40px;
  }
 /*erklärung zu gps */ 
  .menuL {
    background-color: #FFF2CC;
    color:#ea8925;
    font-style: italic; 
    font-weight: bold;
    padding:5px;
    margin-bottom:20px;
}

.menuL img {
    width:30px;
}

.menuL .descmenu {
    color:black;
    font-weight: normal;
}

 /*plumi */ 
ul.plumi-li li.plu-li {
    color: #ea8925;
    list-style-type: "+ ";
    font-weight:bold;
    font-size:30px;
}

ul.plumi-li li.pluplu-li {
    color: #ea8925;
    list-style-type: "++ ";
    font-weight:bold;
    font-size:30px;
}

ul.plumi-li li.mi-li {
    color: #bd1534;
    list-style-type: "- ";
    font-weight:bold;
    font-size:30px;
}

ul.plumi-li li span {
    color: #575757;
    font-weight:normal;
    font-size:17px;
}

  /*SIDE*/
  #side section {
      border-bottom:5px dotted#ffffff;
      margin-bottom:20px;
      float:left;
      padding-left:5%;
      padding-top:10px;
      width:95%;  
  }
  
  #side section a {
    text-decoration:none;
    display: block;
    font-size: 1.625rem; /* Entspricht 26px */
    line-height: 1.75rem; /* Entspricht 28px */
    font-family: 'Trebuchet MS', Helvetica, sans-serif; /* Websichere Schriftarten */
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 0.625rem; /* Entspricht 10px */
    background-image: url("https://www.media-tours.de/hp/pics/icons/pfeil_rechts_1.png");
    background-size: 0.625rem; /* Entspricht 10px */
    background-repeat: no-repeat;  
    background-position: 95% 50%;
}

#side section a:hover {
    border:0px;
    text-decoration:none; 
}


#side section a.sidelink {
    display: block;
    font-size: 1.25rem; /* Entspricht 20px */
    line-height: 1.375rem; /* Entspricht 22px */
    font-family: 'Trebuchet MS', Helvetica, sans-serif; /* Websichere Schriftarten */
    font-weight: 700;
    color: #4a4a49;
    margin-bottom: 0.625rem; /* Entspricht 10px */
    background-size: 0.625rem; /* Entspricht 10px */
    background-repeat: no-repeat;  
    background-position: 97% 90%;
    padding-right: 1.25rem; /* Entspricht 20px */
    border-bottom:0px;
}

#side section a.sidelink:hover {
    color:#ffffff;
    background-position: 100% 90%;
    border-bottom:0px;
} 

#side section a.caplink {
    display: block;
    font-size: 0.9375rem; /* Entspricht 15px */
    line-height: 1.375rem; /* Entspricht 22px */
    font-family: 'Verdana', Arial, sans-serif; /* Websichere Schriftarten */
    font-weight: 700;
    color: #4a4a49;
    margin-bottom: 0.625rem; /* Entspricht 10px */
    background-size: 0.625rem; /* Entspricht 10px */
    background-repeat: no-repeat;  
    background-position: 97% 90%;
    padding-right: 1.25rem; /* Entspricht 20px */
    background-image: none; /* Keine Hintergrundgrafik */
}

#side section a.caplink:hover {
    color:#FFFFFF;
} 


  
  #side section a.side-ext {
      background-image:url("https://www.media-tours.de/hp/pics/icons/pfeil_ext2.png");
      background-position: 98% 18%;
  } 
  
  #side section a.side-af {
      background-image:url("https://www.media-tours.de/hp/pics/icons/pfeil_ext_af.png");
      background-position: 98% 18%;
  }
  
  #side section h3 {
    margin-bottom: 0.625rem; /* Entspricht 10px */
    font-size: 1.625rem; /* Entspricht 26px */
    line-height: 1.75rem; /* Entspricht 28px */
    font-family: 'Trebuchet MS', Helvetica, sans-serif; /* Websichere Schriftarten */
    font-weight: 700;
    color: #ffffff;
}
     
#side section p {
    font-size: 0.85rem; /* Entspricht 18px */
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 0rem; /* Entspricht 0px */
}
      
  #side section figure {
      width:100%;
      float:left;
      margin-bottom:20px;
  }
  
  #side section figure img {
      width:100%;
      border:4px solid #ffffff;   
  }
  
  #side section figure img:hover {
    border:4px dotted #ffffff;
  }
  
  #side section figure figcaption {
    color: #ffffff;
    font-weight: bold;
    padding: 0rem; /* Entspricht 0px */
    font-size: 1.125rem; /* Entspricht 18px */
    width: 100%;
    margin-top: 0.3125rem; /* Entspricht 5px */
} 
  
  /*small pic*/
  #side  section figure .cent-s {
      display: block;
      width:156px;
      margin: 0 auto;
      border-radius:0px; 
   }
   
  #side  section figure .cent-p {
      display: block;
      width:50%;
      margin: 0 auto;   
  } 

   /*FOOTER*/
   footer p {
    color: #f1f1f1;
    padding: 1.25rem; /* Entspricht 20px */
   }
   
  footer p a {
     color: #ea8925;
     text-decoration:none;
  }
   
  footer p a:hover {
      color:  #f1f1f1;
  }
   
  /*FONTS*/
  main article p {
    padding-bottom: 1.25rem; /* Entspricht 20px */
    line-height: 1.625rem; /* Entspricht 26px */
}
  
main article p.s-font {
    font-size: 0.875rem; /* Entspricht 14px */
}
  
  main article p em {
      color:#434342;
      font-style:italic;
  }
  
  main article h1 {
    margin-top: 0rem; /* Entspricht 0px */
    margin-bottom: 1.875rem; /* Entspricht 30px */
    line-height: 1.5rem; /* Entspricht 24px */
    color: #4a4a49;
    font-family: 'Trebuchet MS', Helvetica, sans-serif; /* Websichere Schriftarten */
    font-weight: 700;
    font-size: 1.875rem; /* Entspricht 30px */
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0rem; /* Entspricht 0px */
    padding-right: 1.25rem; /* Entspricht 20px */
}
  
  main article h1::before {
      content:"\00bb\00a0"; 
  } 
  
  main article h1::after {
      content:"\00a0\00ab"; 
  }    
  
  main article h2, 
  main article h3 {
      font-size: 1.625rem; /* Entspricht 26px */
      line-height: 1.75rem; /* Entspricht 28px */
      font-family: 'Trebuchet MS', Helvetica, sans-serif; /* Websichere Schriftarten */
      font-weight: 700;
      color: #ea8925;
      margin-bottom: 0.625rem; /* Entspricht 10px */
      margin-top: 0.625rem; /* Entspricht 10px */
  }
  
  main article h2 .headinhalt-t  {
      color:#4a4a49;
  }
  
  main article strong {
    font-family: 'Verdana', Arial, sans-serif; /* Websichere Schriftarten */
    font-weight: 700;
    color: #ea8925;
  }
   /*links*/
  main p a, main ul li a, main ol li a, main article figure figcaption a,  main .tableround td a {
      color: #252525;
      text-decoration:none;
      border-bottom: 1px solid #ea8925;
  }
  
  a.ext-li {
      background-image:url("https://www.media-tours.de/pics_all/icons/extern/ext-li.png");
      background-repeat: no-repeat;  
      background-position: 100% 80%;
      background-size: 20px;
      padding-right:20px;
  }
  
  a.ext-am {
      background-image:url("https://www.media-tours.de/pics_all/icons/extern/ext-am.png");
  }
  
  main a:hover {
    border-bottom: 1px solid #ffffff;
  }

   /*link button*/
   main article p a.linkbut, 
   form input[type=submit], 
   main article p button.linkLLbut {
       font-family: 'Trebuchet MS', Helvetica, sans-serif; /* Websichere Schriftarten */
       font-size: 1rem; /* Entspricht 16px */
       font-weight: 700;
       display: block;
       background: #ea8925;
       color: #ffffff;
       text-shadow: 0 0 4px #ea8925;
       text-decoration: none;
       padding: 0.25rem; /* Entspricht 4px */
       padding-left: 0.625rem; /* Entspricht 10px */
       background-image: url("https://www.media-tours.de/hp/pics/icons/pfeil_rechts_1.png");
       background-repeat: no-repeat;  
       background-position: 95% 50%;
       background-size: 4.375rem; /* Entspricht 70px */
       text-transform: uppercase;
       margin-bottom: 1.25rem; /* Entspricht 20px */
       border-radius: 40px; /* Beibehaltung der Rundung */
       width: 70%;
       border: 0rem; /* Entspricht 0px */
   }
  
  form input[type=submit] {
      width:40%;
      padding:6px;
      cursor: pointer;
      background-image:none;
  }
  
  form input[type=submit]:focus {
      outline: none;
      background:#F1B52F;
  }
  
  main article p a.s-but {
      float:left;
      width:42%;
      margin-right:10px; 
  }  
  
  main article p a.download {
      background-image:url("https://www.media-tours.de/pics/icons/ic_file_download_white_48dp_2x.png"); 
      background-position: 95% 62%;
  }
  
  main article p a.extern {
      background-image:url("https://www.media-tours.de/pics/icons/ic_call_made_white_48dp_2x.png"); 
  }
  
  main article p a.extern-af {
      background-image:url("https://www.media-tours.de/pics/icons/ic_call_made_white_48dp_2x_af.png"); 
  }  
  
  main article p a.linkbut:hover {
      background-position: 98% 50%;
  }
  
  main article p a.download:hover {
      background-position: 95% 49%;
  }
  
  main article p a.linkbut mark {
    color: #ffffff;
    font-size: 1.1rem; /* Entspricht 22px */
    padding-bottom: 0rem; /* Entspricht 0px */
}
        
   /*ens link button*/
  main article h2 a,  main article h3 a{
      text-decoration:none;
      color:#ea8925;
  }
  
  /*table*/
  main article table {
    border:3px;
  }
  table.tableround {
    
    width:100%;
  }

  table.tableround2 {
    float:left;
    width:50%;
  }

  main article .tableround td, main article .tableround2 td {
    border-radius:12px;
    padding:7px;
  } 
  
  main article table.h-scroll {
    margin: auto;
    overflow-x: auto;
    display: block;
    width: fit-content;
    max-width: 100%;
  }
   
   
  main article table td {
     border:3px solid #ffffff;
     background:#d9d7d7;
     padding:2px;  
   } 

   
  main article table td.first,main article table th.first {
       border:3px solid #ea8925;
       border-bottom:3px solid #ffffff;
       border-right:3px solid #ffffff;
       background:#ea8925;
  } 
   
  main article table td.first a, main article table th.first a {
       color:#ffffff;
       text-decoration:none;
  }  
   
  main article table td.first a:hover,  main article table td.first a.tipplink, main article table th.first a:hover {
       color:#000000;
       text-decoration:none;
  } 
   
  main article table th,  main article table .first {
       border:3px solid #d9d7d7; 
       background:#ffffff; 
       padding:2px;
   } 

/*special links*/
   .katlink {
    color:#ffffff;
    background-color:#ea8925;
    display:block;
    float:left;
    font-weight:bold;
    border-radius: 16px;
    text-decoration:none;
    padding:10px;
    margin-right:5px;
    margin-bottom:10px;
    }
    
    .katlink:hover {
    color:#000000;
    
    }
    
    .katactive {
    color:#000000;
    }
   
   /*form*/
  form {
      border:0px solid red;
      margin-left:0px;  
  }
   
form input[type=text], 
form textarea, 
form select {
    border: 0.125rem solid #ea8925; /* Entspricht 2px */
    width: 50%; 
    background-color: #f6f6f6; 
    padding: 0.25rem; /* Entspricht 4px */
    font-size: 1rem; /* Entspricht 16px */
    border-radius: 15px; /* Beibehaltung der Rundung */
    margin-bottom: 0.1875rem; /* Entspricht 3px */
}
  
  form input[type=text]:focus {
      background: none;
      outline:none;
  }
  
  form select {
      font-weight:bold;
      color: #ea8925;
  } 
  
  form select option {
      font-weight:bold;
      background-color:  #f6f6f6; 
      color: #000000;
  }
  
  form input:focus, form textarea:focus {
      background-color:  #ffffff; 
  }  
  
  form input[type=submit]:hover { 
      background-position: 103% center;
  }
  /*special*/
  main article p mark, main article table td mark {
      color: #ea8925;
      background:none;
      font-weight:bold; 
  }
  
  main article p mark.b-mark{
      color: #ffffff;
      background:#ea8925;
      padding:5px;
  }
  
  main article .bpoints {
      width:50px;
  }
  
  main article .opoint {
      width:25px;
  }
  
  main article section .fs-thumbs {
  border-radius:20px;
  }
   /*list ordered*/
  main article .listol ol { 
    counter-reset: item; 
    margin-left:20px; 
  }  
  
  
  main article .listol ol li { 
      display: block; 
      margin-left:20px;
      margin-bottom:10px;
  }
  
  main article .listol ol li:before { 
      content: counters(item, ".") "."; 
      counter-increment: item; 
      padding-right:10px; 
      margin-left:-20px;
  }
  
   /*list unordered*/
   main article section ul {
      list-style-type:disc;
  }
  
  main article ul li {
      margin-left:20px;
      padding-bottom:25px;
      list-style-position:outside; 
  }
  
   /*sonstiges*/
  hr.hrline {
  border: 0px;
  height: 1px;
  background-color:#d9d7d7;
  }
  
  /*icons*/ 
  .icon {
    width:40px;
    height:40px;
    background-color:#E98927;
    background-repeat: no-repeat;  
    background-position: center center;
    background-size: 30px;
    color:#ffffff;
    border-radius: 20px;
    float:left;
    margin-right:10px;
    margin-left:0px;
    margin-bottom:5px;
  }
  
  .tipp {
    background-image:url("https://www.media-tours.de/hp/pics/icons/ic_new_releases_white_48dp_2x.png");
  }
  
  .rennrad {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/rennrad.png");
  }
  
  .wandern {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/wandern.png");
  }
  
  .tourenrad {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/tourenrad.png");
  }
  
  .mtb {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/mtb.png");
  }
  
  .ausblick {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/ausblick.png");
  }
  
  .android {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/android.png");
  }
  
  .smartphone {
    background-image:url("https://media-tours.de/pics_all/icons/aktiv/smartphone.png");
  }
  
  
  section.teilinhalt:after, div.teilinhalt:after {
     display: block;
     clear: both;
     content: " ";
  } 
  
  /*logos font footer*/
  
  #foot-b .logo-s  {
      display:inline-block;
      width:100px;
      height:100px;
      background:#ffffff; 
      margin:5px;
      border-radius:70px;
  }
  
  #foot-b .logo-s:hover  {
    opacity:0.7;  
  }
  
  #foot-b .logo-s img {
      width:100px;
      margin-top:15px;
  }
  
  #foot-b {
        margin:auto;
        width:70%; 
        border:0px solid red;
        text-align:center;
  }
  
  #foot-b .logo-social img {
      width:60px;
  }
  
  #foot-b .logo-social img:hover {
      opacity:0.7;  
  }
  
   /*höhenprofil*/
  #wrap_chart {
    width:70%;
  } 
   
  #curve_chart {
    border:0px solid red;
    padding:0px;
  }
  
  /*GMAP1*/
  #map {
      height: 300px;
      width: 100%;
  }
  /*video*/
  .videocont {
    width: 100%;
    height: auto;
  }
  
  /*responsive über */
  @media all and (min-width: 900px) {
  
      #side {
        width:22%;
        margin:1%;
      }
      
      /* article*/
      main article {
        width:74%;
      }     
        
  }
  
   /*responsive unter 500 smartphones*/
  @media all and (max-width: 600px) {
  
      h2 {
        margin-top:20px;
      }
  
      #side {
        width:100%;
        border-radius: 0px;
      }
      
      /* article*/
      main article {
        width:100%;
      }     
      
       main article section .textblock, main article section .t-block {
        border:0px solid red;
        float:left;
         width:100%;
      }
  
      main article section .p-block {
        float:right;
        width:100%;
      } 
      
       /*link button*/
      main article p a.linkbut {
        width:95%; 
      } 
      
      form select,  form input[type=text] {
        width:95%; 
      }
      
      /*höhenprofil*/
      #wrap_chart {
        width:100%;
      }  
        
  }
  
   /*menu_all7_3.css*/
  nav { 
    
    width:auto;
    border:0px solid red;
    position:relative;
    float:left;
    background:#4a4a49;
  }
  
  /*menu toogle*/
  label {
    cursor: pointer;
  }
  
  #menu-toggle {
  display: none; /* hide the checkbox */
  }
  
  #menu-icon {
    display: none; /* hide the menu icon  */
  }
  
  #menu-icon img {
    width:47px;
  }
  
  #menu-toggle:checked + #menu {
    display: block;
  }
  
  
  #menu { 
    display: block; 
    background: transparent; 
    min-height: 100px;
    width: auto; 
    font-family: 'Trebuchet MS', Helvetica, sans-serif; /* Websichere Schriftarten */
    font-weight: 700;
    border: 0px solid white;
    margin-top:10px;
}
  
  #menu > li {  
      float: left; 
      margin:0px;
      padding:0px; 
  }
   /*submenu*/
  #menu ul {  
       display: none; 
      position: absolute;
      background: transparent; 
      display: none; 
      position: absolute;
      left: 0px;
      padding-top:3px; 
      top: 50px;
      width:100%;
      border:0px solid red;   
  }
  
  /*buttons hauptmenu */
  #menu a {  
       text-align:center;
      display: block; 
      color: white; 
      padding-top: 12px;
      padding-left: 11px;
      padding-right: 11px;
      padding-bottom: 12px;
      margin-left:6px; 
      margin-top:6px; 
      text-decoration:none;
      font-size:17px;
      border-radius:30px 30px  30px 30px;
      font-weight:bold;
      text-transform:uppercase;
      letter-spacing:1px;
      background-color:#ec8925;
      
 }
  
  /*buttons over hauptmenu */
  #menu a:hover,  #menu > li.active > a { 
  background-color: #ffffff;
  color:#ea8925; 
  }
  
  
  /*buttons submenu */
  #menu ul a {  
      display: block; 
      color: white; 
      font-size:15px;
      padding: 5px;
      padding-right: 8px; 
      padding-left: 8px; 
      background: transparent;
      margin-right:5px; 
      margin-top:15px; 
      text-decoration:none;
      border-radius: 20px 20px  20px 20px;
      float:left;
  }
  
  #menu li { 
  list-style: none; 
  border:0px solid red;
  margin:0px;
  }
  
  /*submenu sichtbar wenn haupt aktiv */
  #menu li.active ul { 
  display:block
  }
  
  /*buttons over submenu */
  #menu ul a:hover, #menu ul > li.active > a { 
  background: transparent;
  color:#ffffff;
  border-bottom:2px solid #ea8925; 
  }
   /*umbruch nav*/
  
  
  @media all and (max-width: 1200px) {
      nav {
      clear:both;
      margin:auto;
      padding:0px;
      width:100%; 
      }
      
      #menu {
      display: none;
      height: auto;
      margin: 0 auto;    
      width:90%; 
      border:0px solid red;
      padding:0px;       
      }
      
      #menu-icon {
      display: block; /* show the menu icon  */
      position:absolute;
      right:10px;
      top:-80px;
      }

      /*submenu unsichtsichtbar wenn haupt aktiv */
      #menu li.active ul { 
      display:none;
      }
  
      #menu > li {  
      float: none; 
      width: 100%; 
      margin:10px;
      margin-left:0px;
      }
      
      #menu li:hover ul { display: block;  } 
      
      /*buttons over hauptmenu smartphone*/
      #menu a { 
      font-size:18px;
      margin-left:0px;
      }
      
      /*submenu smartphone*/
      #menu ul { 
      position: relative;
      padding:0px;
      margin:auto;
      padding:0px;
      width:85%; 
      border:0px solid red;
      top:5px;
      left:0px;
      }
      
       /*buttons over submenu smartphone*/
      #menu ul a { 
      font-size:17px;
      float:none;
      margin-left:0px;
      border-bottom:2px solid #878787;
      }
      
      #menu li.tap { background: #555;  }
      #menu li.tap ul { display: block;  }

      table.tableround2 {
        float:left;
        width:100%;
      }
  }
  
  /*wup.css*/
  #ad {
    height:auto;
    width:100%;
    float:left;
    min-height:40px;
  }
  
  .logo-s img {
  width:50px;
  }
  
  main article section.c-back {
      background-color:#ffefca;
  }
  
  main a.bolink, main .bolinks a {
    font-weight: bold;
    color: #252525;
    text-decoration:none;
    border-bottom:3px solid #ea8925;
  }
  
  main a.bolink:hover, main .bolinks a:hover{
    border-bottom:3px solid #ffffff;
  } 
  
   /*CLS*/
  #side section figure img {
      max-width: 100%;
      height: auto; 
      border-radius: 20px 20px  20px 20px;
  }
  
  #foot-b .logo-social img {
      width: 90px;
      height: 90px;
  }
  
  #foot-b .logo-social img {
      width: 90px;
      height: 90px;
  }
  
  #foot-b #logo_mt {
      max-width: 180px;
      height: auto; 
  }
  
  #logohead  img {
      width:190px;
      height: auto; 
  }
  
  
   /*responsive > 500 smartphones*/
   @media all and (min-width: 500px) {
      img.zoompic {
          display:inline-block;
          background-color:#ea8925;
          width:25px;
          margin-left:20px;
      }
  }
  
   /*responsive > 500 smartphones*/
   @media all and (max-width: 500px) {
      img.zoompic {
          display:none;
      }
  }