/*
 * misc.css
*/

/*
 * colors
 * ----------
 * hellbraun: #791212, rgb(121,18,18)
 * dunkelbraun: #410b0a, rgb(64,11,10)
 * rosa-rot / helles orange: #fff4e0 rgb(255,244,224)
 * 
 * orage light to dark
 * orange 1: #ffdd00 rgb(255,221,0)
 * orange 2: #ffcc00 rgb(255,204,0)
 * orange 3: #fabb00 rgb(250,187,0)
 * orange 4: #f6a800 rgb(246,168,0)
 * orange 5: #f29400 rgb(242,148,0)
 * orange 6: #ee7f00 rgb(238,127,0) bsp. Button
 * orange 7: #eb690b rgb(235,105,11)
 *
 */
@font-face 
   {
      font-family: sans-regular;
      /* font-family: 'OpenSans'; */
      src: url('../font/opensans/edit/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'),  
           url('../font/opensans/edit/OpenSans/OpenSans.woff') format('woff'), 
           url('../font/opensans/edit/OpenSans/OpenSans.ttf')  format('truetype'), 
           url('../font/opensans/edit/OpenSans/OpenSans.svg#OpenSans') format('svg');
      font-weight: normal;
      font-style: normal;
   }
@font-face 
   {
      font-family: sans-bold;
      /* font-family: 'OpenSans-Bold'; */
      src: url('../font/opensans/edit/OpenSans-Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  
           url('../font/opensans/edit/OpenSans-Bold/OpenSans-Bold.woff') format('woff'), 
           url('../font/opensans/edit/OpenSans-Bold/OpenSans-Bold.ttf')  format('truetype'), 
           url('../font/opensans/edit/OpenSans-Bold/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
      font-weight: normal;
      font-style: normal;
   }
@font-face 
   {
      font-family: sans-light;
      /* font-family: 'OpenSans-Light'; */
      src: url('../font/opensans/edit/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  
           url('../font/opensans/edit/OpenSans-Light/OpenSans-Light.woff') format('woff'), 
           url('../font/opensans/edit/OpenSans-Light/OpenSans-Light.ttf')  format('truetype'), 
           url('../font/opensans/edit/OpenSans-Light/OpenSans-Light.svg#OpenSans-Light') format('svg');
      font-weight: normal;
      font-style: normal;
   }
@font-face 
   {
      font-family: sans-condensed-bold;
      /* font-family: 'OpenSans-CondensedBold'; */
      src: url('../font/opensanscondensed/edit/OpenSans-CondensedBold/OpenSans-CondensedBold.eot?#iefix') format('embedded-opentype'),  
           url('../font/opensanscondensed/edit/OpenSans-CondensedBold/OpenSans-CondensedBold.woff') format('woff'), 
           url('../font/opensanscondensed/edit/OpenSans-CondensedBold/OpenSans-CondensedBold.ttf')  format('truetype'), 
           url('../font/opensanscondensed/edit/OpenSans-CondensedBold/OpenSans-CondensedBold.svg#OpenSans-CondensedBold') format('svg');
      font-weight: normal;
      font-style: normal;
   }
/* Font Awesome : fortawesome.github.io/Font-Awesome */
@font-face 
   {
      font-family: 'FontAwesome';
      src: url('../font/font-awesome/fontawesome-webfont.eot?v=4.5.0');
      src: url('../font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
           url('../font/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), 
           url('../font/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), 
           url('../font/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), 
           url('../font/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
      font-weight: normal;
      font-style: normal;
   }
/* ol */
@font-face 
   {
      font-family: 'Glyphicons Halflings';
      src: url('../font/glyphicons-halflings-regular.woff?v=4.x') format('woff');
      font-weight: normal;
      font-style: normal;
   }
@-webkit-keyframes galopp 
   {
      0%   
         {
            -webkit-transform: rotate(0deg) translateX(-50%);
            -webkit-transform-origin: -50% 100%;
            -webkit-transition: transform 5s;
         }
      50% 
         {
            -webkit-transform: rotate(-105deg) translateX(-50%);
            -webkit-transform-origin: -50% 100%;
            -webkit-transition: transform 5s;
         }
      100% 
         {
            -webkit-transform: rotate(0deg) translateX(-50%);
            -webkit-transform-origin: -50% 100%;
            -webkit-transition: transform 5s;
         }
   }
@-moz-keyframes galopp 
   {
      0%   
         {
            -moz-transform: rotate(0deg) translateX(-50%); 
            -moz-transform-origin: -50% 100%;
            -moz-transition: transform 5s;
         }
      50% 
         {
            -moz-transform: rotate(-10deg) translateX(-50%); 
            -moz-transform-origin: -50% 100%;
            -moz-transition: transform 5s;           
         }
      100% 
         {
            -moz-transform: rotate(0deg) translateX(-50%); 
            -moz-transform-origin: -50% 100%;
            -moz-transition: transform 5s;
         }
   }
@-o-keyframes galopp
   {
      0%   
         {
            -o-transform: rotate(0deg) translateX(-50%);
            -o-transform-origin: -50% 100%;  
            -o-transition: transform 5s;
         }
      50% 
         {
            -o-transform: rotate(-10deg) translateX(-50%);
            -o-transform-origin: -50% 100%;  
            -o-transition: transform 5s;           
         }
      100% 
         {
            -o-transform: rotate(0deg) translateX(-50%);
            -o-transform-origin: -50% 100%;  
            -o-transition: transform 5s;
         }
   }
@keyframes galopp 
   {
      0%   
         {
            -ms-transform: rotate(0deg) translateX(-50%);
            transform: rotate(0deg) translateX(-50%);
                    
            -ms-transform-origin: -50% 100%;            
            transform-origin: -50% 100%; 

            -ms-transition: transform 5s;
            transition: transform 5s; 
         }
      50% 
         {
            -ms-transform: rotate(-10deg) translateX(-50%);
            transform: rotate(-10deg) translateX(-50%);
                    
            -ms-transform-origin: -50% 100%;            
            transform-origin: -50% 100%; 

            -ms-transition: transform 5s;
            transition: transform 5s;             
         }
      100% 
         {
            -ms-transform: rotate(0deg) translateX(-50%);
            transform: rotate(0deg) translateX(-50%);
                    
            -ms-transform-origin: -50% 100%;            
            transform-origin: -50% 100%; 

            -ms-transition: transform 5s;
            transition: transform 5s; 
         }
   }
   
   
   
*
   {
      border-sizing: border-box;
   }
body
   {
      margin: 0rem;      
      padding: 0rem;
      background-color: #fff4e0;
      
      font-family: sans-regular;
      font-weight: normal;
      font-style: normal;
   }
  
h1
   {
      font-family: sans-condensed-bold;
      font-weight: normal;
      font-style: normal;
      font-size: 1.25rem;
      color: #410b0a;
      margin-top: 0rem;
   }  
  a
   {
      text-decoration: none;
      color: #410b0a;
      font-family: sans-bold;
      font-weight: normal;
      font-style: normal;
   } 
  a:hover
   {
      text-decoration: none;
   }
  strong
   {
      color: #410b0a;
      font-family: sans-bold;
      font-weight: normal;
      font-style: normal;
   }
  
  
#page > #header
   {  
      height: 2.5rem;
      position: fixed;
      top: 0rem;
      left: 0rem;
      right: 0rem;  
      z-index: 4;
      background-color: #fff4e0;
   }
#page > #header > a
   {
      font-size: 1rem; /* svg */
      display: inline-block;
      position: absolute;
      top: 50%; 
      left: 2.1875rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
   }
#page > #header > nav 
   {
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 1.25rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
   }
#page > #header > nav > a
   {
      font-size: 1rem;
      display: none;
      text-decoration: none;
   }

body.front #page > #header > nav 
   {
      display: inline-block;
      position: absolute;
      top: 1.25rem;
      right: 1.25rem;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
   }
body.front #page > #header > nav > a
   {
      margin-right: 1.25rem;
      display: inline-block;
   }
body.front #page > #header
   {  
      background-color: transparent;
   }
body.front #page > #header > a[rel="home"]
   {  
      display: none;
   }
#page > article .node-ct-point-of-interest.view-mode-full,
#page > article .node-ct-map.view-mode-full
   {
      margin: auto;
      width: 100%;
      margin-top: 50vh;
      /*margin-top: -webkit-calc(50vh - 2.5rem);
      margin-top: -moz-calc(50vh - 2.5rem);
      margin-top: calc(50vh - 2.5rem);  */        
      margin-bottom: 2.5rem; 
   }
   
#page > article > #content_header,
#page > article > #content,
#page > article > #content_footer
   {
      
   }
#page > #footer
   {
            
   }

aside.ds-show_room
   {
      max-height: -webkit-calc(50vh - 2.5rem);
      max-height: -moz-calc(50vh - 2.5rem);
      max-height: calc(50vh - 2.5rem);
      height: -webkit-calc(50vh - 2.5rem);
      height: -moz-calc(50vh - 2.5rem);
      height: calc(50vh - 2.5rem);      
      
      position: fixed;
      top: 2.5rem;
      left: 0rem;
      right: 0rem;
      
      overflow: hidden;
      background-color: #fff4e0;
      z-index: 3;
   }
footer.ds-footer_nav,
footer.ds-cp_footer_nav,
.view-footer
   {
      height: 2.5rem; 
      background-color: #791212;
      position: fixed;
      bottom: 0rem;
      left: 0rem;
      right: 0rem;
      z-index: 4;
   }
footer.ds-footer_nav ul.footer_menu,
footer.ds-cp_footer_nav ul.footer_menu,
.view-footer ul.footer_menu
   {
      margin: 0rem;
      padding: 0rem;
      
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
   }
footer.ds-footer_nav ul.footer_menu > li,
footer.ds-cp_footer_nav ul.footer_menu > li,
.view-footer ul.footer_menu > li
   {
      display: inline-block;
      margin: 0rem;
      padding:0rem;
      list-style: none;
      text-align: center;
      
      -webkit-box-flex: 1 1 auto;
      -moz-box-flex: 1 1 auto;
      width: auto;          
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
   }
footer.ds-footer_nav ul.footer_menu > li > a,
footer.ds-cp_footer_nav ul.footer_menu > li > a,
.view-footer ul.footer_menu > li > a
   {
      display: inline-block;
      font-size: 1rem; /* svg */
      line-height: 1rem;
      width: 100%;
   }
footer.ds-footer_nav ul.footer_menu > li:hover,
footer.ds-cp_footer_nav ul.footer_menu > li:hover,
.view-footer ul.footer_menu > li:hover
   {
      background-color: #410b0a;
   }
/* ***************************************************** */
/* Slider */
aside.ds-show_room .field-name-field-poi-pictures > .field-items > .field-item,
aside.ds-show_room .field-name-field-m-picture > .field-items > .field-item
   {
      position: absolute;
      top: 0rem;
      left: 0rem;
      width: 100%;
      height: 100%;
   }   /*
aside.ds-show_room .field-name-field-poi-pictures > .field-items > .field-item > img,
aside.ds-show_room .field-name-field-m-picture > .field-items > .field-item > img
   {
      height: auto;
      width: auto;
      min-height: 100%;
      min-width: 100%;
      position: absolute;      
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      
      opacity: 0;
      -moz-transition: opacity 4s ease;
      -ms-transition: opacity 4s ease;
      -o-transition: opacity 4s ease;
      -webkit-transition: opacity 4s ease;
      transition: opacity 4s ease;  
   }  */ 
aside.ds-show_room .field-name-field-poi-pictures > .field-items > .field-item > img,
aside.ds-show_room .field-name-field-m-picture > .field-items > .field-item > img
   {
      height: auto;
      width: auto;
      min-height: 100%;
      max-height: 100%;
      position: absolute;     
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      
      opacity: 0;
      -moz-transition: opacity 2s ease;
      -ms-transition: opacity 2s ease;
      -o-transition: opacity 2s ease;
      -webkit-transition: opacity 2s ease;
      transition: opacity 2s ease;  
   }  
aside.ds-show_room .field-name-field-poi-pictures > .field-items > .field-item:first-child > img,
aside.ds-show_room .field-name-field-m-picture > .field-items > .field-item:first-child > img
   {
      opacity: 1;
   }    
aside.ds-show_room .slider_nav
   {
      position: absolute;
      z-index: 1;
      right: 0.5rem;
      top: 0.5rem;
      width: auto;
   }
aside.ds-show_room .slider_nav > div
   {
      border-radius: 50%;
      background-color: #ffffff;
      width: 1rem;
      height: 1rem;
      display: inline-block;
      margin-left: 0.5rem;
   }
aside.ds-show_room .slider_nav > div.active
   {
      background-color: #ffcc00;
   }
/* ***************************************************** */
/* POI nav bar */
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi > .field-items,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation > .field-items
   {
      position: absolute;
      bottom: 0rem;
      left: 0rem;
      right: 0rem;
      /* min-height: 3.25rem; */
      max-height: 2.5rem;
      height: 2.5rem;
      
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi > .field-items > .field-item,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation > .field-items > .field-item
   {
      position: relative;
      display: none; /* inline-block */
      text-align: center;
      
      -webkit-box-flex: 1 1 auto;
      -moz-box-flex: 1 1 auto;
      width: auto;          
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi > .field-items > .field-item a,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation > .field-items > .field-item a
   {
      text-decoration: none;
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi .field-name-ds-field-marker-icon > .field-items > .field-item,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation .field-name-ds-field-marker-icon > .field-items > .field-item
   {
      margin-top: -1.25rem;
      cursor: pointer;
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi .field-name-ds-field-marker-icon > .field-items > .field-item a,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation .field-name-ds-field-marker-icon > .field-items > .field-item a
   {
      display: inline-block;
      width: 100%;
      height: auto;
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi .field-name-ds-field-marker-icon > .field-items > .field-item a svg:nth-child(2),
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation .field-name-ds-field-marker-icon > .field-items > .field-item a svg:nth-child(2)
   {
      position: absolute;
      bottom: -0.25rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi .field-name-ds-field-marker-icon > .field-items > .field-item.active,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation .field-name-ds-field-marker-icon > .field-items > .field-item.active
   {
      margin-top: -4rem;
   }/*
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi .field-name-ds-field-marker-icon > .field-items > .field-item:hover
   {
      margin-top: -2rem;
   }*/
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi > .field-items > .field-item svg.flagged circle,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation > .field-items > .field-item svg.flagged circle
   {
      fill: none;
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi > .field-items > .field-item svg.flagged polyline,
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation > .field-items > .field-item svg.flagged polyline
   {
      stroke: #410b0a;
   }
aside.ds-show_room .field-name-field-m-poi svg.unflagged,
aside.ds-show_room .field-name-field-m-poi-navigation svg.unflagged
   {
      display: none;
   }
aside.ds-show_room .flag-outer-f-my-visited-places
   {
      position: absolute;
      bottom: -0.5rem;
      text-align: center;
      width: auto;
      left: 0rem;
      right: 0rem;
   }
/*
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi > .field-items > .field-item svg.unflagged circle
   {
      fill: none;
   }
aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi > .field-items > .field-item svg.unflagged polyline
   {
      stroke: #410b0a;
   }
*/
/* ***************************************************** */
/**/
body.admin-menu #page > #header
   {  
      top: 2rem;    
   }
body.admin-menu aside.ds-show_room
   {  
      top: 4.5rem;    
   }
body.admin-menu #content_header
   {  
      position: absolute;
      top: 4.5rem;    
      left: 50%;
   }

body.admin-menu #page > nav
   {
      top: 2rem;
   }
/*
body.admin-menu aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation > .field-items
   {
      bottom: 2rem;
   }
  */ 
   /*
body.admin-menu #page > article .node-ct-point-of-interest.view-mode-full
   {
      margin-top: -webkit-calc(50vh + 2rem);
      margin-top: -moz-calc(50vh + 2rem);
      margin-top: calc(50vh + 2rem);     
   }
/* ******************************************************** *//*
div.messages
   {
      background-position: 8px 8px;
      background-repeat: no-repeat;
      border: 0px solid;
      margin: 0px 0;
      padding: 0px 0px 0px 0px;
   }
/* ******************************************************** */
body.front
   {
      
   }
body.front #page #content .field-name-field-f-picture > .field-items 
   {
      overflow: hidden;
   }
body.front #page #content .field-name-field-f-picture > .field-items 
   {
      max-width: 100%;
      max-height: 100%;
   }
body.front #page #content .field-name-field-f-picture > .field-items > .field-item 
   {
      overflow: hidden;  
      position: absolute;
      top: 0rem;
      left:0rem;
      right: 0rem;
      bottom: 0rem;
   }/*
body.front #page #content .field-name-field-f-picture > .field-items > .field-item > img
   {
      height: auto;
      width: auto;
      min-height: 100%;
      min-width: 100%; 
      position: absolute;      
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
   }*/
body.front #page #content .field-name-field-f-picture > .field-items > .field-item > img
   {
      height: auto;
      width: auto;
      min-height: 100%;
      max-height: 100%;
      position: absolute;      
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
body.front #page #content .field-name-field-f-app-icon > .field-items > .field-item img
   {
      position: absolute;      
      /* bottom: 4.375rem; */
      bottom: 8.75rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      
      z-index: 1;
      -webkit-animation: galopp 2s alternate 2;
      -moz-animation:    galopp 2s alternate 2;
      -o-animation:      galopp 2s alternate 2;
      animation:         galopp 2s alternate 2;
      
   }
   
/* ******************************************************** */
/* Button */

.field-name-field-m-link a
   {
      display: inline-block;
      background-color: #f29400;
      min-height: 2.5rem;
      border-radius: 2.5rem;
      white-space: nowrap;
      vertical-align: middle;
      color: #fff4e0;
      font-size: 1.25rem;
      font-family: sans-condensed-bold;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
      padding-right: 1rem;
   }
.field-name-field-m-link a > div
   {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem;
      height: 2.5rem;
      margin-right: 0.25rem;
   }
/* ******************************************************** */
#main-menu-button
   {
      cursor: pointer;
   }
#main-menu-button circle
   {
      fill: none;
   }
#main-menu-button line
   {
      stroke: #791212;
   }
body.front #main-menu-button circle
   {
      fill: #791212;
   }
body.front #main-menu-button line
   {
      stroke: #ffffff;
   }
#page > nav
   {
      position: absolute;
      top: 0rem;
      left: 0rem; 
      right: 0rem;
      z-index: 5;
   }
#main-menu
   {
      display: none;
      position: absolute;
      top: 0rem;
      left: 0rem;
      right: 0rem; 
   }
#main-menu p
   {
      margin: 0rem;
      padding: 0rem;
      font-family: sans-regular;
      font-weight: normal;
      font-style: normal;
      font-size: 0.875rem;
      margin-top: -0.5125rem;
   }
#main-menu svg
   {
      font-size: 1rem;
      position: absolute;
      top: 0.45rem;
      right: 1.25rem;
   }
#main-menu.active
   {
      display: block;
   }   
#main-menu #main-menu-close
   {
      position: absolute;
      top: 1.71875rem;
      right: 1.25rem;
      z-index: 2;
      display: inline-block;
      cursor: pointer;
   }   
#main-menu > ul
   {
      margin: 0rem;
      padding: 0rem;
   }   
#main-menu > ul > li
   {
      margin: 0rem;
      padding: 0rem;
      padding-left: 1.25rem;
      display: block;
      list-style: none;
   } 
#main-menu > ul > li:first-child
   {
      padding-top: 3.75rem;
   } 
#main-menu > ul > li > h2
   {
      margin: 0rem;
      padding: 0rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      height: 2.5rem;
      font-size: 1.25rem;
      line-height: 2.5rem;
      font-family: sans-condensed-bold;
      font-weight: normal;
      font-style: normal;
      cursor: pointer;
      color: #410b0a;
   } 
#main-menu > ul > li > a
   {
      min-height: 2.5rem;
      display: block;
      line-height: 2.5rem;
      text-decoration: none;
      font-family: sans-condensed-bold;
      font-weight: normal;
      font-style: normal;
      color: #410b0a;
      font-size: 1.25rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
   }
#main-menu > ul > li > ul > li > a
   {
      /* min-height: 2.5rem;*/
      display: block;
      line-height: 1.25rem;
      text-decoration: none;
      font-family: sans-condensed-bold;
      font-weight: normal;
      font-style: normal;
      color: #410b0a;
      font-size: 1.25rem;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
   }
#main-menu > ul > li > ul > li > a
   {
      padding-right: 2.7rem;
   }  
#main-menu > ul > li > ul > li > p
   {
      
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
      padding-right: 2.7rem;
   }
#main-menu > ul > li:nth-child(1)
   {
      background-color: #ffdd00;
   }   
#main-menu > ul > li:nth-child(2)
   {
      background-color: #ffcc00;
   }   
#main-menu > ul > li:nth-child(3)
   {
      background-color: #fabb00;
   }   
#main-menu > ul > li:nth-child(4)
   {
      background-color: #f6a800;
   }   
#main-menu > ul > li:nth-child(5)
   {
      background-color: #f29400;
   }   
#main-menu > ul > li:nth-child(6)
   {
      background-color: #ee7f00;
   }   
#main-menu > ul > li:nth-child(7)
   {
      background-color: #eb690b;
   }   
#main-menu > ul > li > ul
   {
      margin: 0rem;
      padding: 0rem;
      display: none;
   }   
#main-menu > ul > li > ul.active
   {
      display: block;
   }   
#main-menu > ul > li > ul > li
   {
      margin: 0rem;
      padding: 0rem;
      padding-left: 1.25rem;
      list-style: none;
      position: relative;
   }  
/* ******************************************************** */
/*
.page-map .attachment 
   {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
   }
*/
.view-v-map-taxonomy
   {
      margin-top: 3.75rem;
      margin-bottom: 2.5rem;      
   }
.view-v-map-taxonomy h1
   {
      margin-bottom: 0rem;
   }
.view-v-map-taxonomy .view-header b
   {      
      font-family: sans-bold;
      font-weight: normal;
      font-style: normal;
   }
.view-v-map-taxonomy .map
   {     
      max-height: -webkit-calc(50vh - 2.5rem);
      max-height: -moz-calc(50vh - 2.5rem);
      max-height: calc(50vh - 2.5rem);
      height: -webkit-calc(50vh - 2.5rem);
      height: -moz-calc(50vh - 2.5rem);
      height: calc(50vh - 2.5rem);      
      
      position: fixed;
      top: 2.5rem;
      left: 0rem;
      right: 0rem;
      
      overflow: hidden;
      background-color: #fff4e0;
      
      z-index: 1;
   
   } 
.view-v-map-taxonomy  .attachment
   {
      margin: auto;
      width: 100%;
      position: absolute;
      top: -webkit-calc(50vh - 2.5rem);
      top: -moz-calc(50vh - 2.5rem);
      top: calc(50vh - 2.5rem); 
   }
/* ******************************************************** */
/* content */ 
.field-name-field-m-text2
   {
      padding-top: 1.25rem;
   }  
.ds-content_data
   {
      padding: 1.25rem;
      margin-bottom: 2.5rem;
   }
.ds-cp_content_data
   {
      padding: 1.25rem;
      padding-top: 3.75rem;
      margin-bottom: 0rem;
   }
body.admin-menu .ds-content_data
body.admin-menu .ds-cp_content_data
   {
      margin-top: 7.5rem;
   }
body.admin-menu .node-type-ct-content-page #content_header
   {
      position: static;
   }
.ds-content_data .field-name-ds-social-links-share
   {
      margin-top: 1.25rem;
      display: inline-block;
   }
.ds-content_data .flag-outer-f-my-visited-places
   {
      margin-top: 1.25rem;
      margin-right: 1.25rem;
      display: inline-block;
      
   }
.ds-content_data .field-name-field-poi-address,
.ds-content_data .field-name-field-poi-phone,
.ds-content_data .field-name-field-poi-link,
.ds-content_data .field-name-field-poi-text
   {
      margin-top: 1.25rem;
   }
.ds-content_data .field-name-field-poi-address .field-label,
.ds-content_data .field-name-field-poi-phone .field-label,
.ds-content_data .field-name-field-poi-link .field-label
   {
      font-family: sans-bold;
      font-weight: normal;
      font-style: normal;
      padding-right: 0.5rem;
   }
   
.ds-content_data .field-name-field-poi-link a
   {
      text-decoration: none;
      color: #410b0a;
      font-family: sans-bold;
      font-weight: normal;
      font-style: normal;
   }
.ds-content_data .field-name-field-m-text,
.node-type-ct-content-page .field-name-field-cp-text
   {
      margin-bottom: 1.5rem;
   }
/* ******************************************************** */
/* body and summary */
.ds-content_data .field-name-field-poi-description:nth-child(3)
   {
      display: none;
      padding-top: 1.25rem;
   }
.ds-content_data .field-name-field-poi-description:nth-child(3).active
   {
      display: block;
   }
.field-name-field-poi-description .read_more
   {
      display: inline; 
   }   
.read_more > a > span:last-child
   {
      display: none;
   }
.read_more > a
   {
      font-family: sans-bold;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
      color: #410b0a;
   }
   
/* ******************************************************** */  
/* flag marker */
.view-display-id-attachment_poi_list .view-content > div .field-content > div > span:last-child svg.flagged circle
   {
      fill: none;
   }
.view-display-id-attachment_poi_list .view-content > div .field-content > div > span:last-child svg.flagged polyline
   {
      stroke: #410b0a;
   }   
.view-display-id-attachment_poi_list .view-content > div .field-content > div > span:last-child svg.unflagged
   {
      display: none;
   }
   
/* link list */
.view-display-id-attachment_poi_list .view-content > div .field-content > div a,
.view-display-id-attachment_3 .view-content > div .field-content > div a
   {
      font-family: sans-condensed-bold;
      font-weight: normal;
      font-style: normal;
      font-size: 1rem;
      color: #410b0a;
      text-decoration: none;
      vertical-align: top;
      display: inline-block;
      position: relative;
      padding-left: 3.5rem;
      min-height: 1rem;
      padding-top: 0.375rem;
   }
.view-display-id-attachment_poi_list .view-content > div .field-content > div a span,
.view-display-id-attachment_3 .view-content > div .field-content > div a span
   {
      margin-right: 1rem;
      position: absolute;
      top: 0rem;
      left: 0rem;
   }
.view-display-id-attachment_poi_list .view-content > div .field-content > div,
.view-display-id-attachment_3 .view-content > div .field-content > div
   {      
      position: relative;
      margin-bottom: 1rem;
      padding-right: 2.5rem;
   }
.view-display-id-attachment_poi_list .view-content > div .field-content > div > span,
.view-display-id-attachment_3 .view-content > div .field-content > div > span
   {      
      display: inline-block;
      position: absolute;
      top: -0.375rem;
      right: 0rem;
   }
.view-display-id-attachment_3 .view-content > div .field-content > div > span .flagged circle
   {
      fill: none;
   }
.view-display-id-attachment_3 .view-content > div .field-content > div > span .flagged polyline
   {
      stroke: #791213;
   }
/* ******************************************************** */  
/* todo delete */ 
/*
ul#main-menu-links
   {
      margin: 0rem;
      padding: 0rem;
   }
ul#main-menu-links > li
   {
      display: inline-block;
      margin: 0rem;
      padding: 0rem;
      list-style: none;
   }
*/
 
   .view-content
      {
         padding: 1.25rem;
      }  
   .view-header,
   .view-empty
      {
         padding: 1.25rem;
         padding-top: 0rem;
         padding-bottom: 0rem;
      }  
      
      
   .field-name-field-poi-phone a
      {
            color: inherit;
            text-decoration: none;
      }
/* ********************************************************** */
/* 674 - x */
@media only screen       
      /* and (min-width: 640px) */
       and (orientation: landscape)
   {  
         
      .ds-content_data
         {
            padding-top: 0rem;
         } 
      .view-content
         {
            padding-top: 0rem;
         }
       
      /* ********************************************************* */       
      #page > article .node-ct-point-of-interest.view-mode-full,
      #page > article .node-ct-map.view-mode-full
         {
            width: 50%;
            margin-top: 2.5rem;
            margin-left: 50%;
         }
         
      aside.ds-show_room
         {
            /*
            max-height: -webkit-calc(100vh - 2 * 2.5rem);
            max-height: -moz-calc(100vh - 2 * 2.5rem);
            max-height: calc(100vh - 2 * 2.5rem);
            height: -webkit-calc(100vh - 2 * 2.5rem);
            height: -moz-calc(100vh - 2 * 2.5rem);
            height: calc(100vh - 2 * 2.5rem);  */
            
            max-height: -webkit-calc(100% - 2 * 2.5rem);
            max-height: -moz-calc(100% - 2 * 2.5rem);
            max-height: calc(100% - 2 * 2.5rem);
            height: -webkit-calc(100% - 2 * 2.5rem);
            height: -moz-calc(100% - 2 * 2.5rem);
            height: calc(100% - 2 * 2.5rem);  
            /*
            max-height: 90%;
            height: 90%; */   
            
            top: 2.5rem;
            bottom: 2.5rem;
            left: 0rem;
            right: 50%;
         }
         
      /* *************************************** */
      
      .view-v-map-taxonomy
         {
            margin-top: 2.5rem;
         }
      .view-v-map-taxonomy .map
         {      
            max-height: -webkit-calc(100vh - (2 * 2.5rem));
            max-height: -moz-calc(100vh - (2 * 2.5rem));
            max-height: calc(100vh - (2 * 2.5rem));
            height: -webkit-calc(100vh - (2 * 2.5rem));
            height: -moz-calc(100vh - (2 * 2.5rem));
            height: calc(100vh - (2 * 2.5rem));   
            width: 50%;
            max-width: 50%;
            top: 2.5rem;
            bottom: 0rem;
            left: 0rem;
            right: 50%;
            position: fixed;
         } 
      .view-v-map-taxonomy .attachment
         {
            width: 50%;
            margin-top: 0rem;
            margin-left: 50%;
            position: absolute;
            top: 0rem;
         }
         
      
      .view-v-map-taxonomy h1
         {
            margin-bottom: 1.25rem;
         }   
         
         
      /*
      body.admin-menu aside.ds-show_room .field-name-field-poi-mapping .field-name-field-m-poi-navigation > .field-items
         {
            bottom: 2rem;
         }
         */
      body.admin-menu aside.ds-show_room
         {
            max-height: -webkit-calc(100vh - (2 * 2.5rem) - 2rem);
            max-height: -moz-calc(100vh - (2 * 2.5rem) - 2rem);
            max-height: calc(100vh - (2 * 2.5rem) - 2rem);
            height: -webkit-calc(100vh - (2 * 2.5rem) - 2rem);
            height: -moz-calc(100vh - (2 * 2.5rem) - 2rem);
            height: calc(100vh - (2 * 2.5rem) - 2rem);
         }
      body.admin-menu .view-content
         {
            margin-top: 5.25rem;
         }
      body.admin-menu .view-header + .view-content
         {
            margin-top: 0rem;
         }
      body.admin-menu .view-header
         {
            margin-top: 5.25rem;
         }
   }
   
/* ############################################ */
     /*
     .map_text_count
         {
            font-size:40px;
            line-height:125%;
            font-family:sans-serif;
         }
         */
      #popup
         {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;    
            
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            
            background-color: rgb(255,244,224);
              border-radius: 5rem;
              white-space: nowrap;
            height: 2.5rem;
         }
      #popup-number
         {
            display: inline-block;
            vertical-align: middle;
         }
      #popup-title
         {
            text-align: left;
            font-size: 1rem;
            padding-left: 1rem;
            padding-right: 0rem;
            font-family: sans-condensed-bold;
            font-weight: normal;
            font-style: normal;
            color: #410b0a;
            line-height: 2rem;
            vertical-align: middle;
         }
      #popup-title a
         {
            text-decoration: none;
            color: #410b0a;
            white-space: nowrap;
            vertical-align: middle;
         }
      #popup-title svg
         {
            margin-top: 0.35rem;
            margin-bottom: -0.5rem;
            margin-left: 1rem;
         }
      #popup-close a 
         {       
            display: inline-block;
            padding-right: 0.5rem;
            margin-top: 0.35rem;
         }
      #popup-close,      
      #popup-close a,      
      #popup-close a svg
         {
            vertical-align: middle;
         }
/* ****************************************** */
/*
      .map:-moz-full-screen {
        height: 100%;
      }
      .map:-webkit-full-screen {
        height: 100%;
      }
      .map:-ms-fullscreen {
        height: 100%;
      }
      .map:fullscreen {
        height: 100%;
      }
      .ol-rotate {
        top: 3em;
      }*/
      .map:-moz-full-screen {
        height: 100%;
        width: 100%;
        top: 0rem;
        left: 0rem;
        max-height: none;
        max-width: none;
      }
      .map:-webkit-full-screen {
        height: 100%;
        width: 100%;
        top: 0rem;
        left: 0rem;
        max-height: none;
        max-width: none;
      }
      .map:-ms-fullscreen {
        height: 100%;
        width: 100%;
        top: 0rem;
        left: 0rem;
        max-height: none;
        max-width: none;
      }
      .map:fullscreen {
        height: 100%;
        width: 100%;
        top: 0rem;
        left: 0rem;
        max-height: none;
        max-width: none;
      }
/* ************************************** */
/* map info pupup */
.map-info-popup
   {
      position: fixed;
      top: 0rem;
      left: 0rem;
      right: 0rem;
      bottom: 0rem;
      background-color: rgba(0,0,0,0.5);
      z-index: 10;
      border-sizing: border-box;
   }
.map-info-popup > div
   {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-color: #fff4e0;
      padding: 2.5rem;
      min-width: 12.5rem; 
   }
.map-info-popup .close
   {
      position: absolute;
      top: 0.625rem;
      right: 0.625rem;
      display: inline-block;
      cursor: pointer;
   }
.loading
   {
      position: fixed;
      top: 0rem;
      left: 0rem;
      right: 0rem;
      bottom: 0rem;
      z-index: 100;
      background-color: rgba(0,0,0,0.3);
   }
.loading > div
   {
      position: absolute;
      display: inline-block;
      width: auto;
      height: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      
   }
   
/* view service map text */
.table.auto-size.without-line,
.table.auto-size.without-line tr,
.table.auto-size.without-line th,
.table.auto-size.without-line td,
.table.auto-size.without-line tbody
   {
      width: auto;
      margin: 0rem;
      padding: 0rem;
      border: 0rem;
      vertical-align: top;
   }
.table.auto-size.without-line.space > tbody > tr > td,
.table.auto-size.without-line.space > tr > td
   {
      padding-bottom: 0.5rem;
   }/*
a
   {
       word-wrap: break-word; 
      word-break: break-all;
        white-space: pre-wrap; 
  white-space: -moz-pre-wrap; 
  white-space: -pre-wrap; 
  white-space: -o-pre-wrap; 
  word-wrap: break-word; 
  -ms-word-break: break-all;
      
   }*/
   
/* frontpage footer logos */
.frontpage_footer_logos
   {
      background-color: #fff4e0;
      text-align: center;
      position: fixed;
      bottom: 0rem;
      left: 0rem;
      right: 0rem;
   }
.frontpage_footer_logos > div
   {
      display: inline-block;
      padding: 0rem;
      margin: 0rem;
      padding: 0.3125rem;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
      /*
      padding-left: 0.3125rem;
      padding-right: 0.3125rem;
      */
      vertical-align: middle;
   }
.frontpage_footer_logos > div img
   {
      float: left;
   }