@charset "UTF-8";
/* Projektspezifisches CSS-Document */
/* * * * * * * * * * * * * * * * *  */
/************************************/
/* SASS Variables ======================================================================== */
/* Mixins to fight space between inline-blocks */
/* EMBEDDING FONTS ======================================================================= */
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Sans:400,400i,700,700i");
/* 
font-family: 'PT Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
*/
@font-face {
  font-family: 'wanicons';
  src: url("../fonts/wanicons.eot?k3zk4a");
  src: url("../fonts/wanicons.eot?k3zk4a#iefix") format("embedded-opentype"), url("../fonts/wanicons.woff2?k3zk4a") format("woff2"), url("../fonts/wanicons.ttf?k3zk4a") format("truetype"), url("../fonts/wanicons.woff?k3zk4a") format("woff"), url("../fonts/wanicons.svg?k3zk4a#wanicons") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* ICONS ================================================================================= */
.icon-edit:before {
  content: "\e919"; }

.icon-images:before {
  content: "\e93e"; }

.icon-camera:before {
  content: "\e944"; }

.icon-camera-empty:before {
  content: "\e945"; }

.icon-file:before {
  content: "\e99d"; }

.icon-file-full:before {
  content: "\e99e"; }

.icon-cart-empty:before {
  content: "\ea01"; }

.icon-cart:before {
  content: "\ea02"; }

.icon-cart-add:before {
  content: "\ea03"; }

.icon-location-point:before {
  content: "\ea3b"; }

.icon-location:before {
  content: "\ea3c"; }

.icon-compass:before {
  content: "\ea3f"; }

.icon-compass-half:before {
  content: "\ea40"; }

.icon-compass-full:before {
  content: "\ea41"; }

.icon-direction:before {
  content: "\ea4a"; }

.icon-clock2:before {
  content: "\ea4d"; }

.icon-clock:before {
  content: "\ea4e"; }

.icon-printer:before {
  content: "\ea6a"; }

.icon-user:before {
  content: "\eb08"; }

.icon-user-empty:before {
  content: "\eb09"; }

.icon-search:before {
  content: "\eb36"; }

.icon-menu2:before {
  content: "\ec6a"; }

.icon-upload:before {
  content: "\ec7f"; }

.icon-bookmark2:before {
  content: "\ecb7"; }

.icon-bookmark3:before {
  content: "\ecb8"; }

.icon-star-empty:before {
  content: "\ece3"; }

.icon-star-half:before {
  content: "\ece4"; }

.icon-star-full:before {
  content: "\ece5"; }

.icon-heart-full:before {
  content: "\ecef"; }

.icon-heart:before {
  content: "\ecf0"; }

.icon-warning:before {
  content: "\ed50"; }

.icon-plus-circle:before {
  content: "\ed5f"; }

.icon-minus-circle:before {
  content: "\ed60"; }

.icon-cancel:before {
  content: "\ed65"; }

.icon-cancel-full:before {
  content: "\ed66"; }

.icon-cross:before {
  content: "\ed6d"; }

.icon-checkmark:before {
  content: "\ed71"; }

.icon-enter:before {
  content: "\ed76"; }

.icon-exit:before {
  content: "\ed77"; }

.icon-play:before {
  content: "\ed7e"; }

.icon-pause:before {
  content: "\ed7f"; }

.icon-stop:before {
  content: "\ed80"; }

.icon-volume-high:before {
  content: "\ed8f"; }

.icon-volume-low:before {
  content: "\ed91"; }

.icon-volume-mute:before {
  content: "\ed92"; }

.icon-arrow-up-right:before {
  content: "\eddd"; }

.icon-arrow-down-right:before {
  content: "\eddf"; }

.icon-compass-ring:before {
  content: "\ede5"; }

.icon-circle-right-tone:before {
  content: "\ede4"; }

.icon-circle-left-tone:before {
  content: "\ede6"; }

.icon-circle-up:before {
  content: "\edf4"; }

.icon-circle-up-right:before {
  content: "\edf5"; }

.icon-circle-right:before {
  content: "\edf6"; }

.icon-backspace:before {
  content: "\ee43"; }

.icon-backspace-full:before {
  content: "\ee44"; }

.icon-triangle:before {
  content: "\ee6a"; }

.icon-triangle-full:before {
  content: "\ee6b"; }

.icon-checkmark-circle:before {
  content: "\ee76"; }

.icon-circle:before {
  content: "\ee78"; }

.icon-ruler:before {
  content: "\ee82"; }

.icon-youtube:before {
  content: "\eefc"; }

.icon-tickets:before {
  content: "\eefd"; }

.icon-vcard:before {
  content: "\eb11"; }

.icon-notebook:before {
  content: "\ea2e"; }

.icon-bag:before {
  content: "\ea07"; }

.icon-colab:before {
  content: "\eb0c"; }

.icon-collaboration:before {
  content: "\eb10"; }

.icon-cog:before {
  content: "\eb61"; }

.icon-maplookup:before {
  content: "\e93a"; }

.icon-info:before {
  content: "\e93b"; }

.icon-distance:before {
  content: "\e915"; }

.icon-familie:before {
  content: "\e916"; }

.icon-skill:before {
  content: "\e917"; }

.icon-compass-mini:before {
  content: "\e914"; }

.icon-pure_pdf:before {
  content: "\e90f"; }

.icon-pure-doc:before {
  content: "\e910"; }

.icon-pure-mp3:before {
  content: "\e911"; }

.icon-pure-xls:before {
  content: "\e912"; }

.icon-pure-zip:before {
  content: "\e913"; }

.icon-dash-right:before {
  content: "\e90d"; }

.icon-dash-up-right:before {
  content: "\e90e"; }

.icon-file-base:before {
  content: "\e90c"; }

.icon-angle-down:before {
  content: "\e918"; }

.icon-angle-up:before {
  content: "\e90b"; }

.icon-angle-right:before {
  content: "\e90a"; }

.icon-home:before {
  content: "\e005"; }

.icon-phone:before {
  content: "\e0dc"; }

.icon-mail:before {
  content: "\e0eb"; }

.icon-bullet:before {
  content: "\e2ab"; }

.icon-menu:before {
  content: "\e2ac"; }

.icon-popout:before {
  content: "\e47e"; }

.icon-facebook:before {
  content: "\e499"; }

.icon-dashboard:before {
  content: "\e934"; }

.icon-mywalk:before {
  content: "\e93c"; }

.icon-calendar:before {
  content: "\ea63"; }

.icon-time-sum:before {
  content: "\e93d"; }

.icon-time-delta:before {
  content: "\e93f"; }

.icon-time-time:before {
  content: "\e940"; }

.icon-ewalc_ico_multiday_var:before {
  content: "\e939"; }

.icon-ewalc_ico_multiday:before {
  content: "\e938"; }

.icon-ewalc_ico_season:before {
  content: "\e922"; }

.icon-ewalc_ico_wtyp:before {
  content: "\e91a"; }

.icon-ewalc_ico_gps:before {
  content: "\e91b"; }

.icon-ewalc_ico_schwindelfrei:before {
  content: "\e91c"; }

.icon-ewalc_ico_skill:before {
  content: "\e91d"; }

.icon-ewalc_ico_info:before {
  content: "\e91e"; }

.icon-ewalc_ico_dauer:before {
  content: "\e91f"; }

.icon-ewalc_ico_natur:before {
  content: "\e920"; }

.icon-ewalc_ico_karte:before {
  content: "\e921"; }

.icon-ewalc_ico_abstieg:before {
  content: "\e923"; }

.icon-ewalc_ico_distanz:before {
  content: "\e924"; }

.icon-ewalc_ico_aufstieg:before {
  content: "\e925"; }

.icon-ewalc_ico_uebernachtung:before {
  content: "\e926"; }

.icon-ewalc_ico_zug:before {
  content: "\e927"; }

.icon-ewalc_ico_tram:before {
  content: "\e928"; }

.icon-ewalc_ico_tier:before {
  content: "\e929"; }

.icon-ewalc_ico_standseilbahn:before {
  content: "\e92a"; }

.icon-ewalc_ico_sessellift:before {
  content: "\e92b"; }

.icon-ewalc_ico_schiff:before {
  content: "\e92c"; }

.icon-ewalc_ico_restaurant:before {
  content: "\e92d"; }

.icon-ewalc_ico_feuer:before {
  content: "\e92e"; }

.icon-ewalc_ico_parking:before {
  content: "\e92f"; }

.icon-ewalc_ico_luftseilbahn:before {
  content: "\e930"; }

.icon-ewalc_ico_kraftpunkt:before {
  content: "\e931"; }

.icon-ewalc_ico_historisch:before {
  content: "\e932"; }

.icon-ewalc_ico_gondelbahn:before {
  content: "\e933"; }

.icon-ewalc_ico_bus:before {
  content: "\e935"; }

.icon-ewalc_ico_einkaufen:before {
  content: "\e936"; }

.icon-ewalc_ico_aussicht:before {
  content: "\e937"; }

.icon-file-pdf:before {
  content: "\e900"; }

.icon-pdf:before {
  content: "\e901"; }

.icon-file-mp3:before {
  content: "\e902"; }

.icon-mp3:before {
  content: "\e903"; }

.icon-file-doc:before {
  content: "\e904"; }

.icon-doc:before {
  content: "\e905"; }

.icon-file-xls:before {
  content: "\e906"; }

.icon-xls:before {
  content: "\e907"; }

.icon-file-zip3:before {
  content: "\e908"; }

.icon-zip:before {
  content: "\e909"; }

.icon-flag:before {
  content: "\ecaa"; }

.icon-book:before {
  content: "\e990"; }

.icon-cash:before {
  content: "\ea12"; }

.icon-pen:before {
  content: "\e941"; }

.icon-draw:before {
  content: "\e942"; }

.icon-poi:before {
  content: "\e943"; }

.icon-undo:before {
  content: "\e946"; }

.icon-redo:before {
  content: "\e947"; }

.icon-save:before {
  content: "\e948"; }

.icon-print:before {
  content: "\e949"; }

.icon-target:before {
  content: "\e94a"; }

.icon-enlarge:before {
  content: "\e94b"; }

.icon-checkbox-unchecked:before {
  content: "\e94c"; }

.icon-checkbox-checked:before {
  content: "\e94d"; }

.icon-questionmark:before {
  content: "\ed55"; }

.icon-help-full:before {
  content: "\ed56"; }

.icon-help:before {
  content: "\ed57"; }

.icon-share:before {
  content: "\e94f"; }

.icon-share-mail:before {
  content: "\e950"; }

.icon-share-facebook:before {
  content: "\e951"; }

.icon-share-twitter:before {
  content: "\e952"; }

.icon-message-circle:before {
  content: "\e953"; }

.icon-share-whatsapp:before {
  content: "\eef2"; }

.icon-share-link:before {
  content: "\e94e"; }

.icon-goback:before {
  content: "\ee3f"; }

.icon-trash:before {
  content: "\e954"; }

.icon-sbb-construct:before {
  content: "\e955"; }

.icon-sbb-beleg-1:before {
  content: "\e956"; }

.icon-sbb-beleg-2:before {
  content: "\e957"; }

.icon-sbb-beleg-3:before {
  content: "\e958"; }

.icon-sbb-beleg-co1:before {
  content: "\e959"; }

.icon-sbb-beleg-co2:before {
  content: "\e95a"; }

.icon-arrow-right:before {
  content: "\edde"; }

.icon-del:before {
  content: "\ed6d"; }

/* STACK ICONS */
/* any class that starts with "st-icon-" */
[class*="st-icon-"] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  /* child elements absolute */
  position: relative;
  /* remove inline-block white-space */
  margin-right: -.16em;
  /* 5px */
  /* padding here for text, icons replicate this using size and position:absolute - padding makes touch-target bigger */
  /* units used in font: 1em = 2048, icons 2400 wide, so icons are 1.171875em (2400/2048). Add padding x2 to get size: */
  height: 1em;
  width: 1.45788em;
  font-size: 1.15em;
  /* text hidden old-school */
  text-align: left;
  text-indent: -9999px; }

/* position:absolute stacks pseudo elements - extra <span> in markup = 2 extra pseudo elements */
[class*="st-icon-"]:before,
[class*="st-icon-"]:after,
[class*="st-icon-"] span:before,
[class*="st-icon-"] span:after {
  display: block;
  position: absolute;
  white-space: normal;
  /* match padding above */
  /* undo text hidden */
  text-indent: 0;
  /* inherits size from parent, ems cascade */
  font-size: 1em;
  font-family: "wanicons";
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  /* screenreaders */
  speak: none;
  /* transitions here */ }

.st-icon-pdf:before,
.st-icon-doc:before,
.st-icon-xls:before,
.st-icon-zip:before,
.st-icon-mp3:before,
.st-icon-go:before,
.st-icon-inlink:before,
.st-icon-outlink:before,
.st-icon-gotop:before,
.st-icon-compass:before,
.st-icon-help {
  color: #ffdc61; }

a:hover .st-icon-pdf:before,
a:hover .st-icon-doc:before,
a:hover .st-icon-xls:before,
a:hover .st-icon-zip:before,
a:hover .st-icon-mp3:before,
a:hover .st-icon-go:before,
a:hover .st-icon-inlink:before,
a:hover .st-icon-outlink:before,
a:hover .st-icon-gotop:before,
a:hover .st-icon-compass:before,
a:hover .st-icon-help:before {
  color: #fac300; }

.st-icon-pdf,
.st-icon-doc,
.st-icon-xls,
.st-icon-zip,
.st-icon-mp3 {
  font-size: 175%;
  margin-left: -0.1em;
  width: 1.2em; }

.st-icon-pdf:before,
.st-icon-doc:before,
.st-icon-xls:before,
.st-icon-zip:before,
.st-icon-mp3:before {
  content: "\e90c";
  /* file-base */ }

.st-icon-inlink:before,
.st-icon-outlink:before,
.st-icon-gotop:before,
.st-icon-go:before,
.st-icon-compass:before,
.st-icon-help:before {
  content: "\ee78";
  /* circle */ }

.st-icon-inlink,
.st-icon-outlink {
  margin-right: -0.05em; }

.st-icon-pdf:after,
.st-icon-doc:after,
.st-icon-xls:after,
.st-icon-zip:after,
.st-icon-mp3:after,
.st-icon-go:after,
.st-icon-inlink:after,
.st-icon-outlink:after,
.st-icon-gotop:after,
.st-icon-compass:after,
.st-icon-help:after {
  color: #000; }

.st-icon-pdf:after {
  content: "\e90f";
  /* pdf */ }

.st-icon-doc:after {
  content: "\e910";
  /* doc */ }

.st-icon-xls:after {
  content: "\e912";
  /* xls */ }

.st-icon-zip:after {
  content: "\e913";
  /* zip */ }

.st-icon-mp3:after {
  content: "\e911";
  /* mp3 */ }

.st-icon-inlink:after {
  content: "\e90d";
  /* dash-right */ }

.st-icon-outlink:after {
  content: "\e90e";
  /* dash-up-right */ }

.st-icon-go:after {
  content: "\e90a";
  /* angle-right */ }

.st-icon-gotop {
  font-size: 1.5em; }

.st-icon-gotop:after {
  content: "\e90b";
  /* angle-right */ }

.st-icon-compass {
  font-size: 2.2em;
  width: 1.1em; }

.st-icon-compass:after {
  content: "\e914";
  /* compass-mini */ }

.st-icon-help:after {
  content: "\ed55";
  /* question mark */ }

.st-icon-sort {
  font-size: 85%; }
  .st-icon-sort:before {
    content: '\e918';
    margin-top: -0.1em; }
  .st-icon-sort:after {
    content: '\e918';
    margin-top: 0.2em; }

.st-icon-sbb-beleg1,
.st-icon-sbb-beleg2,
.st-icon-sbb-beleg3 {
  font-size: 100%; }

.st-icon-sbb-beleg1:before {
  content: '\e956'; }

.st-icon-sbb-beleg1:after {
  content: '\e959';
  opacity: 0.3; }

.st-icon-sbb-beleg2:before {
  content: '\e957'; }

.st-icon-sbb-beleg2:after {
  content: '\e95a';
  opacity: 0.3; }

.st-icon-sbb-beleg3:before {
  content: '\e958'; }

/* BASIC PAGE SETUP ====================================================================== */
html {
  background-color: #a3a3a3;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; }

body {
  height: 100%; }

.pure-g-r,
.pure-g,
.pure-g [class*="pure-u"],
.pure-g-r [class*="pure-u"],
.remodal-wrapper,
.minibox {
  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  font-size: 100%;
  line-height: 120%;
  -webkit-font-smoothing: antialiased; }

.mobileonly {
  display: none !important; }

.desktoponly {
  display: inherit !important; }

.printonly {
  display: none; }

/* BoxModel */
*, *:before, *:after {
  box-sizing: border-box; }

/* Backstretch Positioning */
.backstretch img {
  top: 0 !important; }

/* Windows Image Interpolation */
img {
  -ms-interpolation-mode: bicubic; }

/* MAIN LAYOUT	========================================================================== */
.dc {
  margin: 0 auto;
  max-width: 1000px; }

header .dc {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  min-height: 3em; }

.inner {
  padding: 0.2em 1em 0.25em 1em; }

a.logo {
  display: inline-block; }

a.logo:focus {
  outline: none; }

#logo {
  width: 250px;
  height: 100px;
  background-image: url(../img/sww_logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: bottom; }

.svg #logo {
  background-image: url(../img/sww_logo.svg); }

.master[lang='de'] #logo,
.schooltrip[lang='de'] #logo,
.wandernacht[lang='de'] #logo,
.infra[lang='de'] #logo,
.muster[lang='de'] #logo {
  background-image: url(../logo/main_de.png); }
.master[lang='fr'] #logo,
.schooltrip[lang='fr'] #logo,
.wandernacht[lang='fr'] #logo,
.infra[lang='fr'] #logo,
.muster[lang='fr'] #logo {
  background-image: url(../logo/main_fr.png); }
.master[lang='it'] #logo,
.schooltrip[lang='it'] #logo,
.wandernacht[lang='it'] #logo,
.infra[lang='it'] #logo,
.muster[lang='it'] #logo {
  background-image: url(../logo/main_it.png); }
.master.svg .master[lang='de'] #logo,
.schooltrip.svg .master[lang='de'] #logo,
.wandernacht.svg .master[lang='de'] #logo,
.infra.svg .master[lang='de'] #logo,
.muster.svg .master[lang='de'] #logo, .master.svg
.schooltrip[lang='de'] #logo,
.schooltrip.svg
.schooltrip[lang='de'] #logo,
.wandernacht.svg
.schooltrip[lang='de'] #logo,
.infra.svg
.schooltrip[lang='de'] #logo,
.muster.svg
.schooltrip[lang='de'] #logo, .master.svg
.wandernacht[lang='de'] #logo,
.schooltrip.svg
.wandernacht[lang='de'] #logo,
.wandernacht.svg
.wandernacht[lang='de'] #logo,
.infra.svg
.wandernacht[lang='de'] #logo,
.muster.svg
.wandernacht[lang='de'] #logo, .master.svg
.infra[lang='de'] #logo,
.schooltrip.svg
.infra[lang='de'] #logo,
.wandernacht.svg
.infra[lang='de'] #logo,
.infra.svg
.infra[lang='de'] #logo,
.muster.svg
.infra[lang='de'] #logo, .master.svg
.muster[lang='de'] #logo,
.schooltrip.svg
.muster[lang='de'] #logo,
.wandernacht.svg
.muster[lang='de'] #logo,
.infra.svg
.muster[lang='de'] #logo,
.muster.svg
.muster[lang='de'] #logo {
  background-image: url(../logo/main_de.svg); }
.master.svg .master[lang='fr'] #logo,
.schooltrip.svg .master[lang='fr'] #logo,
.wandernacht.svg .master[lang='fr'] #logo,
.infra.svg .master[lang='fr'] #logo,
.muster.svg .master[lang='fr'] #logo, .master.svg
.schooltrip[lang='fr'] #logo,
.schooltrip.svg
.schooltrip[lang='fr'] #logo,
.wandernacht.svg
.schooltrip[lang='fr'] #logo,
.infra.svg
.schooltrip[lang='fr'] #logo,
.muster.svg
.schooltrip[lang='fr'] #logo, .master.svg
.wandernacht[lang='fr'] #logo,
.schooltrip.svg
.wandernacht[lang='fr'] #logo,
.wandernacht.svg
.wandernacht[lang='fr'] #logo,
.infra.svg
.wandernacht[lang='fr'] #logo,
.muster.svg
.wandernacht[lang='fr'] #logo, .master.svg
.infra[lang='fr'] #logo,
.schooltrip.svg
.infra[lang='fr'] #logo,
.wandernacht.svg
.infra[lang='fr'] #logo,
.infra.svg
.infra[lang='fr'] #logo,
.muster.svg
.infra[lang='fr'] #logo, .master.svg
.muster[lang='fr'] #logo,
.schooltrip.svg
.muster[lang='fr'] #logo,
.wandernacht.svg
.muster[lang='fr'] #logo,
.infra.svg
.muster[lang='fr'] #logo,
.muster.svg
.muster[lang='fr'] #logo {
  background-image: url(../logo/main_fr.svg); }
.master.svg .master[lang='it'] #logo,
.schooltrip.svg .master[lang='it'] #logo,
.wandernacht.svg .master[lang='it'] #logo,
.infra.svg .master[lang='it'] #logo,
.muster.svg .master[lang='it'] #logo, .master.svg
.schooltrip[lang='it'] #logo,
.schooltrip.svg
.schooltrip[lang='it'] #logo,
.wandernacht.svg
.schooltrip[lang='it'] #logo,
.infra.svg
.schooltrip[lang='it'] #logo,
.muster.svg
.schooltrip[lang='it'] #logo, .master.svg
.wandernacht[lang='it'] #logo,
.schooltrip.svg
.wandernacht[lang='it'] #logo,
.wandernacht.svg
.wandernacht[lang='it'] #logo,
.infra.svg
.wandernacht[lang='it'] #logo,
.muster.svg
.wandernacht[lang='it'] #logo, .master.svg
.infra[lang='it'] #logo,
.schooltrip.svg
.infra[lang='it'] #logo,
.wandernacht.svg
.infra[lang='it'] #logo,
.infra.svg
.infra[lang='it'] #logo,
.muster.svg
.infra[lang='it'] #logo, .master.svg
.muster[lang='it'] #logo,
.schooltrip.svg
.muster[lang='it'] #logo,
.wandernacht.svg
.muster[lang='it'] #logo,
.infra.svg
.muster[lang='it'] #logo,
.muster.svg
.muster[lang='it'] #logo {
  background-image: url(../logo/main_it.svg); }

#byline {
  color: #4d4e52;
  font-family: 'PT Sans Narrow';
  font-weight: normal;
  font-size: 68%;
  left: 54px;
  line-height: 110%;
  position: absolute;
  top: 14px;
  width: 139px; }

header #locator {
  position: absolute;
  bottom: 0.75em;
  right: 1em; }

#mainsponsor {
  position: absolute;
  bottom: 0.7em;
  right: 1em;
  line-height: 0; }

#mainsponsor img {
  max-width: 100px;
  max-height: 36px; }

#view {
  padding-top: 1em;
  position: relative; }

#view nav.dc {
  line-height: 0; }

#view #locator {
  position: absolute;
  top: 0.6em;
  right: 1em; }

#content {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

#content > .dc.pure-g-r {
  position: relative;
  background-color: rgba(232, 230, 228, 0.5);
  min-height: 24em; }

#content .pure-g-r [class*="pure-u"] {
  margin-bottom: 0.5em; }

#content .dc.pure-g.schema {
  line-height: 0; }

.mcolor {
  height: 1em;
  line-height: 0;
  background-color: #707070;
  opacity: 0.7; }

header .mcolor {
  opacity: 0.8;
  height: 0.5em; }

.cont .contbox {
  padding: 1em 1em 5em 1em;
  background-color: #ffffff;
  position: relative; }

.spalte {
  font-size: 90%;
  padding: 3em 60px 0 30px; }

/* SCHEMAS ====================================================================================== */
/* ============================================================================================== */
html.mandant_blau,
.mandant_blau .shader,
.mandant_blau #content .pure-button {
  background-color: #71a4c2; }

