@charset "UTF-8";
/*
#############################################
#      www.eniky.com Atomic SCSS            #
#############################################
*/
/*base
@import "00_base/";
----------------------------*/
/* Variablen
-------------------------------------------------*/
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/*
 * Custom Style Sheet - Use this file to style your content
 */
table tr td {
  padding: 5px; }

.mod-box.mod-box-color1 .wk-twitter-single:before {
  display: block;
  margin-bottom: 20px;
  padding-top: 140px;
  text-align: center;
  font-size: 36px;
  line-height: 36px;
  background: url(../../../images/yootheme/icon_twitter.png) 50% 0 no-repeat;
  content: "latest tweet"; }

.mod-box.mod-box-color1 .wk-twitter-single .content {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 27px;
  min-height: 194px; }

.mod-box.mod-box-color1 .wk-twitter-single .content:before,
.mod-box.mod-box-color1 .wk-twitter-single .content:after {
  content: '"'; }

/*
 * Eventlist cusom css by Dr. Jessy
 */
ul.event-list-view, ul.single-event-view {
  list-style: none !important;
  margin: 1em 0 1.5em 0;
  padding: 0; }

li.event {
  clear: both;
  margin: 0 0.5em 1.5em 0.5em;
  zoom: 1;
  /* Fix for IE 6+7 */ }

.event-date {
  float: left;
  margin: 0 0.4em 1.5em 0; }

.event-list .multi-date {
  background: url(../images/date-separator.png) center no-repeat; }

.event-list .start-date, .event-list .end-date {
  text-align: center;
  width: 3.2em;
  border-radius: 5px;
  background-color: #e6e6e6;
  color: #144f6a; }

.event-list .start-date {
  float: left; }

.event-list .end-date {
  margin-left: 3.8em; }

.event-weekday {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold; }

.event-day {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: -0.2em; }

.event-month {
  text-transform: uppercase;
  font-size: 1.0em;
  line-height: 1em;
  padding: 0.4em 0 0.4em 0;
  font-weight: bold; }

.event-year {
  font-size: 0.8em;
  line-height: 0.8em;
  letter-spacing: 0.1em;
  padding-bottom: 0.3em;
  font-weight: bold; }

.multi-day {
  margin: 0 0 0 7.5em; }

.single-day {
  margin: 0 0 0 3.8em; }

.event-title h3 {
  clear: none;
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 6px;
  font-weight: bold; }

.event-time {
  font-weight: bold;
  padding-right: 0.8em; }

.event-cat {
  font-size: 0.85em; }

.event-details {
  font-size: 1em; }

div.feed {
  display: block; }

div.feed a * {
  vertical-align: middle; }

div.feed img {
  margin: 0 5px 0 2px; }

div.filterbar select.dropdown, div.filterbar ul.hlist, div.filterbar a.link {
  margin: 0 3px;
  vertical-align: middle; }

div.filterbar ul.hlist li {
  float: left;
  list-style: none;
  margin: 0; }

div.filterbar ul.hlist li + li:before {
  content: "|";
  padding: 0 1px; }

/*
 * Eventlist Anpassungen sidebar-b
 */
#sidebar-b .event-list .start-date {
  float: none;
  margin-bottom: 5px; }

#sidebar-b .event-list .end-date {
  float: none;
  margin-left: 0; }

#sidebar-b .multi-day {
  margin: 0 0 0 3.75em; }

#sidebar-b .event-info h3 {
  font-size: 18px;
  line-height: 24px; }

#sidebar-b .event-info .event-time {
  display: block;
  padding-right: 0; }

/*
Besucherzähler
*/
.grid-box .module #mvcwid {
  padding: 10px 0; }

.grid-box .module #mvccount img {
  margin-right: 1px; }

/*
Menü über leaflet map
*/
#content .leaflet-map {
  z-index: 1; }

/* mobile Generell
-------------------------------------------------*/
body#page.mobile {
  color: #fff; }
  body#page.mobile a {
    color: #fff; }
  body#page.mobile h1 {
    font-family: "OpenSansLight", Helvetica, sans-serif; }

/* fonts
-------------------------------------------------*/
@font-face {
  font-family: 'OpenSansLight';
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/yoo_subway_wp/fonts/OpenSans-Light-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSansLight-Thin"), url("/wp-content/themes/yoo_subway_wp/fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/yoo_subway_wp/fonts/OpenSans-Light-webfont.woff") format("woff"), url("/wp-content/themes/yoo_subway_wp/fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("/wp-content/themes/yoo_subway_wp/fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
  /* Legacy iOS */ }

/*atoms
@import "01_atom/";
----------------------------*/
/* Button
-------------------------------------------------*/
/* label
-------------------------------------------------*/
/*molecules
@import "02_molecule/";
----------------------------*/
/* ButtonGroup
-------------------------------------------------*/
/* Datum
-------------------------------------------------*/
body#page.mobile #system article.item header time {
  display: none; }

