@charset "UTF-8";
/* Custom Project-Files */
/**
 * Typography Styles
 */
@import url("https://fonts.googleapis.com/css?family=Parisienne");
@import url("https://fonts.googleapis.com/css?family=Gentium+Basic:400,700");
/*
font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-55Roma';
font-family:'HelveticaNeueW01-65Medi';
font-family:'HelveticaNeueW01-75Bold';
*/
/* font-size -- Angaben in Pixel ohne px */
/**
 * Layout Styles
 */
/**
 * Print Styles
 */
/**
 * ================================================
 * CUSTOM MIXINS
 */
/**
 * ================================================
 * CUSTOM MIXINS - ROUND BORDERS
 */
/* round-border all */
/* round-border top */
/* round-border bottom */
/* round-border left */
/* round-border right */
/* basic mixin to include in others */
/**
 * ================================================
 * YAML CSS3 MIXINS
 */
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  /*
  * @section global typography settings
  *
  * vertical rhythm settings (based on em-unit)
  * -------------------------------------------
  * basefont-size:  14px (87.5%)
  * line-height  :  21px (factor: 1.5) */
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {
    font-size: 100%;
  }
  /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */
  textarea,
  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family: "Droid Sans", sans-serif;
  }
  /* font-size: 14px; */
  body {
    font-family: "Droid Sans", sans-serif;
    font-size: 100%;
    line-height: 1.5em;
    color: #333333;
  }
  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
  }
  h1 {
    margin: 0 0 0.3em 0;
    color: #333333;
    font-size: 250%;
    line-height: 1.2em;
  }
  h2 {
    margin: 0 0 0.2em 0;
    color: #999999;
    font-size: 156.25%;
    line-height: 1.3em;
  }
  h3 {
    margin: 0 0 0.3em 0;
    color: #666666;
    font-size: 112.5%;
    line-height: 1.5em;
  }
  h4 {
    margin: 1.125em 0 0 0;
    color: #3da4d7;
    font-size: 93.75%;
    line-height: 1.5em;
  }
  h5 {
    margin: 1.2857em 0 0 0;
    color: #3da4d7;
    font-size: 93.75%;
    line-height: 1.5em;
  }
  h6 {
    margin: 1.5em 0 0 0;
    color: #3da4d7;
    font-size: 93.75%;
    line-height: 1.5em;
  }
  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul,
  ol,
  dl {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
  ul ul {
    list-style-type: circle;
    margin-top: 0;
  }
  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }
  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }
  li {
    font-size: 100%;
    line-height: 1.5;
    margin-left: 1.2em;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 1.5em 0.8em;
  }
  ul.reset, ol.reset {
    margin: 0;
    list-style: none;
  }
  ul.reset li, ol.reset li {
    margin: 0;
  }
  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p {
    font-size: 100%;
    margin: 0 0 1em 0;
  }
  blockquote, cite, q {
    font-style: italic;
  }
  blockquote {
    background: transparent;
    color: #666666;
    margin: 1.5em 0 0 1.5em;
  }
  strong, b, .bold {
    font-weight: bold;
  }
  em,
  i {
    font-style: italic;
  }
  big {
    font-size: 156.25%;
  }
  small {
    font-size: 87.5%;
  }
  address {
    font-style: normal;
  }
  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size: 100%;
  }
  pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  pre,
  code {
    color: #880000;
  }
  kbd,
  samp,
  var,
  tt {
    color: #666666;
    font-weight: bold;
  }
  var,
  dfn {
    font-style: italic;
  }
  acronym,
  abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  mark {
    background: yellow;
    color: black;
  }
  hr {
    color: #fff;
    background: transparent;
    margin: 10px 0;
    padding: 0;
    border: 0;
    border-bottom: 1px rgba(102, 102, 102, 0.5) solid;
  }
  /*--- Links ----------------------------------------------------------------------------------------- */
  a {
    color: #3da4d7;
    background: transparent;
    text-decoration: none;
  }
  a:active {
    outline: none;
  }
  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:hover {
    color: #3da4d7;
    text-decoration: underline;
  }
  a:focus {
    text-decoration: none;
  }
  a img {
    border: 0 none;
    outline: 0 none;
  }
  /* --- images ------------------ */
  img,
  figure {
    margin: 0;
    vertical-align: bottom;
  }
  .flexible {
    margin-bottom: 1.5em;
    max-width: 100%;
    height: auto;
  }
  /* IE6 workaround - 2% space for possible borders */
  * html .flexible {
    width: 98%;
  }
  .bordered {
    margin-bottom: 1.5em;
    border: 2px #eee solid;
    border: 2px white solid;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }
  .img-fleft {
    float: left;
    margin: 5px 15px 5px 0;
  }
  .img-fright {
    float: right;
    margin: 5px 0 5px 15px;
  }
  /**
  * ----------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
  .large {
    font-size: 156.25%;
  }
  .mtop10 {
    margin-top: 10px;
  }
  .ptop10 {
    padding-top: 10px;
  }
  .pbot1em {
    padding-bottom: 1em;
  }
  .pbot20 {
    padding-bottom: 20px !important;
  }
  .fleft {
    float: left;
  }
  .fright {
    float: right;
  }
  .float-left {
    float: left;
    display: inline;
    margin: 0.5em 1em 0.5em 0;
  }
  .float-right {
    float: right;
    display: inline;
    margin: 0.5em 0 0.5em 2em;
  }
  .center {
    display: block;
    text-align: center;
  }
  .right {
    text-align: right;
  }
  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
  table {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: 0 0 1.35714em 0;
  }
  table.narrow {
    margin: 0 0 1.42857em 0;
  }
  table.narrow th,
  table.narrow td {
    padding: 0 0.5em;
    line-height: 1.42857;
  }
  table.fixed {
    table-layout: fixed;
  }
  table.bordertable {
    border: 1px #ccc solid;
  }
  table.bordertable thead th {
    background: #e0e0e0;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }
  table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
  }
  table.bordertable tbody th {
    border-right: 1px solid #ccc;
  }
  table.bordertable tbody td {
    border-right: 1px solid #ccc;
  }
  caption {
    font-variant: small-caps;
  }
  th,
  td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.71429em 0.5em;
  }
  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }
  th.nowrap,
  td.nowrap {
    white-space: nowrap;
  }
  thead th {
    text-align: left;
    color: #000;
    border-bottom: 2px #000 solid;
  }
  tbody {
    /* highlight row on mouse over */
  }
  tbody th {
    text-align: left;
    border-top: 1px solid #ccc;
  }
  tbody td {
    text-align: left;
    border-top: 1px solid #ccc;
  }
  tbody tr:hover th,
  tbody tr:hover td {
    background: #f8f8f8;
  }
}