.mandant_blau a,
.mandant_blau .cont ul li:before {
  color: #0082cd; }

.mandant_blau .contbox .profilenav a {
  color: #0082cd !important; }

.mandant_blau a.open-panel {
  color: #0082cd !important; }

.mandant_blau a:hover,
.mandant_blau a:visited:hover {
  color: #004167; }

.mandant_blau #profilenav a.active,
.mandant_blau .contbox .profilenav .pure-menu-active > a,
.mandant_blau .contbox .profilenav .pure-menu-selected > a,
.mandant_blau .contbox .profilenav a:hover {
  color: #004167 !important; }

.mandant_blau a:visited {
  color: #157db9; }

.mandant_blau a:focus {
  outline: dotted 1px rgba(0, 130, 205, 0.5); }

.mandant_blau .mcolor {
  background: #0082cd; }

.mandant_blau #mainnav,
.mandant_blau #mainnav .pure-menu li ul,
.mandant_blau #shopnav.pure-menu .minibox ul {
  background-color: rgba(191, 224, 243, 0.925); }

.mandant_blau #fullnav.pure-menu li a {
  background-color: rgba(128, 193, 230, 0.5); }

.mandant_blau #mainnav .pure-menu li a:hover,
.mandant_blau #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(230, 243, 250, 0.65);
  color: #004167; }

.mandant_blau #mainnav .pure-menu li a.active {
  background-color: rgba(242, 249, 253, 0.9);
  color: #004167; }

.mandant_blau .teaserbox,
.mandant_blau .remodal.rmcolor {
  border-top: 0.5em solid #0082cd; }

.mandant_blau .teasercont,
.mandant_blau .shopimg,
.mandant_blau .cartbox,
.mandant_blau .cart-listitem:not(.head):hover,
.mandant_blau .suggestion:hover,
.mandant_blau .connection:hover {
  background-color: rgba(0, 130, 205, 0.1); }

.mandant_blau .teasertitle,
.mandant_blau .titlepanel,
.mandant_blau .textpanel {
  background-color: rgba(224, 240, 249, 0.75); }

.mandant_blau #bottomline .dc {
  background-color: rgba(186, 210, 223, 0.9); }

.mandant_blau div.hr,
.mandant_blau .gefbox .paraminfo,
.mandant_blau .teaserbox .cart-listitem {
  border-color: #0082cd; }

.mandant_blau .th.tile,
.mandant_blau .pagination li a {
  background-color: rgba(70, 160, 212, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 160, 212, 0);
  box-shadow: 0 0 0 1px rgba(70, 160, 212, 0); }

.mandant_blau .th.tile:hover,
.mandant_blau .pagination li a:hover {
  background-color: rgba(70, 160, 212, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 160, 212, 0.4);
  box-shadow: 0 0 0 1px rgba(70, 160, 212, 0.4); }

.mandant_blau .pagination li.current a {
  border: 1px solid rgba(70, 160, 212, 0.25); }

.mandant_blau .gefbox .paraminfo span,
.mandant_blau input[type=text],
.mandant_blau input[type=password],
.mandant_blau input[type=email],
.mandant_blau textarea,
.mandant_blau select {
  background-color: rgba(209, 220, 226, 0.6); }

.mandant_blau .ms-choice {
  background-color: rgba(209, 220, 226, 0.6); }

.mandant_blau input[type=text],
.mandant_blau input[type=password],
.mandant_blau input[type=email],
.mandant_blau textarea,
.mandant_blau select,
.mandant_blau .ms-choice {
  border-color: rgba(209, 220, 226, 0.6);
  color: #006fae; }

.mandant_blau #shopnav,
.mandant_blau #content .pure-button,
.mandant_blau .remodal .pure-button,
.mandant_blau .minibox .pure-button {
  background-color: rgba(128, 193, 230, 0.925); }

.mandant_blau #shopnav > li > a {
  background-color: rgba(217, 236, 248, 0.925); }

.mandant_blau .shopitem .outerbox {
  background-color: rgba(70, 160, 212, 0.1); }

.mandant_blau .flowsteps li {
  border-color: #2e96d2;
  color: #2e96d2; }

.mandant_blau .flowsteps .done {
  background-color: #8bbedb;
  border-color: #8bbedb; }

.mandant_blau .flowsteps .active,
.mandant_blau .flowsteps .done:hover {
  background-color: #178ccf;
  border-color: #178ccf; }

.mandant_blau label.file-label,
.mandant_blau input[type="file"] + label {
  background-color: #5daad6; }

.mandant_blau label.file-label:hover,
.mandant_blau input[type="file"]:focus + label,
.mandant_blau input[type="file"] + label:hover {
  background-color: #178ccf; }

/* Userprofil */
.mandant_blau .dashback,
.mandant_blau .dashmessages {
  background-color: rgba(0, 130, 205, 0.25); }

/* Randoplan */
.mandant_blau .mback {
  background-color: rgba(0, 130, 205, 0.15); }

.mandant_blau .rp-table-cell {
  border-color: #0082cd !important; }
@media only print {
  .mandant_blau .rp-palette-handle .mcolor,
  .mandant_blau .randoplan footer .mcolor,
  .mandant_blau .randoplan .mcolor.rp-lower {
    border-color: #0082cd; } }

.mandant_blau .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #4da8dc;
  color: white; }
  .mandant_blau .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #1a8fd2; }

html.mandant_gruen,
.mandant_gruen .shader,
.mandant_gruen #content .pure-button {
  background-color: #4cb06d; }

.mandant_gruen a,
.mandant_gruen .cont ul li:before {
  color: #009632; }

.mandant_gruen .contbox .profilenav a {
  color: #009632 !important; }

.mandant_gruen a.open-panel {
  color: #009632 !important; }

.mandant_gruen a:hover,
.mandant_gruen a:visited:hover {
  color: #003010; }

.mandant_gruen #profilenav a.active,
.mandant_gruen .contbox .profilenav .pure-menu-active > a,
.mandant_gruen .contbox .profilenav .pure-menu-selected > a,
.mandant_gruen .contbox .profilenav a:hover {
  color: #003010 !important; }

.mandant_gruen a:visited {
  color: #0f8737; }

.mandant_gruen a:focus {
  outline: dotted 1px rgba(0, 150, 50, 0.5); }

.mandant_gruen .mcolor {
  background: #009632; }

.mandant_gruen #mainnav,
.mandant_gruen #mainnav .pure-menu li ul,
.mandant_gruen #shopnav.pure-menu .minibox ul {
  background-color: rgba(191, 229, 204, 0.925); }

.mandant_gruen #fullnav.pure-menu li a {
  background-color: rgba(128, 203, 153, 0.5); }

.mandant_gruen #mainnav .pure-menu li a:hover,
.mandant_gruen #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(230, 245, 235, 0.65);
  color: #003010; }

.mandant_gruen #mainnav .pure-menu li a.active {
  background-color: rgba(242, 250, 245, 0.9);
  color: #003010; }

.mandant_gruen .teaserbox,
.mandant_gruen .remodal.rmcolor {
  border-top: 0.5em solid #009632; }

.mandant_gruen .teasercont,
.mandant_gruen .shopimg,
.mandant_gruen .cartbox,
.mandant_gruen .cart-listitem:not(.head):hover,
.mandant_gruen .suggestion:hover,
.mandant_gruen .connection:hover {
  background-color: rgba(0, 150, 50, 0.1); }

.mandant_gruen .teasertitle,
.mandant_gruen .titlepanel,
.mandant_gruen .textpanel {
  background-color: rgba(224, 242, 230, 0.75); }

.mandant_gruen #bottomline .dc {
  background-color: rgba(186, 214, 192, 0.9); }

.mandant_gruen div.hr,
.mandant_gruen .gefbox .paraminfo,
.mandant_gruen .teaserbox .cart-listitem {
  border-color: #009632; }

.mandant_gruen .th.tile,
.mandant_gruen .pagination li a {
  background-color: rgba(70, 174, 103, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 174, 103, 0);
  box-shadow: 0 0 0 1px rgba(70, 174, 103, 0); }

.mandant_gruen .th.tile:hover,
.mandant_gruen .pagination li a:hover {
  background-color: rgba(70, 174, 103, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 174, 103, 0.4);
  box-shadow: 0 0 0 1px rgba(70, 174, 103, 0.4); }

.mandant_gruen .pagination li.current a {
  border: 1px solid rgba(70, 174, 103, 0.25); }

.mandant_gruen .gefbox .paraminfo span,
.mandant_gruen input[type=text],
.mandant_gruen input[type=password],
.mandant_gruen input[type=email],
.mandant_gruen textarea,
.mandant_gruen select {
  background-color: rgba(209, 222, 210, 0.6); }

.mandant_gruen .ms-choice {
  background-color: rgba(209, 222, 210, 0.6); }

.mandant_gruen input[type=text],
.mandant_gruen input[type=password],
.mandant_gruen input[type=email],
.mandant_gruen textarea,
.mandant_gruen select,
.mandant_gruen .ms-choice {
  border-color: rgba(209, 222, 210, 0.6);
  color: #007728; }

.mandant_gruen #shopnav,
.mandant_gruen #content .pure-button,
.mandant_gruen .remodal .pure-button,
.mandant_gruen .minibox .pure-button {
  background-color: rgba(128, 203, 153, 0.925); }

.mandant_gruen #shopnav > li > a {
  background-color: rgba(217, 239, 224, 0.925); }

.mandant_gruen .shopitem .outerbox {
  background-color: rgba(70, 174, 103, 0.1); }

.mandant_gruen .flowsteps li {
  border-color: #2ea656;
  color: #2ea656; }

.mandant_gruen .flowsteps .done {
  background-color: #8bc69d;
  border-color: #8bc69d; }

.mandant_gruen .flowsteps .active,
.mandant_gruen .flowsteps .done:hover {
  background-color: #179e44;
  border-color: #179e44; }

.mandant_gruen label.file-label,
.mandant_gruen input[type="file"] + label {
  background-color: #5db679; }

.mandant_gruen label.file-label:hover,
.mandant_gruen input[type="file"]:focus + label,
.mandant_gruen input[type="file"] + label:hover {
  background-color: #179e44; }

/* Userprofil */
.mandant_gruen .dashback,
.mandant_gruen .dashmessages {
  background-color: rgba(0, 150, 50, 0.25); }

/* Randoplan */
.mandant_gruen .mback {
  background-color: rgba(0, 150, 50, 0.15); }

.mandant_gruen .rp-table-cell {
  border-color: #009632 !important; }
@media only print {
  .mandant_gruen .rp-palette-handle .mcolor,
  .mandant_gruen .randoplan footer .mcolor,
  .mandant_gruen .randoplan .mcolor.rp-lower {
    border-color: #009632; } }

.mandant_gruen .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #4db670;
  color: white; }
  .mandant_gruen .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #1aa147; }

html.mandant_drot,
.mandant_drot .shader,
.mandant_drot #content .pure-button {
  background-color: #ac8c8c; }

.mandant_drot a,
.mandant_drot .cont ul li:before {
  color: #b91919; }

.mandant_drot .contbox .profilenav a {
  color: #b91919 !important; }

.mandant_drot a.open-panel {
  color: #b91919 !important; }

.mandant_drot a:hover,
.mandant_drot a:visited:hover {
  color: #5f0d0d; }

.mandant_drot #profilenav a.active,
.mandant_drot .contbox .profilenav .pure-menu-active > a,
.mandant_drot .contbox .profilenav .pure-menu-selected > a,
.mandant_drot .contbox .profilenav a:hover {
  color: #5f0d0d !important; }

.mandant_drot a:visited {
  color: #a42e2e; }

.mandant_drot a:focus {
  outline: dotted 1px rgba(185, 25, 25, 0.5); }

.mandant_drot .mcolor {
  background: #b91919; }

.mandant_drot #mainnav,
.mandant_drot #mainnav .pure-menu li ul,
.mandant_drot #shopnav.pure-menu .minibox ul {
  background-color: rgba(238, 198, 198, 0.925); }

.mandant_drot #fullnav.pure-menu li a {
  background-color: rgba(220, 140, 140, 0.5); }

.mandant_drot #mainnav .pure-menu li a:hover,
.mandant_drot #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(248, 232, 232, 0.65);
  color: #5f0d0d; }

.mandant_drot #mainnav .pure-menu li a.active {
  background-color: rgba(252, 244, 244, 0.9);
  color: #5f0d0d; }

.mandant_drot .teaserbox,
.mandant_drot .remodal.rmcolor {
  border-top: 0.5em solid #b91919; }

.mandant_drot .teasercont,
.mandant_drot .shopimg,
.mandant_drot .cartbox,
.mandant_drot .cart-listitem:not(.head):hover,
.mandant_drot .suggestion:hover,
.mandant_drot .connection:hover {
  background-color: rgba(185, 25, 25, 0.1); }

.mandant_drot .teasertitle,
.mandant_drot .titlepanel,
.mandant_drot .textpanel {
  background-color: rgba(247, 227, 227, 0.75); }

.mandant_drot #bottomline .dc {
  background-color: rgba(223, 189, 187, 0.9); }

.mandant_drot div.hr,
.mandant_drot .gefbox .paraminfo,
.mandant_drot .teaserbox .cart-listitem {
  border-color: #b91919; }

.mandant_drot .th.tile,
.mandant_drot .pagination li a {
  background-color: rgba(199, 87, 86, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(199, 87, 86, 0);
  box-shadow: 0 0 0 1px rgba(199, 87, 86, 0); }

.mandant_drot .th.tile:hover,
.mandant_drot .pagination li a:hover {
  background-color: rgba(199, 87, 86, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(199, 87, 86, 0.4);
  box-shadow: 0 0 0 1px rgba(199, 87, 86, 0.4); }

.mandant_drot .pagination li.current a {
  border: 1px solid rgba(199, 87, 86, 0.25); }

.mandant_drot .gefbox .paraminfo span,
.mandant_drot input[type=text],
.mandant_drot input[type=password],
.mandant_drot input[type=email],
.mandant_drot textarea,
.mandant_drot select {
  background-color: rgba(227, 210, 208, 0.6); }

.mandant_drot .ms-choice {
  background-color: rgba(227, 210, 208, 0.6); }

.mandant_drot input[type=text],
.mandant_drot input[type=password],
.mandant_drot input[type=email],
.mandant_drot textarea,
.mandant_drot select,
.mandant_drot .ms-choice {
  border-color: rgba(227, 210, 208, 0.6);
  color: #9e1515; }

.mandant_drot #shopnav,
.mandant_drot #content .pure-button,
.mandant_drot .remodal .pure-button,
.mandant_drot .minibox .pure-button {
  background-color: rgba(220, 140, 140, 0.925); }

.mandant_drot #shopnav > li > a {
  background-color: rgba(245, 221, 221, 0.925); }

.mandant_drot .shopitem .outerbox {
  background-color: rgba(199, 87, 86, 0.1); }

.mandant_drot .flowsteps li {
  border-color: #c24242;
  color: #c24242; }

.mandant_drot .flowsteps .done {
  background-color: #d59493;
  border-color: #d59493; }

.mandant_drot .flowsteps .active,
.mandant_drot .flowsteps .done:hover {
  background-color: #be2e2d;
  border-color: #be2e2d; }

.mandant_drot label.file-label,
.mandant_drot input[type="file"] + label {
  background-color: #cc6b6a; }

.mandant_drot label.file-label:hover,
.mandant_drot input[type="file"]:focus + label,
.mandant_drot input[type="file"] + label:hover {
  background-color: #be2e2d; }

/* Userprofil */
.mandant_drot .dashback,
.mandant_drot .dashmessages {
  background-color: rgba(185, 25, 25, 0.25); }

/* Randoplan */
.mandant_drot .mback {
  background-color: rgba(185, 25, 25, 0.15); }

.mandant_drot .rp-table-cell {
  border-color: #b91919 !important; }
@media only print {
  .mandant_drot .rp-palette-handle .mcolor,
  .mandant_drot .randoplan footer .mcolor,
  .mandant_drot .randoplan .mcolor.rp-lower {
    border-color: #b91919; } }

.mandant_drot .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #ce5e5e;
  color: white; }
  .mandant_drot .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #c03030; }

html.mandant_blauschwarz,
.mandant_blauschwarz .shader,
.mandant_blauschwarz #content .pure-button {
  background-color: #28395c; }

.mandant_blauschwarz a,
.mandant_blauschwarz .cont ul li:before {
  color: #000a1e; }

.mandant_blauschwarz .contbox .profilenav a {
  color: #000a1e !important; }

.mandant_blauschwarz a.open-panel {
  color: #000a1e !important; }

.mandant_blauschwarz a:hover,
.mandant_blauschwarz a:visited:hover {
  color: black; }

.mandant_blauschwarz #profilenav a.active,
.mandant_blauschwarz .contbox .profilenav .pure-menu-active > a,
.mandant_blauschwarz .contbox .profilenav .pure-menu-selected > a,
.mandant_blauschwarz .contbox .profilenav a:hover {
  color: black !important; }

.mandant_blauschwarz a:visited {
  color: #030b1b; }

.mandant_blauschwarz a:focus {
  outline: dotted 1px rgba(0, 10, 30, 0.5); }

.mandant_blauschwarz .mcolor {
  background: #000a1e; }

.mandant_blauschwarz #mainnav,
.mandant_blauschwarz #mainnav .pure-menu li ul,
.mandant_blauschwarz #shopnav.pure-menu .minibox ul {
  background-color: rgba(191, 194, 199, 0.925); }

.mandant_blauschwarz #fullnav.pure-menu li a {
  background-color: rgba(128, 133, 143, 0.5); }

.mandant_blauschwarz #mainnav .pure-menu li a:hover,
.mandant_blauschwarz #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(230, 231, 233, 0.65);
  color: black; }

.mandant_blauschwarz #mainnav .pure-menu li a.active {
  background-color: rgba(242, 243, 244, 0.9);
  color: black; }

.mandant_blauschwarz .teaserbox,
.mandant_blauschwarz .remodal.rmcolor {
  border-top: 0.5em solid #000a1e; }

.mandant_blauschwarz .teasercont,
.mandant_blauschwarz .shopimg,
.mandant_blauschwarz .cartbox,
.mandant_blauschwarz .cart-listitem:not(.head):hover,
.mandant_blauschwarz .suggestion:hover,
.mandant_blauschwarz .connection:hover {
  background-color: rgba(0, 10, 30, 0.1); }

.mandant_blauschwarz .teasertitle,
.mandant_blauschwarz .titlepanel,
.mandant_blauschwarz .textpanel {
  background-color: rgba(224, 226, 228, 0.75); }

.mandant_blauschwarz #bottomline .dc {
  background-color: rgba(186, 186, 188, 0.9); }

.mandant_blauschwarz div.hr,
.mandant_blauschwarz .gefbox .paraminfo,
.mandant_blauschwarz .teaserbox .cart-listitem {
  border-color: #000a1e; }

.mandant_blauschwarz .th.tile,
.mandant_blauschwarz .pagination li a {
  background-color: rgba(70, 76, 89, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 76, 89, 0);
  box-shadow: 0 0 0 1px rgba(70, 76, 89, 0); }

.mandant_blauschwarz .th.tile:hover,
.mandant_blauschwarz .pagination li a:hover {
  background-color: rgba(70, 76, 89, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 76, 89, 0.4);
  box-shadow: 0 0 0 1px rgba(70, 76, 89, 0.4); }

.mandant_blauschwarz .pagination li.current a {
  border: 1px solid rgba(70, 76, 89, 0.25); }

.mandant_blauschwarz .gefbox .paraminfo span,
.mandant_blauschwarz input[type=text],
.mandant_blauschwarz input[type=password],
.mandant_blauschwarz input[type=email],
.mandant_blauschwarz textarea,
.mandant_blauschwarz select {
  background-color: rgba(209, 208, 208, 0.6); }

.mandant_blauschwarz .ms-choice {
  background-color: rgba(209, 208, 208, 0.6); }

.mandant_blauschwarz input[type=text],
.mandant_blauschwarz input[type=password],
.mandant_blauschwarz input[type=email],
.mandant_blauschwarz textarea,
.mandant_blauschwarz select,
.mandant_blauschwarz .ms-choice {
  border-color: rgba(209, 208, 208, 0.6);
  color: black; }

.mandant_blauschwarz #shopnav,
.mandant_blauschwarz #content .pure-button,
.mandant_blauschwarz .remodal .pure-button,
.mandant_blauschwarz .minibox .pure-button {
  background-color: rgba(128, 133, 143, 0.925); }

.mandant_blauschwarz #shopnav > li > a {
  background-color: rgba(217, 218, 221, 0.925); }

.mandant_blauschwarz .shopitem .outerbox {
  background-color: rgba(70, 76, 89, 0.1); }

.mandant_blauschwarz .flowsteps li {
  border-color: #2e3646;
  color: #2e3646; }

.mandant_blauschwarz .flowsteps .done {
  background-color: #8b8e95;
  border-color: #8b8e95; }

.mandant_blauschwarz .flowsteps .active,
.mandant_blauschwarz .flowsteps .done:hover {
  background-color: #172032;
  border-color: #172032; }

.mandant_blauschwarz label.file-label,
.mandant_blauschwarz input[type="file"] + label {
  background-color: #5d626d; }

.mandant_blauschwarz label.file-label:hover,
.mandant_blauschwarz input[type="file"]:focus + label,
.mandant_blauschwarz input[type="file"] + label:hover {
  background-color: #172032; }

/* Userprofil */
.mandant_blauschwarz .dashback,
.mandant_blauschwarz .dashmessages {
  background-color: rgba(0, 10, 30, 0.25); }

/* Randoplan */
.mandant_blauschwarz .mback {
  background-color: rgba(0, 10, 30, 0.15); }

.mandant_blauschwarz .rp-table-cell {
  border-color: #000a1e !important; }
@media only print {
  .mandant_blauschwarz .rp-palette-handle .mcolor,
  .mandant_blauschwarz .randoplan footer .mcolor,
  .mandant_blauschwarz .randoplan .mcolor.rp-lower {
    border-color: #000a1e; } }

.mandant_blauschwarz .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #4d5462;
  color: white; }
  .mandant_blauschwarz .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #1a2335; }

html.mandant_gelb,
.mandant_gelb .shader,
.mandant_gelb #content .pure-button {
  background-color: #c4bc74; }

.mandant_gelb a,
.mandant_gelb .cont ul li:before {
  color: #d2be00; }

.mandant_gelb .contbox .profilenav a {
  color: #d2be00 !important; }

.mandant_gelb a.open-panel {
  color: #d2be00 !important; }

.mandant_gelb a:hover,
.mandant_gelb a:visited:hover {
  color: #6c6200; }

.mandant_gelb #profilenav a.active,
.mandant_gelb .contbox .profilenav .pure-menu-active > a,
.mandant_gelb .contbox .profilenav .pure-menu-selected > a,
.mandant_gelb .contbox .profilenav a:hover {
  color: #6c6200 !important; }

.mandant_gelb a:visited {
  color: #bdad15; }

.mandant_gelb a:focus {
  outline: dotted 1px rgba(210, 190, 0, 0.5); }

.mandant_gelb .mcolor {
  background: #d2be00; }

.mandant_gelb #mainnav,
.mandant_gelb #mainnav .pure-menu li ul,
.mandant_gelb #shopnav.pure-menu .minibox ul {
  background-color: rgba(244, 239, 191, 0.925); }

.mandant_gelb #fullnav.pure-menu li a {
  background-color: rgba(233, 223, 128, 0.5); }

.mandant_gelb #mainnav .pure-menu li a:hover,
.mandant_gelb #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(251, 249, 230, 0.65);
  color: #6c6200; }

.mandant_gelb #mainnav .pure-menu li a.active {
  background-color: rgba(253, 252, 242, 0.9);
  color: #6c6200; }

.mandant_gelb .teaserbox,
.mandant_gelb .remodal.rmcolor {
  border-top: 0.5em solid #d2be00; }

.mandant_gelb .teasercont,
.mandant_gelb .shopimg,
.mandant_gelb .cartbox,
.mandant_gelb .cart-listitem:not(.head):hover,
.mandant_gelb .suggestion:hover,
.mandant_gelb .connection:hover {
  background-color: rgba(210, 190, 0, 0.1); }

.mandant_gelb .teasertitle,
.mandant_gelb .titlepanel,
.mandant_gelb .textpanel {
  background-color: rgba(250, 247, 224, 0.75); }

.mandant_gelb #bottomline .dc {
  background-color: rgba(228, 222, 182, 0.9); }

.mandant_gelb div.hr,
.mandant_gelb .gefbox .paraminfo,
.mandant_gelb .teaserbox .cart-listitem {
  border-color: #d2be00; }

.mandant_gelb .th.tile,
.mandant_gelb .pagination li a {
  background-color: rgba(217, 202, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(217, 202, 68, 0);
  box-shadow: 0 0 0 1px rgba(217, 202, 68, 0); }

.mandant_gelb .th.tile:hover,
.mandant_gelb .pagination li a:hover {
  background-color: rgba(217, 202, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(217, 202, 68, 0.4);
  box-shadow: 0 0 0 1px rgba(217, 202, 68, 0.4); }

.mandant_gelb .pagination li.current a {
  border: 1px solid rgba(217, 202, 68, 0.25); }

.mandant_gelb .gefbox .paraminfo span,
.mandant_gelb input[type=text],
.mandant_gelb input[type=password],
.mandant_gelb input[type=email],
.mandant_gelb textarea,
.mandant_gelb select {
  background-color: rgba(230, 226, 205, 0.6); }

.mandant_gelb .ms-choice {
  background-color: rgba(230, 226, 205, 0.6); }

.mandant_gelb input[type=text],
.mandant_gelb input[type=password],
.mandant_gelb input[type=email],
.mandant_gelb textarea,
.mandant_gelb select,
.mandant_gelb .ms-choice {
  border-color: rgba(230, 226, 205, 0.6);
  color: #b3a200; }

.mandant_gelb #shopnav,
.mandant_gelb #content .pure-button,
.mandant_gelb .remodal .pure-button,
.mandant_gelb .minibox .pure-button {
  background-color: rgba(233, 223, 128, 0.925); }

.mandant_gelb #shopnav > li > a {
  background-color: rgba(248, 245, 217, 0.925); }

.mandant_gelb .shopitem .outerbox {
  background-color: rgba(217, 202, 68, 0.1); }

.mandant_gelb .flowsteps li {
  border-color: #d6c62e;
  color: #d6c62e; }

.mandant_gelb .flowsteps .done {
  background-color: #dfd689;
  border-color: #dfd689; }

.mandant_gelb .flowsteps .active,
.mandant_gelb .flowsteps .done:hover {
  background-color: #d4c217;
  border-color: #d4c217; }

.mandant_gelb label.file-label,
.mandant_gelb input[type="file"] + label {
  background-color: #dbce5b; }

.mandant_gelb label.file-label:hover,
.mandant_gelb input[type="file"]:focus + label,
.mandant_gelb input[type="file"] + label:hover {
  background-color: #d4c217; }

/* Userprofil */
.mandant_gelb .dashback,
.mandant_gelb .dashmessages {
  background-color: rgba(210, 190, 0, 0.25); }

/* Randoplan */
.mandant_gelb .mback {
  background-color: rgba(210, 190, 0, 0.15); }

.mandant_gelb .rp-table-cell {
  border-color: #d2be00 !important; }
@media only print {
  .mandant_gelb .rp-palette-handle .mcolor,
  .mandant_gelb .randoplan footer .mcolor,
  .mandant_gelb .randoplan .mcolor.rp-lower {
    border-color: #d2be00; } }

.mandant_gelb .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #e0d24d;
  color: white; }
  .mandant_gelb .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #d7c51a; }

html.mandant_gelbgruen,
.mandant_gelbgruen .shader,
.mandant_gelbgruen #content .pure-button {
  background-color: #9ec474; }

.mandant_gelbgruen a,
.mandant_gelbgruen .cont ul li:before {
  color: #6ed200; }

.mandant_gelbgruen .contbox .profilenav a {
  color: #6ed200 !important; }

.mandant_gelbgruen a.open-panel {
  color: #6ed200 !important; }

.mandant_gelbgruen a:hover,
.mandant_gelbgruen a:visited:hover {
  color: #396c00; }

.mandant_gelbgruen #profilenav a.active,
.mandant_gelbgruen .contbox .profilenav .pure-menu-active > a,
.mandant_gelbgruen .contbox .profilenav .pure-menu-selected > a,
.mandant_gelbgruen .contbox .profilenav a:hover {
  color: #396c00 !important; }

.mandant_gelbgruen a:visited {
  color: #6dbd15; }

.mandant_gelbgruen a:focus {
  outline: dotted 1px rgba(110, 210, 0, 0.5); }

.mandant_gelbgruen .mcolor {
  background: #6ed200; }

.mandant_gelbgruen #mainnav,
.mandant_gelbgruen #mainnav .pure-menu li ul,
.mandant_gelbgruen #shopnav.pure-menu .minibox ul {
  background-color: rgba(219, 244, 191, 0.925); }

.mandant_gelbgruen #fullnav.pure-menu li a {
  background-color: rgba(183, 233, 128, 0.5); }

.mandant_gelbgruen #mainnav .pure-menu li a:hover,
.mandant_gelbgruen #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(241, 251, 230, 0.65);
  color: #396c00; }

.mandant_gelbgruen #mainnav .pure-menu li a.active {
  background-color: rgba(248, 253, 242, 0.9);
  color: #396c00; }

.mandant_gelbgruen .teaserbox,
.mandant_gelbgruen .remodal.rmcolor {
  border-top: 0.5em solid #6ed200; }

.mandant_gelbgruen .teasercont,
.mandant_gelbgruen .shopimg,
.mandant_gelbgruen .cartbox,
.mandant_gelbgruen .cart-listitem:not(.head):hover,
.mandant_gelbgruen .suggestion:hover,
.mandant_gelbgruen .connection:hover {
  background-color: rgba(110, 210, 0, 0.1); }

.mandant_gelbgruen .teasertitle,
.mandant_gelbgruen .titlepanel,
.mandant_gelbgruen .textpanel {
  background-color: rgba(238, 250, 224, 0.75); }

.mandant_gelbgruen #bottomline .dc {
  background-color: rgba(208, 226, 182, 0.9); }

.mandant_gelbgruen div.hr,
.mandant_gelbgruen .gefbox .paraminfo,
.mandant_gelbgruen .teaserbox .cart-listitem {
  border-color: #6ed200; }

.mandant_gelbgruen .th.tile,
.mandant_gelbgruen .pagination li a {
  background-color: rgba(147, 216, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(147, 216, 68, 0);
  box-shadow: 0 0 0 1px rgba(147, 216, 68, 0); }

.mandant_gelbgruen .th.tile:hover,
.mandant_gelbgruen .pagination li a:hover {
  background-color: rgba(147, 216, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(147, 216, 68, 0.4);
  box-shadow: 0 0 0 1px rgba(147, 216, 68, 0.4); }

.mandant_gelbgruen .pagination li.current a {
  border: 1px solid rgba(147, 216, 68, 0.25); }

.mandant_gelbgruen .gefbox .paraminfo span,
.mandant_gelbgruen input[type=text],
.mandant_gelbgruen input[type=password],
.mandant_gelbgruen input[type=email],
.mandant_gelbgruen textarea,
.mandant_gelbgruen select {
  background-color: rgba(220, 228, 205, 0.6); }

.mandant_gelbgruen .ms-choice {
  background-color: rgba(220, 228, 205, 0.6); }

.mandant_gelbgruen input[type=text],
.mandant_gelbgruen input[type=password],
.mandant_gelbgruen input[type=email],
.mandant_gelbgruen textarea,
.mandant_gelbgruen select,
.mandant_gelbgruen .ms-choice {
  border-color: rgba(220, 228, 205, 0.6);
  color: #5eb300; }

.mandant_gelbgruen #shopnav,
.mandant_gelbgruen #content .pure-button,
.mandant_gelbgruen .remodal .pure-button,
.mandant_gelbgruen .minibox .pure-button {
  background-color: rgba(183, 233, 128, 0.925); }

.mandant_gelbgruen #shopnav > li > a {
  background-color: rgba(233, 248, 217, 0.925); }

.mandant_gelbgruen .shopitem .outerbox {
  background-color: rgba(147, 216, 68, 0.1); }

.mandant_gelbgruen .flowsteps li {
  border-color: #86d62e;
  color: #86d62e; }

.mandant_gelbgruen .flowsteps .done {
  background-color: #b7de89;
  border-color: #b7de89; }

.mandant_gelbgruen .flowsteps .active,
.mandant_gelbgruen .flowsteps .done:hover {
  background-color: #7ad417;
  border-color: #7ad417; }

.mandant_gelbgruen label.file-label,
.mandant_gelbgruen input[type="file"] + label {
  background-color: #9fda5b; }

.mandant_gelbgruen label.file-label:hover,
.mandant_gelbgruen input[type="file"]:focus + label,
.mandant_gelbgruen input[type="file"] + label:hover {
  background-color: #7ad417; }

/* Userprofil */
.mandant_gelbgruen .dashback,
.mandant_gelbgruen .dashmessages {
  background-color: rgba(110, 210, 0, 0.25); }

/* Randoplan */
.mandant_gelbgruen .mback {
  background-color: rgba(110, 210, 0, 0.15); }

.mandant_gelbgruen .rp-table-cell {
  border-color: #6ed200 !important; }
@media only print {
  .mandant_gelbgruen .rp-palette-handle .mcolor,
  .mandant_gelbgruen .randoplan footer .mcolor,
  .mandant_gelbgruen .randoplan .mcolor.rp-lower {
    border-color: #6ed200; } }

.mandant_gelbgruen .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #9ae04d;
  color: white; }
  .mandant_gelbgruen .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #7dd71a; }

html.mandant_hblau,
.mandant_hblau .shader,
.mandant_hblau #content .pure-button {
  background-color: #a2adb4; }

.mandant_hblau a,
.mandant_hblau .cont ul li:before {
  color: #238ccd; }

.mandant_hblau .contbox .profilenav a {
  color: #238ccd !important; }

.mandant_hblau a.open-panel {
  color: #238ccd !important; }

.mandant_hblau a:hover,
.mandant_hblau a:visited:hover {
  color: #145176; }

.mandant_hblau #profilenav a.active,
.mandant_hblau .contbox .profilenav .pure-menu-active > a,
.mandant_hblau .contbox .profilenav .pure-menu-selected > a,
.mandant_hblau .contbox .profilenav a:hover {
  color: #145176 !important; }

.mandant_hblau a:visited {
  color: #3b86b5; }

.mandant_hblau a:focus {
  outline: dotted 1px rgba(35, 140, 205, 0.5); }

.mandant_hblau .mcolor {
  background: #238ccd; }

.mandant_hblau #mainnav,
.mandant_hblau #mainnav .pure-menu li ul,
.mandant_hblau #shopnav.pure-menu .minibox ul {
  background-color: rgba(200, 226, 243, 0.925); }

.mandant_hblau #fullnav.pure-menu li a {
  background-color: rgba(145, 198, 230, 0.5); }

.mandant_hblau #mainnav .pure-menu li a:hover,
.mandant_hblau #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(233, 244, 250, 0.65);
  color: #145176; }

.mandant_hblau #mainnav .pure-menu li a.active {
  background-color: rgba(244, 249, 253, 0.9);
  color: #145176; }

.mandant_hblau .teaserbox,
.mandant_hblau .remodal.rmcolor {
  border-top: 0.5em solid #238ccd; }

.mandant_hblau .teasercont,
.mandant_hblau .shopimg,
.mandant_hblau .cartbox,
.mandant_hblau .cart-listitem:not(.head):hover,
.mandant_hblau .suggestion:hover,
.mandant_hblau .connection:hover {
  background-color: rgba(35, 140, 205, 0.1); }

.mandant_hblau .teasertitle,
.mandant_hblau .titlepanel,
.mandant_hblau .textpanel {
  background-color: rgba(229, 241, 249, 0.75); }

.mandant_hblau #bottomline .dc {
  background-color: rgba(193, 212, 223, 0.9); }

.mandant_hblau div.hr,
.mandant_hblau .gefbox .paraminfo,
.mandant_hblau .teaserbox .cart-listitem {
  border-color: #238ccd; }

.mandant_hblau .th.tile,
.mandant_hblau .pagination li a {
  background-color: rgba(94, 167, 212, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(94, 167, 212, 0);
  box-shadow: 0 0 0 1px rgba(94, 167, 212, 0); }

.mandant_hblau .th.tile:hover,
.mandant_hblau .pagination li a:hover {
  background-color: rgba(94, 167, 212, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(94, 167, 212, 0.4);
  box-shadow: 0 0 0 1px rgba(94, 167, 212, 0.4); }

.mandant_hblau .pagination li.current a {
  border: 1px solid rgba(94, 167, 212, 0.25); }

.mandant_hblau .gefbox .paraminfo span,
.mandant_hblau input[type=text],
.mandant_hblau input[type=password],
.mandant_hblau input[type=email],
.mandant_hblau textarea,
.mandant_hblau select {
  background-color: rgba(212, 221, 226, 0.6); }

.mandant_hblau .ms-choice {
  background-color: rgba(212, 221, 226, 0.6); }

.mandant_hblau input[type=text],
.mandant_hblau input[type=password],
.mandant_hblau input[type=email],
.mandant_hblau textarea,
.mandant_hblau select,
.mandant_hblau .ms-choice {
  border-color: rgba(212, 221, 226, 0.6);
  color: #1f7ab3; }

.mandant_hblau #shopnav,
.mandant_hblau #content .pure-button,
.mandant_hblau .remodal .pure-button,
.mandant_hblau .minibox .pure-button {
  background-color: rgba(145, 198, 230, 0.925); }

.mandant_hblau #shopnav > li > a {
  background-color: rgba(222, 238, 248, 0.925); }

.mandant_hblau .shopitem .outerbox {
  background-color: rgba(94, 167, 212, 0.1); }

.mandant_hblau .flowsteps li {
  border-color: #4a9ed2;
  color: #4a9ed2; }

.mandant_hblau .flowsteps .done {
  background-color: #99c2db;
  border-color: #99c2db; }

.mandant_hblau .flowsteps .active,
.mandant_hblau .flowsteps .done:hover {
  background-color: #3795cf;
  border-color: #3795cf; }

.mandant_hblau label.file-label,
.mandant_hblau input[type="file"] + label {
  background-color: #72b0d6; }

.mandant_hblau label.file-label:hover,
.mandant_hblau input[type="file"]:focus + label,
.mandant_hblau input[type="file"] + label:hover {
  background-color: #3795cf; }

/* Userprofil */
.mandant_hblau .dashback,
.mandant_hblau .dashmessages {
  background-color: rgba(35, 140, 205, 0.25); }

/* Randoplan */
.mandant_hblau .mback {
  background-color: rgba(35, 140, 205, 0.15); }

.mandant_hblau .rp-table-cell {
  border-color: #238ccd !important; }
@media only print {
  .mandant_hblau .rp-palette-handle .mcolor,
  .mandant_hblau .randoplan footer .mcolor,
  .mandant_hblau .randoplan .mcolor.rp-lower {
    border-color: #238ccd; } }

.mandant_hblau .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #65afdc;
  color: white; }
  .mandant_hblau .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #3998d2; }

html.mandant_orange,
.mandant_orange .shader,
.mandant_orange #content .pure-button {
  background-color: #bfa56a; }

.mandant_orange a,
.mandant_orange .cont ul li:before {
  color: #c38700; }

.mandant_orange .contbox .profilenav a {
  color: #c38700 !important; }

.mandant_orange a.open-panel {
  color: #c38700 !important; }

.mandant_orange a:hover,
.mandant_orange a:visited:hover {
  color: #5d4000; }

.mandant_orange #profilenav a.active,
.mandant_orange .contbox .profilenav .pure-menu-active > a,
.mandant_orange .contbox .profilenav .pure-menu-selected > a,
.mandant_orange .contbox .profilenav a:hover {
  color: #5d4000 !important; }

.mandant_orange a:visited {
  color: #b08014; }

.mandant_orange a:focus {
  outline: dotted 1px rgba(195, 135, 0, 0.5); }

.mandant_orange .mcolor {
  background: #c38700; }

.mandant_orange #mainnav,
.mandant_orange #mainnav .pure-menu li ul,
.mandant_orange #shopnav.pure-menu .minibox ul {
  background-color: rgba(240, 225, 191, 0.925); }

.mandant_orange #fullnav.pure-menu li a {
  background-color: rgba(225, 195, 128, 0.5); }

.mandant_orange #mainnav .pure-menu li a:hover,
.mandant_orange #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(249, 243, 230, 0.65);
  color: #5d4000; }

.mandant_orange #mainnav .pure-menu li a.active {
  background-color: rgba(252, 249, 242, 0.9);
  color: #5d4000; }

.mandant_orange .teaserbox,
.mandant_orange .remodal.rmcolor {
  border-top: 0.5em solid #c38700; }

.mandant_orange .teasercont,
.mandant_orange .shopimg,
.mandant_orange .cartbox,
.mandant_orange .cart-listitem:not(.head):hover,
.mandant_orange .suggestion:hover,
.mandant_orange .connection:hover {
  background-color: rgba(195, 135, 0, 0.1); }

.mandant_orange .teasertitle,
.mandant_orange .titlepanel,
.mandant_orange .textpanel {
  background-color: rgba(248, 241, 224, 0.75); }

.mandant_orange #bottomline .dc {
  background-color: rgba(225, 211, 182, 0.9); }

.mandant_orange div.hr,
.mandant_orange .gefbox .paraminfo,
.mandant_orange .teaserbox .cart-listitem {
  border-color: #c38700; }

.mandant_orange .th.tile,
.mandant_orange .pagination li a {
  background-color: rgba(206, 164, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(206, 164, 68, 0);
  box-shadow: 0 0 0 1px rgba(206, 164, 68, 0); }

.mandant_orange .th.tile:hover,
.mandant_orange .pagination li a:hover {
  background-color: rgba(206, 164, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(206, 164, 68, 0.4);
  box-shadow: 0 0 0 1px rgba(206, 164, 68, 0.4); }

.mandant_orange .pagination li.current a {
  border: 1px solid rgba(206, 164, 68, 0.25); }

.mandant_orange .gefbox .paraminfo span,
.mandant_orange input[type=text],
.mandant_orange input[type=password],
.mandant_orange input[type=email],
.mandant_orange textarea,
.mandant_orange select {
  background-color: rgba(228, 221, 205, 0.6); }

.mandant_orange .ms-choice {
  background-color: rgba(228, 221, 205, 0.6); }

.mandant_orange input[type=text],
.mandant_orange input[type=password],
.mandant_orange input[type=email],
.mandant_orange textarea,
.mandant_orange select,
.mandant_orange .ms-choice {
  border-color: rgba(228, 221, 205, 0.6);
  color: #a47200; }

.mandant_orange #shopnav,
.mandant_orange #content .pure-button,
.mandant_orange .remodal .pure-button,
.mandant_orange .minibox .pure-button {
  background-color: rgba(225, 195, 128, 0.925); }

.mandant_orange #shopnav > li > a {
  background-color: rgba(246, 237, 217, 0.925); }

.mandant_orange .shopitem .outerbox {
  background-color: rgba(206, 164, 68, 0.1); }

.mandant_orange .flowsteps li {
  border-color: #ca9a2e;
  color: #ca9a2e; }

.mandant_orange .flowsteps .done {
  background-color: #d9c089;
  border-color: #d9c089; }

.mandant_orange .flowsteps .active,
.mandant_orange .flowsteps .done:hover {
  background-color: #c79117;
  border-color: #c79117; }

.mandant_orange label.file-label,
.mandant_orange input[type="file"] + label {
  background-color: #d2ad5b; }

.mandant_orange label.file-label:hover,
.mandant_orange input[type="file"]:focus + label,
.mandant_orange input[type="file"] + label:hover {
  background-color: #c79117; }

/* Userprofil */
.mandant_orange .dashback,
.mandant_orange .dashmessages {
  background-color: rgba(195, 135, 0, 0.25); }

/* Randoplan */
.mandant_orange .mback {
  background-color: rgba(195, 135, 0, 0.15); }

.mandant_orange .rp-table-cell {
  border-color: #c38700 !important; }
@media only print {
  .mandant_orange .rp-palette-handle .mcolor,
  .mandant_orange .randoplan footer .mcolor,
  .mandant_orange .randoplan .mcolor.rp-lower {
    border-color: #c38700; } }

.mandant_orange .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #d5ab4d;
  color: white; }
  .mandant_orange .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #c9931a; }

html.mandant_rot,
.mandant_rot .shader,
.mandant_rot #content .pure-button {
  background-color: #c6a9a9; }

.mandant_rot a,
.mandant_rot .cont ul li:before {
  color: #e62323; }

.mandant_rot .contbox .profilenav a {
  color: #e62323 !important; }

.mandant_rot a.open-panel {
  color: #e62323 !important; }

.mandant_rot a:hover,
.mandant_rot a:visited:hover {
  color: #921111; }

.mandant_rot #profilenav a.active,
.mandant_rot .contbox .profilenav .pure-menu-active > a,
.mandant_rot .contbox .profilenav .pure-menu-selected > a,
.mandant_rot .contbox .profilenav a:hover {
  color: #921111 !important; }

.mandant_rot a:visited {
  color: #ce3c3c; }

.mandant_rot a:focus {
  outline: dotted 1px rgba(230, 35, 35, 0.5); }

.mandant_rot .mcolor {
  background: #e62323; }

.mandant_rot #mainnav,
.mandant_rot #mainnav .pure-menu li ul,
.mandant_rot #shopnav.pure-menu .minibox ul {
  background-color: rgba(249, 200, 200, 0.925); }

.mandant_rot #fullnav.pure-menu li a {
  background-color: rgba(243, 145, 145, 0.5); }

.mandant_rot #mainnav .pure-menu li a:hover,
.mandant_rot #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(253, 233, 233, 0.65);
  color: #921111; }

.mandant_rot #mainnav .pure-menu li a.active {
  background-color: rgba(254, 244, 244, 0.9);
  color: #921111; }

.mandant_rot .teaserbox,
.mandant_rot .remodal.rmcolor {
  border-top: 0.5em solid #e62323; }

.mandant_rot .teasercont,
.mandant_rot .shopimg,
.mandant_rot .cartbox,
.mandant_rot .cart-listitem:not(.head):hover,
.mandant_rot .suggestion:hover,
.mandant_rot .connection:hover {
  background-color: rgba(230, 35, 35, 0.1); }

.mandant_rot .teasertitle,
.mandant_rot .titlepanel,
.mandant_rot .textpanel {
  background-color: rgba(252, 229, 229, 0.75); }

.mandant_rot #bottomline .dc {
  background-color: rgba(232, 191, 189, 0.9); }

.mandant_rot div.hr,
.mandant_rot .gefbox .paraminfo,
.mandant_rot .teaserbox .cart-listitem {
  border-color: #e62323; }

.mandant_rot .th.tile,
.mandant_rot .pagination li a {
  background-color: rgba(231, 94, 93, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(231, 94, 93, 0);
  box-shadow: 0 0 0 1px rgba(231, 94, 93, 0); }

.mandant_rot .th.tile:hover,
.mandant_rot .pagination li a:hover {
  background-color: rgba(231, 94, 93, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(231, 94, 93, 0.4);
  box-shadow: 0 0 0 1px rgba(231, 94, 93, 0.4); }

.mandant_rot .pagination li.current a {
  border: 1px solid rgba(231, 94, 93, 0.25); }

.mandant_rot .gefbox .paraminfo span,
.mandant_rot input[type=text],
.mandant_rot input[type=password],
.mandant_rot input[type=email],
.mandant_rot textarea,
.mandant_rot select {
  background-color: rgba(232, 211, 209, 0.6); }

.mandant_rot .ms-choice {
  background-color: rgba(232, 211, 209, 0.6); }

.mandant_rot input[type=text],
.mandant_rot input[type=password],
.mandant_rot input[type=email],
.mandant_rot textarea,
.mandant_rot select,
.mandant_rot .ms-choice {
  border-color: rgba(232, 211, 209, 0.6);
  color: #d21818; }

.mandant_rot #shopnav,
.mandant_rot #content .pure-button,
.mandant_rot .remodal .pure-button,
.mandant_rot .minibox .pure-button {
  background-color: rgba(243, 145, 145, 0.925); }

.mandant_rot #shopnav > li > a {
  background-color: rgba(251, 222, 222, 0.925); }

.mandant_rot .shopitem .outerbox {
  background-color: rgba(231, 94, 93, 0.1); }

.mandant_rot .flowsteps li {
  border-color: #e64a4a;
  color: #e64a4a; }

.mandant_rot .flowsteps .done {
  background-color: #e79897;
  border-color: #e79897; }

.mandant_rot .flowsteps .active,
.mandant_rot .flowsteps .done:hover {
  background-color: #e63736;
  border-color: #e63736; }

.mandant_rot label.file-label,
.mandant_rot input[type="file"] + label {
  background-color: #e77170; }

.mandant_rot label.file-label:hover,
.mandant_rot input[type="file"]:focus + label,
.mandant_rot input[type="file"] + label:hover {
  background-color: #e63736; }

/* Userprofil */
.mandant_rot .dashback,
.mandant_rot .dashmessages {
  background-color: rgba(230, 35, 35, 0.25); }

/* Randoplan */
.mandant_rot .mback {
  background-color: rgba(230, 35, 35, 0.15); }

.mandant_rot .rp-table-cell {
  border-color: #e62323 !important; }
@media only print {
  .mandant_rot .rp-palette-handle .mcolor,
  .mandant_rot .randoplan footer .mcolor,
  .mandant_rot .randoplan .mcolor.rp-lower {
    border-color: #e62323; } }

.mandant_rot .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #ee6565;
  color: white; }
  .mandant_rot .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #e93939; }

html.mandant_dgruen,
.mandant_dgruen .shader,
.mandant_dgruen #content .pure-button {
  background-color: #34783d; }

.mandant_dgruen a,
.mandant_dgruen .cont ul li:before {
  color: #00460a; }

.mandant_dgruen .contbox .profilenav a {
  color: #00460a !important; }

.mandant_dgruen a.open-panel {
  color: #00460a !important; }

.mandant_dgruen a:hover,
.mandant_dgruen a:visited:hover {
  color: black; }

.mandant_dgruen #profilenav a.active,
.mandant_dgruen .contbox .profilenav .pure-menu-active > a,
.mandant_dgruen .contbox .profilenav .pure-menu-selected > a,
.mandant_dgruen .contbox .profilenav a:hover {
  color: black !important; }

.mandant_dgruen a:visited {
  color: #073f0f; }

.mandant_dgruen a:focus {
  outline: dotted 1px rgba(0, 70, 10, 0.5); }

.mandant_dgruen .mcolor {
  background: #00460a; }

.mandant_dgruen #mainnav,
.mandant_dgruen #mainnav .pure-menu li ul,
.mandant_dgruen #shopnav.pure-menu .minibox ul {
  background-color: rgba(191, 209, 194, 0.925); }

.mandant_dgruen #fullnav.pure-menu li a {
  background-color: rgba(128, 163, 133, 0.5); }

.mandant_dgruen #mainnav .pure-menu li a:hover,
.mandant_dgruen #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(230, 237, 231, 0.65);
  color: black; }

.mandant_dgruen #mainnav .pure-menu li a.active {
  background-color: rgba(242, 246, 243, 0.9);
  color: black; }

.mandant_dgruen .teaserbox,
.mandant_dgruen .remodal.rmcolor {
  border-top: 0.5em solid #00460a; }

.mandant_dgruen .teasercont,
.mandant_dgruen .shopimg,
.mandant_dgruen .cartbox,
.mandant_dgruen .cart-listitem:not(.head):hover,
.mandant_dgruen .suggestion:hover,
.mandant_dgruen .connection:hover {
  background-color: rgba(0, 70, 10, 0.1); }

.mandant_dgruen .teasertitle,
.mandant_dgruen .titlepanel,
.mandant_dgruen .textpanel {
  background-color: rgba(224, 233, 226, 0.75); }

.mandant_dgruen #bottomline .dc {
  background-color: rgba(186, 198, 184, 0.9); }

.mandant_dgruen div.hr,
.mandant_dgruen .gefbox .paraminfo,
.mandant_dgruen .teaserbox .cart-listitem {
  border-color: #00460a; }

.mandant_dgruen .th.tile,
.mandant_dgruen .pagination li a {
  background-color: rgba(70, 118, 75, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 118, 75, 0);
  box-shadow: 0 0 0 1px rgba(70, 118, 75, 0); }

.mandant_dgruen .th.tile:hover,
.mandant_dgruen .pagination li a:hover {
  background-color: rgba(70, 118, 75, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(70, 118, 75, 0.4);
  box-shadow: 0 0 0 1px rgba(70, 118, 75, 0.4); }

.mandant_dgruen .pagination li.current a {
  border: 1px solid rgba(70, 118, 75, 0.25); }

.mandant_dgruen .gefbox .paraminfo span,
.mandant_dgruen input[type=text],
.mandant_dgruen input[type=password],
.mandant_dgruen input[type=email],
.mandant_dgruen textarea,
.mandant_dgruen select {
  background-color: rgba(209, 214, 206, 0.6); }

.mandant_dgruen .ms-choice {
  background-color: rgba(209, 214, 206, 0.6); }

.mandant_dgruen input[type=text],
.mandant_dgruen input[type=password],
.mandant_dgruen input[type=email],
.mandant_dgruen textarea,
.mandant_dgruen select,
.mandant_dgruen .ms-choice {
  border-color: rgba(209, 214, 206, 0.6);
  color: #002706; }

.mandant_dgruen #shopnav,
.mandant_dgruen #content .pure-button,
.mandant_dgruen .remodal .pure-button,
.mandant_dgruen .minibox .pure-button {
  background-color: rgba(128, 163, 133, 0.925); }

.mandant_dgruen #shopnav > li > a {
  background-color: rgba(217, 227, 218, 0.925); }

.mandant_dgruen .shopitem .outerbox {
  background-color: rgba(70, 118, 75, 0.1); }

.mandant_dgruen .flowsteps li {
  border-color: #2e6636;
  color: #2e6636; }

.mandant_dgruen .flowsteps .done {
  background-color: #8ba68d;
  border-color: #8ba68d; }

.mandant_dgruen .flowsteps .active,
.mandant_dgruen .flowsteps .done:hover {
  background-color: #175620;
  border-color: #175620; }

.mandant_dgruen label.file-label,
.mandant_dgruen input[type="file"] + label {
  background-color: #5d8661; }

.mandant_dgruen label.file-label:hover,
.mandant_dgruen input[type="file"]:focus + label,
.mandant_dgruen input[type="file"] + label:hover {
  background-color: #175620; }

/* Userprofil */
.mandant_dgruen .dashback,
.mandant_dgruen .dashmessages {
  background-color: rgba(0, 70, 10, 0.25); }

/* Randoplan */
.mandant_dgruen .mback {
  background-color: rgba(0, 70, 10, 0.15); }

.mandant_dgruen .rp-table-cell {
  border-color: #00460a !important; }
@media only print {
  .mandant_dgruen .rp-palette-handle .mcolor,
  .mandant_dgruen .randoplan footer .mcolor,
  .mandant_dgruen .randoplan .mcolor.rp-lower {
    border-color: #00460a; } }

.mandant_dgruen .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #4d7e54;
  color: white; }
  .mandant_dgruen .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #1a5923; }

html.master,
.master .shader,
.master #content .pure-button {
  background-color: #ababab; }

.master a,
.master .cont ul li:before {
  color: #64738c; }

.master .contbox .profilenav a {
  color: #64738c !important; }

.master a.open-panel {
  color: #64738c !important; }

.master a:hover,
.master a:visited:hover {
  color: #3a4251; }

.master #profilenav a.active,
.master .contbox .profilenav .pure-menu-active > a,
.master .contbox .profilenav .pure-menu-selected > a,
.master .contbox .profilenav a:hover {
  color: #3a4251 !important; }

.master a:visited {
  color: #787878; }

.master a:focus {
  outline: dotted 1px rgba(100, 115, 140, 0.5); }

.master .mcolor {
  background: #64738c; }

.master #mainnav,
.master #mainnav .pure-menu li ul,
.master #shopnav.pure-menu .minibox ul {
  background-color: rgba(216, 220, 226, 0.925); }

.master #fullnav.pure-menu li a {
  background-color: rgba(178, 185, 198, 0.5); }

.master #mainnav .pure-menu li a:hover,
.master #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(240, 241, 244, 0.65);
  color: #3a4251; }

.master #mainnav .pure-menu li a.active {
  background-color: rgba(247, 248, 249, 0.9);
  color: #3a4251; }

.master .teaserbox,
.master .remodal.rmcolor {
  border-top: 0.5em solid #64738c; }

.master .teasercont,
.master .shopimg,
.master .cartbox,
.master .cart-listitem:not(.head):hover,
.master .suggestion:hover,
.master .connection:hover {
  background-color: rgba(100, 115, 140, 0.1); }

.master .teasertitle,
.master .titlepanel,
.master .textpanel {
  background-color: rgba(236, 238, 241, 0.75); }

.master #bottomline .dc {
  background-color: rgba(206, 207, 210, 0.9); }

.master div.hr,
.master .gefbox .paraminfo,
.master .teaserbox .cart-listitem {
  border-color: #64738c; }

.master .th.tile,
.master .pagination li a {
  background-color: rgba(140, 150, 166, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(140, 150, 166, 0);
  box-shadow: 0 0 0 1px rgba(140, 150, 166, 0); }

.master .th.tile:hover,
.master .pagination li a:hover {
  background-color: rgba(140, 150, 166, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(140, 150, 166, 0.4);
  box-shadow: 0 0 0 1px rgba(140, 150, 166, 0.4); }

.master .pagination li.current a {
  border: 1px solid rgba(140, 150, 166, 0.25); }

.master .gefbox .paraminfo span,
.master input[type=text],
.master input[type=password],
.master input[type=email],
.master textarea,
.master select {
  background-color: rgba(219, 219, 219, 0.6); }

.master .ms-choice {
  background-color: rgba(219, 219, 219, 0.6); }

.master input[type=text],
.master input[type=password],
.master input[type=email],
.master textarea,
.master select,
.master .ms-choice {
  border-color: rgba(219, 219, 219, 0.6);
  color: #57647a; }

.master #shopnav,
.master #content .pure-button,
.master .remodal .pure-button,
.master .minibox .pure-button {
  background-color: rgba(178, 185, 198, 0.925); }

.master #shopnav > li > a {
  background-color: rgba(232, 234, 238, 0.925); }

.master .shopitem .outerbox {
  background-color: rgba(140, 150, 166, 0.1); }

.master .flowsteps li {
  border-color: #7e8a9e;
  color: #7e8a9e; }

.master .flowsteps .done {
  background-color: #b3b8c1;
  border-color: #b3b8c1; }

.master .flowsteps .active,
.master .flowsteps .done:hover {
  background-color: #717f95;
  border-color: #717f95; }

.master label.file-label,
.master input[type="file"] + label {
  background-color: #99a1af; }

.master label.file-label:hover,
.master input[type="file"]:focus + label,
.master input[type="file"] + label:hover {
  background-color: #717f95; }

/* Userprofil */
.master .dashback,
.master .dashmessages {
  background-color: rgba(100, 115, 140, 0.25); }

/* Randoplan */
.master .mback {
  background-color: rgba(100, 115, 140, 0.15); }

.master .rp-table-cell {
  border-color: #64738c !important; }
@media only print {
  .master .rp-palette-handle .mcolor,
  .master .randoplan footer .mcolor,
  .master .randoplan .mcolor.rp-lower {
    border-color: #64738c; } }

.master .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #939daf;
  color: white; }
  .master .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #748198; }

html.wandernacht,
.wandernacht .shader,
.wandernacht #content .pure-button {
  background-color: #c6b67b; }

.wandernacht a,
.wandernacht .cont ul li:before {
  color: #dbab00; }

.wandernacht .contbox .profilenav a {
  color: #dbab00 !important; }

.wandernacht a.open-panel {
  color: #dbab00 !important; }

.wandernacht a:hover,
.wandernacht a:visited:hover {
  color: #755c00; }

.wandernacht #profilenav a.active,
.wandernacht .contbox .profilenav .pure-menu-active > a,
.wandernacht .contbox .profilenav .pure-menu-selected > a,
.wandernacht .contbox .profilenav a:hover {
  color: #755c00 !important; }

.wandernacht a:visited {
  color: #c59f16; }

.wandernacht a:focus {
  outline: dotted 1px rgba(219, 171, 0, 0.5); }

.wandernacht .mcolor {
  background: #dbab00; }

.wandernacht #mainnav,
.wandernacht #mainnav .pure-menu li ul,
.wandernacht #shopnav.pure-menu .minibox ul {
  background-color: rgba(246, 234, 191, 0.925); }

.wandernacht #fullnav.pure-menu li a {
  background-color: rgba(237, 213, 128, 0.5); }

.wandernacht #mainnav .pure-menu li a:hover,
.wandernacht #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(251, 247, 230, 0.65);
  color: #755c00; }

.wandernacht #mainnav .pure-menu li a.active {
  background-color: rgba(253, 251, 242, 0.9);
  color: #755c00; }

.wandernacht .teaserbox,
.wandernacht .remodal.rmcolor {
  border-top: 0.5em solid #dbab00; }

.wandernacht .teasercont,
.wandernacht .shopimg,
.wandernacht .cartbox,
.wandernacht .cart-listitem:not(.head):hover,
.wandernacht .suggestion:hover,
.wandernacht .connection:hover {
  background-color: rgba(219, 171, 0, 0.1); }

.wandernacht .teasertitle,
.wandernacht .titlepanel,
.wandernacht .textpanel {
  background-color: rgba(251, 245, 224, 0.75); }

.wandernacht #bottomline .dc {
  background-color: rgba(229, 218, 182, 0.9); }

.wandernacht div.hr,
.wandernacht .gefbox .paraminfo,
.wandernacht .teaserbox .cart-listitem {
  border-color: #dbab00; }

.wandernacht .th.tile,
.wandernacht .pagination li a {
  background-color: rgba(223, 189, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(223, 189, 68, 0);
  box-shadow: 0 0 0 1px rgba(223, 189, 68, 0); }

.wandernacht .th.tile:hover,
.wandernacht .pagination li a:hover {
  background-color: rgba(223, 189, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(223, 189, 68, 0.4);
  box-shadow: 0 0 0 1px rgba(223, 189, 68, 0.4); }

.wandernacht .pagination li.current a {
  border: 1px solid rgba(223, 189, 68, 0.25); }

.wandernacht .gefbox .paraminfo span,
.wandernacht input[type=text],
.wandernacht input[type=password],
.wandernacht input[type=email],
.wandernacht textarea,
.wandernacht select {
  background-color: rgba(231, 224, 205, 0.6); }

.wandernacht .ms-choice {
  background-color: rgba(231, 224, 205, 0.6); }

.wandernacht input[type=text],
.wandernacht input[type=password],
.wandernacht input[type=email],
.wandernacht textarea,
.wandernacht select,
.wandernacht .ms-choice {
  border-color: rgba(231, 224, 205, 0.6);
  color: #bd9300; }

.wandernacht #shopnav,
.wandernacht #content .pure-button,
.wandernacht .remodal .pure-button,
.wandernacht .minibox .pure-button {
  background-color: rgba(237, 213, 128, 0.925); }

.wandernacht #shopnav > li > a {
  background-color: rgba(250, 242, 217, 0.925); }

.wandernacht .shopitem .outerbox {
  background-color: rgba(223, 189, 68, 0.1); }

.wandernacht .flowsteps li {
  border-color: #deb72e;
  color: #deb72e; }

.wandernacht .flowsteps .done {
  background-color: #e3ce89;
  border-color: #e3ce89; }

.wandernacht .flowsteps .active,
.wandernacht .flowsteps .done:hover {
  background-color: #dcb117;
  border-color: #dcb117; }

.wandernacht label.file-label,
.wandernacht input[type="file"] + label {
  background-color: #e0c35b; }

.wandernacht label.file-label:hover,
.wandernacht input[type="file"]:focus + label,
.wandernacht input[type="file"] + label:hover {
  background-color: #dcb117; }

/* Userprofil */
.wandernacht .dashback,
.wandernacht .dashmessages {
  background-color: rgba(219, 171, 0, 0.25); }

/* Randoplan */
.wandernacht .mback {
  background-color: rgba(219, 171, 0, 0.15); }

.wandernacht .rp-table-cell {
  border-color: #dbab00 !important; }
@media only print {
  .wandernacht .rp-palette-handle .mcolor,
  .wandernacht .randoplan footer .mcolor,
  .wandernacht .randoplan .mcolor.rp-lower {
    border-color: #dbab00; } }

.wandernacht .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #e6c44d;
  color: white; }
  .wandernacht .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #dfb31a; }

html.schooltrip,
.schooltrip .shader,
.schooltrip #content .pure-button {
  background-color: #dbdbdb; }

.schooltrip a,
.schooltrip .cont ul li:before {
  color: #c0af8f; }

.schooltrip .contbox .profilenav a {
  color: #c0af8f !important; }

.schooltrip a.open-panel {
  color: #c0af8f !important; }

.schooltrip a:hover,
.schooltrip a:visited:hover {
  color: #957e54; }

.schooltrip #profilenav a.active,
.schooltrip .contbox .profilenav .pure-menu-active > a,
.schooltrip .contbox .profilenav .pure-menu-selected > a,
.schooltrip .contbox .profilenav a:hover {
  color: #957e54 !important; }

.schooltrip a:visited {
  color: #afaaa1; }

.schooltrip a:focus {
  outline: dotted 1px rgba(192, 175, 143, 0.5); }

.schooltrip .mcolor {
  background: #c0af8f; }

.schooltrip #mainnav,
.schooltrip #mainnav .pure-menu li ul,
.schooltrip #shopnav.pure-menu .minibox ul {
  background-color: rgba(239, 235, 227, 0.925); }

.schooltrip #fullnav.pure-menu li a {
  background-color: rgba(224, 215, 199, 0.5); }

.schooltrip #mainnav .pure-menu li a:hover,
.schooltrip #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(249, 247, 244, 0.65);
  color: #957e54; }

.schooltrip #mainnav .pure-menu li a.active {
  background-color: rgba(252, 251, 249, 0.9);
  color: #957e54; }

.schooltrip .teaserbox,
.schooltrip .remodal.rmcolor {
  border-top: 0.5em solid #c0af8f; }

.schooltrip .teasercont,
.schooltrip .shopimg,
.schooltrip .cartbox,
.schooltrip .cart-listitem:not(.head):hover,
.schooltrip .suggestion:hover,
.schooltrip .connection:hover {
  background-color: rgba(192, 175, 143, 0.1); }

.schooltrip .teasertitle,
.schooltrip .titlepanel,
.schooltrip .textpanel {
  background-color: rgba(247, 245, 242, 0.75); }

.schooltrip #bottomline .dc {
  background-color: rgba(224, 219, 211, 0.9); }

.schooltrip div.hr,
.schooltrip .gefbox .paraminfo,
.schooltrip .teaserbox .cart-listitem {
  border-color: #c0af8f; }

.schooltrip .th.tile,
.schooltrip .pagination li a {
  background-color: rgba(204, 192, 169, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(204, 192, 169, 0);
  box-shadow: 0 0 0 1px rgba(204, 192, 169, 0); }

.schooltrip .th.tile:hover,
.schooltrip .pagination li a:hover {
  background-color: rgba(204, 192, 169, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(204, 192, 169, 0.4);
  box-shadow: 0 0 0 1px rgba(204, 192, 169, 0.4); }

.schooltrip .pagination li.current a {
  border: 1px solid rgba(204, 192, 169, 0.25); }

.schooltrip .gefbox .paraminfo span,
.schooltrip input[type=text],
.schooltrip input[type=password],
.schooltrip input[type=email],
.schooltrip textarea,
.schooltrip select {
  background-color: rgba(228, 225, 220, 0.6); }

.schooltrip .ms-choice {
  background-color: rgba(228, 225, 220, 0.6); }

.schooltrip input[type=text],
.schooltrip input[type=password],
.schooltrip input[type=email],
.schooltrip textarea,
.schooltrip select,
.schooltrip .ms-choice {
  border-color: rgba(228, 225, 220, 0.6);
  color: #b5a17b; }

.schooltrip #shopnav,
.schooltrip #content .pure-button,
.schooltrip .remodal .pure-button,
.schooltrip .minibox .pure-button {
  background-color: rgba(224, 215, 199, 0.925); }

.schooltrip #shopnav > li > a {
  background-color: rgba(246, 243, 238, 0.925); }

.schooltrip .shopitem .outerbox {
  background-color: rgba(204, 192, 169, 0.1); }

.schooltrip .flowsteps li {
  border-color: #c8baa0;
  color: #c8baa0; }

.schooltrip .flowsteps .done {
  background-color: #d8d0c2;
  border-color: #d8d0c2; }

.schooltrip .flowsteps .active,
.schooltrip .flowsteps .done:hover {
  background-color: #c4b598;
  border-color: #c4b598; }

.schooltrip label.file-label,
.schooltrip input[type="file"] + label {
  background-color: #d0c5b1; }

.schooltrip label.file-label:hover,
.schooltrip input[type="file"]:focus + label,
.schooltrip input[type="file"] + label:hover {
  background-color: #c4b598; }

/* Userprofil */
.schooltrip .dashback,
.schooltrip .dashmessages {
  background-color: rgba(192, 175, 143, 0.25); }

/* Randoplan */
.schooltrip .mback {
  background-color: rgba(192, 175, 143, 0.15); }

.schooltrip .rp-table-cell {
  border-color: #c0af8f !important; }
@media only print {
  .schooltrip .rp-palette-handle .mcolor,
  .schooltrip .randoplan footer .mcolor,
  .schooltrip .randoplan .mcolor.rp-lower {
    border-color: #c0af8f; } }

.schooltrip .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #d3c7b1;
  color: white; }
  .schooltrip .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #c6b79a; }

html.mandant_begelb,
.mandant_begelb .shader,
.mandant_begelb #content .pure-button {
  background-color: #d1cb94; }

.mandant_begelb a,
.mandant_begelb .cont ul li:before {
  color: #ffe600; }

.mandant_begelb .contbox .profilenav a {
  color: #ffe600 !important; }

.mandant_begelb a.open-panel {
  color: #ffe600 !important; }

.mandant_begelb a:hover,
.mandant_begelb a:visited:hover {
  color: #998a00; }

.mandant_begelb #profilenav a.active,
.mandant_begelb .contbox .profilenav .pure-menu-active > a,
.mandant_begelb .contbox .profilenav .pure-menu-selected > a,
.mandant_begelb .contbox .profilenav a:hover {
  color: #998a00 !important; }

.mandant_begelb a:visited {
  color: #e6d21a; }

.mandant_begelb a:focus {
  outline: dotted 1px rgba(255, 230, 0, 0.5); }

.mandant_begelb .mcolor {
  background: #ffe600; }

.mandant_begelb #mainnav,
.mandant_begelb #mainnav .pure-menu li ul,
.mandant_begelb #shopnav.pure-menu .minibox ul {
  background-color: rgba(255, 249, 191, 0.925); }

.mandant_begelb #fullnav.pure-menu li a {
  background-color: rgba(255, 243, 128, 0.5); }

.mandant_begelb #mainnav .pure-menu li a:hover,
.mandant_begelb #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(255, 253, 230, 0.65);
  color: #998a00; }

.mandant_begelb #mainnav .pure-menu li a.active {
  background-color: rgba(255, 254, 242, 0.9);
  color: #998a00; }

.mandant_begelb .teaserbox,
.mandant_begelb .remodal.rmcolor {
  border-top: 0.5em solid #ffe600; }

.mandant_begelb .teasercont,
.mandant_begelb .shopimg,
.mandant_begelb .cartbox,
.mandant_begelb .cart-listitem:not(.head):hover,
.mandant_begelb .suggestion:hover,
.mandant_begelb .connection:hover {
  background-color: rgba(255, 230, 0, 0.1); }

.mandant_begelb .teasertitle,
.mandant_begelb .titlepanel,
.mandant_begelb .textpanel {
  background-color: rgba(255, 252, 224, 0.75); }

.mandant_begelb #bottomline .dc {
  background-color: rgba(237, 230, 182, 0.9); }

.mandant_begelb div.hr,
.mandant_begelb .gefbox .paraminfo,
.mandant_begelb .teaserbox .cart-listitem {
  border-color: #ffe600; }

.mandant_begelb .th.tile,
.mandant_begelb .pagination li a {
  background-color: rgba(248, 230, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(248, 230, 68, 0);
  box-shadow: 0 0 0 1px rgba(248, 230, 68, 0); }

.mandant_begelb .th.tile:hover,
.mandant_begelb .pagination li a:hover {
  background-color: rgba(248, 230, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(248, 230, 68, 0.4);
  box-shadow: 0 0 0 1px rgba(248, 230, 68, 0.4); }

.mandant_begelb .pagination li.current a {
  border: 1px solid rgba(248, 230, 68, 0.25); }

.mandant_begelb .gefbox .paraminfo span,
.mandant_begelb input[type=text],
.mandant_begelb input[type=password],
.mandant_begelb input[type=email],
.mandant_begelb textarea,
.mandant_begelb select {
  background-color: rgba(234, 230, 205, 0.6); }

.mandant_begelb .ms-choice {
  background-color: rgba(234, 230, 205, 0.6); }

.mandant_begelb input[type=text],
.mandant_begelb input[type=password],
.mandant_begelb input[type=email],
.mandant_begelb textarea,
.mandant_begelb select,
.mandant_begelb .ms-choice {
  border-color: rgba(234, 230, 205, 0.6);
  color: #e0ca00; }

.mandant_begelb #shopnav,
.mandant_begelb #content .pure-button,
.mandant_begelb .remodal .pure-button,
.mandant_begelb .minibox .pure-button {
  background-color: rgba(255, 243, 128, 0.925); }

.mandant_begelb #shopnav > li > a {
  background-color: rgba(255, 251, 217, 0.925); }

.mandant_begelb .shopitem .outerbox {
  background-color: rgba(248, 230, 68, 0.1); }

.mandant_begelb .flowsteps li {
  border-color: #fae62e;
  color: #fae62e; }

.mandant_begelb .flowsteps .done {
  background-color: #f1e689;
  border-color: #f1e689; }

.mandant_begelb .flowsteps .active,
.mandant_begelb .flowsteps .done:hover {
  background-color: #fde617;
  border-color: #fde617; }

.mandant_begelb label.file-label,
.mandant_begelb input[type="file"] + label {
  background-color: #f6e65b; }

.mandant_begelb label.file-label:hover,
.mandant_begelb input[type="file"]:focus + label,
.mandant_begelb input[type="file"] + label:hover {
  background-color: #fde617; }

/* Userprofil */
.mandant_begelb .dashback,
.mandant_begelb .dashmessages {
  background-color: rgba(255, 230, 0, 0.25); }

/* Randoplan */
.mandant_begelb .mback {
  background-color: rgba(255, 230, 0, 0.15); }

.mandant_begelb .rp-table-cell {
  border-color: #ffe600 !important; }
@media only print {
  .mandant_begelb .rp-palette-handle .mcolor,
  .mandant_begelb .randoplan footer .mcolor,
  .mandant_begelb .randoplan .mcolor.rp-lower {
    border-color: #ffe600; } }

.mandant_begelb .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #ffee4d;
  color: white; }
  .mandant_begelb .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #ffe91a; }

html.mandant_farblos,
.mandant_farblos .shader,
.mandant_farblos #content .pure-button {
  background-color: white; }

.mandant_farblos a,
.mandant_farblos .cont ul li:before {
  color: #e9e9e9; }

.mandant_farblos .contbox .profilenav a {
  color: #e9e9e9 !important; }

.mandant_farblos a.open-panel {
  color: #e9e9e9 !important; }

.mandant_farblos a:hover,
.mandant_farblos a:visited:hover {
  color: #b6b6b6; }

.mandant_farblos #profilenav a.active,
.mandant_farblos .contbox .profilenav .pure-menu-active > a,
.mandant_farblos .contbox .profilenav .pure-menu-selected > a,
.mandant_farblos .contbox .profilenav a:hover {
  color: #b6b6b6 !important; }

.mandant_farblos a:visited {
  color: #e9e9e9; }

.mandant_farblos a:focus {
  outline: dotted 1px rgba(233, 233, 233, 0.5); }

.mandant_farblos .mcolor {
  background: #e9e9e9; }

.mandant_farblos #mainnav,
.mandant_farblos #mainnav .pure-menu li ul,
.mandant_farblos #shopnav.pure-menu .minibox ul {
  background-color: rgba(250, 250, 250, 0.925); }

.mandant_farblos #fullnav.pure-menu li a {
  background-color: rgba(244, 244, 244, 0.5); }

.mandant_farblos #mainnav .pure-menu li a:hover,
.mandant_farblos #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(253, 253, 253, 0.65);
  color: #b6b6b6; }

.mandant_farblos #mainnav .pure-menu li a.active {
  background-color: rgba(254, 254, 254, 0.9);
  color: #b6b6b6; }

.mandant_farblos .teaserbox,
.mandant_farblos .remodal.rmcolor {
  border-top: 0.5em solid #e9e9e9; }

.mandant_farblos .teasercont,
.mandant_farblos .shopimg,
.mandant_farblos .cartbox,
.mandant_farblos .cart-listitem:not(.head):hover,
.mandant_farblos .suggestion:hover,
.mandant_farblos .connection:hover {
  background-color: rgba(233, 233, 233, 0.1); }

.mandant_farblos .teasertitle,
.mandant_farblos .titlepanel,
.mandant_farblos .textpanel {
  background-color: rgba(252, 252, 252, 0.75); }

.mandant_farblos #bottomline .dc {
  background-color: rgba(232, 231, 229, 0.9); }

.mandant_farblos div.hr,
.mandant_farblos .gefbox .paraminfo,
.mandant_farblos .teaserbox .cart-listitem {
  border-color: #e9e9e9; }

.mandant_farblos .th.tile,
.mandant_farblos .pagination li a {
  background-color: rgba(233, 232, 232, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(233, 232, 232, 0);
  box-shadow: 0 0 0 1px rgba(233, 232, 232, 0); }

.mandant_farblos .th.tile:hover,
.mandant_farblos .pagination li a:hover {
  background-color: rgba(233, 232, 232, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(233, 232, 232, 0.4);
  box-shadow: 0 0 0 1px rgba(233, 232, 232, 0.4); }

.mandant_farblos .pagination li.current a {
  border: 1px solid rgba(233, 232, 232, 0.25); }

.mandant_farblos .gefbox .paraminfo span,
.mandant_farblos input[type=text],
.mandant_farblos input[type=password],
.mandant_farblos input[type=email],
.mandant_farblos textarea,
.mandant_farblos select {
  background-color: rgba(232, 230, 229, 0.6); }

.mandant_farblos .ms-choice {
  background-color: rgba(232, 230, 229, 0.6); }

.mandant_farblos input[type=text],
.mandant_farblos input[type=password],
.mandant_farblos input[type=email],
.mandant_farblos textarea,
.mandant_farblos select,
.mandant_farblos .ms-choice {
  border-color: rgba(232, 230, 229, 0.6);
  color: #dadada; }

.mandant_farblos #shopnav,
.mandant_farblos #content .pure-button,
.mandant_farblos .remodal .pure-button,
.mandant_farblos .minibox .pure-button {
  background-color: rgba(244, 244, 244, 0.925); }

.mandant_farblos #shopnav > li > a {
  background-color: rgba(252, 252, 252, 0.925); }

.mandant_farblos .shopitem .outerbox {
  background-color: rgba(233, 232, 232, 0.1); }

.mandant_farblos .flowsteps li {
  border-color: #e9e8e8;
  color: #e9e8e8; }

.mandant_farblos .flowsteps .done {
  background-color: #e8e7e6;
  border-color: #e8e7e6; }

.mandant_farblos .flowsteps .active,
.mandant_farblos .flowsteps .done:hover {
  background-color: #e9e9e9;
  border-color: #e9e9e9; }

.mandant_farblos label.file-label,
.mandant_farblos input[type="file"] + label {
  background-color: #e9e8e7; }

.mandant_farblos label.file-label:hover,
.mandant_farblos input[type="file"]:focus + label,
.mandant_farblos input[type="file"] + label:hover {
  background-color: #e9e9e9; }

/* Userprofil */
.mandant_farblos .dashback,
.mandant_farblos .dashmessages {
  background-color: rgba(233, 233, 233, 0.25); }

/* Randoplan */
.mandant_farblos .mback {
  background-color: rgba(233, 233, 233, 0.15); }

.mandant_farblos .rp-table-cell {
  border-color: #e9e9e9 !important; }
@media only print {
  .mandant_farblos .rp-palette-handle .mcolor,
  .mandant_farblos .randoplan footer .mcolor,
  .mandant_farblos .randoplan .mcolor.rp-lower {
    border-color: #e9e9e9; } }

.mandant_farblos .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #f0f0f0;
  color: white; }
  .mandant_farblos .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #ebebeb; }

html.mandant_weiss,
.mandant_weiss .shader,
.mandant_weiss #content .pure-button {
  background-color: white; }

.mandant_weiss a,
.mandant_weiss .cont ul li:before {
  color: white; }

.mandant_weiss .contbox .profilenav a {
  color: white !important; }

.mandant_weiss a.open-panel {
  color: white !important; }

.mandant_weiss a:hover,
.mandant_weiss a:visited:hover {
  color: #cccccc; }

.mandant_weiss #profilenav a.active,
.mandant_weiss .contbox .profilenav .pure-menu-active > a,
.mandant_weiss .contbox .profilenav .pure-menu-selected > a,
.mandant_weiss .contbox .profilenav a:hover {
  color: #cccccc !important; }

.mandant_weiss a:visited {
  color: white; }

.mandant_weiss a:focus {
  outline: dotted 1px rgba(255, 255, 255, 0.5); }

.mandant_weiss .mcolor {
  background: white; }

.mandant_weiss #mainnav,
.mandant_weiss #mainnav .pure-menu li ul,
.mandant_weiss #shopnav.pure-menu .minibox ul {
  background-color: rgba(255, 255, 255, 0.925); }

.mandant_weiss #fullnav.pure-menu li a {
  background-color: rgba(255, 255, 255, 0.5); }

.mandant_weiss #mainnav .pure-menu li a:hover,
.mandant_weiss #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(255, 255, 255, 0.65);
  color: #cccccc; }

.mandant_weiss #mainnav .pure-menu li a.active {
  background-color: rgba(255, 255, 255, 0.9);
  color: #cccccc; }

.mandant_weiss .teaserbox,
.mandant_weiss .remodal.rmcolor {
  border-top: 0.5em solid white; }

.mandant_weiss .teasercont,
.mandant_weiss .shopimg,
.mandant_weiss .cartbox,
.mandant_weiss .cart-listitem:not(.head):hover,
.mandant_weiss .suggestion:hover,
.mandant_weiss .connection:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.mandant_weiss .teasertitle,
.mandant_weiss .titlepanel,
.mandant_weiss .textpanel {
  background-color: rgba(255, 255, 255, 0.75); }

.mandant_weiss #bottomline .dc {
  background-color: rgba(237, 235, 233, 0.9); }

.mandant_weiss div.hr,
.mandant_weiss .gefbox .paraminfo,
.mandant_weiss .teaserbox .cart-listitem {
  border-color: white; }

.mandant_weiss .th.tile,
.mandant_weiss .pagination li a {
  background-color: rgba(248, 248, 247, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(248, 248, 247, 0);
  box-shadow: 0 0 0 1px rgba(248, 248, 247, 0); }

.mandant_weiss .th.tile:hover,
.mandant_weiss .pagination li a:hover {
  background-color: rgba(248, 248, 247, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(248, 248, 247, 0.4);
  box-shadow: 0 0 0 1px rgba(248, 248, 247, 0.4); }

.mandant_weiss .pagination li.current a {
  border: 1px solid rgba(248, 248, 247, 0.25); }

.mandant_weiss .gefbox .paraminfo span,
.mandant_weiss input[type=text],
.mandant_weiss input[type=password],
.mandant_weiss input[type=email],
.mandant_weiss textarea,
.mandant_weiss select {
  background-color: rgba(234, 233, 231, 0.6); }

.mandant_weiss .ms-choice {
  background-color: rgba(234, 233, 231, 0.6); }

.mandant_weiss input[type=text],
.mandant_weiss input[type=password],
.mandant_weiss input[type=email],
.mandant_weiss textarea,
.mandant_weiss select,
.mandant_weiss .ms-choice {
  border-color: rgba(234, 233, 231, 0.6);
  color: #f0f0f0; }

.mandant_weiss #shopnav,
.mandant_weiss #content .pure-button,
.mandant_weiss .remodal .pure-button,
.mandant_weiss .minibox .pure-button {
  background-color: rgba(255, 255, 255, 0.925); }

.mandant_weiss #shopnav > li > a {
  background-color: rgba(255, 255, 255, 0.925); }

.mandant_weiss .shopitem .outerbox {
  background-color: rgba(248, 248, 247, 0.1); }

.mandant_weiss .flowsteps li {
  border-color: #fafafa;
  color: #fafafa; }

.mandant_weiss .flowsteps .done {
  background-color: #f1f0ef;
  border-color: #f1f0ef; }

.mandant_weiss .flowsteps .active,
.mandant_weiss .flowsteps .done:hover {
  background-color: #fdfdfc;
  border-color: #fdfdfc; }

.mandant_weiss label.file-label,
.mandant_weiss input[type="file"] + label {
  background-color: #f6f5f4; }

.mandant_weiss label.file-label:hover,
.mandant_weiss input[type="file"]:focus + label,
.mandant_weiss input[type="file"] + label:hover {
  background-color: #fdfdfc; }

/* Userprofil */
.mandant_weiss .dashback,
.mandant_weiss .dashmessages {
  background-color: rgba(255, 255, 255, 0.25); }

/* Randoplan */
.mandant_weiss .mback {
  background-color: rgba(255, 255, 255, 0.15); }

.mandant_weiss .rp-table-cell {
  border-color: white !important; }
@media only print {
  .mandant_weiss .rp-palette-handle .mcolor,
  .mandant_weiss .randoplan footer .mcolor,
  .mandant_weiss .randoplan .mcolor.rp-lower {
    border-color: white; } }

.mandant_weiss .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: white;
  color: white; }
  .mandant_weiss .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: white; }

html.mandant_rotschwarz,
.mandant_rotschwarz .shader,
.mandant_rotschwarz #content .pure-button {
  background-color: #682c2c; }

.mandant_rotschwarz a,
.mandant_rotschwarz .cont ul li:before {
  color: #2e0000; }

.mandant_rotschwarz .contbox .profilenav a {
  color: #2e0000 !important; }

.mandant_rotschwarz a.open-panel {
  color: #2e0000 !important; }

.mandant_rotschwarz a:hover,
.mandant_rotschwarz a:visited:hover {
  color: black; }

.mandant_rotschwarz #profilenav a.active,
.mandant_rotschwarz .contbox .profilenav .pure-menu-active > a,
.mandant_rotschwarz .contbox .profilenav .pure-menu-selected > a,
.mandant_rotschwarz .contbox .profilenav a:hover {
  color: black !important; }

.mandant_rotschwarz a:visited {
  color: #290505; }

.mandant_rotschwarz a:focus {
  outline: dotted 1px rgba(46, 0, 0, 0.5); }

.mandant_rotschwarz .mcolor {
  background: #2e0000; }

.mandant_rotschwarz #mainnav,
.mandant_rotschwarz #mainnav .pure-menu li ul,
.mandant_rotschwarz #shopnav.pure-menu .minibox ul {
  background-color: rgba(203, 191, 191, 0.925); }

.mandant_rotschwarz #fullnav.pure-menu li a {
  background-color: rgba(151, 128, 128, 0.5); }

.mandant_rotschwarz #mainnav .pure-menu li a:hover,
.mandant_rotschwarz #shopnav.pure-menu .minibox li a:hover {
  background-color: rgba(234, 230, 230, 0.65);
  color: black; }

.mandant_rotschwarz #mainnav .pure-menu li a.active {
  background-color: rgba(245, 242, 242, 0.9);
  color: black; }

.mandant_rotschwarz .teaserbox,
.mandant_rotschwarz .remodal.rmcolor {
  border-top: 0.5em solid #2e0000; }

.mandant_rotschwarz .teasercont,
.mandant_rotschwarz .shopimg,
.mandant_rotschwarz .cartbox,
.mandant_rotschwarz .cart-listitem:not(.head):hover,
.mandant_rotschwarz .suggestion:hover,
.mandant_rotschwarz .connection:hover {
  background-color: rgba(46, 0, 0, 0.1); }

.mandant_rotschwarz .teasertitle,
.mandant_rotschwarz .titlepanel,
.mandant_rotschwarz .textpanel {
  background-color: rgba(230, 224, 224, 0.75); }

.mandant_rotschwarz #bottomline .dc {
  background-color: rgba(195, 184, 182, 0.9); }

.mandant_rotschwarz div.hr,
.mandant_rotschwarz .gefbox .paraminfo,
.mandant_rotschwarz .teaserbox .cart-listitem {
  border-color: #2e0000; }

.mandant_rotschwarz .th.tile,
.mandant_rotschwarz .pagination li a {
  background-color: rgba(102, 69, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(102, 69, 68, 0);
  box-shadow: 0 0 0 1px rgba(102, 69, 68, 0); }

.mandant_rotschwarz .th.tile:hover,
.mandant_rotschwarz .pagination li a:hover {
  background-color: rgba(102, 69, 68, 0.25);
  -webkit-box-shadow: 0 0 0 1px rgba(102, 69, 68, 0.4);
  box-shadow: 0 0 0 1px rgba(102, 69, 68, 0.4); }

.mandant_rotschwarz .pagination li.current a {
  border: 1px solid rgba(102, 69, 68, 0.25); }

.mandant_rotschwarz .gefbox .paraminfo span,
.mandant_rotschwarz input[type=text],
.mandant_rotschwarz input[type=password],
.mandant_rotschwarz input[type=email],
.mandant_rotschwarz textarea,
.mandant_rotschwarz select {
  background-color: rgba(213, 207, 205, 0.6); }

.mandant_rotschwarz .ms-choice {
  background-color: rgba(213, 207, 205, 0.6); }

.mandant_rotschwarz input[type=text],
.mandant_rotschwarz input[type=password],
.mandant_rotschwarz input[type=email],
.mandant_rotschwarz textarea,
.mandant_rotschwarz select,
.mandant_rotschwarz .ms-choice {
  border-color: rgba(213, 207, 205, 0.6);
  color: #0f0000; }

.mandant_rotschwarz #shopnav,
.mandant_rotschwarz #content .pure-button,
.mandant_rotschwarz .remodal .pure-button,
.mandant_rotschwarz .minibox .pure-button {
  background-color: rgba(151, 128, 128, 0.925); }

.mandant_rotschwarz #shopnav > li > a {
  background-color: rgba(224, 217, 217, 0.925); }

.mandant_rotschwarz .shopitem .outerbox {
  background-color: rgba(102, 69, 68, 0.1); }

.mandant_rotschwarz .flowsteps li {
  border-color: #532e2e;
  color: #532e2e; }

.mandant_rotschwarz .flowsteps .done {
  background-color: #9e8a89;
  border-color: #9e8a89; }

.mandant_rotschwarz .flowsteps .active,
.mandant_rotschwarz .flowsteps .done:hover {
  background-color: #411717;
  border-color: #411717; }

.mandant_rotschwarz label.file-label,
.mandant_rotschwarz input[type="file"] + label {
  background-color: #785c5b; }

.mandant_rotschwarz label.file-label:hover,
.mandant_rotschwarz input[type="file"]:focus + label,
.mandant_rotschwarz input[type="file"] + label:hover {
  background-color: #411717; }

/* Userprofil */
.mandant_rotschwarz .dashback,
.mandant_rotschwarz .dashmessages {
  background-color: rgba(46, 0, 0, 0.25); }

/* Randoplan */
.mandant_rotschwarz .mback {
  background-color: rgba(46, 0, 0, 0.15); }

.mandant_rotschwarz .rp-table-cell {
  border-color: #2e0000 !important; }
@media only print {
  .mandant_rotschwarz .rp-palette-handle .mcolor,
  .mandant_rotschwarz .randoplan footer .mcolor,
  .mandant_rotschwarz .randoplan .mcolor.rp-lower {
    border-color: #2e0000; } }

.mandant_rotschwarz .randoplan .rp-backbutton.pure-button.pure-button-primary {
  background-color: #6d4d4d;
  color: white; }
  .mandant_rotschwarz .randoplan .rp-backbutton.pure-button.pure-button-primary:hover {
    background-color: #431a1a; }

.mandant_gelb a,
.mandant_gelb #mainnav .pure-menu li a {
  color: #a99900; }

.mandant_gelb input[type=text],
.mandant_gelb input[type=password],
.mandant_gelb input[type=email],
.mandant_gelb textarea,
.mandant_gelb select,
.mandant_gelb .ms-choice {
  color: #042b3e; }

.mandant_gelb .dashback {
  background-color: #534b00; }

.mandant_gelbgruen a,
.mandant_gelbgruen #mainnav .pure-menu li a {
  color: #59a900; }

.mandant_gelbgruen input[type=text],
.mandant_gelbgruen input[type=password],
.mandant_gelbgruen input[type=email],
.mandant_gelbgruen textarea,
.mandant_gelbgruen select,
.mandant_gelbgruen .ms-choice {
  color: #022b3e; }

.mandant_gelbgruen .dashback {
  background-color: #2b5300; }

.mandant_begelb a,
.mandant_begelb #mainnav .pure-menu li a {
  color: #24473e; }

.mandant_begelb a:visited {
  color: #47673e; }

.mandant_begelb a:hover,
.mandant_begelb a:visited:hover {
  color: #00273e; }

.mandant_begelb input[type=text],
.mandant_begelb input[type=password],
.mandant_begelb input[type=email],
.mandant_begelb textarea,
.mandant_begelb select,
.mandant_begelb .ms-choice {
  color: #24473e; }

.mandant_begelb .dashback {
  background-color: #807300; }

.mandant_farblos a,
.mandant_farblos #mainnav .pure-menu li a {
  color: #5c8399; }

.mandant_farblos a:visited {
  color: #6e95ab; }

.mandant_farblos a:hover,
.mandant_farblos a:visited:hover {
  color: #274e64; }

.mandant_farblos input[type=text],
.mandant_farblos input[type=password],
.mandant_farblos input[type=email],
.mandant_farblos textarea,
.mandant_farblos select,
.mandant_farblos .ms-choice {
  color: #5c8399; }

.mandant_farblos .dashback {
  background-color: darkgray; }

.mandant_weiss a,
.mandant_weiss #mainnav .pure-menu li a {
  color: #6b92a9; }

.mandant_weiss a:visited {
  color: #7da4bb; }

.mandant_weiss a:hover,
.mandant_weiss a:visited:hover {
  color: #365d73; }

.mandant_weiss input[type=text],
.mandant_weiss input[type=password],
.mandant_weiss input[type=email],
.mandant_weiss textarea,
.mandant_weiss select,
.mandant_weiss .ms-choice {
  color: #6b92a9; }

.mandant_weiss .dashback {
  background-color: #bfbfbf; }

.claimlogo {
  display: none; }

.custom-gr #globnav li a,
.custom-gr #teasenav li a {
  background-image: url(../img/globnav_sprite_gr.png); }
.custom-gr header .inner .logo {
  display: inline-block;
  vertical-align: top; }
.custom-gr header .inner .claimlogo {
  display: inline-block;
  width: 300px; }
  @media only screen and (max-width: 480px) {
    .custom-gr header .inner .claimlogo {
      width: 180px;
      position: absolute;
      top: 1em;
      right: 1em; } }
.custom-gr #logo {
  height: 116px; }
  @media only screen and (max-width: 480px) {
    .custom-gr #logo {
      height: 90px; } }
@media only screen and (max-width: 768px) {
  .custom-gr.svg #globnav.pure-menu > li > a, .custom-gr.svg #teasenav.pure-menu > li > a, .custom-gr.svg #fullnav.pure-menu > li > a {
    background-image: url(../img/wegweiser_gr.svg); } }

@media only screen and (max-width: 480px) {
  .mandator-18 #mainsponsor {
    bottom: 0; } }
/* USER PROFILE ================================================================================= */
#langnav .pure-menu > .userprofile > a {
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
  background-color: #ffd748 !important;
  padding-left: 0.75em;
  padding-right: 0.75em !important;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 4px;
  opacity: 0.8; }

#langnav .pure-menu > .userprofile > a:hover {
  background-color: #fac300;
  opacity: 1; }

#langnav .pure-menu > .userprofile > a:before {
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\eb09"; }

#langnav .pure-menu > .userprofile > a.logged-in:before {
  content: "\eb08"; }

#langnav .pure-menu > .userprofile > a span {
  margin-left: 0.25em; }

#langnav .pure-menu .userprofile,
.no-userprofile #langnav .pure-menu .userprofile {
  margin-left: 0.5em;
  display: none; }

.mandator-1 #langnav .pure-menu .userprofile,
.mandator-4 #langnav .pure-menu .userprofile,
.mandator-17 #langnav .pure-menu .userprofile,
.mandator-18 #langnav .pure-menu .userprofile {
  display: inline-block; }

/* Override für Benutzerprofil oben in der Sprachnavigation */
#langnav .pure-menu ul#profilenav {
  float: none;
  position: static;
  left: inherit;
  top: inherit;
  visibility: visible; }

/* COMMON BASE ================================================================================== */
/* ============================================================================================== */
/* LINKS ================================================================================= */
a {
  color: #707070;
  font-weight: 700;
  text-decoration: none; }

a:hover,
a:visited:hover {
  color: #3d3d3d; }

a:focus {
  outline: dotted 1px rgba(112, 112, 112, 0.5); }

a:visited {
  color: #707070; }

a.outlink:after,
a.pdf:after,
a.doc:after,
a.xls:after,
a.zip:after,
a.mp3:after,
a.back:before,
a.backlink:before,
a.inlink:before {
  font-family: "wanicons";
  font-size: 120%;
  font-weight: normal;
  font-style: normal;
  margin-left: 0.2em;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top; }

a.pdf:after,
a.doc:after,
a.xls:after,
a.zip:after,
a.mp3:after {
  font-size: 140%;
  margin-left: 0.1em;
  margin-right: 0; }

a.outlink:after {
  content: "\e47e"; }

a.pdf:after {
  content: "\e900"; }

a.doc:after {
  content: "\e904"; }

a.xls:after {
  content: "\e906"; }

a.zip:after {
  content: "\e908"; }

a.mp3:after {
  content: "\e902"; }

a.back:before,
a.backlink:before,
a.inlink:before {
  font-size: 100%;
  margin-right: 0.2em;
  margin-left: 0; }

a.back:before,
a.backlink:before {
  content: "\ede6"; }

a.inlink:before {
  content: "\ede4"; }

.inel a.outlink:after,
.inel a.inlink:before,
.inel a.pdf:after,
.inel a.doc:after,
.inel a.xls:after,
.inel a.zip:after,
.inel a.mp3:after {
  content: '';
  font-size: inherit;
  margin: 0; }

.contbox [class^="st-icon-"] {
  height: inherit; }

a .st-icon-go:after {
  color: rgba(0, 0, 0, 0.6); }

a:hover .st-icon-go:after {
  color: #000; }

/* Foldable */
.foldlink {
  padding-bottom: 1em; }

a.fold:hover {
  cursor: pointer; }

a.fold span.open:before {
  content: "\e918"; }

/* HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 0.6em;
  line-height: 100%; }

h2, h3, h4 {
  clear: both; }

h1 {
  font-weight: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  margin-top: 1em; }

h2 {
  font-size: 130%; }

h3 {
  font-size: 120%; }

h4 {
  font-size: 110%; }

.subheader {
  font-weight: normal;
  color: #999999; }

/* PARAGRAPHS ============================================================================ */
p {
  margin-top: 0.25em;
  margin-bottom: 0.5em; }

p.lead {
  font-family: 'PT Sans';
  font-size: 110%;
  line-height: 130%;
  margin-bottom: 0.75em; }

p.hint, span.hint {
  font-size: 80%;
  line-height: 125%;
  color: #999999; }

.belowfield {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 160px; }

.labelwidth {
  margin-left: 160px; }

@media only screen and (max-width: 480px) {
  .belowfield {
    padding-left: 0; }

  .labelwidth {
    margin-left: 0; } }
/* IMAGES ================================================================================ */
img {
  max-width: 100%; }

.png img.svg {
  display: none; }

.svg img.png {
  display: none; }

.fullbox {
  margin-bottom: 0.5em; }

.fullimg {
  width: 100%;
  margin-bottom: 1.5em; }

.fullbox > .fullimg {
  margin-bottom: 0; }

.contimg {
  width: 56%;
  max-width: 460px;
  margin-right: -14%; }

.contimg.hoch {
  width: 40%;
  max-width: 360px; }

/* iFrames in Content  */
.contbox iframe {
  max-width: 100%; }

/* iFrame in Modal (Remodal), z.B. für die Hilfe beim Registrieren */
.remodal.contains-iframe {
  padding: 2rem 0 0 0;
  line-height: 0; }
  @media only screen and (max-width: 768px) {
    .remodal.contains-iframe {
      width: 100%;
      height: calc(100% - 20px); } }

.remodal iframe, .remodal-iframe {
  border: none;
  width: 700px;
  max-width: 700px;
  min-height: 700px;
  border-top: 1px solid rgba(51, 51, 51, 0.3); }
  @media only screen and (max-width: 768px) {
    .remodal iframe, .remodal-iframe {
      width: 100%;
      min-height: 0;
      height: calc(100% - 1rem); } }
  @media only screen and (max-height: 700px) {
    .remodal iframe, .remodal-iframe {
      min-height: 0;
      height: calc(100% - 1rem); } }

/* TABLES ================================================================================ */
table {
  max-width: 100%; }
  table.align-top td, table.align-top th {
    vertical-align: top; }

table td,
table th,
table.pure-table td,
table.pure-table th {
  font-size: 90%;
  padding: 0.25em 0.75em; }
  table td.align-top,
  table th.align-top,
  table.pure-table td.align-top,
  table.pure-table th.align-top {
    vertical-align: top; }

table td,
table.pure-table td {
  border-bottom: 1px solid #dbdbdb; }

th {
  background-color: #dbdbdb; }

/* Responsive Table */
table.responsive {
  width: 100%; }

/* LISTS ================================================================================= */
ul, ol {
  padding-left: 0.75em; }

ul {
  list-style: none; }

.cont li {
  font-size: 90%;
  position: relative;
  padding-left: 1em; }

.remodal ul {
  padding-left: 0; }
  .remodal ul li {
    position: relative;
    padding-left: 1em; }

ul[class^="pure-"], ul[class*=" pure-"],
.cont ul[class^="pure-"] li, .cont ul[class*=" pure-"] li {
  padding-left: 0; }

.cont ul li:before,
.remodal ul li:before {
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ee78";
  font-size: 40%;
  color: #fac300;
  position: absolute;
  top: 0.9em;
  left: 0;
  display: inline-block; }

dt {
  text-transform: uppercase;
  color: #9eb19a;
  font-weight: 800;
  font-size: 75%; }

dd {
  margin-bottom: 0.5em;
  margin-left: 25px;
  font-size: 90%; }

/* BUTTONS =============================================================================== */
#content .pure-button,
.remodal .pure-button,
.minibox #profilenav li .pure-button {
  display: inline-block;
  vertical-align: top;
  border: 0;
  border-radius: 4px;
  padding: 0 1.2em 0 1.2em;
  line-height: 200%;
  text-align: center;
  color: #000;
  background-color: #bdbdbd;
  opacity: 0.8;
  margin-bottom: 0.25em; }

.minibox #profilenav li .pure-button {
  margin: 0.25em 0.3em; }

#content .pure-button.pure-button-primary,
.remodal .pure-button.pure-button-primary,
.minibox #profilenav li .pure-button.pure-button-primary {
  background-color: #ffce21;
  font-weight: bold; }

#content .pure-button:hover,
.remodal .pure-button:hover,
.minibox #profilenav li .pure-button:hover {
  opacity: 1;
  background-image: none; }

#content .pure-button.pure-button-primary:hover,
.remodal .pure-button.pure-button-primary:hover,
.minibox #profilenav li .pure-button.pure-button-primary {
  background-color: #fac300; }

#content .pure-button.uc {
  text-transform: uppercase;
  padding: 0.25em 1.8em 0.2em 1.8em; }
  #content .pure-button.uc.faded {
    opacity: 0.5;
    cursor: default;
    pointer-events: none; }

/* FORMS  ========================================================================== */
label,
input,
textarea,
select {
  font-family: 'PT Sans';
  line-height: normal; }

input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=search],
textarea {
  -webkit-appearance: none; }
  input[type=text].form-error-required,
  input[type=password].form-error-required,
  input[type=email].form-error-required,
  input[type=date].form-error-required,
  input[type=search].form-error-required,
  textarea.form-error-required {
    color: #a84700;
    border-color: #a84700; }

fieldset {
  margin: 0;
  padding-top: 0.5em;
  padding-left: 1em; }

legend {
  font-size: 75%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-left: -0.25em;
  padding: 0 0.25em; }

form #urgent {
  position: absolute;
  top: -99999px;
  left: -99999px; }

input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

label.file-label,
input[type="file"] + label {
  color: #fff;
  background-color: #a3a3a3;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 6px;
  padding: 12px 12px 9px 12px; }

.row label.file-label {
  margin-left: 176px;
  position: relative; }

label.file-label:hover,
input[type="file"]:focus + label,
input[type="file"] + label:hover {
  background-color: #707070; }

label.file-label [class^="icon-"],
input[type="file"] + label [class^="icon-"],
input[type="file"] + label [class^="icon-"] {
  float: right;
  margin-top: -5px; }

label.file-label [class^="icon-"]:before,
input[type="file"] + label [class^="icon-"]:before,
input[type="file"] + label [class^="icon-"]:before {
  font-size: 140%;
  line-height: 100%; }

input[type="file"]:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

label.file-label {
  width: 200px; }
  label.file-label div.filename {
    color: black;
    font-weight: bold; }

.form-error {
  color: #a84700;
  font-weight: bold; }

ul.form-error li:before, ul.form-errors li:before {
  font-family: 'wanicons';
  font-weight: normal;
  content: '\ed50';
  margin-right: 0.5em;
  position: static;
  color: #a84700 !important;
  font-size: 100%; }

label.embrace > [type='checkbox'],
label.embrace > [type='radio'] {
  margin-right: 0.5em; }

label.embrace {
  width: auto; }

form.pure-form {
  margin-bottom: 1em; }

.pure-form .pure-form-aligned .pure-control-group label {
  width: 6em;
  font-family: 'PT Sans Narrow'; }

.pure-form .pure-form-aligned .pure-controls {
  margin-left: 7.25em; }

#content form.pure-form .pure-button {
  font-size: 120%;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fac300;
  opacity: 0.75; }

#content form.pure-form .pure-button:hover {
  opacity: 1; }

#content form.pure-form .pure-button:focus {
  border: 1px solid #707070; }

.pure-control-group textarea {
  margin-top: -0.5em;
  min-height: 120px; }

.pure-form .long {
  width: 65%; }

.pure-form .short {
  width: 10%;
  min-width: 4em; }

.pure-form .medium {
  width: 20%; }

.pure-form .narrow {
  padding-top: 0.3em !important;
  padding-bottom: 0.2em !important; }

div.pure-form {
  padding-top: 1.5em; }

.pure-form .pure-input-1-3 {
  width: 50%; }

.pure-controls {
  margin-left: 160px;
  margin-bottom: 0.33em; }
  .pure-controls input, .pure-controls label {
    display: inline-block;
    vertical-align: baseline; }
  .pure-controls label input {
    margin-right: 0.33em; }

.pure-controls label {
  float: none;
  width: auto;
  clear: none;
  padding: 0;
  margin-left: 0.25em; }

#suche {
  position: absolute;
  right: 1em;
  top: 60px; }

#mobile-suche {
  position: absolute;
  right: 4.7em;
  top: 1em; }

#suche .send,
#mobile-suche .pure-button.send,
#contentsuche .form-send,
#content #shopsuche .pure-button.send {
  width: 39px;
  height: 24px;
  border: 0;
  margin-left: 2px;
  text-indent: -99999px;
  padding: 0;
  background: none;
  background-image: url(../img/graph_lupe.png);
  background-color: #ffce21 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48%;
  border-radius: 4px;
  margin-top: 0;
  opacity: 0.8; }

#suche .send:hover,
#mobile-suche .send:hover,
#content #shopsuche .send:hover {
  background-color: #fac300;
  opacity: 1; }

#suche .pure-form input[type=text],
#mobile-suche input[type=text],
#content #shopsuche.pure-form input[type=text] {
  padding: 0.125em 0.3em;
  background-color: rgba(255, 255, 255, 0.75);
  display: inline-block;
  border: 0;
  float: left; }

#suche .pure-form input[type=text]:focus,
#mobile-suche input[type=text]:focus,
#shopsuche.pure-form input[type=text]:focus {
  background-color: white; }

div.form-invalid-email {
  color: red;
  font-size: 85%;
  font-weight: 700;
  padding-left: 160px; }
  div.form-invalid-email span {
    font-weight: 300;
    font-family: "PT Sans Narrow"; }
  div.form-invalid-email:after {
    margin-left: 0.3em; }

html[lang=de] div.form-invalid-email:after {
  content: 'Feldinhalt nicht valide'; }

html[lang=fr] div.form-invalid-email:after {
  content: 'Contenu du champ non valide'; }

html[lang=it] div.form-invalid-email:after {
  content: 'Contenuto del campo non valido'; }

input[type=text], input[type=password], input[type=email], textarea, select {
  padding: 2px 2px 1px 8px;
  border-radius: 3px;
  background-color: #e8e7e5;
  color: #555;
  border: 1px solid #e8e7e5;
  margin-bottom: 6px;
  display: block; }

label {
  clear: both;
  display: block;
  float: left;
  width: 176px;
  font-family: 'PT Sans Narrow';
  padding-top: 0.2em;
  vertical-align: top; }

.wn_form br {
  clear: both; }

fieldset label {
  width: 160px; }

fieldset {
  margin-bottom: 0.5em; }

input.form-large, textarea.form-large {
  width: 200px; }

input.form-medium, textarea.form-medium {
  width: 200px; }

input.form-small, textarea.form-small {
  width: 60px; }

div.form-birthday input,
div.form-birthday select {
  display: inline;
  float: none; }

@media only screen and (max-width: 480px) {
  div.form-birthday select {
    width: auto; } }
label.form-label-checkbox, label.form-label-radio {
  float: none;
  margin-left: 10px;
  margin-right: 20px;
  display: inline; }

.captcha {
  padding-bottom: 15px; }

.captcha img {
  float: left;
  margin: 3px 10px 0 0;
  border: 1px solid #999; }

.captcha p {
  float: left;
  padding-left: 176px !important;
  font-size: 85%; }

.captcha input {
  margin-top: 5px; }

input[type=submit] {
  border: 0;
  border-radius: 6px !important;
  padding: 6px 2em 2px 2em;
  font-family: 'PT Sans Narrow', Arial, sans-serif;
  font-weight: bold;
  font-size: 125% !important;
  height: 52px;
  line-height: 2em;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  background-color: #ffd12e;
  color: #000; }

input[type=submit]:hover, input[type=submit]:focus {
  background-color: #fac300;
  color: #000; }

.form-required {
  background-color: #d5d3cf; }

.descript {
  margin-left: 7px;
  margin-right: 9px; }

form .row {
  margin-bottom: 0.25em; }

form .row .form-data {
  float: left; }

input[name^="koord"],
input.form-iblock,
select.form-iblock {
  display: inline-block;
  margin-right: 0.5em; }

.helplink {
  text-align: right;
  margin-bottom: 0;
  margin-top: -0.25rem; }

.count-letters {
  vertical-align: top;
  background: LimeGreen;
  border-radius: 3px;
  font-weight: bold;
  font-size: 85%;
  color: #fff;
  float: right;
  padding: 2px 9px; }
  .count-letters.limiter {
    background: red; }

input[type=text].has-count-letters, input[type=password].has-count-letters, input[type=email].has-count-letters, textarea.has-count-letters, select.has-count-letters {
  float: left; }

.wn_form input[data-max], .wn_form textarea[data-max] {
  display: inline-block; }

div.labelpad {
  padding-left: 176px; }
  @media only screen and (max-width: 480px) {
    div.labelpad {
      padding-left: 0; } }

.show-on-checked {
  display: none; }
  .show-on-checked > *:first-child {
    margin-top: 0.25em; }

/* NAVIGATIONS  ========================================================================== */
footer nav.pure-menu.pure-menu-open, #globnav.pure-menu.pure-menu-open, #mainnav.pure-menu.pure-menu-open, #leftnav.pure-menu.pure-menu-open, #metanav .pure-menu.pure-menu-open, #fullnav.pure-menu.pure-menu-open, #fullmeta.pure-menu.pure-menu-open, #teasenav.pure-menu.pure-menu-open, #langnav .pure-menu.pure-menu-open {
  background: none; }

.pure-menu.pure-menu-open {
  border: none; }

.pure-menu li a:hover, .pure-menu li a:focus {
  background-color: transparent; }

nav ul {
  padding-left: 0;
  margin: 0; }

nav ul,
nav a {
  color: #333333; }

#metanav, #langnav {
  position: absolute;
  right: 1em;
  bottom: 0; }

#langnav {
  bottom: inherit;
  top: 1em; }

#metanav ul, #langnav ul {
  float: right; }

#metanav .pure-menu li a,
#langnav .pure-menu > li > a {
  font-family: 'PT Sans';
  font-weight: normal;
  font-size: 85%;
  color: #333333;
  letter-spacing: 0.075em;
  padding-left: 1em;
  padding-right: 1em; }

#langnav .pure-menu > li > a {
  text-transform: uppercase;
  padding-left: .2em;
  padding-right: .2em; }

#metanav li a:before,
#fullmeta li a:before {
  content: ">";
  color: transparent;
  margin-right: 0.2em; }
#metanav li a.active:before, #metanav #metanav li a:hover::before,
#fullmeta li a.active:before,
#fullmeta #metanav li a:hover::before {
  color: inherit; }

#metanav .pure-menu li:last-child a,
#langnav .pure-menu > li:last-child > a {
  padding-right: 0; }

#langnav li a.active {
  font-weight: bold; }

#globnav .pure-menu li a.active {
  cursor: default; }

#globnav li a,
#teasenav li a {
  padding: 72px 12px 0 14px;
  margin-right: 6px;
  height: 120px;
  width: 190px;
  font-family: 'PT Sans Narrow';
  font-weight: bold;
  font-size: 150%;
  letter-spacing: 0.02em;
  color: #000;
  background-image: url(../img/globnav_sprite.png);
  background-repeat: no-repeat;
  background-position: 0 62px;
  background-size: 190px 324px;
  white-space: normal; }

#globnav li.special-1 a,
#teasenav li.special-1 a {
  background-image: url(../img/globnav_sprite_sp1.png);
  color: #fff; }

@media only screen and (min-width: 985px) {
  #globnav li a.double {
    padding-top: 70px;
    line-height: 0.8em; }

  #globnav li a.active.double {
    padding-top: 13px; } }
#globnav li a:hover {
  background-position: 0 -64px; }

#globnav li a.active {
  background-position: 0 -198px;
  padding-top: 13px; }

#content .schema + .dc {
  line-height: 0; }

#mainnav, #mainnav .pure-menu li ul {
  background-color: rgba(219, 219, 219, 0.925); }

#mainnav .pure-menu li {
  float: left;
  position: relative; }

#mainnav .pure-menu li a {
  padding-bottom: 0.25em;
  padding-left: 1em;
  padding-right: 1em; }

#mainnav .pure-menu > li > ul {
  top: 100%;
  left: 0; }

#mainnav .pure-menu li:hover ul {
  visibility: visible; }

#mainnav .pure-menu li ul li {
  width: 100%; }

#mainnav .pure-menu li a:hover, #leftnav.pure-menu li a:hover {
  background-color: rgba(241, 241, 241, 0.65);
  color: #242424; }

#mainnav .pure-menu li a.active, #leftnav.pure-menu li a.active {
  background-color: rgba(248, 248, 248, 0.9);
  color: #242424; }

#breadcrumb {
  font-size: 85%;
  color: #999999; }

#breadcrumb a {
  font-weight: normal;
  display: inline-block;
  padding: 0 0.25em; }

.breadhome span {
  display: none; }

nav#mobilenav {
  display: none; }

a.open-panel {
  display: none;
  font-size: 200%;
  padding: 0.4em 0.5em 0.25em 0.5em;
  outline: none !important; }

#fullnav.pure-menu.pure-menu-open,
#fullmeta.pure-menu.pure-menu-open {
  background: rgba(10, 10, 20, 0.8);
  padding-top: 0.1em; }

#fullnav.pure-menu li a,
#fullmeta.pure-menu li a {
  font-family: 'PT Sans';
  background-color: rgba(184, 184, 184, 0.5);
  padding-left: 1em;
  padding-left: 1em;
  color: #fac300;
  background-color: transparent !important; }

#fullnav.pure-menu > li > a {
  font-family: 'PT Sans Narrow';
  font-weight: bold;
  font-size: 150%;
  letter-spacing: 0.025em;
  display: block;
  width: 60%;
  padding: 0 2em 0 0.75em;
  margin-top: 0.5em; }

#fullmeta.pure-menu li a {
  font-weight: normal;
  font-size: 85%; }

#fullnav.pure-menu li a:hover,
#fullmeta.pure-menu li a:hover {
  color: #fff; }

#fullnav.pure-menu li ul {
  top: 100%;
  left: 0;
  visibility: visible;
  position: static; }

#fullnav.pure-menu li ul {
  margin-left: 1em; }

#fullnav.pure-menu li ul li ul li a {
  font-weight: normal; }

#fullnav.pure-menu li ul ul li a {
  font-size: 85%; }

#fullnav.pure-menu li li a.active:before,
#fullnav.pure-menu li li a:hover:before {
  font-family: 'wanicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e2ab'; }

#fullnav.pure-menu li li a.active,
#fullnav.pure-menu li li a:hover {
  margin-left: -1em; }

#footnav {
  padding-top: 0.5em; }

/* ADDME AND PRINT */
.addme {
  padding: 0.5em 1em 0.25em 1em;
  background-color: rgba(255, 255, 255, 0.8); }

#content .pure-g-r [class*="pure-u"] .addme > div {
  margin-bottom: 0; }

.addme .print a {
  display: block; }

.addme .print a span.icon-printer:before {
  font-size: 125%; }

/* FOOTER =============================================================================== */
footer {
  min-height: 70px;
  margin-bottom: 2em; }

footer .dc {
  padding: 0.5em 0 1.5em 1em; }

footer #bottomline p {
  font-size: 85%;
  font-family: 'PT Sans Narrow';
  line-height: 130%;
  margin: 0; }

footer #bottomline h3 {
  font-family: 'PT Sans Narrow';
  font-weight: bold;
  font-size: 85%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #5e5d5e; }

footer img.zewo {
  max-width: 50px;
  margin-top: 6px; }

#sponsorline .dc {
  background-color: rgba(255, 255, 255, 0.9);
  padding-top: 0.5em; }

#bottomline .dc {
  background-color: rgba(208, 206, 205, 0.9); }

.sponsorbox {
  margin-top: 1em; }

.sponsorbox .byline {
  text-transform: uppercase;
  margin-bottom: 0.5em;
  margin-top: -0.5em; }

.sponsorbox .logo {
  max-width: 70%;
  max-height: 100px; }

.sponsorbox .logo.main {
  max-width: 90%; }

#bottomline .dc .pure-u-4-24 {
  margin-top: 1em; }

#bottomline .swwlogo {
  position: relative; }

.byline {
  font-family: 'PT Sans Narrow';
  font-size: 66%;
  color: #666666;
  line-height: 115%; }

.swwlogo {
  background-image: url(../logo/main.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 68px; }

[lang='de'] .swwlogo {
  background-image: url(../logo/main_de.png); }

[lang='fr'] .swwlogo {
  background-image: url(../logo/main_fr.png); }

[lang='it'] .swwlogo {
  background-image: url(../logo/main_it.png); }

.svg .swwlogo {
  background-image: url(../logo/main.svg); }
.svg[lang='de'] .swwlogo {
  background-image: url(../logo/main_de.svg); }
.svg[lang='fr'] .swwlogo {
  background-image: url(../logo/main_fr.svg); }
.svg[lang='it'] .swwlogo {
  background-image: url(../logo/main_it.svg); }

#bottomline > .dc:first-child {
  padding-bottom: 0.5em; }

#gotop a {
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  background: none; }

/* BILDERGALERIE ========================================================================= */
.pswp * {
  font-family: 'PT Sans'; }

.pswp__caption__center {
  font-size: 100% !important;
  text-align: center !important; }

.gallerybox.th.tile {
  min-height: inherit; }

.pswp-starter {
  display: block; }

.pswp-box {
  margin-bottom: 1em;
  position: relative;
  line-height: 0; }

img.pswp-cover {
  width: 85%;
  position: relative; }

.shader {
  background-color: #b0b0b0;
  opacity: 0.2;
  width: 85%;
  height: 100%;
  position: absolute; }

.shader.shade1 {
  left: 5%; }

.shader.shade2 {
  left: 10%; }

.shader.shade3 {
  left: 15%; }

.pswp-starter.icon:after {
  font-family: "wanicons";
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  margin-left: 0.2em;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  content: '\e93e'; }

/* TEASERBOXES =========================================================================== */
.pure-g-r aside[class*="pure-u"] {
  font-size: 90%; }

.teaserbox {
  width: 90%;
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: 5%;
  margin-top: 1em;
  border-top: 0.5em solid #707070;
  border-bottom: 0.5em solid rgba(255, 255, 255, 0.5);
  vertical-align: top; }

.teasercont, .teasertitle {
  padding: 0 0.5em; }

.teasercont {
  padding: 0.5em;
  background-color: rgba(112, 112, 112, 0.1); }

.teasertitle {
  background-color: rgba(238, 238, 238, 0.75); }

.teasercont p {
  margin: 0; }

.teasertitle h2 {
  font-family: 'PT Sans Narrow';
  font-weight: bold;
  margin: 0;
  padding: 0.5em 0 0.2em 0;
  color: #333333; }

.teaserimg {
  line-height: 0;
  text-align: center; }

.teaserlink {
  display: block; }

.teaserlink:hover {
  cursor: pointer; }

/* ADBOXES */
.teaserbox.adbox {
  border: 0; }

.teaserbox.adbox a {
  display: block;
  padding: 0;
  text-align: center;
  line-height: 0; }

/* SCHÄDEN MELDEN ========================================================================= */
.mobile .getkoord input {
  display: inline-block !important; }

.mobile .getkoord a {
  display: inline-block;
  vertical-align: top;
  padding-top: 0.2em; }

/*.mobile .getkoord a:focus {
	outline: none;
}*/
.mobile .getkoord span.icon-compass-ring:before {
  font-size: 165%;
  margin-left: 0.5em; }

.desktop .getkoord a {
  display: none; }

/* DIVERSE =============================================================================== */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.center {
  text-align: center; }

.clear {
  clear: both; }

cite {
  color: #bfa5a4; }

strong {
  font-weight: bold !important; }

.right {
  text-align: right; }

.fright {
  float: right;
  margin-left: 0.75em;
  margin-bottom: 0.75em; }

.fleft {
  float: left;
  margin-right: 0.75em;
  margin-bottom: 0.75em; }

img.fright + img.fright {
  clear: both;
  margin-top: 0.5em; }

div.fleft,
div.fright {
  max-width: 42%; }

.error {
  color: #a84700;
  font-weight: bold; }

.error:before {
  font-family: 'wanicons';
  font-weight: normal;
  content: '\ed50';
  margin-right: 0.5em; }

.ok {
  color: limegreen;
  font-weight: normal; }

.ok:before {
  font-family: 'wanicons';
  font-weight: normal;
  content: '\ed71';
  margin-right: 0.25em; }

.hidden {
  display: none; }

/* A T O M S Legacy  ============================================================================ */
div.hr {
  height: 1px;
  margin: 20px 0;
  border-top: 1px solid #707070; }

.legende {
  font-family: 'PT Sans Narrow';
  font-size: 80%;
  line-height: 110%;
  margin-top: 0.25em; }

.doppelbild img {
  margin-right: 0.25em; }

/* eWalc-Listen | Listenelement */
.listelem {
  margin-bottom: 10px; }

.listelem img {
  margin: 0;
  max-width: 25%; }

.listelem h4 {
  margin-top: 0;
  margin-bottom: 0.3em;
  clear: none; }

.list-text {
  padding-left: 27%;
  margin-bottom: 1em; }

.listelem .spitzmark {
  font-size: 70%;
  line-height: 115%;
  margin-bottom: 0.25em; }

.params {
  color: #999999;
  font-size: 80%; }

p.spitzmark {
  font-size: 80%;
  letter-spacing: 0.2em;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  text-transform: uppercase; }

p + div.more {
  margin-top: -0.5em; }

div.more a:before {
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\ede4';
  margin-right: 0.25em;
  font-size: 80%; }

/* Tiles | Kacheln */
.th.tile {
  padding: 9px;
  background: rgba(112, 112, 112, 0.1) none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 0 1px rgba(112, 112, 112, 0);
  box-shadow: 0 0 0 1px rgba(112, 112, 112, 0);
  color: inherit !important;
  display: inline-block;
  vertical-align: top;
  min-height: 120px;
  font-size: 90%;
  margin-bottom: 0.425rem;
  margin-right: 0.425rem;
  overflow: hidden;
  position: relative;
  transition: all 200ms ease-out 0s; }

a.th.tile:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(112, 112, 112, 0.4);
  box-shadow: 0 0 0 1px rgba(112, 112, 112, 0.4);
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02); }

.atomtile.th.tile {
  height: 368px;
  padding: 9px 18px;
  margin-bottom: 1em; }

.tile h2 {
  padding-top: 0; }

.tile-2 {
  width: 48.5%; }

.tile-4 {
  width: 23.4%; }

.th.tile img {
  margin: 0;
  max-width: 98%; }

.th.tile p {
  font-weight: normal; }

.th.tile h2 {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0.4em;
  font-size: 140%; }

.th.tile h3 {
  font-family: 'PT Sans Narrow';
  font-size: 125%;
  line-height: 1.25em;
  padding: 0;
  margin: 0; }

.th.tile .schild {
  bottom: 0.75em;
  position: absolute; }

a.schild, div.schild {
  background-image: url("../img/wegweiser.png");
  background-position: right center;
  background-repeat: no-repeat;
  color: #000 !important;
  letter-spacing: 0.025em;
  padding: 12px 36px 9px 9px; }

/* GEFÜHRTE WANDERUNGEN & VERANSTALTUNGEN Legacy  ========================================================== */
input.form-datefield {
  margin-right: 0.25em;
  width: 100px; }

.datum {
  color: #999999; }

.gefbox {
  padding: 0.5em 0 1em 0;
  border-bottom: 1px solid #bbb; }

.gefbox:last-child {
  border: none; }

.gefbox.detail:last:child {
  border-bottom: 1px solid #bbb; }

.gefbox .datum span {
  display: inline-block;
  font-size: 90%;
  font-weight: bold;
  margin-right: 6px; }

.gefbox h2 {
  margin-top: 0;
  margin-bottom: 0.25em;
  font-size: 110%; }

.gefbox h2 a {
  display: block; }

.gefbox .paraminfo {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 2px solid #707070;
  margin-bottom: 12px;
  overflow: hidden; }

.master .gefbox .paraminfo {
  border-color: #fac300; }

.gefbox h2 a span {
  background-image: url("../img/ewalc/wtyp_default.png");
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 80%;
  padding: 0 0 0 28px; }

.gefbox.detail .region {
  padding: 0 28px 0 0;
  background-image: url(../img/ewalc/wtyp_default.png);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: contain;
  display: inline-block; }

.gefbox h2 a.typ1 span,
.gefbox.detail .region.typ1 {
  background-image: url(../img/ewalc/wtyp_default.png); }

.gefbox h2 a.typ2 span,
.gefbox.detail .region.typ2 {
  background-image: url(../img/ewalc/wtyp_berg.png); }

.gefbox h2 a.typ3 span,
.gefbox.detail .region.typ3 {
  background-image: url(../img/ewalc/wtyp_alpin.png); }

.gefbox h2 a.typ4 span,
.gefbox.detail .region.typ4 {
  background-image: url(../img/ewalc/wtyp_winter.png); }

.gefbox h2 a.typ5 span,
.gefbox.detail .region.typ5 {
  background-image: url(../img/ewalc/wtyp_snow.png); }

.gefbox h2 a.gef span,
.gefbox.detail .region.gef {
  background-image: url("../img/ewalc/wtyp_gef.png"); }

.gefbox h2:hover + .paraminfo {
  border-color: #c89d00; }

.gefbox .paraminfo span {
  background-color: rgba(232, 232, 232, 0.75);
  padding: 5px 8px;
  display: inline-block;
  margin-bottom: 0.2em;
  margin-right: 0.2em; }

.gefbox .paraminfo span:first-child {
  border-left: none; }

.paraminfo span i {
  margin-right: 4px !important; }

.paraminfo span.level_1 i,
.paraminfo span.level_2 i,
.paraminfo span.level_3 i {
  display: inline-block;
  width: 13px;
  height: 13px; }

.paraminfo span.level_1 i {
  background-color: #00f; }

.paraminfo span.level_2 i {
  background-color: #f00; }

.paraminfo span.level_3 i {
  background-color: #000; }

.gefbox h1 {
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 0.5em; }

/* Icons definieren */
.paraminfo .time i, .paraminfo .up i, .paraminfo .down i, .paraminfo .length i, .paraminfo .family i, .paraminfo .info i, .paraminfo .ascend i, .paraminfo .descend i {
  font-family: 'wanicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #a29e97;
  margin-right: 2px; }

.paraminfo .time i:before {
  content: "\ea4d"; }

.paraminfo .up i:before,
.paraminfo .ascend i:before {
  content: "\eddd"; }

.paraminfo .down i:before,
.paraminfo .descend i:before {
  content: "\eddf"; }

.paraminfo .length i:before {
  content: "\e915"; }

.paraminfo .family i:before {
  content: "\e916"; }

.paraminfo .info i:before {
  content: "\e934"; }

.icon-location {
  margin-right: 0;
  color: #fac300; }

.gefbox .icon-location:before {
  content: "\ea3b";
  margin-right: 0.15em; }

a:hover .icon-location {
  color: #ae8700; }

.icon-radio-checked {
  color: #fac300; }

a:hover .icon-radio-checked {
  color: #ae8700; }

.gefbox dt {
  width: auto;
  color: #999999;
  font-weight: bold; }

.gefbox dd {
  width: 90%; }

/* Backlink */
div.back {
  text-align: right; }

div.back a.backlink,
.gefbox + a.backlink {
  font-size: 85%;
  font-weight: normal; }

.gefbox.detail {
  margin-bottom: 0.5em; }

.spitzmark + h1 {
  margin-top: 0.25em; }

.itemtype {
  background: #c8cdd7 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 77%;
  line-height: normal;
  margin-left: 0.5em;
  padding: 3px 8px 2px; }

/* WO BIN ICH (MAP) ====================================================================== */
.map .cont .contbox {
  padding-bottom: 1em;
  position: relative; }

#map_canvas {
  height: 100%;
  width: 100%; }

#map_canvas > iframe {
  height: 100%;
  width: 100%; }

/* MOBILE SPECIALS ======================================================================= */
.desktop #locator {
  display: none; }

/* TOUCH DEVICES ================================================================================ */
/* I M P O R T S ================================================================================ */
/* ============================================================================================== */
/* ADDONS / PLUGINS ============================================================================= */
/* PLUGINS (JQUERY, ETC.) ================================================================================ */
/* ======================================================================================================= */
/* DATEPICKER */
/**
 * @package		PickMeUp - jQuery datepicker plugin
 * @author		Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @author		Stefan Petre <www.eyecon.ro>
 * @copyright	Copyright (c) 2013-2015, Nazar Mokrynskyi
 * @copyright	Copyright (c) 2008-2009, Stefan Petre
 * @license		MIT License, see license.txt
 */
.pickmeup {
  background: rgba(10, 10, 20, 0.8);
  border-radius: 0.4em;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  position: absolute;
  text-outline: 1em;
  font-family: 'PT Sans'; }
  .pickmeup * {
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .pickmeup .pmu-instance {
    display: inline-block;
    height: 13.8em;
    padding: .5em;
    text-align: center;
    width: 15em; }
    .pickmeup .pmu-instance .pmu-button {
      color: #eee;
      cursor: pointer;
      outline: none;
      text-decoration: none; }
    .pickmeup .pmu-instance .pmu-today {
      background: #17384d;
      color: #fac300; }
    .pickmeup .pmu-instance .pmu-button:hover {
      background: transparent;
      color: #fac300; }
    .pickmeup .pmu-instance .pmu-not-in-month {
      color: #666; }
    .pickmeup .pmu-instance .pmu-disabled,
    .pickmeup .pmu-instance .pmu-disabled:hover {
      color: #333;
      cursor: default; }
    .pickmeup .pmu-instance .pmu-selected {
      background: #136a9f;
      color: #eee; }
    .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
      background: #17384d; }
    .pickmeup .pmu-instance nav {
      color: #eee;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      line-height: 2em; }
      .pickmeup .pmu-instance nav *:first-child :hover {
        color: #fac300; }
      .pickmeup .pmu-instance nav .pmu-prev,
      .pickmeup .pmu-instance nav .pmu-next {
        display: none;
        height: 2em;
        width: 1em; }
      .pickmeup .pmu-instance nav .pmu-month {
        width: 14em; }
    .pickmeup .pmu-instance .pmu-years *,
    .pickmeup .pmu-instance .pmu-months * {
      display: inline-block;
      line-height: 3.6em;
      width: 3.5em; }
    .pickmeup .pmu-instance .pmu-day-of-week {
      color: #999;
      cursor: default; }
    .pickmeup .pmu-instance .pmu-day-of-week *,
    .pickmeup .pmu-instance .pmu-days * {
      display: inline-block;
      line-height: 1.5em;
      width: 2em; }
    .pickmeup .pmu-instance .pmu-day-of-week * {
      line-height: 1.8em; }
  .pickmeup .pmu-instance:first-child .pmu-prev,
  .pickmeup .pmu-instance:last-child .pmu-next {
    display: block; }
  .pickmeup .pmu-instance:first-child .pmu-month,
  .pickmeup .pmu-instance:last-child .pmu-month {
    width: 13em; }
  .pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 12em; }
  .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none; }

/* TOOLTIPS */
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #333333;
  background: #fac300;
  color: #333333; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: 'PT Sans Narrow', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  padding: 6px 10px 4px 10px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
  display: inherit; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.sww-tooltips .tooltipster-content {
  font-family: 'PT Sans Narrow'; }

/* REMODAL */
/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 1em 2.25em 1em 3em;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-color: white; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: 'PT Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/* ==========================================================================
   Bootstrap Select https://silviomoreto.github.io/bootstrap-select/
   ========================================================================== */
select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/ }
  .bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
    font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
      color: #999; }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2; }
  .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48; }
  .bootstrap-select.fit-width {
    width: auto !important; }
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px; }
  .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }
  .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%; }
  .bootstrap-select.form-control.input-group-btn {
    z-index: auto; }
    .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
      border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
  margin-bottom: 0; }
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0; }
  .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit; }
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%; }
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }
  .bootstrap-select.btn-group.disabled:focus,
  .bootstrap-select.btn-group > .disabled:focus {
    outline: none !important; }
.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important; }
  .bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left; }
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none; }
  .bootstrap-select.btn-group .dropdown-menu li {
    position: relative; }
    .bootstrap-select.btn-group .dropdown-menu li.active small {
      color: #fff; }
    .bootstrap-select.btn-group .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .bootstrap-select.btn-group .dropdown-menu li a {
      cursor: pointer;
      user-select: none; }
      .bootstrap-select.btn-group .dropdown-menu li a.opt {
        position: relative;
        padding-left: 2.25em; }
      .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
        display: none; }
      .bootstrap-select.btn-group .dropdown-menu li a span.text {
        display: inline-block; }
    .bootstrap-select.btn-group .dropdown-menu li small {
      padding-left: 0.5em; }
  .bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.ms-choice {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 3px;
  min-height: 30px; }

.ms-choice.disabled {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.ms-choice > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.ms-choice > span.placeholder {
  color: #999; }

.ms-choice > div {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 60%; }
  .ms-choice > div:before {
    position: absolute;
    right: 6px;
    bottom: 0;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000; }
  .ms-choice > div:after {
    display: none; }

.ms-choice > div.open:before {
  display: none; }
.ms-choice > div.open:after {
  position: absolute;
  right: 6px;
  bottom: 0;
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #aaa;
  display: inline-block; }

.ms-drop {
  width: 100%;
  overflow: hidden;
  display: none;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-radius: 4px; }

.ms-drop.bottom {
  top: 100%;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.ms-drop.top {
  bottom: 100%;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.ms-search {
  display: inline-block;
  margin: 0;
  margin-top: 6px;
  min-height: 30px;
  padding: 4px 14px 4px 7px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000; }

.ms-search input {
  width: 100%;
  height: auto !important;
  min-height: 24px;
  padding: 0 20px 0 5px;
  margin: 0;
  outline: 0;
  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 85%;
  border: 1px solid #aaa;
  border-radius: 0;
  box-shadow: none;
  background-image: url("../img/graph_lupe.png");
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: 97% center;
  border-radius: 2px; }

#ewalcsuche .ms-search input {
  padding: 0 20px 0 5px !important; }

.ms-search, .ms-search input {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding: 5px 8px; }

.ms-drop ul > li {
  list-style: none;
  display: list-item;
  background-image: none;
  position: static; }

.ms-drop ul > li .disabled {
  opacity: .35;
  filter: Alpha(Opacity=35); }

.ms-drop ul > li.multiple {
  display: block;
  float: left; }

.ms-drop ul > li.group {
  clear: both; }

.ms-drop ul > li.multiple label {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ms-drop ul > li label {
  font-weight: normal;
  display: block;
  text-overflow: inherit;
  white-space: normal; }
  .ms-drop ul > li label span {
    display: inline-block;
    width: 88%;
    vertical-align: top;
    padding-left: 6px; }

.ms-drop ul > li label.optgroup {
  font-weight: bold; }

.ms-drop input[type="checkbox"] {
  vertical-align: top;
  display: inline-block;
  margin-top: 2px; }

.ms-drop .ms-no-results {
  display: none; }

.cont .ms-drop ul li {
  padding-left: 0;
  font-size: 100%;
  padding: 3px 0; }
  .cont .ms-drop ul li:before {
    content: none; }

.ms-choice {
  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0.3em 0.6em;
  padding-right: 1em; }

/* SHOP ========================================================================================= */
/* SHOP shop.wandern.ch und Mandanten */
/* ********************************** */
/* body class = shop                  */
/* BASICS ================================================================================ */
#shopnav {
  margin: 0;
  background: none;
  background-color: rgba(184, 184, 184, 0.925);
  text-align: right;
  padding-right: 0.85em;
  z-index: 999; }

#shopnav > li > a {
  font-weight: normal;
  font-size: 75%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-top: 2.25em;
  padding-bottom: 0;
  position: relative;
  background-color: rgba(234, 234, 234, 0.925); }

#shopnav li a.cart:before,
#shopnav li a.user:before {
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 1;
  width: 30px;
  height: 30px;
  position: absolute;
  top: .25em;
  left: 50%;
  margin-left: -15px;
  font-size: 160%;
  text-align: center; }

#shopnav > li > a.cart:before {
  content: "\ea01"; }

#shopnav > li > a.user:before {
  content: "\eb09"; }

#shopnav > li > a.user.logged-in:before {
  content: "\eb08"; }

#shopnav > li > a:hover,
#shopnav > li:hover > a,
#shopnav > li > a.active {
  background-color: #fff; }

form#shopsuche {
  margin-bottom: 0;
  padding-right: 1em;
  padding-top: 6px; }

.countbox {
  display: inline-block;
  position: absolute;
  top: 0.1em;
  right: 28%;
  min-width: 18px;
  height: 18px;
  background-color: #ffce21;
  font-weight: bold;
  letter-spacing: normal;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 0 4px; }

.shop .cont.pure-u-16-24 {
  width: 72.9%; }

.shop #content aside.pure-u-8-24 {
  width: 27.1%; }

.shopitem {
  padding: 0.5em;
  position: relative; }

#content .pure-g-r .shopitem.standalone {
  float: left;
  margin-right: 0.5em;
  min-height: 244px; }

#content .pure-g-r .shopitem {
  margin-bottom: 1.5em; }

.shopitem .innerbox {
  height: 100%;
  position: relative; }

.shopitem .innerbox .shopimg:before {
  content: "";
  display: block;
  padding-top: 110%; }

.shopimg {
  background: none !important;
  line-height: 0;
  position: relative; }

.shopimg img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto; }

.shopitem .itemtext h3 {
  margin: 0.33em 0 0 0;
  font-family: 'PT Sans Narrow'; }

.shopitem .itemtext .price {
  font-weight: normal;
  font-size: 85%;
  margin-top: 0; }

.np {
  color: rgba(112, 112, 112, 0.75);
  margin-left: 0.5em; }

.shopitem .outerbox {
  position: absolute;
  top: -.25em;
  left: -.25em;
  right: -.25em;
  bottom: -.25em;
  padding: 0.25em;
  border-radius: 6px;
  border: 1px dashed #ccc;
  height: 109%;
  background-color: rgba(112, 112, 112, 0.1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transform-origin: top center;
  -webkit-transform-origin: top center;
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0; }

.shopitem:hover .outerbox {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

.to-cart {
  width: 25%;
  background-color: rgba(250, 195, 0, 0.8);
  color: #333333;
  text-align: center;
  border-radius: 4px;
  border: none;
  display: block; }

.shopitem .to-cart {
  position: absolute;
  bottom: .25em;
  right: 10%;
  width: 80%; }

.shopdetail .to-cart {
  width: 33%; }

.to-cart:before {
  font-family: "wanicons";
  font-size: 140%;
  font-weight: normal;
  font-style: normal;
  margin-left: 0.2em;
  margin-right: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  line-height: 130%; }

.to-cart:before {
  content: '\ea03'; }

.to-cart:hover {
  color: #000;
  background-color: #fac300;
  opacity: 1; }

.flagtag {
  position: absolute;
  top: 36px;
  left: -6px;
  padding: 0 0.5em 0 1em;
  font-size: 70%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 2em;
  background-color: #fac300;
  color: #000; }

.flagtag:before,
.flagtag:after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  right: -11px;
  border-width: 0.96em;
  border-style: solid;
  border-color: #fac300;
  border-left-color: transparent !important;
  border-right-color: transparent !important; }

.flagtag:after {
  top: 0;
  border-bottom-color: transparent !important; }

.flagtag:before {
  bottom: 0; }

.shopitem .itemtext .price.rabatt, .price.rabatt {
  color: red;
  font-weight: bold; }

.oldprice {
  margin-right: 0.5em;
  text-decoration: line-through;
  color: #a3a3a3;
  font-weight: normal; }

.tax {
  color: #333333;
  font-weight: normal;
  font-size: 80%; }

.shopdetail h1 {
  margin-bottom: 0.25em; }
.shopdetail .lp, .shopdetail .np {
  display: block;
  margin-left: 0; }

h2.subtitle {
  font-family: 'PT Sans Narrow';
  font-weight: normal;
  margin-top: 0.4em; }

.detailimg img {
  max-width: 94%; }

.shop dd {
  margin-bottom: 0.25em;
  margin-left: 0; }

.shop dt span {
  text-transform: none;
  font-weight: normal; }

.iteminfo dl {
  margin-top: 0; }

/* Minibox (Minicart, Miniuser) ==================================================================== */
.minicart, .miniuser, .minibox {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 300px;
  background-color: rgba(255, 255, 255, 0.95);
  display: none;
  -webkit-box-shadow: 0 2px 6px -2px rgba(10, 10, 20, 0.5);
  -moz-box-shadow: 0 2px 6px -2px rgba(10, 10, 20, 0.5);
  box-shadow: 0 2px 6px -2px rgba(10, 10, 20, 0.5); }

.no-js #shopnav .cart:focus + .minibox,
.no-js #shopnav .user:focus + .minibox,
.no-js #shopnav .cart:hover + .minibox,
.no-js #shopnav .user:hover + .minibox {
  display: block; }

.minicart .itemlist,
.miniuser .itemlist,
.minibox .itemlist {
  padding: 0 0.5em; }

.itemlist.empty {
  padding: 1em 0.5em; }

.cart-listitem,
.flowelem {
  border-bottom: 1px solid #c9c9c9;
  width: 100%;
  position: relative;
  padding: 0.5em 0;
  text-align: left; }

.cart-listitem:not(.head):hover {
  background-color: rgba(112, 112, 112, 0.1); }

.cart-listitem.total:hover,
.cart-listitem.buttons:hover {
  background-color: transparent; }

.pure-menu li .cart-listitem > a {
  color: #333333;
  font-weight: inherit; }

.pure-menu li .cart-listitem > a.cart-itemline {
  padding: 0; }

.cart-listitem > .cart-itemline {
  display: block; }

.cart-listitem div {
  display: inline-block;
  vertical-align: top;
  font-size: 90%; }

.cart-listitem .listimg {
  width: 18%;
  min-height: 4.9em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
  line-height: 0; }

.cart-listitem .listtext {
  width: 52%;
  padding-left: 0.25em;
  padding-right: 0.5em; }

.cart-listitem .cart-itemline .listtext span {
  font-weight: normal;
  color: #333333; }

.cart-listitem .listprice {
  width: 27%;
  line-height: 100%;
  text-align: right; }

.cart-listitem h3 {
  margin: 0;
  white-space: normal;
  font-size: 100%; }

.remover {
  position: absolute;
  right: 0.5em;
  bottom: 1em; }

#shopnav.pure-menu li .remover a {
  padding: 2px 6px;
  background-color: transparent; }

.cart-listitem.total .listimg,
.shopitems.listed .cart-listitem.total .listimg {
  min-height: 0; }

.cart-listitem.total .listprice {
  font-weight: bold; }

.cart-listitem.buttons {
  border: none; }

.cart-listitem.buttons .pure-button {
  width: 50%;
  font-size: 90%;
  padding: 0 !important; }

.remodal .pure-button {
  margin-bottom: 0.5em; }

.remodal.rmcolor {
  border-top: 0.5em solid #707070; }

.plain {
  font-size: 90%; }

#login-modal {
  max-width: none;
  width: auto;
  text-align: left; }

#login-modal label {
  width: 100px; }

/* Miniuser (angemeldet) */
.minibox.miniuser {
  z-index: 9998; }

.pure-menu .minibox ul,
.pure-menu .minibox ul {
  position: static;
  visibility: visible;
  background-color: rgba(219, 219, 219, 0.925); }

#profilenav li a,
.profilenav li a {
  padding: 6px 0.5em 4px 0.5em;
  background-color: rgba(112, 112, 112, 0.1);
  font-size: 90%; }

#profilenav li a:hover, #profilenav .has-sub a:focus,
.profilenav li a:hover {
  background-color: rgba(241, 241, 241, 0.65); }

.logged-in .itemlist.empty {
  padding-bottom: 0.2em; }

/* Normalpreis in Liste */
.cart-listitem .listprice .np {
  display: inline-block; }

/* Bestsellerliste in Teaserbox =========================================================== */
.teaserbox .cart-listitem .listtext {
  width: 46%; }

.teaserbox .cart-listitem .listprice {
  width: 30%; }

.teaserbox .cart-listitem .listimg {
  min-height: 3.6em; }

/* Warenkorb ============================================================================== */
.cart-listitem.head div {
  font-family: 'PT Sans Narrow';
  font-weight: bold;
  text-transform: uppercase;
  line-height: 100%; }

.shopitems.listed .cart-listitem .listimg {
  width: 14%;
  min-height: 7.2em; }

.shopitems.listed .cart-listitem.head .listimg {
  min-height: 0; }

.shopitems.listed .cart-listitem .listtext {
  width: 43%;
  padding-left: 0.25em;
  padding-right: 0.5em; }

.shopitems.listed .cart-listitem .listprice {
  width: 12%; }

.shopitems.listed .cart-listitem .listcount {
  width: 16%;
  text-align: center; }

.shopitems.listed .cart-listitem .listtotal {
  width: 12%;
  line-height: 100%;
  text-align: right; }

input.anz {
  display: inline-block;
  vertical-align: top;
  margin-top: -3px;
  width: 2em;
  padding: 0 2px 0 2px;
  text-align: right;
  line-height: 100%;
  margin-bottom: 3px;
  -webkit-appearance: none; }

a.incdec {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
  margin-bottom: 3px; }

a.incdec:focus {
  outline: none; }

a.incdec:before {
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.4;
  font-size: 125%;
  margin-left: 0.25em;
  margin-right: 0.25em; }

a.incdec.inc:before {
  content: '\ed5f'; }

a.incdec.dec:before {
  content: '\ed60'; }

a.incdec:hover:before {
  opacity: 1; }

.remover a {
  opacity: 0.4;
  padding-left: 0.5em; }

.remover a:hover {
  opacity: 1; }

.cart .remover a:before {
  font-size: 130%; }

.shopitems.listed .cart-listitem.total .listtotal {
  line-height: inherit; }

.shopitems.listed .cart-listitem.grand.total div {
  font-weight: bold; }

/* Kasse ============================================================================== */
.cartbox {
  padding: 1em;
  margin-bottom: 1.5em;
  font-size: 85%;
  background-color: rgba(112, 112, 112, 0.1); }

.cartbox a.back {
  margin-right: 1em; }

.cartbox a.back:before {
  padding-left: 0;
  margin-left: 0; }

#breadcrumb + .flowsteps {
  margin-top: 1em; }

.flowsteps {
  list-style-position: inside;
  margin: 0 0 0.35em 0;
  padding-left: 0;
  -webkit-text-size-adjust: none; }

.flowsteps li {
  float: left;
  border: 1px solid #b0b0b0;
  color: #b0b0b0;
  background-color: transparent;
  margin-left: 0;
  padding: 0.25em 1.6em 0.2em 0.6em;
  font-size: 85%;
  margin-right: 2px;
  margin-bottom: 2px; }

.flowsteps li.active {
  background-color: #707070;
  border-color: #707070;
  color: #fff; }

.flowsteps li.done {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  color: #fff; }

.flowsteps li.done:hover {
  background-color: #707070;
  border-color: #707070;
  color: #fff; }

.flowsteps li a {
  color: #fff !important;
  font-weight: normal; }

.flowsteps li a:hover {
  color: #fff; }

.flowsteps .icon-checkmark:before {
  color: transparent;
  position: absolute;
  top: 0.4em;
  right: 3px; }

.flowsteps .done .icon-checkmark:before {
  color: green; }

.shopitems.listed.cash .cart-listitem .listimg,
.shopitems.listed.cash .cart-listitem.head:hover .listimg,
.shopitems.listed.cash .cart-listitem.total:hover .listimg {
  transition: min-height 0.3s ease;
  min-height: 0em; }

.shopitems.listed.cash .cart-listitem:hover .listimg {
  min-height: 4.9em; }

.flowelem {
  margin-bottom: 1em; }
  .flowelem .pure-controls {
    margin-left: 0; }
    .flowelem .pure-controls input, .flowelem .pure-controls label {
      vertical-align: text-bottom; }

.flowelem h2 {
  margin-top: 0.25em; }

select.maxw-2 {
  max-width: 300px; }

select.maxw-1 {
  max-width: 600px; }

/* Userprofil  =========================================================================== */
.addressitems .cart-listitem {
  padding-top: 1em; }

.addressitems .remover {
  bottom: 0.5em; }

.shop .detailimg {
  position: relative; }
.shop .cornerlabel {
  left: -4px;
  right: auto;
  -moz-transform: rotate(-26deg);
  -webkit-transform: rotate(-26deg);
  -o-transform: rotate(-26deg);
  -ms-transform: rotate(-26deg);
  transform: rotate(-26deg); }

.is-soldout a.to-cart,
.is-soldout .incdec,
.is-soldout input.anz,
.is-soldout button.to-cart {
  pointer-events: none;
  opacity: 0.5; }

@media only screen and (max-width: 919px) {
  .shop .shopitem {
    width: 33% !important; } }
@media only screen and (max-width: 767px) {
  .shop .cont.pure-u-16-24,
  .shop #content aside.pure-u-8-24 {
    width: 100%; }

  .shop .shopitem,
  .shopitems .shopitem {
    width: 25% !important; }

  .shop #view nav.mobileonly {
    display: none; }

  .flowelem .pure-controls input, .flowelem .pure-controls label {
    vertical-align: top; }
  .flowelem .pure-controls label {
    width: 90%; } }
@media only screen and (max-width: 640px) {
  .shop .shopitem,
  .shopitems .shopitem {
    width: 33% !important; }

  .shopitems.listed .cart-listitem .listimg {
    width: 10%; } }
@media only screen and (max-width: 509px) {
  .shop .shopitem,
  .shopitems .shopitem {
    width: 50% !important; } }
@media only screen and (max-width: 479px) {
  #shopnav li a {
    padding: 3em 3em 0 3em; }

  #shopnav li a span, #shopnav li a span {
    display: none; }

  #shopnav li a.cart:before, #shopnav li a.user:before {
    font-size: 200%; }

  .countbox {
    right: 8%; }

  #shopnav.pure-menu li .cart-listitem > a {
    padding: 0; }

  	/*#shopnav.pure-menu li .remover a {
      	padding: 4px 6px;
  	}*/
  form#shopsuche {
    padding-right: 0.25em; }

  #shopsuche input {
    width: 88px; }

  #langnav .pure-menu .userprofile {
    margin-left: 0; }

  #login-modal label {
    float: none;
    width: 98%; } }
@media only screen and (max-width: 360px) {
  .shop .shopitem,
  .shopitems .shopitem {
    width: 100% !important; }

  .flagtag {
    font-size: 100%;
    top: 64px; }

  .flagtag:before,
  .flagtag:after {
    right: -16px; }

  .shopitems.listed .cart-listitem .listimg {
    display: none; }

  .shopitems.listed .cart-listitem .listprice,
  .shopitems.listed .cart-listitem .listprice {
    width: 20%; }

  #shopnav.pure-menu {
    position: relative; }

  #shopnav.pure-menu li,
  #langnav .pure-menu li.userprofile {
    position: static; }

  .minibox {
    padding: 0 1em;
    width: 100%;
    min-width: inherit;
    -webkit-box-shadow: 0 6px 6px -2px rgba(10, 10, 20, 0.3);
    -moz-box-shadow: 0 6px 6px -2px rgba(10, 10, 20, 0.3);
    box-shadow: 0 6px 6px -2px rgba(10, 10, 20, 0.3); }

  #langnav .minibox {
    min-width: 290px;
    top: inherit; }

  .minibox .itemlist.empty {
    padding-left: 0;
    padding-right: 0; }

  .shopdetail .to-cart {
    width: 98%; } }
/* EWALC ======================================================================================== */
/* EWALC ======================================================================================== */
/* ============================================================================================== */
.ewalc-content h1 {
  padding-right: 120px; }

.ch-wrapper {
  position: absolute;
  top: 50px;
  right: 10px;
  height: 80px; }

#ch-loc {
  position: absolute;
  width: 126px;
  height: 80px;
  top: 0;
  right: 0; }

#ch-loc .ch {
  width: 126px; }

#ch-loc .dot {
  position: absolute;
  width: 12px; }

.ewalc div.back {
  position: absolute;
  top: 1em;
  right: 1em;
  display: inline-block; }

.ewalc-content > .spitzmark {
  margin-bottom: 0; }

.spitzmark a.icon {
  margin-left: 0.25em; }

.spitzmark .st-icon-pdf {
  font-size: 180%; }

.like-me {
  margin-left: 0.4em; }

.ewalc-params {
  position: relative; }

.ewalc-params .param-item {
  display: inline-block;
  vertical-align: top;
  background: #e5e5e5;
  border-radius: 4px;
  padding-right: 1em;
  margin: 0 -0.22em 0.1em 0;
  line-height: 0;
  overflow: hidden; }

.ewalc-params .param-item .param-content {
  display: inline-block; }

.ewalc-params .param-elem {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1em 0 0; }

.param-elem .fold,
.param-elem .fold [class^=icon],
.ewalc .fold {
  display: inline-block; }

.ewalc .fold [class^=icon]:before {
  font-size: 175%; }

#content .pure-button.fold {
  padding: 0 0.15em;
  line-height: 82.5%;
  margin-bottom: 0; }

.pure-button.fold.open span:before {
  content: '\e90b'; }

.pure-button.fold + a {
  line-height: 170%; }

.param-elem.abs {
  position: absolute;
  z-index: 9; }

#content .abs .pure-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.param-item .param-content,
.param-item .param-icon,
.info-item,
.info-item .info-icon {
  display: inline-block;
  vertical-align: middle; }

.param-item .param-content {
  padding: 0.25em 0 0.15em 0.25em;
  line-height: 1; }

.param-item .param-content span {
  display: none; }
  .param-item .param-content span.tscale {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25em; }

.info-item > .info-icon {
  opacity: 0.25; }
  .info-item > .info-icon:before {
    color: #334255; }

img.wtyp {
  width: 29px;
  display: inline-block;
  vertical-align: middle;
  line-height: 0; }

.param-item .param-icon {
  min-width: 2.2em; }

.param-icon:before,
.info-icon:before {
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 180%;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  margin-right: 0.1em; }

.icons .info-item {
  margin-right: -0.15em; }

.param-icon:before {
  color: #807156;
  content: ''; }

.foldable .param-icon:before {
  color: #ab9c81; }

.info-icon:before {
  color: #003b88; }

.e-mday .param-icon:before {
  content: '\e938'; }

.e-mday2 .param-icon:before {
  content: '\e939'; }

.e-wtyp .param-icon:before {
  content: '\e91a'; }

.e-duration .param-icon:before {
  content: '\e91f'; }

.e-distance .param-icon:before {
  content: '\e924'; }

.e-level .param-icon:before {
  content: '\e91d'; }

.e-ascent .param-icon:before {
  content: '\e925'; }

.e-descent .param-icon:before {
  content: '\e923'; }

.e-schwindelfrei .param-icon:before {
  content: '\e91c'; }

.e-data .param-icon:before {
  content: '\e91b'; }

.e-info .param-icon:before {
  content: '\e91e'; }

.e-natur .param-icon:before {
  content: '\e920'; }

.e-map .param-icon:before {
  content: '\e921'; }

.e-season .param-icon:before {
  content: '\e922'; }

.e-zug .info-icon:before {
  content: '\e927'; }

.e-bus .info-icon:before {
  content: '\e935'; }

.e-schiff .info-icon:before {
  content: '\e92c'; }

.e-luftseilbahn .info-icon:before {
  content: '\e930'; }

.e-standseilbahn .info-icon:before {
  content: '\e92a'; }

.e-sessellift .info-icon:before {
  content: '\e92b'; }

.e-gondelbahn .info-icon:before {
  content: '\e933'; }

.e-restaurant .info-icon:before {
  content: '\e92d'; }

.e-uebernachtung .info-icon:before {
  content: '\e926'; }

.e-einkaufen .info-icon:before {
  content: '\e936'; }

.e-rast_feuer .info-icon:before {
  content: '\e92e'; }

.e-aussicht .info-icon:before {
  content: '\e937'; }

.e-historisch .info-icon:before {
  content: '\e932'; }

.e-tierbeobachtung .info-icon:before {
  content: '\e929'; }

.e-tram .info-icon:before {
  content: '\e928'; }

.e-info .info-icon:before {
  content: '\e91e'; }

.e-natur .info-icon:before {
  content: '\e920'; }

.e-kraftort .info-icon:before {
  content: '\e931'; }

.e-park .info-icon:before {
  content: '\e92f'; }

.ewalc-gallery {
  position: relative; }

.ewalc-gallery [class^=icon-]:before {
  font-size: 200%;
  color: #fff; }

.ewalc-gallery [class^=icon-] {
  position: absolute;
  bottom: 1em;
  right: 0.85em;
  opacity: 0.5;
  transition: all 200ms ease-out 0s; }

.ewalc-gallery .pswp-starter:hover [class^=icon-] {
  opacity: 1; }

.autor {
  text-align: right;
  font-size: 85%; }

.ewalc-description.hide-class a[data-ctrl] {
  display: block; }

.ewalc-description.show-class a[data-ctrl] {
  display: block; }

.trunc {
  display: inline-block;
  margin-top: 0.5em; }

.trunc [class^=icon]:before {
  font-size: 175%; }

.mapbox, .infotable, .infoprofil {
  margin: 1em 0; }

@media only screen and (max-width: 640px) {
  .mapbox {
    padding-right: 1em; } }
.mapbox iframe {
  width: 100%;
  height: 320px;
  border: 0; }

.infotable table {
  width: 100%; }

.infotable table td {
  font-family: 'PT Sans Narrow';
  font-size: 100%;
  line-height: 110%;
  padding: 0.4em 0.25em 0.25em 0.25em;
  height: 42px;
  /* min. Höhe garantieren, auch wenn kein Icon da ist */ }

.infotable .highlight td {
  background-color: rgba(250, 195, 0, 0.3);
  transition: background-color, 500ms, ease; }

.highlight .way.point,
.highlight .way.start,
.highlight .way.stop {
  background-color: transparent; }

.delta-icon {
  padding-left: 0.25em; }

.delta-icon span:before {
  font-size: 90%;
  color: #d2232a; }

.infoprofil {
  margin-top: 1.0em;
  margin-bottom: 0.5em; }

.profilbox {
  margin-top: 1em; }

.infoprofil .pure-button [class^=icon]:before {
  font-size: 175%; }

.w-name {
  font-weight: bold; }

.rline {
  border-right: 1px solid #c8c8c8; }

.infotable td.start + td,
.infotable td.stop + td,
.infotable td.stop + td + td.rline {
  color: #d2232a; }

.infotable td.stop + td + td.rline {
  font-weight: bold; }

.wayday h3 {
  margin: 0.4em 0; }

.wayday h3 span {
  font-weight: normal;
  font-size: 80%; }

.way {
  background-repeat: no-repeat;
  background-position: 35% center;
  background-size: 70%;
  width: 40px;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0; }

.way.start {
  background-image: url(../img/ewalc/way_start.png); }

.way.point {
  background-image: url(../img/ewalc/way_point.png); }

.way.stop {
  background-image: url(../img/ewalc/way_stop.png); }

.way.night {
  background-image: url(../img/ewalc/way_night.png); }

.way.line {
  background-image: url(../img/ewalc/way_line.png); }

.way.line.dot {
  background-image: url(../img/ewalc/way_line_dot.png); }

tr:first-child .way.line {
  background: none; }

.infotable .info-item {
  position: relative; }

.info-content {
  position: absolute;
  top: 90%;
  left: -200px;
  max-width: 320px;
  line-height: 0;
  padding-top: 0.2em;
  background-color: rgba(0, 59, 136, 0.9);
  display: none;
  z-index: 9999; }

.info-content .innerbox {
  background-color: white;
  min-height: 4em;
  padding: 1em 2.5em 1.25em 2em;
  padding-bottom: 2em;
  line-height: normal;
  position: relative; }

.info-content-overlay {
  position: fixed;
  z-index: 9998;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
  background-color: rgba(34, 64, 102, 0.6); }

.closer {
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  padding: 1em; }

.closer:hover {
  cursor: pointer; }

.innerbox .icon-repeater {
  position: absolute;
  top: 0.5em;
  right: 0.5em; }

.info-item {
  position: relative; }

.creditbox {
  font-size: 85%;
  position: relative; }

.ewalc-nr {
  font-weight: bold; }

.creditbox img {
  max-width: 160px;
  max-height: 160px;
  float: right; }

.medialink {
  display: inline-block;
  vertical-align: top; }

.medialink a {
  display: block; }

.ewalc-params .param-item.medialink {
  background: none;
  padding-right: 0; }

#content .param-item.medialink .pure-button {
  margin-bottom: 0;
  line-height: 154%;
  padding-top: 0.25em;
  vertical-align: middle;
  padding-left: 0.525em; }

#content .param-item.medialink a:before {
  content: '\eefc';
  margin-right: 0.55em; }

.buttonbox a.pure-button.icon:before,
.buttonbox a.pure-button.icon.before,
.param-item.medialink a:before {
  font-family: 'wanicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.3em;
  display: inline-block;
  vertical-align: text-top; }

/*.buttonbox a.video:before,
.buttonbox a.audio:before {
	content: '\ed7e';
}*/
.ewalc .buttonbox a.login:before {
  content: '\ed76'; }

.ewalc .buttonbox a.logout:before {
  content: '\ed77'; }

/* Ewalc Einstieg (Start) */
.ewalc-content .schilderbox {
  background-image: url(../img/ewalc/ewalc_start_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3em 1em 1em 0.6em;
  margin-top: 0.8em; }

.ewalc-content .schilderbox h2 {
  font-size: 120%; }

.ewalc-content .schilderbox a.cta,
.master .ewalc-content .schilderbox a.cta {
  position: static;
  color: #000;
  display: inline-block;
  padding: 0.4em 0.6em 0.4em 0.6em;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all 200ms ease-out 0s; }

.ewalc-content .schilderbox a.cta:hover {
  -ms-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  box-shadow: 0 0 6px rgba(0, 0, 30, 0.7); }

/* Ewalc Breitansicht (Liste) */
.wide .cont.pure-u-16-24,
.wide aside.pure-u-8-24 {
  width: 100%; }

.wide aside.pure-u-8-24 {
  padding: 1em; }

.wide .teaserbox {
  width: 32.6%;
  display: inline-block;
  margin-left: 0;
  margin-right: 0.25em; }

.ewalc.list .mapbox {
  margin-top: 0; }
  .ewalc.list .mapbox iframe {
    height: 600px;
    width: 99%; }

/* Boxen */
.ebox {
  padding: 0 .25em 0 0.25em; }

.ebox .elem {
  display: block;
  transition: all 200ms ease-out 0s;
  position: relative; }

.ebox .outer.th.tile {
  display: block; }

.ebox .outer:before {
  content: "";
  display: block;
  padding-top: 144%;
  transition: padding 250ms ease-out 0s; }

.ebox .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 6px; }

.ebox .elem:hover {
  -ms-transform: scale(1.025);
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
  cursor: pointer; }

.bild-outer {
  position: relative;
  margin-bottom: 0.5em; }

.bild-outer:before {
  content: "";
  display: block;
  padding-top: 60%; }

.bild-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-image: url(../img/bilddb_default.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: transparent; }

.bild-inner.b-bild {
  opacity: 0;
  transition: opacity 0.5s ease-out; }

.ebox .elem:hover .bild-inner.b-bild {
  opacity: 1; }

.ebox a .th.tile {
  color: #333333 !important;
  font-weight: normal; }

.ebox a .th.tile h3 {
  font-weight: bold;
  line-height: 120%; }

.ebox .description {
  font-size: 90%;
  line-height: 125%;
  margin: 0; }

.ebox .ewalc-params {
  position: absolute;
  bottom: 6px;
  width: 90%;
  width: calc(100% - 12px); }

.ebox .ewalc-params .param-item {
  background-color: rgba(255, 255, 255, 0.7);
  font-family: 'PT Sans Narrow';
  font-size: 85%;
  width: 49%;
  margin-right: -0.11em;
  padding-right: 0;
  overflow: hidden; }

.ebox img.wtyp {
  width: 22px; }

/* Form */
.ewalc form.pure-form {
  margin-bottom: 0; }

#ewalcsuche select {
  padding: 0.3em 0.6em;
  -webkit-appearance: none; }

@media only screen and (min-width: 786px) {
  #ewalcsuche select {
    max-height: 32.5px; } }
#ewalcsuche input[type=text],
#ewalcsuche input[type=date] {
  padding: 0.3em 0; }
  #ewalcsuche input[type=text].form-datefield,
  #ewalcsuche input[type=date].form-datefield {
    padding-left: 0.25em; }

.labelontop > label {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#ewalcsuche label {
  color: #7d7d7d; }

#ewalcsuche .ms-drop ul > li label {
  width: 100%; }

.f-elem select,
.f-elem textarea,
.f-elem input[type=text],
.f-elem input[type=password],
.f-elem input[type=email] {
  width: 98%; }

#content .f-elem .pure-button {
  margin-bottom: 0;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
  line-height: 160%; }

#content .f-elem input[type=submit] {
  font-size: 100% !important;
  height: auto; }

#content #ewalcsuche .pure-button.send {
  width: 2.6em;
  height: 1.65em;
  border: 0;
  margin-left: 0;
  text-indent: -99999px;
  padding: 0;
  background-image: url(../img/graph_lupe.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 52%;
  border-radius: 4px;
  margin-top: 0; }

#content #ewalcsuche .top-elems.pure-g-r [class*="pure-u"],
#content #ewalcsuche .foldable.pure-g-r [class*="pure-u"] {
  margin-bottom: 0; }

#content #ewalcsuche .foldable.pure-g-r {
  margin-bottom: 0.5em; }

.ewalc.list .fold-context {
  margin-bottom: 0.25em; }

.foldable.folded {
  display: none; }

.button-context > span {
  display: inline-block;
  vertical-align: top;
  line-height: 170%;
  margin-left: 0.25em;
  margin-right: 1em; }

.button-context > span:hover {
  cursor: pointer; }

.foldable div.pure-form {
  padding-top: 0; }

.formrow span {
  font-family: 'PT Sans Narrow';
  line-height: 220%; }

.formrow input[type=text],
.formrow select {
  display: inline-block;
  vertical-align: top; }

div.inline {
  display: inline-block;
  vertical-align: top; }

.e-matches {
  line-height: 170%;
  padding-left: 1em;
  color: gray;
  border-left: 1px solid #7d7d7d; }

span.fold.open span,
span.fold span.forclose {
  display: none; }

span.fold.open span.forclose {
  display: inline; }

@media only screen and (max-width: 768px) {
  #content .f-elem .pure-button {
    margin-bottom: 0.25em; } }
@media only screen and (min-width: 885px) and (max-width: 960px) {
  .ebox .outer:before {
    padding-top: 190%; } }
@media only screen and (max-width: 884px) {
  .ewalc.wide .teaserbox {
    width: 32%; }

  .ebox.pure-u-6-24 {
    width: 33.333%; } }
@media only screen and (min-width: 769px) {
  .mapbox a.pure-button {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  .ewalc.wide .teaserbox {
    width: 49%; }

  .ewalc div.back {
    position: relative;
    right: 0;
    top: 0;
    display: block; } }
@media only screen and (min-width: 640px) and (max-width: 720px) {
  .ebox .outer:before {
    padding-top: 170%; } }
@media only screen and (max-width: 639px) {
  .ebox.pure-u-6-24 {
    width: 50%; } }
@media only screen and (min-width: 481px) and (max-width: 578px) {
  .ebox .outer:before {
    padding-top: 150%; } }
@media only screen and (max-width: 480px) {
  .ewalc.wide .teaserbox {
    width: 98%; }

  .ebox.pure-u-6-24 {
    width: 100%; }

  .th.tile .param-item img {
    width: 22px; }

  .ebox .param-item.e-wtyp .param-content span {
    display: none; }

  .ebox .description {
    font-size: 100%; }

  .ebox .ewalc-params .param-item {
    font-size: 100%; }

  .top-elems {
    margin-bottom: 0.5em; }

  label[for=e-send], label[for=e-topsend] {
    display: none; }

  label[for=e-send], #e-send + .wvsww {
    display: none !important; }

  #content form#ewalcsuche input.pure-button {
    width: 98%;
    padding: 0.75em 0; }

  .e-matches span {
    display: none; }

  .ewalc .mapbox iframe {
    height: 280px;
    width: 97%; }

  .ewalc-content h1 {
    padding-right: 0; }

  .ch-wrapper {
    position: relative;
    top: -12px; }

  .ewalc-params .param-item {
    width: 100%;
    padding-right: 0.25em; }

  .param-item .param-content {
    max-width: 80%; }

  .ewalc-params .param-elem.inel {
    margin-bottom: 0.15em; }

  .param-item .param-content span {
    display: inline; }

  .param-item.e-wtyp .param-content span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em; }

  .ewalc-gallery [class^=icon-]:before {
    font-size: 140%; }

  .infotable td.delta {
    display: none; }

  .way {
    background-position: 40% center;
    background-size: 80%;
    width: 36px;
    min-width: 36px; }

  .ebox .outer:before {
    padding-top: 100%; }

  #ewalcsuche select,
  .ms-choice,
  #ewalcsuche input {
    padding-top: 0.6em !important;
    padding-bottom: 0.6em !important; } }
@media only screen and (max-width: 420px) {
  .ebox .outer:before {
    padding-top: 112%; }

  .way {
    width: 32px;
    min-width: 32px; } }
@media only screen and (max-width: 360px) {
  .ebox .outer:before {
    padding-top: 124%; }

  .way {
    width: 29px;
    min-width: 29px; } }
@media only screen and (max-width: 320px) {
  .ebox .outer:before {
    padding-top: 136%; }

  .way {
    width: 26px;
    min-width: 26px; } }
@media only screen and (max-width: 300px) {
  .ebox .outer:before {
    padding-top: 160%; }

  .way {
    width: 24px;
    min-width: 24px; } }
/* Pagination */
.pagination,
.pagination li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.pagination a {
  font-weight: normal;
  padding-top: 1px;
  text-decoration: none;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid transparent;
  border-left-color: transparent;
  border-right-color: transparent; }

.cont ul.pagination li:before {
  display: none; }

.cont ul.pagination li {
  font-size: 100%;
  padding-left: 0; }

.pagination li:not([class*="current"]) a:focus,
.pagination li:not([class*="current"]) a:active {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.25); }

.pagination li.current a {
  padding-top: .25em;
  font-size: 100%;
  color: #333333 !important;
  background-color: transparent;
  cursor: default;
  pointer-events: none;
  border-left-color: transparent;
  border-right-color: transparent; }

@media only screen and (max-width: 30.063em) {
  .pagination a {
    font-size: 120%; }

  .pagination li:not([class*="current"]) {
    display: none; }

  .pagination li:first-child,
  .pagination li:last-child {
    display: initial; } }
@media only screen and (max-width: 15.063em) {
  /* For watches? */
  .pagination li {
    width: 50%; }

  .pagination li.current {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    border-left-width: 1px; } }
/* EWALC Loginschranke */
.ebox.locked .elem {
  opacity: 0.5;
  filter: grayscale(0.75); }

/* EWALC Benutzerprofil: Suche speichern */
@media only screen and (max-width: 768px) {
  .ewalc .savesearch {
    margin-left: initial;
    display: block; }
    .ewalc .savesearch .pure-button {
      margin-top: 0.25em; } }
@media only screen and (max-width: 480px) {
  .ewalc .savesearch .pure-button {
    width: 98%; } }
#savesearch-modal {
  max-width: none;
  width: auto;
  text-align: left; }
  #savesearch-modal label {
    width: 100px; }

@media only screen and (max-width: 479px) {
  #savesearch-modal label {
    float: none;
    width: 98%; } }
/* EWALC Zusammenlegung WV, gefWV, gefWanderungen */
.ewalc-preset span.label {
  margin-right: 0.25em; }
.ewalc-preset .edit-link {
  font-size: 75%;
  margin-left: 0.25em; }

[class*=pure-u] .savesearch {
  width: 99%; }

.remodal#change-saison label {
  width: 60px; }
.remodal#change-saison select {
  width: 220px; }

.flagtag.geftag {
  top: 15px; }

.gefbox .flagtag.geftag {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  font-size: 100%;
  font-weight: 700;
  letter-spacing: 0;
  padding-left: 0.5em;
  padding-right: 1em; }
  .gefbox .flagtag.geftag:before {
    border-width: 1em;
    right: -1em; }

.tagholder {
  position: relative; }

.ktn-short {
  font-weight: normal;
  letter-spacing: 0.075em;
  margin-left: 0.333em;
  display: inline-block;
  vertical-align: top;
  line-height: 1; }

a.simplefold {
  cursor: pointer; }

.simplefold-context {
  margin-bottom: 0.5em; }

.simplefold-foldable.folded {
  display: none; }

.simplefold.open [class^=icon-angle]:before {
  content: '\e918'; }

.tagholder + .ewalc-params {
  margin-top: 1.5em; }

.flex {
  display: flex !important; }

.just-btw {
  justify-content: space-between; }

.labelontop.flex label {
  float: none; }

.top-elems .flex .iblock.wvsww {
  align-self: flex-end;
  margin-bottom: 6px; }
  .top-elems .flex .iblock.wvsww a.pure-button {
    white-space: normal; }

.wall {
  position: relative;
  margin-top: -6em;
  padding-top: 6em;
  background-color: #ffffff;
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 20%, white 100%);
  background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 20%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 20%, white 100%); }
  .wall .wall-info {
    width: 75%;
    margin: 1em auto;
    padding: 1em 1.25em;
    background-color: rgba(117, 144, 111, 0.15);
    font-size: 90%; }
    .wall .wall-info p.center {
      margin-top: 1.25em; }

.ewalc .gefbox {
  border: none;
  margin-bottom: 2em; }
  .ewalc .gefbox .foldable .fold [class^=icon]:before {
    font-size: 100%; }

input[type=text].singlebig, input[type=password].singlebig, input[type=email].singlebig {
  font-size: 125%; }

#ewalcsuche input[type=text].singlebig {
  padding-left: 0.25em; }

#ewalcsuche .f-elem input[type=submit].singlebig {
  font-size: 125% !important; }

.icnref {
  position: relative; }
  .icnref [class*=icon] {
    position: absolute;
    top: -0.2em;
    right: 0.5em; }
    @media only screen and (max-width: 767px) {
      .icnref [class*=icon] {
        top: -0.1em;
        right: 1.5em; } }
  .icnref input {
    position: relative;
    background-color: rgba(232, 231, 229, 0.5); }

#ewalcsuche input[type=text].form-datefield,
#ewalcsuche input[type=date].form-datefield {
  padding-left: 0.5em; }

.gefwv-4-fo .gefbox.detail .region {
  letter-spacing: 0.075em;
  background-size: 10%; }
.gefwv-4-fo .ebox .th.tile {
  min-height: 90px; }
.gefwv-4-fo .ebox .ewalc-params {
  bottom: 0; }
.gefwv-4-fo .ebox .outer:before {
  padding-top: 125%; }
.gefwv-4-fo .ebox .bild-outer {
  margin-bottom: 0.3em; }
@media only screen and (max-width: 965px) {
  .gefwv-4-fo .ebox.pure-u-8-24 {
    width: 50%; }
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 102%; } }
@media only screen and (max-width: 500px) {
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 110%; } }
@media only screen and (max-width: 480px) {
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 130%; } }
@media only screen and (max-width: 450px) {
  .gefwv-4-fo .ebox.pure-u-8-24 {
    width: 100%; }
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 92%; } }
@media only screen and (max-width: 420px) {
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 100%; } }
@media only screen and (max-width: 360px) {
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 106%; } }
@media only screen and (max-width: 320px) {
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 110%; } }
@media only screen and (max-width: 300px) {
  .gefwv-4-fo .ebox .outer:before {
    padding-top: 120%; } }

/* iFRAME FOR iPAD ======================================================================================== */
#iframe .main {
  margin: 0;
  max-width: none; }

#iframe .ewalc-gallery img {
  width: 100%; }

#iframe #breadcrumb,
#iframe .ewalc-content .back {
  display: none; }

.sbbrun-planen {
  margin-top: 1.5em;
  margin-bottom: 0.75em; }

.sbb-modal.remodal {
  height: 90%;
  max-height: inherit;
  padding: 1em 0 0 0;
  position: relative; }
.sbb-modal .remodal-close {
  left: auto;
  right: 0; }

@media only screen and (max-width: 480px) {
  .sbb-modal.remodal {
    height: 100%;
    padding: 1em 0.5em;
    width: 100%; } }
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .sbb-modal.remodal {
    width: 86%; } }
html.modalframe {
  background: #ffffff;
  height: auto; }
  html.modalframe #content > .dc.pure-g-r {
    min-height: initial; }
    html.modalframe #content > .dc.pure-g-r [class*="pure-u"] {
      margin-bottom: 0; }

.sbb-modal.remodal .sbb-frame {
  height: 99%;
  width: 100%;
  min-height: 0; }
  .sbb-modal.remodal .sbb-frame h3 {
    margin-top: 0; }

.remodal iframe.sbb-frame {
  border: 0; }

@media only screen and (min-width: 641px) {
  .sbb-frame {
    min-width: 500px; } }
.sbb18 .cont .contbox {
  padding: 1em;
  height: 100%;
  overflow: auto; }
  @media only screen and (max-width: 480px) {
    .sbb18 .cont .contbox {
      padding-left: 0;
      padding-right: 0.33em; }
      .sbb18 .cont .contbox > h3 {
        padding-left: 0.25em; } }
  .sbb18 .cont .contbox form.sbb-back,
  .sbb18 .cont .contbox form.sbb-run {
    margin-left: 0.5em; }
  .sbb18 .cont .contbox .buttonbox {
    padding-left: 0.5em; }
.sbb18 h3 {
  text-align: left;
  margin-top: 0; }
.sbb18 .autosuggest {
  position: relative;
  display: inline-block;
  margin-bottom: 6px; }
  @media only screen and (max-width: 480px) {
    .sbb18 .autosuggest {
      width: 100%; } }
  .sbb18 .autosuggest input {
    margin-bottom: 0; }
  .sbb18 .autosuggest .autosuggestions {
    position: absolute;
    left: 0;
    background-color: #ffffff;
    border: 1px solid rgba(112, 112, 112, 0.5);
    border-top: 0;
    padding-right: 1px;
    width: 100%;
    z-index: 99999999; }
    @media only screen and (max-width: 480px) {
      .sbb18 .autosuggest .autosuggestions {
        width: 100%; } }
    .sbb18 .autosuggest .autosuggestions .suggestion {
      padding: 6px 8px 6px 8px;
      cursor: pointer; }
.sbb18 table.sbb-connections {
  width: 100%;
  margin-top: 0.5em; }
  .sbb18 table.sbb-connections .connection {
    cursor: pointer; }
    .sbb18 table.sbb-connections .connection td {
      font-size: 100%;
      padding: 0.5em 0.75em; }
      @media only screen and (max-width: 480px) {
        .sbb18 table.sbb-connections .connection td {
          padding: 0.5em 0.5em; } }
  .sbb18 table.sbb-connections .head {
    font-size: 80%; }
    .sbb18 table.sbb-connections .head td {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
@media only screen and (max-width: 480px) {
  .sbb18 fieldset {
    padding-left: 0.5em;
    padding-right: 0.5em; } }

@media only screen and (max-width: 280px) {
  .sbb18 .cont .contbox {
    padding: 1.5em 0; } }
.infotable table label {
  width: auto;
  padding-right: 0.25em; }

td.delay {
  text-align: right; }
  td.delay label {
    float: none;
    display: inline-block; }
  td.delay input {
    display: inline-block; }
  td.delay .editdelay {
    display: none;
    color: #333333 !important;
    opacity: 0.5; }
    td.delay .editdelay > span:before {
      margin-right: 0.3em; }
    td.delay .editdelay:hover {
      opacity: 1; }
  td.delay .delaytime {
    display: none; }
  td.delay.disabled label {
    display: none; }
  td.delay.disabled input {
    display: none; }
  td.delay.disabled .editdelay {
    display: inline-block; }
  td.delay.disabled .delaytime {
    display: inline-block; }
  @media only screen and (max-width: 480px) {
    td.delay label {
      display: none; }
    td.delay input.form-small {
      width: 52px;
      padding-left: 2px; } }

@media only screen and (max-width: 480px) {
  td.w-name {
    max-width: 140px; } }
td.realtime {
  font-weight: 700; }

@media only screen and (max-width: 280px) {
  .ewalc-infotable td.realtime {
    display: none; } }
td.delta.rline {
  text-align: center; }

.way.sbb-run {
  background-image: url(../img/ewalc/way_sbb_run.png); }

.way.sbb-back {
  background-image: url(../img/ewalc/way_sbb_back.png); }

.way.sbb-run-stop {
  background-image: url(../img/ewalc/way_sbb_runstop.png); }

.way.sbb-back-start {
  background-image: url(../img/ewalc/way_sbb_backstart.png); }

.way.sbb-change {
  background-image: url(../img/ewalc/way_sbb_change.png); }

.way {
  text-align: center; }
  .way span[class*=mywalk] {
    font-size: 125%; }
    .way span[class*=mywalk]:before {
      margin-left: -0.2em; }

.infotable table tr:first-child .right span:before {
  margin-right: 0.2em; }
.infotable table tr:first-child .realtime span:before {
  margin-left: 0.4em; }

.flop {
  display: none; }

#content .pure-button.pure-button-primary.button-edit {
  padding-left: 0.6em;
  padding-right: 0.6em; }

#content .pure-button.pure-button-primary.button-sbb-ticket {
  background-color: #d2232a;
  color: #ffffff; }
  @media only screen and (max-width: 640px) {
    #content .pure-button.pure-button-primary.button-sbb-ticket {
      padding-left: 0.6em;
      padding-right: 0.6em; } }

.lastcall {
  margin-top: 1em;
  font-size: 85%; }
  .lastcall a {
    margin-left: 160px; }
    @media only screen and (max-width: 480px) {
      .lastcall a {
        margin-left: 0; } }

.w-name span.tooltipme {
  padding-right: 0.6667em; }

.w-name [class*=sbb-meta] .tooltipme {
  padding-right: 0; }

input[type=text]:disabled {
  border-color: rgba(112, 112, 112, 0.25);
  background: none !important; }

.noconnect {
  margin-top: 0.5em;
  padding: 0.33em 1em 0.25em 1em;
  background-color: #d2232a; }
  .noconnect .error {
    color: white;
    font-weight: 400;
    font-family: "PT Sans Narrow"; }

/*.iphone .remodal-wrapper {
	position: absolute !important;
	padding-top: 0 !important;
	width: 100% !important;
	.remodal {
		width: 100%;
	}
}*/
.s-modal-overlay {
  position: fixed;
  z-index: 19998;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
  background: rgba(43, 46, 56, 0.9); }

/*.s-modal-wrapper {
	z-index: 19999;
	position: relative;
	margin: 0 auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	width: 80%;
	height: 100%;
	//display: none;
	overflow: auto;

	text-align: center;

	-webkit-overflow-scrolling: touch;
}*/
.s-modal {
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
  z-index: 20000;
  height: 100%;
  width: 100%;
  padding-top: 2.25em;
  min-height: 1024px;
  background-color: rgba(255, 255, 255, 0);
  display: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }
  .s-modal .remodal-close.s-modal-closer {
    color: rgba(255, 255, 255, 0.75); }
    .s-modal .remodal-close.s-modal-closer:hover {
      color: white; }
    .s-modal .remodal-close.s-modal-closer:before {
      font-size: 36px; }

.s-modal-iframe {
  height: 99%; }

.sbb-meta-main {
  padding: 0 0.3em 0 0;
  font-size: 85%;
  font-weight: 400; }
  .sbb-meta-main .meta-vehicle[class*=icon-] {
    color: #003b88; }
  .sbb-meta-main > .meta-elem:last-of-type {
    margin-right: 0; }
  .sbb-meta-main .meta-warning {
    color: #d2232a; }

.sbb-meta-low {
  font-size: 85%;
  font-weight: 400; }
  .sbb-meta-low .meta-vehicle[class*=icon-] {
    color: #003b88; }
  .sbb-meta-low .meta-elem:last-of-type {
    margin-right: 0; }
  .sbb-meta-low .meta-warning {
    color: #d2232a; }
  .sbb-meta-low.meta-commodities {
    font-size: 90%; }

.meta-elem {
  margin-right: 0.3em; }
  .meta-elem.meta-vehicle {
    margin-right: 0.1em; }
  .meta-elem.meta-commodities {
    font-style: italic; }
    .meta-elem.meta-commodities > span {
      margin-right: 0.3em; }
    .meta-elem.meta-commodities .tooltipme {
      display: inline-block; }
  .meta-elem .conn-tag {
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 3em;
    vertical-align: top;
    max-height: 1.3em;
    padding: 0.25em 0.4em 0.2em 0.2em;
    margin-right: 0.3em;
    border-radius: 2px;
    background-color: #d2232a;
    color: white;
    font-family: Helvetica, Arial, 'PT Sans', sans-serif;
    font-size: 90%;
    font-style: italic; }
    .meta-elem .conn-tag span {
      line-height: 1; }
    .meta-elem .conn-tag > .trans-line {
      font-style: normal;
      line-height: 1;
      margin-left: 0.5em; }
  .meta-elem .sbb-gochange, .meta-elem.sbb-gochange {
    color: #d2232a;
    margin-right: 0.3em; }

.iphone .meta-elem .conn-tag {
  padding-top: 0.25em;
  padding-bottom: 0.2em;
  max-height: 1.3em; }

.sbb-legende h4 {
  margin-top: 0; }

.sbb-legende-elem {
  font-size: 90%; }
  .sbb-legende-elem .meta-commodities {
    margin-right: 0.25;
    width: 30px;
    display: inline-block; }
    .sbb-legende-elem .meta-commodities .tooltipme {
      display: inline-bock; }

.sbban {
  font-size: 85%;
  font-weight: 400; }

.sbb18 .infotable table tr td {
  border-color: silver; }
  .sbb18 .infotable table tr td.rline {
    border-right-color: #dbdbdb; }
  .sbb18 .infotable table tr td.way {
    border-color: transparent; }

.infotable table .head-row td {
  height: auto; }
.infotable table .sbb-an td {
  height: auto;
  padding: 0.225em 0.25em 0.15em 0.33em;
  background-color: #f1f1f1;
  border-bottom: 0;
  font-size: 85%;
  font-weight: 400; }
  .infotable table .sbb-an td.way, .infotable table .sbb-an td.XXXdelay {
    background-color: transparent; }
  .infotable table .sbb-an td.way {
    background-image: url(../img/ewalc/way_sbb_straight.png); }
  .infotable table .sbb-an td.w-name {
    text-align: right; }
  @media only screen and (max-width: 480px) {
    .infotable table .sbb-an td.w-name {
      text-align: left; } }
.infotable table.sbb-tooltable td {
  vertical-align: top; }
.infotable table.sbb-tooltable .way {
  background-position: 50% 0; }
  .infotable table.sbb-tooltable .way.sbb-run-stop {
    background-position: 50% 52%; }
  .infotable table.sbb-tooltable .way.sbb-back {
    background-position: 50% 53%; }
  .infotable table.sbb-tooltable .way.sbb-run {
    background-image: url(../img/ewalc/way_sbb20_run.png); }
  .infotable table.sbb-tooltable .way.sbb-back-start {
    background-image: url(../img/ewalc/way_sbb20_backstart.png); }
  .infotable table.sbb-tooltable .way.sbb-change {
    background-image: url(../img/ewalc/way_sbb20_change.png); }
.infotable table.sbb-tooltable .realtime {
  width: 3.4em;
  text-align: right; }
  .infotable table.sbb-tooltable .realtime.datestr {
    text-align: left;
    font-weight: 400; }
.infotable table.sbb-tooltable tbody tr:first-child td {
  vertical-align: middle;
  font-weight: 400; }
  .infotable table.sbb-tooltable tbody tr:first-child td.w-name [class*=arrow-right] {
    font-size: 0.8em; }
.infotable table.sbb-tooltable tbody tr:last-child td {
  border-bottom: none; }

.ewalc-infotable + .sbb-tooltable {
  margin-top: 1em; }

.makeflex {
  display: flex; }

.modalframe fieldset.sbb-run select {
  max-width: 280px; }

/* Photos 2020 ================================================================================== */
/* Photoswipe 2020 (z.B. Wandernacht 2020) */
.gallery2020:after {
  content: '';
  display: block;
  clear: both; }

.pswp2020-box {
  position: relative;
  width: 100%;
  /*figure {
  	width: calc(33.333% - 4px);
  	padding: 2px;
  	line-height: 0;
  	@media only screen and (max-width:420px) {
  		width: calc(50% - 4px);
  	}
  	figcaption {
  		display: none;
  	}
  	&.mason-mini {
  		width: calc(16.6666% - 4px);
  	}
  }*/ }
  .pswp2020-box:after {
    content: '';
    display: block;
    clear: both; }
  .pswp2020-box figure {
    width: calc(33.333% - 4px);
    margin-bottom: 4px;
    line-height: 0;
    transform: scale(1);
    transition: transform 200ms ease-out; }
    @media only screen and (max-width: 420px) {
      .pswp2020-box figure {
        width: calc(50% - 4px); } }
    .pswp2020-box figure figcaption {
      display: none; }
    .pswp2020-box figure.mason-mini {
      width: 16.6666%; }
    .pswp2020-box figure:hover {
      transform: scale(1.025); }
  .pswp2020-box .intro {
    width: 100%; }

/* Help Modal =================================================================================== */
/* Hilfetexte in Modals etc. */
.remodal-wrapper .sectionbox.userhelp {
  text-align: left;
  margin-bottom: 1em;
  max-width: 480px; }
@media only screen and (max-width: 420px) {
  .remodal-wrapper .remodal[data-remodal-id='wn-reg-help-modal'] {
    padding-right: 1.25em;
    padding-left: 2em; } }

/* WANDERN.CH =================================================================================== */
/* WANDERN:CH RESPONSIVE ======================================================================= */
/* ================================================================================================= */
/* MASTER => wandern.ch only by .master overrides ================================================== */
.master header .mcolor {
  opacity: 0; }

.master #content .mcolor {
  background-color: rgba(178, 185, 198, 0.925); }

.master .teaserbox {
  border-top-color: rgba(100, 115, 140, 0);
  border: 0; }

.master #mainnav .pure-menu li a,
.master #langnav .pure-menu .minibox .pure-button {
  color: #20252d; }

.master #mainnav .pure-menu li a:hover {
  color: #000;
  background-color: #fac300; }

@media only screen and (max-width: 768px) {
  .master #mobile-suche.mobileonly {
    display: none !important; }

  .master #mainsponsor.mobileonly {
    display: none !important; }

  .master #suche {
    display: inherit;
    top: auto;
    bottom: 0.33em; }
    .master #suche form {
      margin-bottom: 0; } }
.master .contbox a:link,
.master aside a {
  color: #a84700; }

.master .contbox a:hover,
.master aside a:hover {
  color: #8e3000; }

.master .contbox a:visited,
.master aside a:visited {
  color: #a88367; }

.master .cont ul li:before {
  color: #fac300; }

.master .contbox a.schild {
  color: #000; }

html.master #langnav .pure-menu .userprofile {
  display: inline-block; }

html.master.no-userprofile #langnav .pure-menu .userprofile {
  margin-left: 0.5em;
  display: none; }

/* wandern.ch only ============================================================================== */
/* ============================================================================================== */
/* Social Media Links im Header */
.socialink img {
  max-height: 26px;
  max-width: 26px; }

#suche .socialink {
  margin-right: 0.3em;
  display: inline-block;
  vertical-align: top; }

#suche .socialink img {
  max-height: 24px; }

#suche form {
  display: inline-block;
  vertical-align: top; }

footer .socialink img {
  margin-top: 0.25em;
  margin-right: 0.5em; }

/* Sticky Notes für Kontaktbörse */
.cont ul.contacts li:before {
  content: ''; }

#content ul.contacts li {
  background: none;
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
  width: 30%; }

.sticky-note {
  display: inline-block;
  margin-top: 1em;
  position: relative;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  transition: all 600ms ease-out; }

.contacts li:hover .sticky-note {
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transform: scale(1.1) !important;
  -moz-transform: scale(1.1) !important;
  -ms-transform: scale(1.1) !important;
  -o-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
  z-index: 99999; }

.contacts li:nth-child(even) .sticky-note {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  transform: rotate(4deg);
  position: relative;
  top: 5px; }

.contacts li:nth-child(2n + 1) .sticky-note {
  -o-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  transform: rotate(-1deg);
  position: relative;
  top: 3px; }

.contacts li:nth-child(3n) .sticky-note {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform: rotate(-3deg);
  position: relative;
  top: -5px; }

.contacts li:nth-child(4n) .sticky-note {
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5 deg);
  transform: rotate(-5deg);
  position: relative;
  top: -12px; }

.contacts li:nth-child(5n) .sticky-note {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
  position: relative;
  top: -10px; }

.contacts li:nth-child(7n) .sticky-note {
  -o-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);
  position: relative;
  top: -5px; }

.contacts li.animate {
  animation: 0.65s ease 0s normal forwards 1 fadeIn; }

.sticky-note-inner {
  padding: 20px 10px 10px 14px;
  -webkit-border-radius: 0 0 0 200px/0 0 0 10px;
  -moz-border-radius: 0 0 0 200px/0 0 0 10px;
  -ms-border-radius: 0 0 0 200px/0 0 0 10px;
  -o-border-radius: 0 0 0 200px/0 0 0 10px;
  border-radius: 0 0 0 200px/0 0 0 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  color: #000; }

.sticky-note-inner:after {
  bottom: 16px;
  content: "";
  height: 55%;
  left: 10px;
  position: absolute;
  width: 50%;
  z-index: -2;
  -webkit-box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform: skew(-8deg) rotate(-6deg);
  -moz-transform: skew(-8deg) rotate(-6deg);
  -ms-transform: skew(-8deg) rotate(-6deg);
  -o-transform: skew(-8deg) rotate(-6deg);
  transform: skew(-8deg) rotate(-6deg); }

.yellow .sticky-note-inner {
  background-color: #ffcd5a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffb71e), color-stop(22%, #ffcd5a), color-stop(100%, #ffcd5a));
  background-image: -webkit-linear-gradient(top, #ffb71e 0%, #ffcd5a 22%, #ffcd5a 100%);
  background-image: -moz-linear-gradient(top, #ffb71e 0%, #ffcd5a 22%, #ffcd5a 100%);
  background-image: -o-linear-gradient(top, #ffb71e 0%, #ffcd5a 22%, #ffcd5a 100%);
  background-image: linear-gradient(top, #ffb71e 0%, #ffcd5a 22%, #ffcd5a 100%); }

.blue .sticky-note-inner {
  background-color: #1e9dff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1e9dff), color-stop(22%, #5bb8ff), color-stop(100%, #5bb8ff));
  background-image: -webkit-linear-gradient(top, #1e9dff 0%, #5bb8ff 22%, #5bb8ff 100%);
  background-image: -moz-linear-gradient(top, #1e9dff 0%, #5bb8ff 22%, #5bb8ff 100%);
  background-image: -o-linear-gradient(top, #1e9dff 0%, #5bb8ff 22%, #5bb8ff 100%);
  background-image: linear-gradient(top, #1e9dff 0%, #5bb8ff 22%, #5bb8ff 100%); }

.green .sticky-note-inner {
  background-color: #15b227;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #15b227), color-stop(22%, #40b24d), color-stop(100%, #40b24d));
  background-image: -webkit-linear-gradient(top, #15b227 0%, #40b24d 22%, #40b24d 100%);
  background-image: -moz-linear-gradient(top, #15b227 0%, #40b24d 22%, #40b24d 100%);
  background-image: -o-linear-gradient(top, #15b227 0%, #40b24d 22%, #40b24d 100%);
  background-image: linear-gradient(top, #15b227 0%, #40b24d 22%, #40b24d 100%); }

.sticky-note p {
  line-height: 112%; }
  .sticky-note p.spitzmark {
    line-height: 108%; }
  .sticky-note p.dateissued {
    margin-top: -0.75em;
    text-align: right; }
    .sticky-note p.dateissued span {
      display: inline-block;
      padding: 2px 0.5em 0;
      border: 1px solid #c3901c;
      border-radius: 2px;
      color: #c3901c;
      font-family: "PT Sans Narrow";
      font-weight: 700;
      font-size: 75%;
      letter-spacing: 0.05em; }
.sticky-note h3 {
  margin-top: 0.35em;
  margin-bottom: 0.2em; }
.sticky-note .datum {
  color: #89863c; }

/* SPENDEN | GOENNER ================================================================================= */
.reason {
  padding: 12px 4%;
  font-family: 'PT Sans Narrow';
  font-size: 150%;
  font-weight: normal;
  line-height: 1.2em;
  text-align: center; }

.donate .button, a.button {
  display: inline-block;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  padding: 6px 16px 4px 16px;
  color: #fff !important;
  font-size: 125%;
  font-weight: normal;
  line-height: 1.25em;
  text-align: center;
  background-color: #69a2c2;
  border-radius: 4px;
  transition: all 200ms ease-out 0s; }

a.button.faded {
  opacity: 0.25; }

.donate .button:first-child, a.button:first-child {
  margin-right: 0; }

.shortcuts .button {
  font-weight: bold; }

.shortcuts .button:first-child, .shortcuts a.button:first-child {
  margin-right: 0.25em; }

.donate .button {
  padding: 14px 26px 0px 26px;
  font-size: 200%;
  line-height: 1.25em;
  border-radius: 6px;
  text-align: center;
  width: auto;
  bottom: 0.5em; }

.donate .th .button {
  width: 72%;
  font-size: 240%;
  margin-bottom: 0; }

.donate .th .button,
.donate .th .betragbox {
  position: absolute; }

.donate .th .betragbox {
  bottom: 1.2em; }

.betragbox {
  height: 80px;
  width: 100%;
  position: relative; }

.simple .betragbox {
  float: left;
  width: 444px;
  height: 72px; }

.simple .betragbox input.buttonlike[type="text"] {
  padding: 9px 6px 0 46px;
  height: 68px; }

.simple .betragbox input.buttonlike[type="submit"] {
  height: 68px; }

.simple .betragbox .currency {
  top: 2.4em;
  left: 0.75em;
  color: #989898; }

.donate .button:hover, a.button:hover {
  -webkit-box-shadow: 1px 1px 3px 3px rgba(100, 150, 150, 0.3);
  box-shadow: 1px 1px 3px 3px rgba(100, 150, 150, 0.3);
  -ms-transform: scale(1.025);
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
  background-color: #2783b6; }

a.button.faded:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }

.currency {
  font-size: 40%;
  margin-right: 6px; }

.zweck {
  font-size: 40%;
  line-height: 1.25em; }

.betragbox .currency,
.betragbox .zweck {
  font-size: 95%; }

.betragbox .currency {
  position: absolute;
  left: 0.5em;
  top: 2.95em; }

.betragbox .zweck {
  position: absolute;
  top: 0.4em;
  left: 42px;
  width: 50%; }

.donate .buttonbox {
  position: relative;
  margin-top: 1em;
  margin-bottom: 0.75em; }

input[type=text].inline {
  display: inline-block;
  margin-right: 0.3em;
  float: left; }

input[type=text].buttonlike {
  font-size: 200% !important;
  line-height: 1.75em;
  border-radius: 6px !important;
  padding: 12px 6px 9px 40px;
  text-align: left;
  height: 57px; }

input[type=submit].buttonlike {
  font-size: 125% !important;
  line-height: 2em;
  border-radius: 6px !important;
  text-align: center;
  height: 52px;
  -webkit-appearance: none; }

.donate input[type=submit].buttonlike {
  height: 80px; }

input.form-small.buttonlike {
  width: 36%; }

input.send.inline {
  color: #000;
  background-color: #fbd54c; }

input.send.inline:hover {
  background-color: #f9c300; }

.donate input.send.inline {
  padding: 12px 30px 9px 30px;
  border-radius: 6px; }

label.buttonlike {
  line-height: 3.75em; }

div.pseudofield {
  display: inline-block;
  background-color: #f8f8f6;
  border: 1px solid #e8e7e5;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 6px;
  padding: 4px 12px 2px 4px; }

div.field {
  display: inline-block;
  padding: 4px 4px 2px 2px;
  margin-bottom: 0.6em; }

fieldset a.backlink {
  font-size: 85%;
  background-position: 0 -27px; }

fieldset a.backlink:hover {
  background-position: 0 1px; }

.multinput.donate {
  padding-left: 160px; }
  .multinput.donate.field img {
    max-width: 60%; }

div.plus label {
  margin-bottom: 10em; }

.fold.open [class^=icon-angle]:before {
  content: '\e918'; }

/* Rhomben in "Gönnerschaft schenken" */
.rhombs .pure-u-6-24 {
  width: 23.6%;
  position: relative; }
.rhombs label {
  clear: none;
  float: none; }
.rhombs .th.tile {
  margin-right: 0.325rem;
  overflow: visible; }
  .rhombs .th.tile:hover {
    transform: scale(1.05); }

.norhomb {
  padding-top: 1em;
  font-family: 'PT Sans Narrow';
  font-weight: 700; }

.cornerlabel {
  position: absolute;
  top: calc(1em - 4px);
  right: -4px;
  left: auto;
  font-family: 'PT Sans Narrow';
  font-weight: 700;
  padding: 6px 12px;
  color: #fff;
  background: green;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-transform: rotate(32deg);
  -webkit-transform: rotate(32deg);
  -o-transform: rotate(32deg);
  -ms-transform: rotate(32deg);
  transform: rotate(32deg);
  z-index: 888; }
  .cornerlabel.soldout {
    background: red; }

/* MAGAZIN ====================================================================================== */
/* Übersicht */
.magazin-tiles .th.tile {
  height: 244px;
  padding: 4px 8px;
  text-align: center;
  margin-bottom: 0.5em; }

.magazin-tiles .pure-u-6-24 {
  width: 23.6%; }

.magazin-tiles .th.tile h3 {
  line-height: 110%; }

.magazin-tiles .tile h3.subheader {
  font-size: 85%; }

/* Detailansicht */
#bilderbox {
  position: relative;
  margin-top: 2.9em; }

#content ul#bilderbox {
  display: inline-block;
  margin-top: 0; }

#content ul#bilderbox li {
  backgound-image: none;
  margin: 0;
  padding: 0;
  font-size: inherit; }

ul#bilderbox img {
  margin-top: 0; }

#bilderbox .legende {
  width: 320px; }

#bilderbox div.lupe {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 36px;
  height: 32px;
  background-image: url(../img/graph_lupe.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  opacity: 0.25; }

#bilderbox div.lupe:hover {
  opacity: 0.75; }

#bilderbox div.lightbox {
  position: absolute;
  top: 10px;
  right: 14px; }

#bilderbox div.lightbox span {
  font-size: 180%;
  color: #fff;
  color: rgba(255, 255, 255, 0.4); }

#bilderbox li:hover {
  cursor: pointer; }

#bilderbox div.lightbox:hover span,
#bilderbox li:hover div.lightbox span,
#bilderbox a:hover div.lightbox span {
  color: white; }

.overview {
  border: 1px solid #ccccb9;
  margin-bottom: 9px;
  margin-top: 3em;
  padding: 3px 18px 6px 9px;
  border-radius: 4px;
  clear: none;
  margin-left: 0;
  display: inline-block; }

.magazin.subheader {
  margin-top: -4.4em;
  font-size: 100%; }

img.magazin {
  border: 1px solid #ddc;
  max-width: 246px; }

.magartikel {
  clear: both; }

.hauptartikel h1 {
  clear: none; }

.magartikel img,
.hauptartikel img {
  max-width: 25%; }

.shoplink {
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 1em;
  border-top: 1px solid #bbb; }

#issues .teasertitle {
  padding-bottom: 1px; }

#issues h2 {
  margin: 0; }

#issues h3 {
  margin-top: 0.4em;
  margin-bottom: 0;
  font-size: 100%; }

#issues ul {
  margin-top: 0.2em;
  margin-bottom: 0.6em; }

#issues li {
  font-size: 90%; }

/* BILD-DATENBANK ====================================================================================== */
.bilddb a.tile {
  min-height: 220px; }

.bilddb .th.tile {
  padding: 8px; }

.bilddb .pure-u-8-24,
.vote .pure-u-8-24 {
  width: 32%;
  margin-right: 1.111%; }

.bildbox {
  width: 100%;
  height: 190px;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(../img/bilddb_default.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-bottom: 6px;
  transition: all 400ms ease-out 0s; }

.bilddb h3, .bilddb h4 {
  text-align: center; }

.bilddb .subheader {
  padding-top: 0;
  font-size: 85%;
  margin: 0.25em 0 0 0; }

.bildbox.detail {
  background-color: rgba(232, 230, 228, 0.5);
  width: 50%;
  float: right;
  height: 320px;
  margin-left: 1.5em;
  margin-bottom: 0.5em; }

.title {
  font-family: 'PT Sans';
  font-weight: bold;
  font-size: 135%;
  text-overflow: ellipsis; }

.gefbox.bilddb {
  padding-top: 0; }

dd.title {
  line-height: 200%; }

.gefbox.bilddb.detail {
  margin-top: 0.5em; }

/* ABSTIMMUNGSMODUL ====================================================================================== */
.vote .tile {
  min-height: 308px;
  max-height: 320px;
  text-align: center; }

.vote .th.tile h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.tile .button {
  margin-left: 0; }

.vote > .tile .description {
  height: 43px;
  font-size: 85%;
  line-height: 120%;
  overflow: hidden; }

.rank {
  font-family: 'PT Sans Narrow';
  font-weight: bold;
  color: #69a2c2;
  opacity: 1;
  padding-top: 9px;
  line-height: 1.4em; }

.rank span {
  font-size: 300%;
  line-height: 0.825em; }

.resultbar {
  background-color: #dad9df;
  border: 4px solid #fff;
  -moz-border-radius: 26px;
  -webkit-border-radius: 26px;
  border-radius: 26px;
  margin: 0.5em;
  margin-top: 0.25em;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(20, 60, 60, 0.2);
  box-shadow: 2px 2px 2px 1px rgba(20, 60, 60, 0.2);
  height: 26px;
  overflow: hidden; }

.result {
  width: 0%;
  background-color: #f9c300;
  height: 100%;
  float: left;
  margin-right: 3px;
  animation-name: grow;
  animation-duration: 2s;
  animation-timing-function: ease-out; }

.resultvalue {
  color: #000;
  height: 100%;
  width: 0;
  font-family: 'PT Sans Narrow';
  font-weight: bold;
  line-height: 1.25em;
  text-align: left;
  padding-top: 2px;
  float: left; }

@-webkit-keyframes grow {
  0% {
    width: 0%; } }
@-moz-keyframes grow {
  0% {
    width: 0%; } }
@keyframes grow {
  0% {
    width: 0%; } }
/* ADs ========================================================================================== */
.teaserbox.ads,
contentbox.ads {
  position: relative; }

.teaserbox .tag,
.contentbox .tag {
  font-size: 60%;
  letter-spacing: 0.2em;
  text-align: right;
  text-transform: uppercase;
  padding: 0 1em;
  opacity: 0.75;
  background-color: rgba(255, 255, 255, 0.25);
  display: inline-block;
  line-height: 130%;
  height: 11px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -11px; }

.cgrid .ads .tag {
  height: 10px;
  margin-top: -10px; }

.ads .ad img {
  width: 100%;
  /* make fit old ad-imags */ }

/* ADVENTSKALENDER ===================================================================================== */
.advent-box {
  width: 100%;
  background-image: url(../img/advent_default_bg.png);
  background-size: cover;
  background-position: left bottom;
  padding: 0.5em;
  padding-right: 0; }
  .advent-box .advent-calbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start; }
  .advent-box .advent-day {
    width: calc(20% - 0.5em);
    padding: 0.75em;
    margin: 0 0.25em 0.25em 0;
    transform: scale(1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: relative;
    transition: transform 0.5s ease, backdrop-filter 0.5s; }
    .advent-box .advent-day:not(.door-locked):not(.door-past) {
      cursor: pointer; }
      .advent-box .advent-day:not(.door-locked):not(.door-past):hover {
        transform: scale(1.4); }
    .advent-box .advent-day.door-locked .advent-day-nr {
      color: white; }
    .advent-box .advent-day.door-active .advent-day-nr {
      color: #ffd12e; }
    .advent-box .advent-day.door-past .advent-day-nr {
      font-size: 150%;
      text-shadow: 0 0 6px rgba(20, 30, 60, 0.3);
      top: 4px;
      left: 6px; }
    .advent-box .advent-day.door-past .advent-payload-box {
      filter: grayscale(0.5);
      opacity: 0.65; }
    .advent-box .advent-day.advent-6 {
      width: calc(30% - 0.25em); }
    .advent-box .advent-day.advent-24, .advent-box .advent-day.XXXadvent-6 {
      width: calc(40% - 0.25em); }
  @media only screen and (max-width: 480px) {
    .advent-box .advent-day {
      padding: 0; } }

.advent-day-nr {
  position: absolute;
  top: 8px;
  left: 4px;
  font-family: "Patrick Hand SC";
  font-size: 350%;
  color: white; }

@media only screen and (max-width: 480px) {
  .advent-day-nr {
    font-size: 250%; } }
.remodal#advent-modal {
  text-align: left;
  position: relative; }
  .remodal#advent-modal .advent-day-nr {
    right: 32px;
    top: 24px;
    left: auto;
    color: #fac300; }
  .remodal#advent-modal .hint {
    text-align: right; }
  .remodal#advent-modal input::placeholder {
    color: #aaa; }

@media only screen and (max-width: 480px) {
  .remodal#advent-modal {
    padding-left: 1em;
    padding-right: 1em; }
    .remodal#advent-modal .advent-day-nr {
      right: 14px;
      top: 14px; } }
.advent-geschenkbox {
  display: flex;
  max-width: 600px;
  flex-wrap: wrap; }
  .advent-geschenkbox .geschenk-bild {
    width: 220px;
    padding-right: 0.75em; }
  .advent-geschenkbox .geschenk-text {
    max-width: 300px; }
    .advent-geschenkbox .geschenk-text h3 {
      margin-top: 0; }

.advent-splashbox {
  display: none; }

.splash-mode.advent-box {
  height: 400px;
  overflow: hidden; }
.splash-mode .advent-splashbox {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -0.5em;
  right: 0;
  left: -0.5em;
  background-color: rgba(20, 30, 60, 0.75); }
.splash-mode .advent-splash {
  display: flex;
  align-items: center;
  width: 60%;
  height: 400px; }
@media only screen and (orientation: portrait) and (max-width: 640px) {
  .splash-mode .advent-splash {
    width: 90%; } }
.splash-mode .advent-splashmsg {
  font-family: "Patrick Hand SC";
  font-size: 220%;
  color: white;
  text-align: center;
  line-height: 1.2;
  text-shadow: 0 0 20px #82aaff; }

.advent-teaser .teaserimg {
  background-color: #2e2b58;
  background-position: center;
  position: relative;
  line-height: 0.75; }
  .advent-teaser .teaserimg > a > img {
    margin-top: 0.25em; }
  .advent-teaser .teaserimg > a .advent-day-nr {
    font-size: 425%;
    color: white !important; }

/* HOMEPAGE ===================================================================================== */
.master .home #breadcrumb {
  display: none; }

.master .home .cont .contbox {
  background: none;
  padding-right: 0;
  padding-left: 0.75em;
  padding-bottom: 0.25em;
  padding-top: 0.9em; }

.master .home .cont .teaserbox {
  width: initial;
  margin: 0; }

.home #wv_area {
  border: 6px solid #fac300;
  padding: 4px 0 0 0;
  margin: 0 0.125em 1em 0.125em;
  border-left: 0;
  border-right: 0; }

.master .home .contbox a div {
  color: #000; }

.home .contbox a .contentbox .ilink {
  color: #a84700; }

.home .contbox a:hover .contentbox .ilink {
  color: #8e3000; }

.home #wv_area > div a .teaserbox,
.home #cbox_area > div a .contentbox {
  transition: all 200ms ease-out 0s;
  position: relative; }

.home #wv_area > div a:hover .teaserbox,
.home #cbox_area > div a:hover .contentbox {
  -ms-transform: scale(1.025);
  -webkit-transform: scale(1.025);
  transform: scale(1.025); }

.imgbox {
  line-height: 0;
  overflow: hidden;
  position: relative; }

#wv_area > div .imgbox img {
  width: 100%; }

#wv_area > div .titlepanel,
#wv_area > div .textpanel {
  padding-left: 0.5em;
  padding-right: 0.5em; }

.teaserbox .titlepanel,
.teaserbox .textpanel {
  position: absolute;
  width: 100%; }

.teaserbox .titlepanel {
  top: 0;
  left: 0;
  min-height: 32px; }

.textpanel {
  bottom: 0;
  left: 0;
  padding-top: 0.4em;
  padding-bottom: 0.3em;
  line-height: 120%;
  font-weight: normal; }

.teaserbox .textpanel {
  font-size: 85%; }

.titlepanel * {
  margin-top: 0.35em;
  margin-bottom: 0; }

.cta {
  background-color: #fac300;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 9px 1px 9px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all 200ms ease-out 0s;
  display: inline-block; }

div.br {
  margin: 0.25em 0; }

a:hover .cta {
  color: #fff !important;
  background-color: #d1a300; }

.cgrid {
  padding: 0.25em; }

#content .pure-g-r .cgrid {
  margin-bottom: 0.1em; }

.home .cgrid a.outlink:after {
  content: "";
  display: none; }

.contentbox {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 85%;
  line-height: 120%;
  padding: 0.5em;
  min-height: 164px; }

.home #cbox_area > div a:hover .contentbox {
  background-color: white; }

.cgrid .contentbox.ads,
.contentbox.articlebox {
  padding: 0;
  position: relative;
  background: none; }

.contentbox h3 {
  font-family: 'PT Sans Narrow';
  margin: 0; }

.contentbox h3 a {
  color: #000 !important; }

.contentbox p {
  font-weight: normal; }

.contentbox.articlebox {
  font-size: inherit;
  line-height: inherit; }

.contentbox img {
  width: 100%; }

.articlebox .textpanel {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0;
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  bottom: 0;
  width: 100%; }

.articlebox h2 {
  margin: 0.25em 0 0 0;
  padding-right: 7em; }

.articlebox .cta {
  position: absolute;
  top: 0.5em;
  right: 0.5em; }

.sticky-note-box {
  padding: 0 1.25em 1.25em 1.25em; }

.teaserbox.stickintease .teaserimg {
  text-align: left; }
.teaserbox.stickintease:hover .sticky-note {
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important; }

.master aside .teaserbox.stickintease .teaserimg a,
.master .teaserbox.stickintease .teaserimg a {
  font-weight: 400; }

.home .teaserimg {
  min-height: 163px;
  max-height: 163px;
  overflow: hidden; }
.home .cgrid .teasercont {
  min-height: 100px; }
  .home .cgrid .teasercont .teaserlink {
    margin-top: 2px; }
.home .cgrid .teasertitle + .teasercont {
  min-height: 263px; }
.home .cgrid .ads .tag {
  display: block;
  position: static;
  background: none;
  height: 13px;
  margin-top: auto;
  top: auto;
  right: auto;
  padding-top: 1px; }
.home #cbox_area .cgrid .ads .tag {
  display: block;
  position: static;
  background: none; }
.home #cbox_area .cgrid .ads .bigadslidesbox,
.home #cbox_area .cgrid .ads .bigadslidesbox .slidesjs-container {
  height: 297.5px !important; }

@media only screen and (max-width: 768px) {
  .master .home {
    /*#cbox_area .cgrid .ads {
    	.bigadslidesbox,
    	.bigadslidesbox .slidesjs-container {
    		height: 284.5px !important;
    	}
    }*/ }
    .master .home .cont .teaserbox.ads {
      width: 100%; } }
.cgrid .maplook {
  padding-top: 0; }

.top-wv .maplook > a {
  display: block;
  overflow: hidden;
  border: 6px solid #fac300;
  border-radius: 9px;
  background-color: rgba(250, 195, 0, 0);
  transition: all 0.4s ease; }
.top-wv .maplook > a:hover {
  border-color: #cc9f00;
  -ms-transform: scale(1.025);
  -webkit-transform: scale(1.025);
  transform: scale(1.025); }
.top-wv .maplook .teasertitle {
  background: url(../img/home_maplook_350_flat.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 102% auto;
  padding: 0.5em 1em 0.75em 1em;
  transition: all 0.4s ease; }
.top-wv .maplook h2 + h2 {
  padding-top: 0; }
.top-wv .ctabox h2 {
  font-size: 120%; }
.top-wv .ctabox .cta {
  position: absolute;
  right: 1em;
  top: 75%;
  color: #000;
  display: inline-block;
  padding: 0.4em 0.6em 0.4em 0.6em;
  border-radius: 4px;
  transition: all 200ms ease-out 0s; }
.top-wv .articlebox .textpanel {
  position: static;
  padding-bottom: 0.4em;
  margin-top: -1px; }
.top-wv .articlebox h2 {
  padding-right: 0;
  margin-top: 0; }
.top-wv .cgrid.top-walk {
  padding-top: 0; }

.ctabox a.cta {
  color: #000 !important;
  padding: 0.4em 0.6em;
  transition: all 200ms ease-out 0s; }

.ctabox a.cta:hover {
  -ms-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  color: #fff !important;
  background-color: #d7a000;
  box-shadow: 0 0 6px rgba(0, 0, 30, 0.7); }

.sticky-note a.cta {
  z-index: 9999; }

.top-walk > a:hover .ctabox .cta {
  -ms-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  box-shadow: 0 0 6px rgba(0, 0, 30, 0.7); }

@media only screen and (max-width: 768px) {
  .top-wv .maplook, .top-wv .top-walk {
    width: 98% !important; }
    .top-wv .maplook .teasertitle, .top-wv .top-walk .teasertitle {
      background-size: 200% auto; }
  .top-wv .zielbox {
    width: 60%; } }
@media only screen and (max-width: 480px) {
  .top-wv .pure-u-24-24 {
    width: 96%; }
  .top-wv .zielbox {
    width: 80%; }

  .articlebox h2 {
    padding-right: 0; }

  .top-wv .ctabox .cta {
    top: 65%; }

  .home .cgrid .stickintease .teasercont {
    min-height: 0px; } }
@media only screen and (max-width: 768px) {
  aside .teaserbox .teasercont {
    min-height: 113px; }
  aside .teaserbox.ads .slidesbox, aside .teaserbox.ads .slidesbox .slidesjs-container {
    height: 294px !important; } }
/* RESPONSIVE ADDITIONS ================================================================== */
@media only screen and (min-width: 768px) and (max-width: 984px) {
  #content ul.contacts li {
    width: 47%; }

  .magazin-tiles .th.tile {
    height: 276px; } }
@media only screen and (min-width: 768px) and (max-width: 884px) {
  /* Bilddatenbank und Abstimmungen */
  .bilddb .pure-u-8-24,
  .vote .pure-u-8-24 {
    width: 48%; }

  .rhombs .pure-u-6-24 {
    width: 46%; } }
@media only screen and (max-width: 768px) {
  /* Kacheln */
  .magazin-tiles .th.tile {
    height: 260px; }

  .rhombs .pure-u-6-24 {
    width: 31%; }

  /* HOMEPAGE  */
  .home .cont .contbox {
    padding-right: 0.75em; }

  .home .cont .pure-u-1-2, .home .cont .pure-u-12-24 {
    width: 49%; }

  .home .cont .pure-u-16-24 {
    width: 66.666%; }

  .home .cont .pure-u-8-24 {
    width: 33.333%; }

  .home .cont .pure-u-3-5 {
    width: 60%; }

  .home .cont .pure-u-2-5 {
    width: 40%; } }
@media (max-width: 640px) {
  /* Magazin */
  #bilderbox.fright {
    float: none;
    margin-left: 0; }

  .magazin.subheader {
    margin-top: inherit; }

  .overview {
    margin-top: 1em; }

  /* Kacheln */
  .tile-4 {
    width: 31%; }

  .magazin-tiles .th.tile {
    height: 280px; }

  .magazin-tiles .pure-u-6-24,
  .rhombs .pure-u-6-24 {
    width: 31%; }

  /* Bilddatenbank und Abstimmungen */
  .bilddb .pure-u-8-24,
  .vote .pure-u-8-24 {
    width: 48%; }

  /* HOMEPAGE  */
  .home .cont .pure-u-1-2, .home .cont .pure-u-12-24 {
    width: 49%; }

  .home .cont .pure-u-16-24 {
    width: 100%; }

  .home .cont .pure-u-8-24 {
    width: 50%; }

  .home .cont .pure-u-24-24 {
    width: 96%; } }
@media only screen and (max-width: 480px) {
  /* Gönnermodul */
  .donate .button, a.button {
    width: 99%;
    margin-left: 0; }

  .multinput.donate {
    padding-left: 0; }

  .simple .betragbox {
    width: auto; }

  input.form-small.buttonlike {
    width: 46%; }

  .simple .betragbox input.buttonlike[type="text"] {
    padding-left: 40px; }

  label.buttonlike {
    line-height: 1.5em; }

  div.plus label {
    margin-bottom: 0; }

  /* Magazin */
  .magartikel img {
    width: 60%;
    max-width: 60%; }

  .bildbox.detail {
    width: 100%; }

  /* Bilddatenbank und Abstimmungen */
  .bilddb .pure-u-8-24,
  .vote .pure-u-8-24 {
    width: 48%; }

  /* HOMEPAGE  */
  .home .cont .contbox {
    padding-right: 0.75em; }

  .home #wv_area,
  .cgrid {
    padding: 0; }

  .contentbox.articlebox .textpanel {
    position: relative;
    padding-top: 2.25em;
    padding-bottom: 0.25em; }

  .top-wv .contentbox.articlebox .textpanel {
    padding-top: 0.4em; }

  #content .pure-g-r .cgrid {
    margin-bottom: 0.5em; }

  .home .cont .pure-u-1-2, .home .cont .pure-u-12-24 {
    width: 96%; }

  .home .cont .pure-u-8-24 {
    width: 100%; }

  .home .cont .pure-u-3-5 {
    width: 100%; }

  .home .cont .pure-u-2-5 {
    width: 100%; }

  .home #wv_area > div a .teaserbox,
  .home #cbox_area > div a .contentbox,
  .home #cbox_area .contentbox.ads {
    width: 97%; } }
@media only screen and (max-width: 420px) {
  #content ul.contacts li {
    width: 90%; }

  .tile-4 {
    width: 46%; }

  .magazin-tiles .th.tile {
    height: 276px; }

  .magazin-tiles .pure-u-6-24,
  .rhombs .pure-u-6-24 {
    width: 47.4%; }

  /* Bilddatenbank und Abstimmungen */
  .bilddb .pure-u-8-24,
  .vote .pure-u-8-24 {
    width: 100%;
    margin-right: 0; } }
@media only screen and (max-width: 360px) {
  .magazin-tiles .th.tile {
    height: 220px; }

  .rhombs .pure-u-6-24 {
    width: 92%; } }
.usernav ul li:before {
  content: none; }
.usernav .pure-menu-list > li {
  margin-bottom: 3px;
  margin-right: 3px; }
.usernav .pure-menu-children {
  border: none !important;
  min-width: 100%; }
.usernav .pure-menu.pure-menu-horizontal li .pure-menu-children {
  background-color: #f4f4f4; }
.usernav i.icn {
  font-size: 120%; }
  .usernav i.icn:before {
    margin-right: 0.25em; }

#profilenav i.icn {
  font-size: 120%; }
  #profilenav i.icn:before {
    margin-right: 0.25em; }

.contbox .profilenav li a {
  font-size: 100%; }

.supportlink {
  font-weight: 400;
  font-size: 95%; }

@media only screen and (max-width: 640px) {
  .usernav li a span {
    display: none; }
  .usernav li a i.icn {
    font-size: 160%; }
    .usernav li a i.icn:before {
      margin-left: 0.25rem; }
  .usernav ul.pure-menu-list {
    padding-right: 2em; }
  .usernav .pure-menu-children li {
    border-bottom-color: transparent !important; }
  .usernav .pure-menu-has-children > .pure-menu-link:after {
    padding-left: 0;
    vertical-align: super; } }
@media only screen and (max-width: 480px) {
  ul.pure-menu-list {
    padding-right: 3.6em; } }
#langnav #profilenav a.logout {
  background-color: rgba(255, 255, 255, 0.8); }
  #langnav #profilenav a.logout:hover {
    background-color: white; }

.dashback,
.master .dashback {
  background-color: #ffe27b;
  padding: 1.5em 1em 1em; }

.dashmessages,
.master .dashmessages {
  background-color: #ffe27b;
  padding: 1em 1.6em 0 1.25em; }
  .dashmessages .inner,
  .master .dashmessages .inner {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 1em;
    padding-bottom: 0.33em; }

.dashback > h2, .usersection > h2 {
  margin-top: 0; }

#content .pure-g-r .dashmessages {
  margin-bottom: 0; }
  #content .pure-g-r .dashmessages h4 {
    margin-top: 0; }

.dashbox {
  padding: 0 .25em 0 0.25em; }
  .dashbox .elem {
    display: block; }
  .dashbox .outer {
    background: white;
    box-shadow: 2px 2px 0 0 rgba(112, 112, 112, 0.2);
    padding: 9px;
    display: block;
    min-height: 120px;
    font-size: 90%;
    margin-bottom: 0.425rem;
    margin-right: 0.425rem;
    overflow: hidden;
    position: relative; }
    .dashbox .outer:before {
      content: "";
      display: block;
      padding-top: 80%;
      transition: padding 250ms ease-out 0s; }
    .dashbox .outer .inner {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      padding: 3.25em 0.5em 0 0.6667em;
      margin-bottom: 0.5em;
      overflow: hidden; }
      .dashbox .outer .inner h3 {
        margin-top: 0;
        font-family: "PT Sans Narrow";
        font-size: 110%;
        font-weight: 400; }
    .dashbox .outer .iconbox {
      position: absolute;
      top: -.5em;
      right: -.5em;
      height: 3em;
      width: 3em;
      border-radius: 100%;
      background-color: rgba(181, 154, 56, 0.4); }
      .dashbox .outer .iconbox .icn {
        display: block;
        height: 100%;
        padding-left: 21%;
        font-size: 160%;
        color: white;
        padding-top: 12px;
        padding-bottom: 12px; }
  .dashbox .dashlink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 2.9em;
    width: 100%;
    background-color: transparent;
    transition: background 0.2s ease;
    padding: 0.5em 0.5em 0 0.6667em;
    border-bottom: 1px solid #fac300;
    cursor: default; }
    .dashbox .dashlink h3 {
      color: black;
      padding-right: 2em; }
  .dashbox .dashcont .line-elem {
    position: relative;
    background-color: rgba(112, 112, 112, 0.15);
    padding: 5px 3px 4px 6px;
    margin-bottom: 3px; }
    .dashbox .dashcont .line-elem img {
      height: 2em;
      margin-right: .25em; }
    .dashbox .dashcont .line-elem h4 {
      margin: 0;
      font-family: "PT Sans Narrow";
      display: inline-block;
      vertical-align: top;
      line-height: 1.2; }
      .dashbox .dashcont .line-elem h4 span {
        font-weight: 400; }
    .dashbox .dashcont .line-elem .badge {
      border-radius: 4px;
      position: absolute;
      padding: 1px 3px 1px 3px;
      min-width: 20px;
      height: 20px;
      background: rgba(112, 112, 112, 0.4);
      margin-left: 0.25em;
      right: 5px;
      bottom: 4px; }
      .dashbox .dashcont .line-elem .badge.new {
        right: -4px;
        top: -3px;
        background: orange; }
      .dashbox .dashcont .line-elem .badge span {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: white;
        font-weight: 700;
        line-height: 0.8; }
        .dashbox .dashcont .line-elem .badge span span {
          display: inline;
          vertical-align: top;
          font-family: "PT Sans Narrow";
          font-weight: 400; }
    .dashbox .dashcont .line-elem.single-line h4 {
      width: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .dashbox .dashcont .line-elem.single-line.default-elem {
      background: none; }
      .dashbox .dashcont .line-elem.single-line.default-elem h4 {
        width: 100%;
        color: rgba(51, 51, 51, 0.5); }
  .dashbox .dashcont .dashcont-elems > a {
    color: #333333; }
    .dashbox .dashcont .dashcont-elems > a .line-elem {
      transition: background-color 0.4s ease; }
    .dashbox .dashcont .dashcont-elems > a:hover .line-elem {
      background-color: rgba(222, 178, 22, 0.5); }
  .dashbox .dashcont .default-elem h4 {
    font-weight: 400; }
  .dashbox .dashcont .message-elem {
    padding: 9px 3px 6px 6px;
    font-size: 85%;
    line-height: 1.2; }
    .dashbox .dashcont .message-elem h4 {
      margin: 0;
      font-size: 100%;
      line-height: 1.2; }
    .dashbox .dashcont .message-elem p {
      margin: 0; }
    .dashbox .dashcont .message-elem + .message-elem {
      border-top: 1px solid rgba(112, 112, 112, 0.2); }
    .dashbox .dashcont .message-elem .ctabox {
      padding-top: 0.5em; }
  .dashbox .dashcont .ctabox .cta {
    margin-bottom: 3px;
    padding: 0.25em 0.66em; }
    .dashbox .dashcont .ctabox .cta * {
      margin: 0;
      margin-top: 2px; }
  @media only screen and (max-width: 480px) {
    .dashbox .dashcont .contbox .fright.deleter {
      float: right;
      font-size: 150%; } }
  .dashbox .dashcont .sectionmember {
    margin-bottom: 3px; }
    .dashbox .dashcont .sectionmember .single-line h4 {
      width: 80%; }
  .dashbox .dashcont span.codevalid {
    color: green;
    text-align: right; }
    .dashbox .dashcont span.codevalid > span {
      color: rgba(51, 51, 51, 0.5);
      margin-right: 0.25em;
      font-size: 85%; }
  .dashbox .dashcont .ctabox {
    position: absolute;
    bottom: 0; }

.separate {
  display: inline;
  font-family: "PT Sans Narrow";
  font-weight: 400;
  margin-left: 0.5em;
  border-left: 1px solid black;
  padding-left: 0.5em; }

@media only screen and (min-width: 880px) and (max-width: 984px) {
  .dashbox .outer:before {
    padding-top: 88%; } }
@media only screen and (min-width: 800px) and (max-width: 879px) {
  .dashbox .outer:before {
    padding-top: 106%; } }
@media only screen and (min-width: 769px) and (max-width: 799px) {
  .dashbox .outer:before {
    padding-top: 130%; } }
@media only screen and (min-width: 540px) and (max-width: 768px) {
  .dashbox.pure-u-8-24 {
    width: 50%; } }
@media only screen and (min-width: 660px) and (max-width: 768px) {
  .dashbox .outer:before {
    padding-top: 80%; } }
@media only screen and (min-width: 600px) and (max-width: 659px) {
  .dashbox .outer:before {
    padding-top: 100%; } }
@media only screen and (min-width: 540px) and (max-width: 599px) {
  .dashbox .outer:before {
    padding-top: 120%; } }
@media only screen and (min-width: 420px) and (max-width: 539px) {
  .dashbox .outer:before {
    padding-top: 60%; } }
@media only screen and (min-width: 360px) and (max-width: 419px) {
  .dashbox .outer:before {
    padding-top: 80%; } }
@media only screen and (min-width: 320px) and (max-width: 359px) {
  .dashbox .outer:before {
    padding-top: 94%; } }
@media only screen and (min-width: 280px) and (max-width: 319px) {
  .dashbox .outer:before {
    padding-top: 130%; } }
@media only screen and (max-width: 279px) {
  .dashbox .outer:before {
    padding-top: 180%; } }
@media only screen and (max-width: 639px) {
  .pure-u-16-24.userdetailcont {
    width: 100%; }

  .pure-u-8-24.useraside {
    width: 50%; } }
  @media only screen and (max-width: 639px) and (max-width: 479px) {
    .pure-u-8-24.useraside {
      width: 100%; } }

.usersection {
  width: 100%;
  border-top: 3px solid rgba(112, 112, 112, 0.25);
  padding-top: 2em; }
  .usersection:first-of-type {
    border: 0;
    padding: 0; }
  .usersection .gefbox {
    padding-top: 1em;
    padding-bottom: 0.5em; }

.sectionbox {
  background-color: rgba(112, 112, 112, 0.15);
  padding: 1em 2em; }
  @media only screen and (max-width: 767px) {
    .sectionbox {
      padding: 0.5em 0.75em; } }
  .sectionbox img {
    width: 77%; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .sectionbox img {
        width: auto; } }
  .sectionbox.userhelp {
    font-size: 85%;
    padding: 0.5em 0.75em;
    min-height: 8em; }

.userdetailcont {
  padding-right: 2em; }
  .userdetailcont > h2:first-child {
    margin-top: 0; }
  .userdetailcont h4 {
    margin-top: 0.33em;
    margin-bottom: 0.33em; }
  .userdetailcont .cart-listitem div {
    font-size: 100%; }
  .userdetailcont .listtext {
    width: 78%; }
  .userdetailcont .shopitems .listtext {
    width: 100%; }
  .userdetailcont .numb {
    width: 2em; }
  .userdetailcont .cart-listitem {
    padding-top: 1em; }
    .userdetailcont .cart-listitem .cart-itemline {
      font-size: 100%; }
    .userdetailcont .cart-listitem .shopped-item {
      display: block;
      padding-left: 0.25em;
      font-size: 90%; }
      .userdetailcont .cart-listitem .shopped-item.single-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .userdetailcont .cart-listitem .shopped-item a {
        cursor: pointer; }
    .userdetailcont .cart-listitem .subline {
      padding-left: 0.25em;
      font-size: 90%; }
  .userdetailcont .wanderitems a span.icon-del {
    opacity: 0.4; }
    .userdetailcont .wanderitems a span.icon-del:hover {
      opacity: 1; }
  .userdetailcont .wanderitems .remover {
    bottom: auto;
    top: 1em; }
  .userdetailcont .wanderitems .cart-listitem .cart-itemline .listtext span[class^="icon-"] {
    color: inherit;
    font-size: 85%;
    margin-left: 0.5em; }
  .userdetailcont .userassets {
    padding-bottom: 2em; }
  .userdetailcont .line-elem {
    position: relative;
    background-color: rgba(112, 112, 112, 0.15);
    padding: 0.5em;
    margin-bottom: 0.333em; }
    .userdetailcont .line-elem h2 {
      margin: 0;
      font-weight: 400; }
  .userdetailcont > .ctabox .cta {
    margin-bottom: 0.333em;
    display: table; }
  .userdetailcont .codeform {
    margin-bottom: 1.5em; }
  .userdetailcont .codeline {
    background-color: rgba(112, 112, 112, 0.15);
    margin-bottom: 3px; }
    .userdetailcont .codeline > div {
      padding: 0.25em 0.5em; }
      .userdetailcont .codeline > div[class*="pure-u"] {
        margin-bottom: 0 !important; }
      .userdetailcont .codeline > div.codevalid {
        color: green;
        text-align: right; }
        .userdetailcont .codeline > div.codevalid > span {
          color: rgba(51, 51, 51, 0.5);
          margin-right: 0.25em;
          font-size: 85%; }
    .userdetailcont .codeline.expired > div {
      opacity: 0.5; }
      .userdetailcont .codeline.expired > div.codevalid {
        color: red; }

@media only screen and (max-width: 479px) {
  .userdetailcont {
    padding-right: 0; } }
.iblock {
  display: inline-block;
  vertical-align: top; }

.w50 {
  width: 49%; }

.iblock.low {
  vertical-align: bottom; }

#content .f-elem .wvsww {
  font-family: "PT Sans Narrow";
  font-size: 85%;
  vertical-align: bottom; }
  #content .f-elem .wvsww .pure-button {
    font-weight: normal;
    font-size: 93.3%;
    padding-bottom: 0.25em;
    line-height: 1; }

@media only screen and (min-width: 768px) and (max-width: 839px) {
  #content .f-elem .iblock.wvsww .pure-button {
    font-size: 85%; } }
@media only screen and (max-width: 479px) {
  #content .f-elem .iblock.wvsww {
    display: block;
    width: 98%;
    text-align: right; } }
/*!
Pure v1.0.0 (modified)
*/
.pure-menu-item .pure-menu-item {
  display: block; }

.pure-menu-children {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 3; }

.pure-menu-horizontal .pure-menu-children {
  left: 0;
  top: auto;
  width: inherit; }

.no-touch .pure-menu-allow-hover:hover > .pure-menu-children,
.touch .pure-menu-active > .pure-menu-children,
#profilenav .sub-ul {
  display: block;
  position: absolute;
  visibility: visible; }

/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after,
#profilenav .has-sub > a:after {
  padding-left: 0.5em;
  content: "\25B8";
  line-height: 0.25;
  font-size: 125%; }

/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after,
#profilenav .has-sub > a:after {
  content: "\25BE"; }

.pure-menu ul#profilenav .has-sub {
  position: relative; }
.pure-menu ul#profilenav .sub-ul {
  display: none;
  float: none;
  top: 0;
  left: auto;
  right: 100%; }

@media only screen and (max-width: 480px) {
  .pure-menu ul#profilenav .sub-ul {
    position: static;
    width: 100%;
    border-bottom: 1px solid rgba(112, 112, 112, 0.4); }
    .pure-menu ul#profilenav .sub-ul .sub-li a {
      padding-left: 2em; } }
.usersection .mapbox iframe {
  height: 480px; }

.usersection .belowbox {
  display: flex;
  flex-wrap: wrap; }
  .usersection .belowbox .pure-button {
    margin-right: 0.2em; }
  .usersection .belowbox .social-sharing {
    flex-grow: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start; }
    .usersection .belowbox .social-sharing a {
      display: inline-block;
      padding: 0.15em 0.33em 0.1em 0.33em;
      margin-left: 0.2em;
      margin-bottom: 0.5em;
      background-color: #fac300;
      color: black;
      border-radius: 4px;
      font-size: 120%;
      opacity: 0.8; }
      .usersection .belowbox .social-sharing a:hover {
        opacity: 1; }

label.inline-label {
  display: inline-block;
  width: auto;
  padding-right: 0.2em;
  padding-bottom: 0.2em; }
  label.inline-label.strong-label {
    font-weight: 700; }
  @media only screen and (max-width: 360px) {
    label.inline-label {
      width: 100%; } }

.usersection label.inline-label {
  color: black; }

@media only screen and (max-width: 479px) {
  .usersection .belowbox .social-sharing {
    order: 1;
    justify-content: flex-start;
    width: 100%; }
    .usersection .belowbox .social-sharing a:first-of-type {
      margin-left: 0; }

  .usersection .belowbox .pure-button {
    order: 2; } }
.desktop .usersection .belowbox .social-sharing .soc-whatsapp {
  display: none; }

@media only screen and (min-width: 800px) {
  .usersection .belowbox .social-sharing .soc-whatsapp {
    display: none; } }
a.clickopy {
  box-shadow: 0 0 0 0 rgba(51, 51, 51, 0);
  position: relative;
  transition: box-shadow 0.3s; }
  a.clickopy.is-copied {
    box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.33);
    transition: box-shadow 0.3s;
    cursor: default;
    pointer-events: none; }
    a.clickopy.is-copied .clickresponse {
      display: block;
      opacity: 1;
      transition: opacity 0.3s; }
  a.clickopy .clickresponse {
    display: none;
    position: absolute;
    top: 100%;
    right: -1px;
    min-width: 140px;
    background-color: rgba(51, 51, 51, 0.5);
    color: white;
    font-family: "PT Sans Narrow";
    font-weight: 700;
    font-size: 80%;
    padding: 0.33em 1em;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.3s; }

input.copyfield {
  position: absolute;
  left: -200000px; }

.randoselect {
  background-color: white;
  margin-right: 0.2em;
  padding: 0.3em 0.6em;
  -webkit-appearance: none; }

.usersection .mapbox {
  position: relative; }
  .usersection .mapbox .fake-wanderung {
    position: absolute;
    left: 42%;
    top: 52%;
    width: 2em;
    height: 1.5em; }
    .usersection .mapbox .fake-wanderung img {
      width: 100%; }
  .usersection .mapbox .fake-wanderbox {
    position: absolute;
    left: 42%;
    top: 58%;
    width: 40%; }

#content form[name='profile-registration'] .notyet,
#content form[name='profile-registration'] .step-elem {
  display: none; }
#content form[name='profile-registration'] .register-back {
  display: none; }
#content form[name='profile-registration'] .is-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none; }

.userhelp .help-elem {
  display: none; }

#login-modal.wlimit {
  max-width: 500px;
  min-width: 500px; }
  @media only screen and (max-width: 480px) {
    #login-modal.wlimit {
      max-width: 94%;
      min-width: 94%; } }

#login-modal .helplink {
  margin-top: -1.4em;
  margin-bottom: 0.5em; }

#mywalks-search.pure-form {
  margin-bottom: 0.2em;
  margin-top: 1em; }
  #mywalks-search.pure-form input[type='text'] {
    padding: .25em .3em; }
    @media only screen and (max-width: 480px) {
      #mywalks-search.pure-form input[type='text'] {
        display: inline-block;
        width: calc(100% - 3.00em); } }
#mywalks-search .pure-button.send {
  margin-left: 2px;
  height: 30px;
  width: 34px;
  text-indent: -99999px;
  padding: 0;
  background: none;
  background-image: url(../img/graph_lupe.png);
  background-color: #ffce21 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48%;
  border-radius: 4px;
  margin-top: 0;
  opacity: 0.8; }

.wandernotiz strong {
  margin-right: 0.25em; }

.flex-table {
  width: 100%; }
  .flex-table .flex-row {
    display: flex;
    width: 100%; }
    .flex-table .flex-row.header {
      background-color: #dbdbdb; }
      .flex-table .flex-row.header .flex-cell {
        font-weight: 700; }
        .flex-table .flex-row.header .flex-cell.sorted {
          background-color: #bbbbbb; }
    .flex-table .flex-row.row {
      border-bottom: 1px solid #dbdbdb; }
    .flex-table .flex-row .flex-cell {
      font-size: 90%;
      padding: 0.25em 0.75em;
      hyphens: none; }
      .flex-table .flex-row .flex-cell.sortable {
        display: block;
        color: #333333;
        text-decoration: underline;
        outline: none;
        cursor: pointer; }
        .flex-table .flex-row .flex-cell.sortable:hover {
          background-color: #cfcfcf; }
      .flex-table .flex-row .flex-cell:not(.sorted) [class*=icon-sort] {
        display: none; }
      .flex-table .flex-row .flex-cell .nobreak {
        white-space: nowrap; }
      .flex-table .flex-row .flex-cell [class*=icon-sort] {
        margin-left: 0.2em; }
        .flex-table .flex-row .flex-cell [class*=icon-sort]:before, .flex-table .flex-row .flex-cell [class*=icon-sort]:after {
          transform: rotate(0deg); }
      .flex-table .flex-row .flex-cell.sorted-asc [class*=icon-sort]:before, .flex-table .flex-row .flex-cell.sorted-asc [class*=icon-sort]:after {
        transform: rotate(-179.99deg); }
      .flex-table .flex-row .flex-cell.sorted-desc [class*=icon-sort]:before, .flex-table .flex-row .flex-cell.sorted-desc [class*=icon-sort]:after {
        transform: rotate(0deg); }
  .flex-table.col-4 .flex-cell {
    width: 25%; }
  .flex-table.col-5 .flex-cell {
    width: 20%; }

.mywalks .flex-table .flex-row.header .cell-col-6 {
  text-align: center; }
@media only screen and (max-width: 840px) {
  .mywalks .flex-table .flex-row {
    flex-wrap: wrap; }
    .mywalks .flex-table .flex-row.header .cell-col-5, .mywalks .flex-table .flex-row.header .cell-col-6 {
      display: none; } }
.mywalks .flex-table .flex-row .flex-cell.cell-col-1 {
  width: 30%; }
.mywalks .flex-table .flex-row .flex-cell.cell-col-2 {
  width: 11%; }
.mywalks .flex-table .flex-row .flex-cell.cell-col-3 {
  width: 10%; }
.mywalks .flex-table .flex-row .flex-cell.cell-col-4 {
  width: 11%; }
.mywalks .flex-table .flex-row .flex-cell.cell-col-5 {
  width: 28%; }
.mywalks .flex-table .flex-row .flex-cell.cell-col-6 {
  width: 10%; }
@media only screen and (max-width: 840px) {
  .mywalks .flex-table .flex-row .flex-cell.cell-col-1 {
    width: 43%; }
  .mywalks .flex-table .flex-row .flex-cell.cell-col-2 {
    width: 18%; }
  .mywalks .flex-table .flex-row .flex-cell.cell-col-3 {
    width: 16%; }
  .mywalks .flex-table .flex-row .flex-cell.cell-col-4 {
    width: 18%; }
  .mywalks .flex-table .flex-row .flex-cell.cell-col-5, .mywalks .flex-table .flex-row .flex-cell.cell-col-6 {
    width: 100%; } }
.mywalks .flex-table .flex-row .flex-cell:first-of-type {
  font-weight: 700; }
@media only screen and (max-width: 480px) {
  .mywalks .flex-table .flex-row {
    flex-wrap: wrap; }
    .mywalks .flex-table .flex-row.row {
      padding: 0.5em 0; }
    .mywalks .flex-table .flex-row .flex-cell.cell-col-1 {
      width: 100%; }
    .mywalks .flex-table .flex-row .flex-cell.cell-col-2 {
      width: 35%; }
    .mywalks .flex-table .flex-row .flex-cell.cell-col-3 {
      width: 30%; }
    .mywalks .flex-table .flex-row .flex-cell.cell-col-4 {
      width: 35%; } }

@media only screen and (max-width: 840px) {
  .mywalks.sec .flex-table .flex-row.row .cell-col-5 {
    display: none; } }
@media only screen and (max-width: 480px) {
  .mywalks.sec .flex-table .flex-row.header .cell-col-1 {
    display: none; } }

.mywalks .flex-table .flex-row.row .flex-cell.cell-col-6 {
  text-align: right; }
@media only screen and (max-width: 480px) {
  .mywalks .flex-table .flex-row.row .flex-cell.cell-col-2 {
    text-align: left; }
  .mywalks .flex-table .flex-row.row .flex-cell.cell-col-3 {
    text-align: left; }
  .mywalks .flex-table .flex-row.row .flex-cell.cell-col-4 {
    text-align: left; }
  .mywalks .flex-table .flex-row.row .flex-cell.cell-col-6 {
    text-align: right; } }

.mywalks a.flex-row .flex-cell {
  background-color: transparent;
  transition: background-color 0.3s; }
  .mywalks a.flex-row .flex-cell:not(.cell-col-1) {
    font-weight: 400;
    color: #333333; }
.mywalks a.flex-row:hover .flex-cell {
  background-color: #eeeeee; }

.fo-list {
  min-width: 300px;
  padding: 1em 0 0.25em 0; }
  .fo-list > p, .fo-list > a {
    text-align: left; }

.fo-item {
  display: block;
  text-align: left; }

/* SEARCH ======================================================================================= */
nav.search-nav ul li {
  padding-left: 0;
  font-size: 100%; }
  nav.search-nav ul li a {
    display: block;
    font-weight: normal;
    margin: 0.33em 0; }
    nav.search-nav ul li a .badgebox {
      display: inline-block;
      vertical-align: top;
      padding-left: 0.33em; }
    nav.search-nav ul li a .badge {
      display: flex;
      justify-content: center;
      align-content: center;
      font-weight: bold;
      background-color: #707070;
      color: #ffffff;
      font-size: 80%;
      border-radius: 4px;
      min-width: 1.25em;
      height: 1.25em;
      padding: 0 0.2em;
      line-height: 1.3;
      opacity: 0.5;
      transition: opacity 0.3s; }
    nav.search-nav ul li a:hover .badge {
      opacity: 1; }
  nav.search-nav ul li:before {
    content: none; }
nav.search-nav .spitzmark {
  margin-bottom: 1.33em; }

.search-segment-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(112, 112, 112, 0.15);
  padding: 0.66em 0.75em 0.33em 0.75em;
  margin: 1em 0 0.5em 0; }
  @media only screen and (max-width: 479px) {
    .search-segment-head {
      flex-wrap: wrap; } }
  .search-segment-head h2 {
    margin: 0; }
    .search-segment-head h2 > span {
      color: #707070;
      font-size: 80%;
      font-weight: normal;
      padding: 0 0.2em; }
  .search-segment-head .search-segment-link {
    font-weight: normal;
    padding-right: 0.5em; }

.search-result-item {
  display: flex;
  position: relative;
  margin-bottom: 1.25em;
  padding: 0.2em 0;
  box-shadow: 0 0 0 0 rgba(66, 68, 81, 0);
  transform: translateY(0);
  transition: box-shadow 0.2s ease-out, transform 0.2s ease-out; }
  @media only screen and (max-width: 479px) {
    .search-result-item {
      flex-wrap: wrap; }
      .search-result-item .search-item-texts {
        width: 100%; }
        .search-result-item .search-item-texts h4 {
          margin-top: 0.66em;
          margin-bottom: 0.33em; } }
  .search-result-item:hover {
    transform: scale(1.02); }
  .search-result-item img.search-thumb {
    max-width: 180px;
    min-width: 180px;
    margin-right: 1em;
    height: 100px;
    object-fit: cover;
    object-position: 50% 50%; }
  .search-result-item h4 {
    margin-top: 0; }
  .search-result-item a.coverup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.contbox mark {
  background-color: rgba(255, 220, 97, 0.75); }

.search-content .ebox.pure-u-6-24 .outer:before {
  padding-top: 172%; }
@media only screen and (min-width: 885px) and (max-width: 960px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 210%; } }
@media only screen and (min-width: 768px) and (max-width: 884px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 160%; } }
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 170%; } }
@media only screen and (min-width: 481px) and (max-width: 639px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 150%; } }
@media only screen and (min-width: 380px) and (max-width: 480px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 110%; } }
@media only screen and (min-width: 320px) and (max-width: 378px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 120%; } }
@media only screen and (min-width: 280px) and (max-width: 319px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 140%; } }
@media only screen and (min-width: 240px) and (max-width: 279px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 170%; } }
@media only screen and (min-width: 1px) and (max-width: 239px) {
  .search-content .ebox.pure-u-6-24 .outer:before {
    padding-top: 220%; } }

/*.ebox.pure-u-8-24 .outer:before {
		padding-top: 130%;
}
@media only screen and (min-width:885px) and (max-width:960px) {
	.ebox.pure-u-8-24 .outer:before {
		padding-top: 140%;
	}
}
@media only screen and (min-width:721px) and (max-width:884px) {
	.ebox.pure-u-8-24 .outer:before {
		padding-top: 160%;
	}
}
@media only screen and (min-width:640px) and (max-width:720px) {
	.ebox.pure-u-8-24 .outer:before {
		padding-top: 170%;
	}
}
@media only screen and (min-width:481px) and (max-width:578px) {
	.ebox.pure-u-8-24 .outer:before {
		padding-top: 150%;
	}
}
@media only screen and (min-width:361px) and (max-width:480px) {
	.ebox.pure-u-8-24 .outer:before {
		padding-top: 140%;
	}
}
@media only screen and (min-width:159px) and (max-width:319px) {
	.ebox.pure-u-8-24 .outer:before {
		padding-top: 200%;
	}
}
// Breite der Wandervorschläge
@media only screen and (max-width: 884px) {
	.ebox.pure-u-8-24 {
		width: 33.333%;	
	}
}
@media only screen and (max-width:639px) {
	.ebox.pure-u-8-24 {
		width: 50%;	
	}
}
@media only screen and (max-width:480px) {
	.ebox.pure-u-8-24 {
		width: 100%;	
	}
}
*/
/* PRINT ======================================================================================== */
@media only print {
  @page {
    size: 210mm 297mm;
    margin: 12mm 8mm 8mm 16mm; }
  * {
    -webkit-transition: none !important;
    transition: none !important; }

  /* This is for Chrome 31 and up */ }
@media only print and (max-width: 767px) {
  .pure-u-1-24 {
    width: 4.1667% !important; }

  .pure-u-1-12,
  .pure-u-2-24 {
    width: 8.3333% !important; }

  .pure-u-1-8,
  .pure-u-3-24 {
    width: 12.5000% !important; }

  .pure-u-1-6,
  .pure-u-4-24 {
    width: 16.6667% !important; }

  .pure-u-1-5 {
    width: 20% !important; }

  .pure-u-5-24 {
    width: 20.8333% !important; }

  .pure-u-1-4,
  .pure-u-6-24 {
    width: 25% !important; }

  .pure-u-7-24 {
    width: 29.1667% !important; }

  .pure-u-1-3,
  .pure-u-8-24 {
    width: 33.3333% !important; }

  .pure-u-3-8,
  .pure-u-9-24 {
    width: 37.5000% !important; }

  .pure-u-2-5 {
    width: 40% !important; }

  .pure-u-5-12,
  .pure-u-10-24 {
    width: 41.6667% !important; }

  .pure-u-11-24 {
    width: 45.8333% !important; }

  .pure-u-1-2,
  .pure-u-12-24 {
    width: 50% !important; }

  .pure-u-13-24 {
    width: 54.1667% !important; }

  .pure-u-7-12,
  .pure-u-14-24 {
    width: 58.3333% !important; }

  .pure-u-3-5 {
    width: 60% !important; }

  .pure-u-5-8,
  .pure-u-15-24 {
    width: 62.5000% !important; }

  .pure-u-2-3,
  .pure-u-16-24 {
    width: 66.6667% !important; }

  .pure-u-17-24 {
    width: 70.8333% !important; }

  .pure-u-3-4,
  .pure-u-18-24 {
    width: 75% !important; }

  .pure-u-19-24 {
    width: 79.1667% !important; }

  .pure-u-4-5 {
    width: 80% !important; }

  .pure-u-5-6,
  .pure-u-20-24 {
    width: 83.3333% !important; }

  .pure-u-7-8,
  .pure-u-21-24 {
    width: 87.5000% !important; }

  .pure-u-11-12,
  .pure-u-22-24 {
    width: 91.6667% !important; }

  .pure-u-23-24 {
    width: 95.8333% !important; }

  .pure-u-1,
  .pure-u-1-1,
  .pure-u-5-5,
  .pure-u-24-24 {
    width: 100% !important; } }
@media only print {
  html,
  #content > .dc.pure-g-r,
  #bottomline .dc {
    background-color: white !important;
    background-image: none !important; }

  .pure-g-r, .pure-g, .pure-g [class*="pure-u"], .pure-g-r [class*="pure-u"] {
    font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 95%;
    line-height: 120%;
    color: #000; }

  .printonly {
    display: inherit; }

  #metanav,
  #langnav,
  header .mcolor,
  #teasenav,
  #mobilenav,
  #mainnav,
  #footnav,
  #view,
  #suche,
  .backstretch,
  .addme,
  #breadcrumb {
    display: none; }

  #logo, .svg #logo {
    background: none !important; }

  #content .schema .mcolor {
    height: 0;
    opacity: 1;
    border-top: 4px solid #707070; }

  .teaserbox {
    border-top-width: 2px !important; }

  #sponsorline .dc {
    border: 1px solid #707070;
    border-left: 0;
    border-right: 0; }

  .screen-only {
    display: none !important; }

  .info-table table {
    page-break-after: auto; }
    .info-table table tr {
      page-break-inside: avoid;
      page-break-after: auto; }
    .info-table table td {
      page-break-inside: avoid;
      page-break-after: auto; }
    .info-table table thead {
      display: table-header-group; }
    .info-table table tfoot {
      display: table-footer-group; }

  * {
    overflow: visible !important; }

  body.rp-edit-open footer {
    display: none; } }
@media only screen {
  .print-only {
    display: none !important; } }
/* RESPONSIVE ADDITIONS ================================================================== */
@media only screen and (max-width: 1023px) {
  /* Kacheln */
  .tile-2 {
    width: 47%; }

  .tile-4 {
    width: 23.25%; }

  .atomtile.th.tile {
    min-height: 380px; } }
@media only screen and (min-width: 768px) and (max-width: 984px) {
  #globnav.pure-menu > li > a {
    background-image: url(../img/wegweiser.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    font-size: 125%;
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 0.4em 2em 0.3em 0.75em;
    margin-bottom: 0.5em;
    height: auto;
    opacity: 0.7; }

  .svg #globnav.pure-menu > li > a {
    background-image: url(../img/wegweiser.svg); }

  #globnav.pure-menu > li.special-1 > a,
  #teasenav.pure-menu > li.special-1 > a {
    background-image: url(../img/wegweiser_sp1.png);
    color: #fff; }

  .svg #globnav.pure-menu > li.special-1 > a,
  .svg #teasenav.pure-menu > li.special-1 > a {
    background-image: url(../img/wegweiser_sp1.svg);
    color: #fff; }

  #globnav.pure-menu > li > a:hover,
  #globnav.pure-menu > li > a.active {
    opacity: 1; }

  #mainnav .pure-menu li a {
    font-size: 90%;
    padding-bottom: 0.25em;
    padding-left: 1em;
    padding-right: 1em; }

  atomtile.th.tile {
    min-height: 400px; }

  /* Kacheln */
  .tile-4 {
    width: 31.25%; } }
@media only screen and (min-width: 769px) and (max-width: 884px) {
  .magazin-tiles .pure-u-6-24 {
    width: 31%; } }
@media only screen and (max-width: 768px) {
  .mobileonly {
    display: inherit !important; }

  .desktoponly {
    display: none !important; }

  a.open-panel {
    display: inline-block; }

  #view {
    padding-top: 0; }

  /*.home*/
  #view nav.mobileonly {
    display: inherit; }

  /* Medium-Sized Displays */
  .m-2 {
    width: 50% !important; }

  .m-3 {
    width: 33% !important; }

  .m-3 .sponsorbox, footer .m-3 {
    text-align: center !important; }

  .teaserbox {
    width: 42%;
    display: inline-block; }

  #globnav.pure-menu.pure-menu-horizontal li,
  #teasenav.pure-menu.pure-menu-horizontal li {
    display: block; }

  #globnav.pure-menu > li > a,
  #teasenav.pure-menu > li > a {
    background-image: url(../img/wegweiser.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    font-size: 125%;
    color: #000;
    display: block;
    width: 60%;
    padding: 0.4em 2em 0.3em 0.75em;
    margin-bottom: 0.5em;
    height: auto; }

  .svg #globnav.pure-menu > li > a,
  .svg #teasenav.pure-menu > li > a {
    background-image: url(../img/wegweiser.svg); }

  #globnav.pure-menu > li.special-1 > a,
  #teasenav.pure-menu > li.special-1 > a {
    background-image: url(../img/wegweiser_sp1.png);
    color: #fff; }

  .svg #globnav.pure-menu > li.special-1 > a,
  .svg #teasenav.pure-menu > li.special-1 > a {
    background-image: url(../img/wegweiser_sp1.svg);
    color: #fff; }

  #teasenav li a {
    font-family: 'PT Sans Narrow';
    font-weight: bold;
    font-size: 150%;
    letter-spacing: 0.025em; }

  #fullnav.pure-menu > li > a {
    background-image: url(../img/wegweiser.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    font-size: 125%;
    color: #000;
    display: block;
    width: 60%;
    padding: 0.4em 2em 0.3em 0.75em;
    margin-top: 0.5em;
    height: auto;
    opacity: 0.85; }

  .svg #fullnav.pure-menu > li > a {
    background-image: url(../img/wegweiser.svg); }

  #fullnav.pure-menu > li.special-1 > a {
    background-image: url(../img/wegweiser_sp1.png);
    color: #fff; }

  .svg #fullnav.pure-menu > li.special-1 > a {
    background-image: url(../img/wegweiser_sp1.svg);
    color: #fff; }

  #fullnav.pure-menu > li > a.active {
    opacity: 1; }

  #mainnav {
    display: none; }

  #mobilenav {
    display: block; }

  nav a.menu {
    display: inherit; }

  #suche {
    display: none; }

  #footnav li a {
    text-align: center; }

  .spalte {
    min-height: auto; }

  .pure-form .pure-input-1-3 {
    width: 50%; }

  .pure-g-r > .pure-u-23-24 {
    width: 96%; }

  .pure-controls {
    margin-left: 0; } }
@media (max-width: 640px) {
  .m-2, .m-3 {
    width: 95% !important; }

  #bottomline .m-3 {
    margin-bottom: 1em;
    padding-bottom: 1em; } }
@media only screen and (max-width: 480px) {
  .pure-form .pure-input-1-3 {
    width: 100%; }

  .pure-form-aligned .pure-controls {
    margin-left: 0; }

  form input.pure-button,
  form button.pure-button {
    width: 100%; }

  .pure-control-group textarea {
    margin-top: inherit; }

  .home .spalte {
    min-height: 10px;
    padding-top: 0.5em; }

  #suche {
    top: 58px; }

  #suche input {
    width: 70px; }

  #mobile-suche input {
    width: 120px; }

  #logo {
    width: 190px;
    height: 62px; }

  #byline {
    left: 45px;
    font-size: 50%; }

  .teaserbox {
    width: 90% !important; }

  #langnav .pure-menu .userprofile a span {
    display: none; }

  div.fleft,
  div.fright {
    max-width: 100%; }

  /* Responsive Table */
  table.responsive {
    display: block; }

  table.responsive th,
  table.responsive td {
    display: block;
    border-bottom-width: 0px;
    width: 100%; }

  table.responsive td:last-child {
    border-bottom-width: 2px;
    margin-bottom: 1em; }

  /* ATOMS Legacy */
  .contbox .fleft {
    float: none;
    margin-right: 0; }

  .contbox .fright {
    float: none;
    margin-left: 0; }

  .contbox div.fleft img {
    width: 100%; }

  .doppelbild img {
    width: 49%; }

  .einzelbild img {
    min-width: 60%; }

  /* Listenelement */
  .listelem {
    margin-bottom: 1em; }

  .listelem img {
    width: 60%;
    max-width: 60%;
    margin-bottom: 0.4em;
    float: none; }

  .list-text {
    padding: 0; }

  /* Kacheln */
  .tile-2 {
    width: 100%; }

  .th.tile img {
    width: 98%; }

  .atomtile.th.tile {
    min-height: 400px; }

  /* FORMS Legacy */
  label {
    float: none;
    color: #7d7d7d; }

  select {
    width: 100%; }

  input.form-large, textarea.form-large {
    width: 100%; }

  .stay.inline select {
    width: auto; }

  form .row .form-data {
    float: none; }

  /* Geführte Wanderungen Legacy */
  input.form-datefield {
    width: 40%; }

  #contentsuche .form-send {
    width: 60px;
    height: 32px; }

  .paraminfo span {
    font-size: 90%; }

  /* Forms allgemein */
  input.form-large:not(.mobile-inline), textarea.form-large:not(.mobile-inline),
  input.form-medium:not(.mobile-inline), textarea.form-medium:not(.mobile-inline),
  input.form-small:not(.mobile-inline), textarea.form-small:not(.mobile-inline) {
    width: 98%; }

  fieldset input.form-large:not(.mobile-inline), fieldset textarea.form-large:not(.mobile-inline),
  fieldset input.form-medium:not(.mobile-inline), fieldset textarea.form-medium:not(.mobile-inline),
  fieldset input.form-small:not(.mobile-inline), fieldset textarea.form-small:not(.mobile-inline) {
    width: 100%; }

  .stay.inline input.form-large, .stay.inline textarea.form-large,
  .stay.inline input.form-medium, .stay.inline textarea.form-medium,
  .stay.inline input.form-small, .stay.inline textarea.form-small {
    display: inline-block;
    width: auto; }

  input.form-large.mobile-inline, textarea.form-large.mobile-inline,
  input.form-medium.mobile-inline, textarea.form-medium.mobile-inline,
  input.form-small.mobile-inline, textarea.form-small.mobile-inline {
    display: inline-block;
    float: none; }

  input[type=text], input[type=password], input[type=email], textarea, select {
    padding: 9px 2px 6px 8px; }

  .captcha p {
    padding-left: 0 !important; }

  /* Schäden melden */
  .mobile .getkoord input {
    width: 84%; }

  .mobile .getkoord a {
    padding-top: 0.4em; }

  .mobile .getkoord span.icon-compass-half:before {
    font-size: 150%;
    margin-left: 0.5em; }

  label.file-label {
    margin-left: 0;
    width: 98%; }

  .row label.file-label {
    margin-left: 0; }

  /* Deleter: Wandervorschlag aus Profil löschen */
  .deleter.fright {
    display: block;
    text-align: right;
    margin-bottom: 0em;
    height: 0.4em; }

  .deleter span:before {
    font-size: 133%; } }
@media only screen and (max-width: 420px) {
  #teasenav.pure-menu > li > a {
    display: inline-block;
    width: auto; } }