body#page article.item header time {
  display: none; }

/* Menü für Desktopgeräte
-------------------------------------------------*/
/* Gravity Forms
-------------------------------------------------*/
.gform_wrapper form .validation_error {
  color: #ff0000;
  border-top: #ff0000;
  border-bottom: #ff0000; }

.gform_wrapper form .validation_message,
.gform_wrapper form .gfield_required {
  color: #ff0000; }

.gform_wrapper form li.gfield_error {
  background: inherit !important;
  color: #ff0000; }
  .gform_wrapper form li.gfield_error .gfield_label,
  .gform_wrapper form li.gfield_error ul.gfield_checkbox,
  .gform_wrapper form li.gfield_error ul.gfield_radio,
  .gform_wrapper form li.gfield_error div.ginput_complex.ginput_container label {
    color: #ff0000; }
  .gform_wrapper form li.gfield_error textarea,
  .gform_wrapper form li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-color: #ff0000; }

/* Widgetkit Accordion mobil
-------------------------------------------------*/
body#page.mobile #system .content .wk-accordion h3.toggler {
  background-color: transparent;
  background: none;
  text-shadow: none;
  box-shadow: none; }

body#page.mobile #system .content .wk-accordion .content-wrapper {
  margin-bottom: 20px; }
  body#page.mobile #system .content .wk-accordion .content-wrapper .wk-content {
    padding: 0; }
    body#page.mobile #system .content .wk-accordion .content-wrapper .wk-content table.zebra {
      width: 100% !important; }

/* mobile Article
-------------------------------------------------*/
body#page.mobile #system article.item {
  background-color: rgba(0, 0, 0, 0.3);
  overflow: initial; }
  body#page.mobile #system article.item header time {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    left: -37px;
    top: 0;
    padding: 5px; }
  body#page.mobile #system article.item header .title {
    word-break: break-word;
    padding-left: 5px; }
  body#page.mobile #system article.item header .meta {
    padding-left: 5px; }
  body#page.mobile #system article.item .content img {
    max-width: 100%; }
  body#page.mobile #system article.item .content h2 > img {
    float: none;
    height: auto;
    width: 100%;
    margin-bottom: 15px; }
  body#page.mobile #system article.item .content h2 a > img {
    float: none;
    height: auto;
    width: 100%;
    margin-bottom: 15px; }
  body#page.mobile #system article.item .content ul {
    margin: 0 !important; }
  body#page.mobile #system article.item .content > div {
    float: none !important;
    margin: 0 !important; }
    body#page.mobile #system article.item .content > div.grid-box {
      margin-left: auto !important;
      margin-right: auto !important; }
      body#page.mobile #system article.item .content > div.grid-box p a > img {
        width: inherit !important; }
  body#page.mobile #system article.item .content p > a {
    float: none;
    margin: 0; }
  body#page.mobile #system article.item .content p img {
    height: auto;
    float: none !important;
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto; }
    body#page.mobile #system article.item .content p img .alignleft {
      float: none !important; }
  body#page.mobile #system article.item .content a.button-more {
    background-image: url("../images/button_more_white.png"); }
  body#page.mobile #system article.item .content .table-scrollable {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em; }
    body#page.mobile #system article.item .content .table-scrollable table.zebra {
      width: 400px !important; }
    body#page.mobile #system article.item .content .table-scrollable table tbody {
      word-break: normal; }
  body#page.mobile #system article.item .content .table-scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px; }
  body#page.mobile #system article.item .content .table-scrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, 0.3); }
  body#page.mobile #system article.item .content table.zebra {
    width: 100% !important; }
  body#page.mobile #system article.item .content table tbody {
    word-break: break-word; }