/**
 * ------------------------------------------------------------------------------------------------- #
 * Custom Styles
 */
@media all {
  .hideme {
    display: none;
  }
  /*  Umkehrung von Hintergrund- und Schriftfarbe  */
  .neg {
    background-color: #999999;
    color: #fff;
  }
  .neg a, .neg a:hover, .neg a.current {
    color: #3da4d7;
  }
  /*  Webfonts einbinden  */
  .fontface strong,
  .fontface b,
  .fontface .bold,
  .fontface .hervorgehoben,
  .fontface footer,
  .fontface #mainnav a,
  .fontface #mainnav span,
  .fontface .topic-teaser h2 a,
  .fontface .services .trigger {
    font-family: "Droid Sans", sans-serif;
  }
  .fontface h1 {
    font-family: "Gentium Basic", serif;
    font-weight: normal;
  }
  .fontface h2,
  .fontface h3,
  .fontface h4,
  .fontface h5,
  .fontface h6 {
    font-family: "Gentium Basic", serif;
    font-weight: normal;
  }
  /*  Versalien mit Laufweite 1px  */
  #navigation,
  .uppercase {
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  /*  Box Link mit Border 
	
	.box-link {
		display: inline-block;
		min-width: 220px;
		margin: 10px 0;
		border: 1px solid $col-border;
		padding: $basic-vspace $basic-hspace;
		background: #fff;
		color: $fc-default;
		font-weight: normal;
		text-align: center;
		text-decoration: none;
 		@include round-border(6px);
 		cursor: pointer;
 
		&:hover, &.active { color: $fc-default; text-decoration: none; }
	}
*/
  /*  horizontale Trennlinien  */
  hr.ruler {
    margin: 10px 0;
  }
  hr.deco {
    width: 110px;
    margin: 19px auto;
  }
  /*  Navigation  */
  #topnav,
  #mainnav {
    color: #666666;
    font-size: 93.75%;
  }
  #topnav a,
  #mainnav a {
    color: #666666;
    text-decoration: none;
  }
  #topnav a:hover,
  #mainnav a:hover {
    color: #999999;
  }
  #topnav a.current,
  #mainnav a.current {
    color: #999999;
  }
  /*  Topic Teaser  */
  .topic-teaser h2 {
    margin-bottom: 0.8em;
    color: #333333;
    font-size: 112.5%;
  }
  .topic-teaser h2 a {
    display: inline-block;
    padding-left: 3px;
    padding-right: 17px;
  }
  /*  Zitat  */
  .quote blockquote {
    text-align: center;
  }
  .quote blockquote .text {
    font-size: 156.25%;
    line-height: 1.5em;
    font-family: "Gentium Basic", serif;
    font-style: normal;
  }
  .quote blockquote cite {
    font-size: 112.5%;
    font-style: normal;
  }
  /*  Leistungen  */
  .services .trigger {
    color: #333333;
  }
  /*  Responsive : Breite < 400px  */
}

@media screen {
  /**
	 * Basic Element Styling
	 */
  body
.print, .dev-small, .editmode-info {
    display: none;
  }
  /* Grid-Layout */
  .ym-wrapper {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
  }
  .inside {
    position: relative;
    padding: 0 10px;
  }
  .ym-gbox {
    padding: 0 10px;
  }
  .ym-gbox-left {
    padding-right: 10px;
  }
  .ym-gbox-right {
    padding-left: 10px;
  }
  /* skip links styling */
  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }
  /**
	 * generische Klassen
	 */
  .hidden, .not-active {
    display: none;
  }
  .visible, .active {
    display: block;
  }
  .pos-rel {
    position: relative;
  }
  .floatbox {
    clear: both;
    overflow: hidden;
  }
  .no-vscrolling {
    position: relative;
    min-width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #E7ECEF;
  }
  .bg-white {
    background-color: #fff;
  }
  .bg-grey {
    background-color: #f3f3f3;
  }
  .bg-blue {
    background-color: #999999;
  }
  .bg-dark {
    background-color: #333333;
  }
  /**
	 * Link with arrow 
	 */
  .special-link {
    display: inline-block;
    padding-left: 15px;
    background: url("../images/icons.png") no-repeat 3px -73px;
  }
  /** 
 	 * Responsive Allgemein 
 	 */
  /* viewport < max-wrapper-width */
}

@media screen and (max-width: 1000px) {
  img, figure {
    max-width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  .linearize-level-1 .ym-gbox,
  .linearize-level-1 .ym-gbox-left,
  .linearize-level-1 .ym-gbox-right {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 699px) {
  .linearize-level-2,
  .linearize-level-2 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  .linearize-level-2 .ym-gbox,
  .linearize-level-2 .ym-gbox-left,
  .linearize-level-2 .ym-gbox-right {
    padding-left: 0;
    padding-right: 0;
  }
  .linearize-level-2 .ym-gbox,
  .linearize-level-2 .ym-gbox-right {
    margin-top: 40px;
  }
}

@media screen and (max-width: 599px) {
  .linearize-level-3,
  .linearize-level-3 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  .linearize-level-3 .ym-gbox,
  .linearize-level-3 .ym-gbox-left,
  .linearize-level-3 .ym-gbox-right {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: basic-vspace;
  }
}

@media screen {
  button, .button {
    border: inherit;
    background-color: #3da4d7;
    color: #fff;
    cursor: pointer;
  }
  button:hover, .button:hover {
    background-color: #f3f3f3;
    color: #3da4d7;
  }
  input.button {
    padding: 5px;
  }
}

/* basic styling */
header {
  position: relative;
  padding-top: 0px;
  border-bottom: 1px solid rgba(102, 102, 102, 0.5);
  background-color: #fff;
}

header .wrapper {
  min-height: 105px;
}

/**
 * Header = position : fixed 
 */
body.fixed-nav {
  padding-top: 105px;
}

body.fixed-nav header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* height: $header-height; */
  z-index: 10;
}

#logo {
  position: absolute;
  left: 15px;
  top: 12px;
  width: 240px;
  height: 94px;
  font-family: 'Parisienne', cursive;
  text-transform: none;
  font-size: 40px;
  text-decoration: none;
  line-height: 2em;
  color: #666666;
}

#logo a {
  display: block;
  height: 105px;
}

#navigation {
  position: relative;
  height: 104px;
  border: 0px solid orange;
}

