/************************************************

Stylesheet: Global Stylesheet

*************************************************/
/******************************************************************

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants.

******************************************************************/
/*********************
TOOLS
*********************/
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
/*
@include font-face("MyFont", "path/to/MyFont", $style: normal, $weight: normal)
*/
/* rem Umwandlung */
/*
.demo {
  font-size: rem(24px); // Simple
  padding: rem(5px 10px); // Multiple values
  border-bottom: rem(1px solid black); // Multiple mixed values
  box-shadow: rem(0 0 2px #ccc, inset 0 0 5px #eee); // Comma-separated values
  text-shadow: rem(1px 1px) #eee, rem(-1px) 0 #eee; // Alternate use
}
*/
/* breakpoints */
/*
.sidebar {
  width: 60%;
  float: left;
  margin: 0 2% 0 0;
  @include bp-small {
    width: 100%;
    float: none;
    margin: 0;
  }
}	
	
*/
/*
.fade {
  @include opacity(.4);
}
*/
/*********************
CSS3 GRADIENTS.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/* order radius */
/* list reset*/
/*--------------------------------------------------------------*/
/* All SASS Variables */
/*--------------------------------------------------------------*/
/*** Colors ***/
/*** Fonts ***/
@font-face {
  font-family: "GT-Walsheim-Light";
  src: url("../fonts/GT-Walsheim-Light.eot");
  src: url("../fonts/GT-Walsheim-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GT-Walsheim-Light.woff") format("woff"), url("../fonts/GT-Walsheim-Light.ttf") format("truetype"), url("../fonts/GT-Walsheim-Light.svg#GT-Walsheim-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-Walsheim-Medium";
  src: url("../fonts/GT-Walsheim-Medium.eot");
  src: url("../fonts/GT-Walsheim-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GT-Walsheim-Medium.woff") format("woff"), url("../fonts/GT-Walsheim-Medium.ttf") format("truetype"), url("../fonts/GT-Walsheim-Medium.svg#GT-Walsheim-Medium") format("svg");
  font-weight: bold;
  font-style: normal;
}
/*--------------------------------------------------------------*/
/* Layout */
/*--------------------------------------------------------------*/
html {
  min-height: 100%;
  position: relative;
}
body {
  background: #fff;
  font-family: "GT-Walsheim-Light", sans-serif;
  color: #6a5a5b;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 2.375rem;
}
@media only screen and (max-width: 40em) {
  body {
    margin-bottom: 0;
  }
}
.grid-container {
  max-width: 67rem;
}
.inner-content {
  padding: 5.25rem 0;
}
@media only screen and (max-width: 40em) {
  .inner-content {
    padding: 1.5625rem 0;
  }
}
.startBg {
  background: rgba(255, 255, 255, 0.4);
  min-height: 600px;
}
.stundenplan {
  max-width: 650px;
}
.stundenplan .cell .sp-header {
  font-family: "GT-Walsheim-Medium", sans-serif;
  background: #663265;
  color: #fff;
  padding: 3px 5px;
}
.stundenplan .cell .sp-row {
  min-height: 50px;
  margin-bottom: 2px;
  background: rgba(178, 153, 178, 0.4);
  color: #663265;
  padding: 3px 5px;
}
.stundenplan .cell .sp-row.leer {
  background: #f2f1f1;
}
.stundenplan .cell .sp-row:last-of-type {
  border-bottom: 2px solid #663265;
}
/*********************
Typografie
*********************/
h1 {
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-family: "GT-Walsheim-Light", sans-serif;
  color: #6a5a5b;
  font-weight: normal;
  margin-bottom: 2.1875rem;
}
@media only screen and (max-width: 40em) {
  h1 {
    font-size: 2.1875rem;
    line-height: 2.625rem;
  }
}
strong {
  font-family: "GT-Walsheim-Medium", sans-serif;
}
a:link, a:visited {
  color: #663265;
  text-decoration: none;
  font-family: "GT-Walsheim-Medium", sans-serif;
}
a:hover, a:active, a:focus {
  color: #663265;
  text-decoration: none;
  font-family: "GT-Walsheim-Medium", sans-serif;
}
/*********************
HEADER
*********************/
.header {
  border-bottom: 2px solid #fdeb66;
  text-align: center;
  height: 21rem;
  padding-top: 3.375rem;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 40em) {
  .header {
    padding-top: 0;
    height: 10rem;
    background-position: center top;
  }
}
@media only screen and (max-width: 40em) {
  .header .logo img {
    width: 12.5rem;
  }
}
.header .logo .claim {
  color: #663265;
  font-size: 1.5625rem;
  line-height: 1.2;
}
@media only screen and (max-width: 40em) {
  .header .logo .claim {
    font-size: 1.125rem;
  }
}
.top-bar {
  background: none;
  margin-top: 74px;
}
.top-bar ul {
  background: none;
}
@media only screen and (max-width: 40em) {
  .top-bar {
    margin-top: 0.625rem;
    padding: 0;
  }
}
.top-bar .top-bar-center {
  margin: 0 auto;
}
@media only screen and (max-width: 40em) {
  .top-bar .top-bar-center {
    background: #fff;
  }
}
.title-bar {
  background: transparent;
}
.menu-icon::after, .menu-icon:hover::after {
  background: #663265;
  -webkit-box-shadow: 0 7px 0 #663265, 0 14px 0 #663265;
  box-shadow: 0 7px 0 #663265, 0 14px 0 #663265;
}
/*********************
PAGE NAVI STYLES
*********************/
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border: 0;
  margin: 0;
}
ul.dropdown.menu {
  background: none;
}
ul.dropdown.menu li.active > a {
  background: none;
  color: #663265;
  position: relative;
}
ul.dropdown.menu li.active > a:after, ul.dropdown.menu li.active > a:before {
  border: solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  bottom: 0;
  margin-bottom: 0;
}
ul.dropdown.menu li.active > a:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
}
ul.dropdown.menu li.active > a:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: transparent;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
}
ul.dropdown.menu li.menu-item-has-children:hover {
  background: url(../images/arrow.png) center bottom 0px no-repeat;
}
ul.dropdown.menu li.menu-item-has-children.menu-item-has-children.active {
  background: url(../images/arrow.png) center bottom 0px no-repeat;
}
ul.dropdown.menu li.is-active a {
  color: #663265;
}
ul.dropdown.menu li a {
  color: #663265;
  font-size: 1.0625rem;
  padding: 0.8125rem 1.5rem;
  font-family: "GT-Walsheim-Light", sans-serif;
}
ul.dropdown.menu li a:hover {
  color: #663265;
  text-decoration: none;
  position: relative;
}
ul.dropdown.menu li a:hover:after, ul.dropdown.menu li a:hover:before {
  border: solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  pointer-events: none;
  width: 0;
  bottom: 0;
  margin-bottom: 0;
}
ul.dropdown.menu li a:hover:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
}
ul.dropdown.menu li a:hover:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: transparent;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
}
.is-dropdown-submenu, .dropdown.menu > li.opens-right > .is-dropdown-submenu, .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
  border: 0;
  background: #fff !important;
  left: 0 !important;
  right: auto !important;
  top: 96% !important;
  -webkit-box-shadow: 3px 3px 5px #a09797;
  -moz-box-shadow: 3px 3px 5px #a09797;
  box-shadow: 3px 3px 5px #a09797;
  min-width: 208px;
  padding: 0.3125rem 0.625rem;
}
.is-dropdown-submenu li a, .dropdown.menu > li.opens-right > .is-dropdown-submenu li a, .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu li a {
  text-align: left;
  padding: 0.25rem 0rem 0.25rem 0.1875rem !important;
  font-size: 1rem !important;
  color: #6a5a5b !important;
}
.is-dropdown-submenu li a:hover, .dropdown.menu > li.opens-right > .is-dropdown-submenu li a:hover, .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu li a:hover {
  color: #663265 !important;
}
.is-dropdown-submenu li a:hover:after, .dropdown.menu > li.opens-right > .is-dropdown-submenu li a:hover:after, .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu li a:hover:after {
  border-color: transparent !important;
}
@media only screen and (max-width: 40em) {
  .accordion-menu {
    border-bottom: 1px solid #663265;
  }
  .accordion-menu li {
    border-top: 1px solid #663265;
  }
  .accordion-menu li a {
    background: #fff;
  }
  .accordion-menu li.active a {
    color: #fff;
    background: #663265;
  }
  .accordion-menu li ul li {
    border: 0;
  }
  .accordion-menu li ul li a {
    color: #b299b2;
  }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #663265 transparent transparent;
  }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle).active a::after {
    border-color: #fff transparent transparent !important;
  }
}
ul.dropdown.menu li.active ul li > a:after, ul.dropdown.menu li.active ul li > a:before {
  border: none;
}
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none;
}
.widget ul {
  margin: 0;
}
/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 3em;
  border-bottom: 6px solid #663265;
  width: 100%;
  position: absolute;
  height: 38px;
  bottom: 0;
  color: #663265;
}
@media only screen and (max-width: 40em) {
  .footer {
    border-top: 1px solid #663265;
    height: auto;
    padding: 10px 0;
    position: relative;
    margin-top: 0;
  }
}
.footer .inner-footer {
  background: transparent;
  font-size: 0.9375rem;
}
.footer .inner-footer a {
  color: #663265;
}
.page-template-template-start .footer {
  background: rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 40em) {
  .page-template-template-start .footer {
    background: transparent;
  }
}
/*********************
POSTS & CONTENT STYLES
*********************/
.page-title .vcard {
  border: 0px;
  padding: 0px;
}
.byline {
  color: #999;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}
.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe;
}
[data-whatinput="mouse"] .post-password-form input[type="submit"] {
  outline: 0;
}
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
  background-color: #14679e;
  color: #fefefe;
}
/*********************
IMAGE GALLERY STYLES
*********************/
.gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: -15px;
  margin-left: -15px;
}
.gallery::before, .gallery::after {
  content: " ";
  display: table;
}
.gallery::after {
  clear: both;
}
.gallery.gallery-columns-1 > dl {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-1 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery.gallery-columns-2 > dl {
  width: 50%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-2 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery.gallery-columns-3 > dl {
  width: 33.33333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-3 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery.gallery-columns-4 > dl {
  width: 25%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-4 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery.gallery-columns-5 > dl {
  width: 20%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-5 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery.gallery-columns-6 > dl {
  width: 16.66667%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-6 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery.gallery-columns-7 > dl {
  width: 14.28571%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-7 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery.gallery-columns-8 > dl {
  width: 12.5%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-8 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
  float: right;
}
.gallery dl {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.gallery dl:last-child:not(:first-child) {
  float: right;
}
/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce {
  margin: 20px;
}
/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0;
}
.mapWrap {
  margin: 0.625rem 0 1.875rem 0;
}
@media only screen and (max-width: 40em) {
  .mapWrap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
  }
  .mapWrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.mc-main {
  max-width: 210px;
  background: transparent;
  border: 0;
  color: #6a5a5b;
}
.mc-main .my-calendar-header li a {
  border: 0;
  background: none;
  color: #6a5a5b;
  font-size: 20px;
}
.mc-main .my-calendar-table {
  background: rgba(255, 255, 255, 0.4);
}
.mc-main .my-calendar-table caption {
  background: none;
  border: 0;
  margin-left: 20px;
}
.mc-main .my-calendar-table tr:nth-child(even) {
  background: none;
}
.mc-main .my-calendar-table tr td {
  background: none;
  padding: 0 !important;
}
.mc-main .my-calendar-table tr td a {
  font-family: "GT-Walsheim-Light", sans-serif !important;
}
.mc-main .mc_bottomnav {
  display: none;
}
.mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a, .mc-main.mini .current-day span, .mc-main.mini .current-day a {
  font-family: "GT-Walsheim-Light", sans-serif !important;
}
.mc-main .mc-date, .mc-main.mini td {
  background: none;
}
.mc-main .current-day, .mc-main .current-day .mc-date, .mc-main .nextmonth .mc-date, .mc-main .weekend .mc-date {
  background: transparent !important;
}
.mc-main.mini .day-with-date a {
  background: #b299b2 !important;
  color: #fff;
  text-decoration: none;
}
.my-calendar-nav {
  position: absolute;
}
.mc-main th {
  padding: 6px 2px !important;
}
.mc-main td h3, .mc-main td h3 a {
  font-family: "GT-Walsheim-Light", sans-serif;
}
.mc-main .my-calendar-date-switcher, .mc-main .calendar-event .details, .mc-main .calendar-events {
  background: #b299b2;
  -moz-box-shadow: 2px 2px 2px #a2a2a2;
  -webkit-box-shadow: 2px 2px 2px #a2a2a2;
  box-shadow: 2px 2px 2px #a2a2a2;
}
.mini-event h3.event-title {
  display: none;
}
.mc-main .mc_general .event-title, .mc-main .mc_general .event-title a {
  background: none !important;
  color: #fff;
}
.mc-main .weekend .mc-date {
  color: #6a5a5b;
}
.event-time.value-title {
  font-size: inherit;
  color: #fff;
}
.mc-main .mc_general .event-title, .mc-main .mc_general .event-title a {
  color: #fff !important;
}
/*# sourceMappingURL=style.css.map */