/* mobile Bottom
-------------------------------------------------*/
.mobile #m-bottom .module.widget_custom_html {
  background: none !important; }
  .mobile #m-bottom .module.widget_custom_html .custom-html-widget > .module.mod-box-color1 {
    background: #32839E;
    background: -webkit-gradient(linear, left top, right bottom, from(#5FA0C0), to(#32839E));
    background: linear-gradient(to bottom right, #5FA0C0 0%, #32839E 100%); }
  .mobile #m-bottom .module.widget_custom_html .custom-html-widget > .module.mod-box-color2 {
    background: #9D315C;
    background: -webkit-gradient(linear, left top, right bottom, from(#C05F7C), to(#9D315C));
    background: linear-gradient(to bottom right, #C05F7C 0%, #9D315C 100%); }

/* mobile Article
-------------------------------------------------*/
body#page.mobile #system .content .event-list .event-title {
  word-break: break-word; }

/* mobile Footer Menu
-------------------------------------------------*/
.mobile #m-footer ul.menu {
  padding: 0;
  list-style: none; }

/* Widgetkit Gallerie mobil
-------------------------------------------------*/
body#page.mobile #system .content .box-info .wk-gallery-wall.polaroid {
  margin: 0; }

/* Infobox mobil
-------------------------------------------------*/
body#page.mobile #system .content .box-info {
  background-color: transparent; }

/* Kacheln mobile Ansicht
-------------------------------------------------*/
/*-------------------[max 767px]------------------*/
@media (max-width: 767px) {
  .mobile #m-bottom .widget_custom_html .mod-box h3.module-title {
    color: #B5D3DF;
    font-size: 26px;
    font-family: "OpenSansLight", Helvetica, sans-serif;
    font-weight: 100;
    line-height: 30px;
    letter-spacing: 1px; }
  .mobile #m-bottom .widget_custom_html .mod-box.mod-box-color2 h3.module-title {
    color: #D7A4B6; } }

/* mobile Menu
-------------------------------------------------*/
.mobile .m-toolbar {
  background: #186185 url("/wp-content/themes/yoo_subway_wp/images/background/gradient/gradientblue_img.svg") 50% 50% fixed;
  background-size: 100% 100%; }

.mobile #m-navigation ul li a.parent {
  border-right: 1px solid white;
  margin-top: 5px; }

/* mobile Warnings
-------------------------------------------------*/
.mobile .content .box-warning {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: transparent;
  padding-left: 10px;
  padding-top: 40px; }
  .mobile .content .box-warning p:first-of-type {
    margin-top: 0; }

/* mobile Search
-------------------------------------------------*/
.mobile #m-search .m-content {
  background: #186185 url(/wp-content/themes/yoo_subway_wp/images/background/gradient/gradientblue_img.svg) 50% 50% fixed;
  background-size: 100% 100%; }

/* Widgetkit Slider mobil
-------------------------------------------------*/
/* Widgetkit Slider Tabs
-------------------------------------------------*/
.mobile .wk-slideshow.wk-slideshow-tabs .nav-container ul.nav li {
  border: 1px solid;
  border-radius: 0;
  color: #265273;
  margin-left: 0;
  display: block;
  width: 99%; }
  .mobile .wk-slideshow.wk-slideshow-tabs .nav-container ul.nav li.active {
    background: #186185 url(/wp-content/themes/yoo_subway_wp/images/background/gradient/gradientblue_img.svg) 50% 50% fixed;
    background-size: 100% 100%;
    border: 1px solid #265273;
    color: #fff;
    text-shadow: none; }

/* Widgetkit Slideshow
-------------------------------------------------*/
.mobile #system article.item .content > div.grid-box.width25 {
  width: 245px !important; }
  .mobile #system article.item .content > div.grid-box.width25 .wk-slideshow.wk-slideshow-subway {
    width: 100%; }

/* Video Responsive
-------------------------------------------------*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container embed,
.video-container iframe,
.video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*organisms
@import "03_organism/";
----------------------------*/
/* Header
-------------------------------------------------*/
/* mobile Header
-------------------------------------------------*/
.mobile .m-toolbar {
  background: #186185 url(/wp-content/themes/yoo_subway_wp/images/background/gradient/gradientblue_img.svg) 50% 50% fixed;
  background-size: 100% 100%; }
  .mobile .m-toolbar #m-logo img {
    height: 30px !important;
    margin-top: 5px;
    margin-left: 10px;
    width: auto !important; }

/* Inhalt
-------------------------------------------------*/
/*-------------------[min 768px]------------------*/
/*-------------------[768px -> 1170px]------------------*/
/* Footer
-------------------------------------------------*/
/*templates
@import "04_template/";
----------------------------*/
/* Categories
-------------------------------------------------*/
/* Single
-------------------------------------------------*/
/*pages
@import "05_page/";
----------------------------*/
/* Home
-------------------------------------------------*/
/* mobile Seite
-------------------------------------------------*/
body#page.mobile {
  background: #186185 url(/wp-content/themes/yoo_subway_wp/images/background/gradient/gradientblue_img.svg) 50% 50% fixed;
  background-size: 100% 100%; }