#titelbild img {
  width: 100%;
  padding: 40px 0px;
}

/* Media-Queries */
/* Responsive : width < $wrapper-width */
@media screen {
  #main {
    width: 100%;
    position: relative;
    background-color: #fff;
    /*		.backlink { text-align: right; } */
  }
  #main .article {
    padding: 40px 0;
  }
  #main .article h1, #main .article h2 {
    text-align: center;
  }
  #main .article .text {
    padding-bottom: 10px;
  }
  #main .article .ruler {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  #main .article .spacer {
    position: relative;
    margin-top: 60px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
  }
  #main .article .spacer h3 {
    position: absolute;
    left: 0;
    bottom: -17px;
    padding-right: 10px;
    background-color: #fff;
    border: 0px solid green;
  }
  #main .toplink {
    margin-top: 20px;
    border: 0px solid orange;
    padding: 40px 0;
    background: url("../images/bg_footer.jpg") repeat-y center top;
    -webkit-box-shadow: inset 0px -60px 60px rgba(17, 17, 17, 0.7);
    box-shadow: inset 0px -60px 60px rgba(17, 17, 17, 0.7);
  }
  #main .toplink .icon-top {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    cursor: pointer;
  }
  #main .toplink .icon-top a {
    display: block;
    width: 42px;
    height: 42px;
    background: url("../images/icons.png") no-repeat 0px -10px;
  }
  /*  3 Schwerpunkte - Übersicht  */
  .topics {
    border-top: 0px solid rgba(102, 102, 102, 0.5);
    padding-bottom: 40px;
  }
  .topics .bg-grey {
    position: absolute;
    width: 100%;
    height: 208px;
  }
  .topics .topic-teaser .image-wrapper {
    height: 208px;
    overflow: hidden;
  }
  .topics .topic-teaser .image {
    padding: 10px 0;
  }
  .topics .topic-teaser .image img {
    max-width: 100%;
    max-height: 188px;
  }
  .topics .topic-teaser .text {
    padding-top: 11px;
  }
  .topics .topic-teaser.teaser-left .image, .topics .topic-teaser.teaser-left .text {
    padding-right: 20px;
  }
  .topics .topic-teaser.teaser-middle .image, .topics .topic-teaser.teaser-middle .text {
    padding-left: 10px;
    padding-right: 10px;
  }
  .topics .topic-teaser.teaser-right .image, .topics .topic-teaser.teaser-right .text {
    padding-left: 20px;
  }
}

@media screen and (max-width: 1050px) {
  .topics .topic-teaser.teaser-left .image,
  .topics .topic-teaser.teaser-left .text,
  .topics .topic-teaser.teaser-middle .image,
  .topics .topic-teaser.teaser-middle .text,
  .topics .topic-teaser.teaser-right .image,
  .topics .topic-teaser.teaser-right .text {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .topics .bg-grey {
    visibility: hidden;
  }
  .topics .topic-teaser .image-wrapper {
    height: auto;
    background-color: #f3f3f3;
  }
}

@media screen and (max-width: 699px) {
  .topics .ym-g33 {
    width: 100%;
  }
  .topics .ym-gl {
    float: none;
  }
  .topics .teaser-middle {
    margin: 40px 0;
  }
}

@media screen {
  .image-panel {
    padding: 5px 0;
  }
  .image-panel .image {
    position: relative;
    max-height: 210px;
    padding: 10px 0;
    overflow: hidden;
  }
  .image-panel img {
    max-width: 100%;
    height: auto;
  }
  .image-panel .curtain {
    position: absolute;
    right: 0;
    top: 10px;
    width: auto;
    height: 100%;
  }
  /*  Zitat  */
  .quote {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .quote blockquote {
    margin: 0 10px;
    padding: 0 50px;
  }
  .quote blockquote .h2-ruler {
    margin: 35px auto 20px auto;
    border-color: #fff;
  }
  .quote .left-quotation-mark {
    position: absolute;
    top: -10px;
    left: 15px;
    width: 111px;
    height: 111px;
    background: url("../images/backgrounds.png") no-repeat left top;
  }
  .quote .right-quotation-mark {
    position: absolute;
    top: -10px;
    right: 0;
    width: 172px;
    height: 172px;
    background: url("../images/backgrounds.png") no-repeat right top;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}

/* end media */
@media screen {
  .page-footer {
    position: relative;
    /* Media-Queries */
  }
  .page-footer .abstand {
    height: 60px;
  }
  .page-footer .bg-grey {
    padding-bottom: 60px;
  }
  .page-footer .bg-blue {
    position: absolute;
    width: 100%;
    height: 340px;
  }
  .page-footer .footer-logo {
    position: relative;
    height: 215px;
    padding: 0 50px;
  }
  .page-footer .footer-logo .logo {
    position: absolute;
    right: 0;
    top: 85px;
    width: 405px;
    height: 100px;
    border: 0px solid orange;
    background: url("../images/logo_footer.png") no-repeat;
  }
  .page-footer .footer-logo .phrase {
    position: absolute;
    left: 50px;
    top: 163px;
    width: 500px;
    height: 20px;
    border-right: 0px solid orange;
    font-size: 156.25%;
  }
  .page-footer .footer-text {
    padding: 30px 50px;
    color: #333333;
  }
  .page-footer .footer-text .ym-gbox-left {
    font-size: 87.5%;
  }
  .page-footer .footer-text address {
    position: relative;
    float: right;
    width: 220px;
    border: 0px solid green;
    padding-top: 10px;
  }
}

@media screen and (max-width: 599px) {
  .page-footer .footer-text address {
    float: none;
    width: auto;
  }
}

@media screen {
  .page-footer .footer-nav {
    padding: 10px;
    font-size: 87.5%;
    background-color: #333333;
    padding-bottom: 20px;
  }
  .page-footer .footer-nav li {
    display: inline;
  }
  .page-footer .footer-nav span.bereich {
    display: inline-block;
    padding: 2px 20px 2px 0;
    color: #fff;
  }
  .page-footer .footer-nav a {
    display: inline-block;
    padding: 2px 20px 2px 15px;
  }
  .page-footer .footer-nav .toplink {
    position: absolute;
    left: 50%;
    top: 24px;
    width: 14px;
    height: 9px;
    margin-left: -7px;
    background: url("../images/icons.png") no-repeat -18px -335px;
    cursor: pointer;
  }
  .page-footer .footer-nav .icon-top {
    margin-left: -7px;
  }
}

@media screen and (max-width: 767px) {
  .page-footer .footer-nav .bereich {
    display: block;
  }
  .page-footer .footer-nav a {
    display: block;
    margin-top: 5px;
    text-align: left;
  }
}

@media screen and (max-width: 939px) {
  .page-footer .footer-logo {
    height: 250px;
  }
  .page-footer .footer-logo .logo {
    top: 55px;
  }
  .page-footer .footer-logo .phrase {
    left: 0;
    right: 20px;
    top: 185px;
    width: auto;
    text-align: right;
  }
  .page-footer .footer-text {
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 20px;
  }
}

@media screen {
  /* Allgemein */
  nav ul {
    margin: 0;
    list-style: none;
  }
  nav li {
    margin: 0;
    padding: 0;
    background: none;
  }
  nav a {
    text-decoration: none;
  }
  nav a:hover {
    text-decoration: underline;
  }
  /* Top-Navigation */
  #topnav {
    position: relative;
    margin: 0 130px 0 250px;
    border: 0px solid orange;
    text-align: right;
    z-index: 25;
  }
  #topnav li {
    display: inline-block;
  }
  #topnav a {
    display: inline-block;
    padding-top: 40px;
  }
  #topnav a:hover, #topnav a .active {
    color: #333333;
  }
  #topnav a span {
    display: block;
    padding: 0px 15px 10px 15px;
    background-color: #fff;
  }
  /* Main-Navigation */
  #mainnav {
    position: absolute;
    top: 28px;
    right: 0px;
    border: 0px solid orange;
    text-align: right;
    z-index: 20;
    /*
		.subitems {
			display: none; 
			position: absolute; 
			top: 43px; 
			left: 0px; 
			min-width: 230px; 
			margin: 0; 
			padding: 0px 0 0px 0; 
			background-color: #000;
			background-color: rgba($black,0.8);
			list-style-type: none; 
			clear: left; 
			z-index: 20;
		
			li {
				padding: 0;
			}
			
			a {
				display: block; 
				padding: 5px 20px;
				
				&:hover,
				&.current {
					
				}
			}
		}

		li.level-top:hover .subitems,
		li.level-top.open .subitems,
		.display-block { display: block; }
*/
  }
  #mainnav .topnav-item {
    display: none;
  }
  #mainnav.open .nav,
  #mainnav:hover .nav {
    display: block;
  }
  #mainnav .trigger {
    float: right;
    width: 105px;
    background: url("../images/icons.png") no-repeat right -27px;
    color: #333333;
    cursor: pointer;
  }
  #mainnav .trigger span {
    display: block;
    padding: 10px 42px 9px 13px;
    -webkit-box-shadow: 0px 0px 3px #666666;
    box-shadow: 0px 0px 3px #666666;
    color: #333333;
    cursor: pointer;
  }
  #mainnav .trigger span:hover, #mainnav .trigger span.open {
    color: #999999;
  }
  #mainnav .nav {
    display: none;
    clear: right;
    margin-top: 50px;
    padding: 15px 20px;
    -webkit-box-shadow: 0px 0px 3px #666666;
    box-shadow: 0px 0px 3px #666666;
    background-color: #fff;
  }
  #mainnav .nav li {
    position: relative;
    margin: 0;
  }
  #mainnav .nav li a {
    display: block;
    border-top: 1px solid rgba(102, 102, 102, 0.5);
    padding: 10px 22px 5px 22px;
    background: url("../images/icons.png") no-repeat right -195px;
  }
  #mainnav .nav li a:hover, #mainnav .nav li a.current {
    background-position: right -225px;
  }
  #mainnav .nav li a.first {
    border: none;
  }
}

@media screen and (max-width: 0px) {
  #mainnav {
    margin-top: 80px;
  }
}

@media screen and (max-width: 979px) {
  #topnav {
    display: none;
  }
  #mainnav .topnav-item {
    display: inherit;
  }
  #top .inside {
    padding: inherit;
  }
  #navigation {
    height: 130px;
  }
  #mainnav {
    top: 67px;
    left: 0;
    text-align: inherit;
  }
  #mainnav .nav {
    margin-top: 63px;
    padding: 15px 5px;
  }
  #mainnav .trigger {
    position: absolute;
    left: 50%;
    margin-left: -52px;
  }
  #logo {
    top: 0px;
    left: 50%;
    margin-left: -106px;
    font-size: 35px;
  }
}

@media all {
  .gallery {
    margin: 0 -10px;
    padding: 5px 0;
    list-style: none outside none;
    overflow: hidden;
    border: 0px solid red;
  }
  .gallery li {
    float: left;
    width: 33.3333%;
    margin: 0;
  }
  .gallery li a {
    position: relative;
    display: block;
    margin: 10px 10px;
    border: 0px solid #3C3C3C;
  }
  .gallery li a img {
    max-width: 100%;
    height: auto;
  }
  .gallery li a .curtain {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 100%;
  }
  .gallery li a .icon-plus {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(102, 102, 102, 0.5);
    background: url(../images/add.svg) no-repeat center center;
    background-size: 20px;
    background-color: #fff;
  }
  .gallery li a:hover .icon-plus {
    background: url(../images/add.svg) no-repeat center center;
    background-size: 20px;
    background-color: #f3f3f3;
  }
}

@media all and (max-width: 673px) {
  .gallery li {
    width: 50%;
  }
}

@media all and (max-width: 337px) {
  .gallery li {
    width: 100%;
  }
}

/**
 * Formatierung des Kontaktformulars
 */
@media all {
  .formular .text.notice {
    padding: 40px 0 0 0;
    font-weight: bold;
    color: inherit;
    text-align: center;
  }
  .formular .ym-gbox.inner {
    padding-bottom: 0;
  }
  .formular form {
    padding: 20px 0;
  }
  .formular fieldset {
    position: relative;
    margin-bottom: 10px;
    padding: 20px 0px 8px 0px;
    /**
			 *	Checkbox-Styling
			 */
  }
  .formular fieldset .floatbox {
    margin-bottom: 5px;
    line-height: 2em;
    overflow: hidden;
  }
  .formular fieldset .nolabel {
    padding: 20px;
    font-weight: bold;
  }
  .formular fieldset p.legend {
    margin-bottom: 20px;
    font-size: 120%;
  }
  .formular fieldset label {
    display: block;
    width: auto;
    text-align: left;
  }
  .formular fieldset label.error {
    width: 135%;
    margin-left: auto10;
    margin-bottom: 0.5em;
    padding-right: 0;
    color: inherit;
    font-size: 87.5%;
    text-align: left;
  }
  .formular fieldset input,
  .formular fieldset textarea {
    box-sizing: border-box;
    border: 1px solid #666666;
    padding: 3px 6px;
    font-size: 87.5%;
  }
  .formular fieldset input.textfield,
  .formular fieldset textarea.textfield {
    padding: 6px;
    width: 100%;
  }
  .formular fieldset input.error,
  .formular fieldset textarea.error {
    border-color: inherit;
  }
  .formular fieldset textarea {
    height: 200px;
  }
  .formular fieldset input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .formular fieldset input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 40px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  .formular fieldset input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -18px;
  }
  .formular fieldset label.css-label {
    background-image: url("../images/csscheckbox_18px.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .formular fieldset .captcha .border {
    display: inline-block;
    margin-top: 20px;
    border: 1px solid #666666;
    padding: 5px;
  }
  .formular .info-text {
    margin-left: 50%;
  }
  .formular .info-text .pflichtfelder {
    margin-bottom: 0;
    padding: 0 40px 40px 40px;
  }
}

@media all and (max-width: 699px) {
  .formular .info-text .pflichtfelder {
    padding: 0 30px 30px 30px;
  }
}

@media all and (max-width: 767px) {
  .formular .info-text {
    margin-left: 0;
  }
}

@media all {
  .formular .button-submit {
    position: relative;
    display: inline-block;
    color: #fff;
  }
  .formular .button-submit:hover {
    background-color: #f3f3f3;
    color: #3da4d7;
  }
  .formular .button-submit .submit {
    position: relative;
    display: inline-block;
    border: none;
    padding: 10px 20px 10px 20px;
    color: #fff;
    background: transparent;
    font-size: 87.5%;
    cursor: pointer;
  }
  .formular .button-submit .submit:hover {
    background-color: #f3f3f3;
    color: #3da4d7;
  }
  .formular .wrapper-submit.inner {
    padding-top: 0;
  }
}

@media all and (max-width: 699px) {
  .formular .wrapper-submit.inner {
    text-align: left;
  }
}

@media all and (max-width: 400px) {
  .formular fieldset .floatbox {
    margin-bottom: 10px;
    line-height: 1.5em;
  }
  .formular fieldset label {
    float: none;
    width: auto;
    padding-right: 0;
  }
  .formular .button-submit input {
    margin-left: 0;
  }
}

@media all {
  .formular #mail {
    position: absolute;
    left: -125em;
    top: -10em;
    border: inherit;
  }
}

@media screen {
  /**
 *  Infoboxen 3 Spalten
 *  
 *  Beispiel: Eickworth - Leistungsprofil
 */
  .services {
    padding: 40px 0;
    overflow: hidden;
  }
  .services h1,
  .services h2 {
    text-align: center;
  }
  .services .monat {
    margin-left: 20px;
  }
  .services .row {
    position: relative;
    margin: 0 -10px;
    padding-top: 82px;
    border: 0px solid orange;
  }
  .services .row .col {
    display: block;
    margin: 0;
    border: 0px solid green;
    padding-bottom: 0px;
  }
  .services .row .wrapper {
    position: absolute;
    top: 0px;
    width: 33.33%;
  }
  .services .row .wrapper.first {
    left: 0;
  }
  .services .row .wrapper.second {
    left: 33.33%;
  }
  .services .row .wrapper.third {
    left: 66.66%;
  }
  .services .row .wrapper.monatsuebersicht {
    position: inherit;
    width: 100%;
  }
  .services .row .trigger {
    margin: 10px;
    border: 1px solid rgba(102, 102, 102, 0.5);
    cursor: pointer;
    position: relative;
  }
  .services .row .trigger:hover {
    border: 1px solid #666666;
  }
  .services .row .trigger.active {
    border: 1px solid #666666;
    cursor: pointer;
  }
  .services .row .trigger.active span.icons {
    background: url("../images/substract.svg") no-repeat center center;
    background-size: 20px;
  }
  .services .row .trigger span {
    display: block;
    margin-right: 60px;
    border-right: 1px solid rgba(102, 102, 102, 0.5);
    padding: 18px 18px 18px 18px;
    background: #fff;
  }
  .services .row .trigger span.icons {
    width: 60px;
    position: absolute;
    right: 0;
    padding: inherit;
    height: 60px;
    top: 0px;
    border: none;
    margin: 0;
    background: url("../images/add.svg") no-repeat center center;
    background-size: 20px;
  }
  .services .row .content {
    display: none;
    margin: 0 10px 10px 10px;
    padding: 15px 15px;
    background-color: #f3f3f3;
    color: #333333;
  }
  .services .row .content .ym-grid {
    margin-top: 15px;
  }
}

@media screen and (max-width: 899px) {
  .services .row .trigger span {
    background-image: none;
    padding-left: 18px;
  }
}

@media screen and (max-width: 743.9px) {
  .services .row {
    padding-top: 0px;
  }
  .services .row .wrapper {
    position: relative;
    top: auto;
    width: 100%;
  }
  .services .row .wrapper.first, .services .row .wrapper.second, .services .row .wrapper.third {
    left: auto;
  }
}

/*
* FooTable v3 - FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome.
* @version 3.1.5
* @link http://fooplugins.com
* @copyright Steven Usher & Brad Vincent 2015
* @license Released under the GPLv3 license.
*/
/* globals - instead we house them under the .footable.table class as the root of FooTable is always the table itself. */
.footable.table, .footable.table *,
.footable-details.table, .footable-details.table * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.footable.table th,
.footable-details.table th {
  text-align: left;
}

/* tables */
.footable.table,
.footable-details.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.footable.table > caption + thead > tr:first-child > th,
.footable.table > colgroup + thead > tr:first-child > th,
.footable.table > thead:first-child > tr:first-child > th,
.footable.table > caption + thead > tr:first-child > td,
.footable.table > colgroup + thead > tr:first-child > td,
.footable.table > thead:first-child > tr:first-child > td,
.footable-details.table > caption + thead > tr:first-child > th,
.footable-details.table > colgroup + thead > tr:first-child > th,
.footable-details.table > thead:first-child > tr:first-child > th,
.footable-details.table > caption + thead > tr:first-child > td,
.footable-details.table > colgroup + thead > tr:first-child > td,
.footable-details.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.footable.table > thead > tr > th,
.footable.table > tbody > tr > th,
.footable.table > tfoot > tr > th,
.footable.table > thead > tr > td,
.footable.table > tbody > tr > td,
.footable.table > tfoot > tr > td,
.footable-details.table > thead > tr > th,
.footable-details.table > tbody > tr > th,
.footable-details.table > tfoot > tr > th,
.footable-details.table > thead > tr > td,
.footable-details.table > tbody > tr > td,
.footable-details.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.footable.table > thead > tr > th,
.footable.table > thead > tr > td,
.footable-details.table > thead > tr > th,
.footable-details.table > thead > tr > td {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.footable.table-condensed > thead > tr > th,
.footable.table-condensed > tbody > tr > th,
.footable.table-condensed > tfoot > tr > th,
.footable.table-condensed > thead > tr > td,
.footable.table-condensed > tbody > tr > td,
.footable.table-condensed > tfoot > tr > td,
.footable-details.table-condensed > thead > tr > th,
.footable-details.table-condensed > tbody > tr > th,
.footable-details.table-condensed > tfoot > tr > th,
.footable-details.table-condensed > thead > tr > td,
.footable-details.table-condensed > tbody > tr > td,
.footable-details.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.footable.table-bordered,
.footable-details.table-bordered {
  border: 1px solid #ddd;
}

.footable.table-bordered > thead > tr > th,
.footable.table-bordered > tbody > tr > th,
.footable.table-bordered > tfoot > tr > th,
.footable.table-bordered > thead > tr > td,
.footable.table-bordered > tbody > tr > td,
.footable.table-bordered > tfoot > tr > td,
.footable-details.table-bordered > thead > tr > th,
.footable-details.table-bordered > tbody > tr > th,
.footable-details.table-bordered > tfoot > tr > th,
.footable-details.table-bordered > thead > tr > td,
.footable-details.table-bordered > tbody > tr > td,
.footable-details.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.footable.table-bordered > thead > tr > th,
.footable.table-bordered > thead > tr > td,
.footable-details.table-bordered > thead > tr > th,
.footable-details.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.footable.table-striped > tbody > tr:nth-child(odd),
.footable-details.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.footable.table-hover > tbody > tr:hover,
.footable-details.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

/* buttons */
.footable .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: visible;
  text-transform: none;
}

.footable .btn:hover,
.footable .btn:focus,
.footable .btn.focus {
  color: #333;
  text-decoration: none;
}

.footable .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.footable .btn-default:hover,
.footable .btn-default:focus,
.footable .btn-default.focus,
.footable .btn-default:active,
.footable .btn-default.active,
.footable .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.footable .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.footable .btn-primary:hover,
.footable .btn-primary:focus,
.footable .btn-primary.focus,
.footable .btn-primary:active,
.footable .btn-primary.active,
.footable .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

/* button groups */
.footable .btn-group, .footable .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.footable .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.footable .btn-group > .btn:first-child {
  margin-left: 0;
}

.footable .btn-group-vertical > .btn,
.footable .btn-group > .btn {
  position: relative;
  float: left;
}

.footable .btn-group-xs > .btn,
.footable .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.footable .btn-group-sm > .btn,
.footable .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.footable .btn-group-lg > .btn,
.footable .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

/* caret */
.footable .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.footable .btn .caret {
  margin-left: 0;
}

/* form-group */
.form-group {
  margin-bottom: 15px;
}

/* form-control */
.footable .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  margin: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* input-group */
.footable .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.footable .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.footable .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.footable .input-group-addon,
.footable .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.footable .input-group-addon,
.footable .input-group-btn,
.footable .input-group .form-control {
  display: table-cell;
}

.footable .input-group-btn > .btn + .btn,
.footable .input-group-btn:last-child > .btn,
.footable .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

.footable .input-group-btn > .btn {
  position: relative;
}

.footable .input-group-btn > .btn:hover,
.footable .input-group-btn > .btn:focus,
.footable .input-group-btn > .btn:active {
  z-index: 2;
}

.footable .input-group .form-control:first-child,
.footable .input-group-addon:first-child,
.footable .input-group-btn:first-child > .btn,
.footable .input-group-btn:first-child > .btn-group > .btn,
.footable .input-group-btn:first-child > .dropdown-toggle,
.footable .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.footable .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.footable .input-group .form-control:last-child,
.footable .input-group-addon:last-child,
.footable .input-group-btn:last-child > .btn,
.footable .input-group-btn:last-child > .btn-group > .btn,
.footable .input-group-btn:last-child > .dropdown-toggle,
.footable .input-group-btn:first-child > .btn:not(:first-child),
.footable .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* checkboxes & radios */
.footable .radio,
.footable .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.footable .radio label,
.footable .checkbox label {
  max-width: 100%;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.footable .radio input[type=radio],
.footable .radio-inline input[type=radio],
.footable .checkbox input[type=checkbox],
.footable .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

/* dropdown-menu */
.footable .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.footable .open > .dropdown-menu {
  display: block;
}

.footable .dropdown-menu-right {
  right: 0;
  left: auto;
}

.footable .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.footable .dropdown-menu > li > a:hover,
.footable .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

/* pagination */
.footable .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.footable .pagination > li {
  display: inline;
}

.footable .pagination > li:first-child > a,
.footable .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.footable .pagination > li > a,
.footable .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.footable .pagination > li > a:hover,
.footable .pagination > li > span:hover,
.footable .pagination > li > a:focus,
.footable .pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.footable .pagination > .active > a,
.footable .pagination > .active > span,
.footable .pagination > .active > a:hover,
.footable .pagination > .active > span:hover,
.footable .pagination > .active > a:focus,
.footable .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.footable .pagination > .disabled > span,
.footable .pagination > .disabled > span:hover,
.footable .pagination > .disabled > span:focus,
.footable .pagination > .disabled > a,
.footable .pagination > .disabled > a:hover,
.footable .pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

/* labels */
.footable .label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.footable .label-default {
  background-color: #777;
}

/* wells */
.footable-loader.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -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);
}

/* screen reader only */
.footable .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* form-inline */
@media (min-width: 768px) {
  .footable .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .footable .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .footable .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .footable .form-inline .input-group .input-group-addon,
  .footable .form-inline .input-group .input-group-btn,
  .footable .form-inline .input-group .form-control {
    width: auto;
  }
  .footable .form-inline .input-group > .form-control {
    width: 100%;
  }
}

table.footable,
table.footable-details {
  position: relative;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

table.footable-details {
  margin-bottom: 0;
}

table.footable-hide-fouc {
  display: none;
}

table > tbody > tr > td > span.footable-toggle {
  margin-right: 8px;
  opacity: 0.3;
}

table > tbody > tr > td > span.footable-toggle.last-column {
  margin-left: 8px;
  float: right;
}

table.table-condensed > tbody > tr > td > span.footable-toggle {
  margin-right: 5px;
}

table.footable-details > tbody > tr > th:nth-child(1) {
  min-width: 40px;
  width: 120px;
}

table.footable-details > thead > tr:first-child > th,
table.footable-details > thead > tr:first-child > td,
table.footable-details > tbody > tr:first-child > th,
table.footable-details > tbody > tr:first-child > td,
table.footable-details > tfoot > tr:first-child > th,
table.footable-details > tfoot > tr:first-child > td {
  border-top-width: 0;
}

table.footable-details.table-bordered > thead > tr:first-child > th,
table.footable-details.table-bordered > thead > tr:first-child > td,
table.footable-details.table-bordered > tbody > tr:first-child > th,
table.footable-details.table-bordered > tbody > tr:first-child > td,
table.footable-details.table-bordered > tfoot > tr:first-child > th,
table.footable-details.table-bordered > tfoot > tr:first-child > td {
  border-top-width: 1px;
}

div.footable-loader {
  vertical-align: middle;
  text-align: center;
  height: 300px;
  position: relative;
}

div.footable-loader > span.fooicon {
  display: inline-block;
  opacity: 0.3;
  font-size: 30px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: fooicon-spin-r 2s infinite linear;
  animation: fooicon-spin-r 2s infinite linear;
}

table.footable > tbody > tr.footable-empty > td {
  vertical-align: middle;
  text-align: center;
  font-size: 30px;
}

table.footable > tbody > tr > td,
table.footable > tbody > tr > th {
  display: none;
}

table.footable > tbody > tr.footable-empty > td,
table.footable > tbody > tr.footable-empty > th,
table.footable > tbody > tr.footable-detail-row > td,
table.footable > tbody > tr.footable-detail-row > th {
  display: table-cell;
}

@-webkit-keyframes fooicon-spin-r {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fooicon-spin-r {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fooicon {
  display: inline-block;
  font-size: inherit;
  font-family: 'FontAwesome' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fooicon:before,
.fooicon:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fooicon-loader:before {
  content: "\f01e";
}

.fooicon-plus:before {
  content: "\f067";
}

.fooicon-minus:before {
  content: "\f068";
}

.fooicon-search:before {
  content: "\f002";
}

.fooicon-remove:before {
  content: "\f00d";
}

.fooicon-sort:before {
  content: "\f0dc";
}

.fooicon-sort-asc:before {
  content: "\f160";
}

.fooicon-sort-desc:before {
  content: "\f161";
}

.fooicon-pencil:before {
  content: "\f040";
}

.fooicon-trash:before {
  content: "\f1f8";
}

.fooicon-eye-close:before {
  content: "\f070";
}

.fooicon-flash:before {
  content: "\f0e7";
}

.fooicon-cog:before {
  content: "\f013";
}

.fooicon-stats:before {
  content: "\f080";
}

table.footable > thead > tr.footable-filtering > th {
  border-bottom-width: 1px;
  font-weight: normal;
}

.footable-filtering-external.footable-filtering-right,
table.footable > thead > tr.footable-filtering > th,
table.footable.footable-filtering-right > thead > tr.footable-filtering > th {
  text-align: right;
}

.footable-filtering-external.footable-filtering-left,
table.footable.footable-filtering-left > thead > tr.footable-filtering > th {
  text-align: left;
}

.footable-filtering-external.footable-filtering-center,
table.footable.footable-filtering-center > thead > tr.footable-filtering > th {
  text-align: center;
}

table.footable > thead > tr.footable-filtering > th div.form-group {
  margin-bottom: 0;
}

table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
  margin-top: 5px;
}

table.footable > thead > tr.footable-filtering > th div.input-group {
  width: 100%;
}

.footable-filtering-external ul.dropdown-menu > li > a.checkbox,
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox {
  margin: 0;
  display: block;
  position: relative;
}

.footable-filtering-external ul.dropdown-menu > li > a.checkbox > label,
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label {
  display: block;
  padding-left: 20px;
}

.footable-filtering-external ul.dropdown-menu > li > a.checkbox input[type="checkbox"],
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
}

@media (min-width: 768px) {
  table.footable > thead > tr.footable-filtering > th div.input-group {
    width: auto;
  }
  table.footable > thead > tr.footable-filtering > th div.form-group {
    margin-left: 2px;
    margin-right: 2px;
  }
  table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
    margin-top: 0;
  }
}

table.footable > thead > tr > td.footable-sortable,
table.footable > thead > tr > th.footable-sortable,
table.footable > tbody > tr > td.footable-sortable,
table.footable > tbody > tr > th.footable-sortable,
table.footable > tfoot > tr > td.footable-sortable,
table.footable > tfoot > tr > th.footable-sortable {
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}

td.footable-sortable > span.fooicon,
th.footable-sortable > span.fooicon {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -7px;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

td.footable-sortable:hover > span.fooicon,
th.footable-sortable:hover > span.fooicon {
  opacity: 1;
}

td.footable-sortable.footable-asc > span.fooicon,
th.footable-sortable.footable-asc > span.fooicon,
td.footable-sortable.footable-desc > span.fooicon,
th.footable-sortable.footable-desc > span.fooicon {
  opacity: 1;
}

/* hides the sort icons when sorting is not allowed */
table.footable-sorting-disabled td.footable-sortable.footable-asc > span.fooicon,
table.footable-sorting-disabled td.footable-sortable.footable-desc > span.fooicon,
table.footable-sorting-disabled td.footable-sortable:hover > span.fooicon,
table.footable-sorting-disabled th.footable-sortable.footable-asc > span.fooicon,
table.footable-sorting-disabled th.footable-sortable.footable-desc > span.fooicon,
table.footable-sorting-disabled th.footable-sortable:hover > span.fooicon {
  opacity: 0;
  visibility: hidden;
}

.footable-paging-external ul.pagination,
table.footable > tfoot > tr.footable-paging > td > ul.pagination {
  margin: 10px 0 0 0;
}

.footable-paging-external span.label,
table.footable > tfoot > tr.footable-paging > td > span.label {
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 4px 10px;
}

.footable-paging-external.footable-paging-center,
table.footable > tfoot > tr.footable-paging > td,
table.footable-paging-center > tfoot > tr.footable-paging > td {
  text-align: center;
}

.footable-paging-external.footable-paging-left,
table.footable-paging-left > tfoot > tr.footable-paging > td {
  text-align: left;
}

.footable-paging-external.footable-paging-right,
table.footable-paging-right > tfoot > tr.footable-paging > td {
  text-align: right;
}

ul.pagination > li.footable-page {
  display: none;
}

ul.pagination > li.footable-page.visible {
  display: inline;
}

td.footable-editing {
  width: 90px;
  max-width: 90px;
}

table.footable-editing-no-edit td.footable-editing,
table.footable-editing-no-delete td.footable-editing,
table.footable-editing-no-view td.footable-editing {
  width: 70px;
  max-width: 70px;
}

table.footable-editing-no-edit.footable-editing-no-delete td.footable-editing,
table.footable-editing-no-edit.footable-editing-no-view td.footable-editing,
table.footable-editing-no-delete.footable-editing-no-view td.footable-editing {
  width: 50px;
  max-width: 50px;
}

table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view td.footable-editing,
table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view th.footable-editing {
  width: 0;
  max-width: 0;
  display: none !important;
}

table.footable-editing-right td.footable-editing,
table.footable-editing-right tr.footable-editing {
  text-align: right;
}

table.footable-editing-left td.footable-editing,
table.footable-editing-left tr.footable-editing {
  text-align: left;
}

table.footable-editing button.footable-add,
table.footable-editing button.footable-hide,
table.footable-editing-show button.footable-show,
table.footable-editing.footable-editing-always-show button.footable-show,
table.footable-editing.footable-editing-always-show button.footable-hide,
table.footable-editing.footable-editing-always-show.footable-editing-no-add tr.footable-editing {
  display: none;
}

table.footable-editing.footable-editing-show button.footable-add,
table.footable-editing.footable-editing-show button.footable-hide,
table.footable-editing.footable-editing-always-show button.footable-add {
  display: inline-block;
}

/*Custom Styles*/
.patents-filter {
  margin-bottom: 20px;
}

.angebotsliste tbody tr {
  cursor: pointer;
}

.angebotsliste tbody .inside {
  padding-left: 0px;
}

.angebotsliste tbody .footable-toggle {
  /*     float: left;
            display: inline-block;
            width: 20px;
            height:24px;
            vertical-align: middle;
            cursor: pointer;
*/
}

.ui-widget {
  font-family: "Droid Sans", sans-serif;
}

.ui-widget-header {
  background-color: inherit;
  border-top: none;
  border-right: none;
  border-left: none;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-tabs .ui-tabs-panel {
  padding: 1em 0em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #fff;
  background: #f3f3f3;
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
  border: 1px solid #3da4d7;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: none;
  background-color: #3da4d7;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
}

#cookie-hinweis {
  display: none;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: auto;
  max-width: 360px;
  margin: 15px;
  border: 1px solid #3da4d7;
  border-bottom-width: 1px;
  border-bottom-width: 4px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
  background-color: #f6f6f6;
  font-size: 86.36364%;
  line-height: 1.2em;
  z-index: 999;
}

#cookie-hinweis .inside {
  padding: 15px;
}

#cookie-hinweis .text {
  font-size: 100%;
  line-height: 1.4em;
  text-align: left;
}

#cookie-hinweis .cb-enable {
  display: block;
  margin-top: 15px;
  padding: 5px 5px 3px 5px;
  background-color: #3da4d7;
  color: #fff;
  font-family: "Gentium Basic", serif, arial, helvetica, sans-serif;
  font-size: 118.18182%;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

@media print {
  * {
    margin: 0;
    padding: 0;
  }
  body {
    font-size: 10pt;
    padding: 0 5px;
  }
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  nav {
    display: none;
  }
  /* Positionieren der Inhaltselemente */
  .wrapper {
    position: relative;
    width: 940px;
    margin: 0 auto;
  }
  #main .inside {
    clear: both;
  }
  #logo {
    display: block !important;
    padding: 0 0 60px 0;
  }
  #logo img {
    display: inline;
  }
  footer {
    margin-top: 40px;
  }
  footer .ym-g50.ym-gl {
    width: 60%;
  }
  footer .ym-g50.ym-gr {
    width: 40%;
  }
  footer .ym-gbox-right .ym-gr {
    display: none;
  }
  footer .ym-gbox-right .ym-g50.ym-gl {
    width: 100%;
  }
  /*	
	.print-nav { width: 100%; margin-bottom: 60px; }
	.print-nav td { font-size: 24px; font-weight: bold; }
  
  .news-teaser.inside { padding-bottom: 60px; overflow: hidden; }
  .news-teaser .ym-gl { float: left; }
  .news-teaser .ym-g25 { width: 25%; }
  .news-teaser h1 { font-size: 12pt; }
  .news-teaser .news-teaser-text { padding-top: 10px; padding-right: 10px; color: #000; text-transform: none; }
  .news-teaser .news-teaser-link { display: none; }
  .shadows { box-shadow: none; }
  
  .sidebox, .sidebox .ansprechpartner li { padding-top: 30px; }
  
  .mediathek { margin-top: 30px; }
  .mediathek .selectOutside,
  .mediathek .selectInside { display: inline; }
  
  ol.news-teaser { margin: 0px -5px; list-style: none; }
	ol.news-teaser li { display: inline-block; width: 25%; margin: 0; padding: 40px 0 0 0; vertical-align: top; }
	ol.news-teaser article { margin: 5px; }
*/
  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  .formular {
    width: 400px;
  }
  .formular form {
    margin: 20px 0;
  }
  .formular fieldset {
    position: relative;
    margin-bottom: 10px;
    padding: 20px 0px 8px 0px;
  }
  .formular div.nolabel {
    padding: 20px;
    font-weight: bold;
  }
  .formular p.legend {
    margin-bottom: 20px;
    font-size: 125%;
  }
  .formular label {
    width: 150px;
    display: block;
    float: left;
    text-align: left;
    padding-right: 10px;
    line-height: 2em;
  }
  .formular input, .formular textarea {
    border: 1px solid #999;
    padding: 3px;
  }
  .formular input.margin-top {
    margin-top: 3px;
    border: 0;
  }
  .formular input.submit {
    display: none;
  }
  .formular input.textfield,
  .formular textarea.textfield {
    width: 210px;
  }
  .formular textarea {
    height: 80px;
  }
  .formular form fieldset div.floatbox {
    margin-bottom: 5px;
    overflow: hidden;
  }
  .formular form fieldset div.pflichtfelder {
    display: none;
  }
  .formular #mail {
    display: none;
  }
}

/*# sourceMappingURL=styles.css.map */