@charset "UTF-8";
/*--------------------------------------------------------------
Superkuehe Styles
----------------------------------------------------------------

--------------------------------------------------------------*/
/*
@import "compass/css3";
@import "compass/css3/user-interface";
@import "compass/utilities";
@import "variables-site/variables-site";
@import "mixins/mixins-master";
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret, .postlist.postlist__textentries .btn > .faq__header-indicator,
  .dropup > .btn > .caret,
  .postlist.postlist__textentries .dropup > .btn > .faq__header-indicator {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
  /*scrollbar always visible*/
  overflow-y: scroll;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

[role="button"] {
  cursor: pointer;
}

ul, li {
  margin: 0;
  padding: 0;
}

/* Variables */
/* old
	$breakMobile: 0 599px;
	$breakNonMobile: 600px;
	$breakTablet: 600px 1009px;
*/
/*
body {
	background: #fff;	
	@include breakpoint($breakMobile) {
        background: #ffdd11;
    }
    @include breakpoint($breakTablet) {
        background: #999933;
    }
    @include breakpoint($breakDesktop) {
        background: #559966;
    }
    @include breakpoint($breakLarge) {
        background: #11dd99;
    }
}    
*/
.boxshadow1, .subnav > ul > li.dropdown.open, .dropdown-menu, .navbar .open .dropdown-toggle {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.width--wide, #content > .container, .footer .container, .video__wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.width--narrow, .swiper-container, .fs-h1, h1,
.pagetitle h2, #content .pagetitle, .teamlist__item, .page-id-124 .pagecontent, .page-template-page-presse #content > .container, #content .btn-messenger, #content .pagecontent .textfield,
#content .pagecontent p, #content .pagecontent h2, .parent-pageid-238 #content .pagecontent, .subheader__name--wholerow, .siblings-menu ul, .home__intro, .page-template-page-cowvideos .video__wrapper, .page-template-page-videos .video__wrapper, .video__description, .video__sharing, .postlist.postlist__textentries, .cowchat {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.5);
    opacity: 0.3;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@font-face {
  font-family: 'TheSansLight';
  src: url("../../assets/webfonts/thesanligpla-webfont.eot");
  src: url("../../assets/webfonts/thesanligpla-webfont.eot#iefix") format("embedded-opentype"), url("../../assets/webfonts/thesanligpla-webfont.woff") format("woff"), url("../../assets/webfonts/thesanligpla-webfont.ttf") format("truetype"), url("../../assets/webfonts/thesanligpla-webfont.svg") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'TheSans';
  src: url("../../assets/webfonts/thesanssemiboldplain.eot");
  src: url("../../assets/webfonts/thesanssemiboldplain.eot#iefix") format("embedded-opentype"), url("../../assets/webfonts/thesanssemiboldplain.woff") format("woff"), url("../../assets/webfonts/thesanssemiboldplain.ttf") format("truetype"), url("../../assets/webfonts/thesanssemiboldplain.svg") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'TheSansBold';
  src: url("../../assets/webfonts/thesansboldplain.eot");
  src: url("../../assets/webfonts/thesansboldplain.eot#iefix") format("embedded-opentype"), url("../../assets/webfonts/thesansboldplain.woff") format("woff"), url("../../assets/webfonts/thesansboldplain.ttf") format("truetype"), url("../../assets/webfonts/thesansboldplain.svg") format("svg");
  font-weight: 700;
  font-style: normal;
}
/* Lora */
@font-face {
  font-family: 'Lora';
  src: local("Lora Italic"), local("Lora-Italic"), url("../../assets/webfonts/lora/subset-Lora-Italic.woff") format("woff"), url("../../assets/webfonts/lora/subset-Lora-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lora';
  src: local("Lora Regular"), local("Lora-Regular"), url("../../assets/webfonts/lora/subset-Lora-Regular.woff") format("woff"), url("../../assets/webfonts/lora/subset-Lora-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LoraBold';
  src: local("Lora Bold Italic"), local("Lora-BoldItalic"), url("../../assets/webfonts/lora/subset-Lora-BoldItalic.woff") format("woff"), url("../../assets/webfonts/lora/subset-Lora-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'LoraBold';
  src: local("Lora Bold"), local("Lora-Bold"), url("../../assets/webfonts/lora/subset-Lora-Bold.woff") format("woff"), url("../../assets/webfonts/lora/subset-Lora-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* FONTELLO ICON FONT */
@font-face {
  font-family: 'ic-superkuehe';
  font-weight: normal;
  font-style: normal;
  src: url("../../assets/webfonts/fontello-icons/ic-superkuehe.eot");
  src: url("../../assets/webfonts/fontello-icons/ic-superkuehe.eot#iefix") format("embedded-opentype"), url("../../assets/webfonts/fontello-icons/ic-superkuehe.woff2") format("woff2"), url("../../assets/webfonts/fontello-icons/ic-superkuehe.woff") format("woff"), url("../../assets/webfonts/fontello-icons/ic-superkuehe.ttf") format("truetype"), url("../../assets/webfonts/fontello-icons/ic-superkuehe.svg#ic-superkuehe") format("svg");
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ic-superkuehe';
    src: url('../font/ic-superkuehe.svg#ic-superkuehe')     format('svg');
  }
}
*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text, .screenreader, .nav-time--top .screenreader__skiplink {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus, .screenreader:focus, .nav-time--top .screenreader__skiplink:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

/* Tools: Clearing etc from Bootstrap */
.clearfix:before, .entry-content__text-component--has-image:before,
.clearfix:after,
.entry-content__text-component--has-image:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.clearfix:after, .entry-content__text-component--has-image:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

/*
Bootstrapgrid

Success! Your configuration has been saved to https://gist.github.com/6717ea895e9fa37c44f6c513fd34f3ed and can be revisited here at http://getbootstrap.com/customize/?id=6717ea895e9fa37c44f6c513fd34f3ed for further customization.
*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container,
.container-fluid {
  max-width: 1280px;
}

.container.full-width {
  max-width: 100%;
  min-width: 100%;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 659px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1010px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1280px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 38px;
  height: 60px;
  margin-top: -30px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.5);
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.25;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(../../assets/img/arrow-l.svg);
  left: 0px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(../../assets/img/arrow-r.svg);
  right: 0px;
  left: auto;
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/*

custom

*/
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*

jquery-modal

*/
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
@media (min-width: 0) and (max-width: 659px) {
  .blocker {
    padding: 10px;
  }
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 90%;
  box-sizing: border-box;
  width: 90%;
  text-align: left;
}
@media (min-width: 0) and (max-width: 659px) {
  .modal {
    max-width: 100%;
    width: 100%;
  }
}
.modal__inner {
  width: 90%;
  max-width: 710px;
  margin: 0 auto;
  background: #fff;
  padding: 15px 30px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}
@media (min-width: 0) and (max-width: 659px) {
  .modal__inner {
    max-width: 100%;
    width: 100%;
    padding: 10px 20px;
  }
}
.modal#thema-wechseln {
  background: #fff;
  max-width: 90%;
  padding: 15px 30px;
}

.modal .modal__close {
  position: fixed;
  right: 20px;
  top: 20px;
  display: block;
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  .modal .modal__close {
    display: none;
  }
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
  display: none;
  /*
  position: fixed;
  top: 20px;
  right: 20px;
  */
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/*  --------------------------------------------------
Typo */
.serif-regular, #content .pagetitle__sub, .subheader__title, .home__intro p, .home__teaser--link {
  font-family: 'Lora', serif;
  font-weight: normal;
}

.serif-bold, .navbar .navbar-brand, .pagecontent a, .home__title h1, .navbar-brand {
  font-family: 'LoraBold', serif;
  font-weight: bold;
}

.sans-light, .socialsharing li, .footer_list_vertical li a, .footer_list_horizontal li a, .home__title p, .video__header-time, .video__header-date, .press__entry .btn--medium, .nav-time--top .screenreader__description, .entry-content__text-component-qa-a, .tab-cans__chart-milk-vol {
  font-family: 'TheSansLight', sans-serif;
  font-weight: 300;
}

.sans-semibold, .navbar,
.navbar a,
.footer a, .btn, .footer h3, .spinner, .nav-time__timeline-item__caption, .entry-content__nav-sections-link-text, .tab-cans__chart-turnover, .tab-cans__chart-daily-cost-val, .tab-cans__chart-milk-price-val, .tab-cans__chart-milk-price-extra, .tab-curves__chart-canvas-caption {
  font-family: 'TheSans', sans-serif;
  font-weight: 500;
}

.sans-bold, h1, h2, h3, h4, h5, h6, .fs-h1,
.pagetitle h2, #content .pagetitle, .fs-sectiontitle-small, .siblings-menu h2, .postlist.postlist__textentries .postlist__title, .globalmessage__text strong, .subheader__name, .subnav > ul > li, .home__intro h1, .siblings-menu .avatar__name, .play-button--external, .video__header-category, .press__entry-date strong, .parent-pageid-50 .dropdown--projekt > a, .page-id-47 .link--video a, .entry-content__text-component-qa-q, .nav-tabs__tab, .tab-cans__chart-mode-switch-option, .tab-cans__chart-milk-vol-caption, .tab-cans__chart-turnover-val, .tab-cans__chart-daily-cost-caption, .tab-cans__chart-milk-price-caption {
  font-family: 'TheSansBold', sans-serif;
  font-weight: 700;
}

/*
* icons
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "ic-superkuehe";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-arrow-down:before {
  content: '\e800';
}

/* '' */
.icon-arrow-left:before {
  content: '\e801';
}

/* '' */
.icon-arrow-right:before {
  content: '\e802';
}

/* '' */
.icon-btn-play:before {
  content: '\e803';
}

/* '' */
.icon-ic-big-milk-vol:before {
  content: '\e81e';
}

/* '' */
.icon-ic-big-body-temp:before {
  content: '\e804';
}

/* '' */
.icon-ic-big-ph-val:before {
  content: '\e806';
}

/* '' */
.icon-ic-big-fodder:before {
  content: '\e805';
}

/* '' */
.icon-ic-big-steps:before {
  content: '\e808';
}

/* '' */
.icon-ic-big-shed-temp:before {
  content: '\e807';
}

/* '' */
.icon-ic-circ-facebook:before {
  content: '\e809';
}

/* '' */
.icon-ic-circ-messenger:before {
  content: '\e80a';
}

/* '' */
.icon-ic-facebook:before {
  content: '\e80b';
}

/* '' */
.icon-ic-mail:before {
  content: '\e80c';
}

/* '' */
.icon-ic-twitter:before {
  content: '\e80d';
}

/* '' */
.icon-logo-wdr:before {
  content: '\e80e';
}

/* '' */
.icon-logo-wdr {
  font-size: 30px;
}

.icon-ic-circ-messenger {
  font-size: 34px;
}

.icon-ic-circ-facebook {
  font-size: 35px;
}

/* 
* type
*/
body {
  font-family: 'Lora', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 1.55em;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.fs-h1, h1,
.pagetitle h2, #content .pagetitle {
  font-size: 4.2rem;
  line-height: 4.8rem;
}
@media (min-width: 0) and (max-width: 659px) {
  .fs-h1, h1,
  .pagetitle h2, #content .pagetitle {
    letter-spacing: 0;
    font-size: 2.4rem;
    line-height: 1.2;
  }
}

.pagetitle h1 {
  letter-spacing: -1px;
}

.fs-h2, h2, .teamlist__item--title, .avatar__name, .postlist.postlist__textentries .faq__header h3, .press__title {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: bold;
}
@media (min-width: 0) and (max-width: 659px) {
  .fs-h2, h2, .teamlist__item--title, .avatar__name, .postlist.postlist__textentries .faq__header h3, .press__title {
    font-size: 2.2rem;
    line-height: 1.2;
  }
}

.fs-small, .fs-sectiontitle-small, .siblings-menu h2, .postlist.postlist__textentries .postlist__title, .btn, #content .pagecontent .wp-caption-text, .socialsharing li, .video__header-time, .video__header-date, .press__entry-date {
  font-size: 1.3rem;
  line-height: 1.3;
}

.fs-bigger, #content .pagetitle__sub {
  font-size: 2rem;
}

.fs-sectiontitle-small, .siblings-menu h2, .postlist.postlist__textentries .postlist__title {
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  margin-top: 4px;
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga","dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig";
}

.navbar .navbar-brand {
  font-weight: bold;
}

.btn {
  border: 1px solid #23211F;
  padding: 5px;
  display: inline-block;
  border-radius: 4px;
  line-height: 1;
}

/* 
    @include breakpoint($breakMobile) {
        background: #ffdd11;
    }
    @include breakpoint($breakTablet) {
        background: #999933;
    }
    @include breakpoint($breakDesktop) {
        background: #559966;
    }
    @include breakpoint($breakLarge) {
        background: #11dd99;
    }
*/
/*  --------------------------------------------------
Links */
.link-decoration, p a, .home__teaser--link strong {
  font-weight: bold;
  color: #2E4A60;
  color: #444;
  color: inherit;
}

a {
  text-decoration: none;
  line-height: inherit;
}

a:focus {
  outline: 4px solid #988f80;
}

p a, p a:visited {
  line-height: inherit;
}

div:focus,
a:focus {
  outline: 3px solid red;
  text-decoration: underline;
}
.no-tab div:focus, .no-tab
a:focus {
  outline: 0;
  text-decoration: none;
}

@media (min-width: 660px) {
  a:hover,
  .navbar-header a:hover img {
    text-decoration: underline;
  }
}

.skip-link {
  display: block;
  position: static !important;
}

/*
Colors */
body {
  color: #23211F;
  background: #F8F8F6;
}

a {
  color: #23211F;
}

a:hover {
  color: #23211F;
}

a:focus {
  color: #23211F;
}

.img-clipped {
  max-width: 150px;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .img-clipped {
    max-width: 100px;
  }
}
.img-clipped--empty {
  background: #ccc;
  width: 150px;
  height: 150px;
  display: block;
  clip-path: circle(70px at center);
}
@media (min-width: 660px) and (max-width: 1009px) {
  .img-clipped {
    clip-path: circle(45px at center);
    max-width: 90px;
    width: 90px;
    height: 90px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .img-clipped {
    -webkit-clip-path: circle(30px at center);
    clip-path: circle(30px at center);
    max-width: 60px;
    width: 60px;
    height: 60px;
  }
}

.teamlist__item {
  margin: 0 auto 60px auto;
  position: relative;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .teamlist__item {
    max-width: 400px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .teamlist__item {
    margin-bottom: 30px;
  }
}
.teamlist__item .img-clipped,
.teamlist__item .img-clipped--empty {
  position: absolute;
  top: 0;
  left: -180px;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .teamlist__item .img-clipped,
  .teamlist__item .img-clipped--empty {
    left: -110px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .teamlist__item .img-clipped,
  .teamlist__item .img-clipped--empty {
    position: static;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .teamlist__item--title {
    position: absolute;
    top: 18px;
    left: 70px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .teamlist__item--text {
    padding-top: 12px;
  }
}

/* team */
.page-id-124 .pagecontent {
  margin: 0 auto 60px auto;
}

.globalmessage {
  background: #23211F;
  color: #F8F8F6;
  padding: 16px 0;
  margin-bottom: 0px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 15px;
}
.globalmessage a {
  color: #F8F8F6 !important;
}
.globalmessage .liveindicator, .globalmessage li.page_item.page-item-35 a:before, li.page_item.page-item-35 .globalmessage a:before, .globalmessage li.page_item.page-item-305 a:before, li.page_item.page-item-305 .globalmessage a:before, .globalmessage li.page_item.page-item-316 a:before, li.page_item.page-item-316 .globalmessage a:before {
  background-color: #F8F8F6;
}
@media (min-width: 0) and (max-width: 659px) {
  .globalmessage {
    padding: 10px 0;
    font-size: 13px;
  }
}
.globalmessage .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.globalmessage .container > span {
  display: inline-block;
  margin: 0 10px 0 0;
}
.globalmessage__text strong {
  margin-right: 15px;
}
@media (min-width: 0) and (max-width: 659px) {
  .globalmessage__text strong {
    margin-right: 5px;
  }
}
.globalmessage__text a {
  color: #F8F8F6;
}
.globalmessage__cta {
  text-align: right;
  margin-left: auto;
  float: right;
}
.globalmessage__cta a {
  color: #F8F8F6;
  border: none;
  border-radius: 0;
  line-height: 18px;
  vertical-align: middle;
  padding: 0px 0px 0px 8px;
  font-size: inherit;
}
@media (min-width: 0) and (max-width: 659px) {
  .globalmessage__cta a {
    border: none;
    padding: 3px 0;
    width: 20px;
    height: 12px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    border-radius: 0;
    position: relative;
  }
}
.globalmessage__cta a:after {
  content: "";
  background-repeat: no-repeat;
  background-image: url("../../assets/img/arrow-wh.svg");
  background-position: top center;
  background-size: 12px auto;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
  width: 18px;
  line-height: 18px;
  height: 10px;
}
@media (min-width: 0) and (max-width: 659px) {
  .globalmessage__cta a:after {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.liveindicator, li.page_item.page-item-35 a:before, li.page_item.page-item-305 a:before, li.page_item.page-item-316 a:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F8F8F6;
  display: inline-block;
  -webkit-animation: pulse 2s 2 ease-in-out;
  -o-animation: pulse 2s 2 ease-in-out;
  -ms-animation: pulse 2s 2 ease-in-out;
  -moz-animation: pulse 2s 2 ease-in-out;
  animation: pulse 2s 2 ease-in-out;
  margin-right: 3px;
}

/* Submenu Indicator colors */
li.page_item.page-item-35 a:before {
  background-color: #527282;
  content: '';
  margin-right: 6px;
}

li.page_item.page-item-305 a:before {
  background-color: #4C7561;
  content: '';
  margin-right: 6px;
}

li.page_item.page-item-316 a:before {
  background-color: #76615A;
  content: '';
  margin-right: 6px;
}

li.page_item.page-item-35.current_page_item a:before,
li.page_item.page-item-305.current_page_item a:before,
li.page_item.page-item-316.current_page_item a:before {
  background-color: #fff;
}

/* SITE PARTS */
/* Content */
#content {
  /* Smoothstate transitions */
  -webkit-transition: all 250ms ease;
  /* Firefox */
  -moz-transition: all 250ms ease;
  /* WebKit */
  -o-transition: all 250ms ease;
  /* Opera */
  transition: all 250ms ease;
  /* Standard */
  padding-bottom: 60px;
  padding-top: 65px;
  -webkit-transition: padding 550ms ease;
  -o-transition: padding 550ms ease;
  -moz-transition: padding 550ms ease;
  transition: padding 550ms ease;
  position: relative;
}
.run-transition #content {
  opacity: 0;
}
@media (min-width: 0) and (max-width: 659px) {
  #content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.page-template-page-cowapp #content, .page-template-page-cowcharts #content, .page-template-page-cowdiary #content {
  padding-bottom: 0px;
}
.page-template-page-cowapp #content > .container, .page-template-page-cowcharts #content > .container, .page-template-page-cowdiary #content > .container {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-template-page-presse #content > .container {
  margin: 0 auto;
}
.page-template-page-cowlivestream #content {
  background: #fff;
}
#content .btn-messenger {
  margin: 0 auto;
}
#content .pagetitle {
  margin-bottom: 30px;
}
#content .pagetitle__sub {
  margin-top: 4px;
  line-height: 1.3;
}
@media (min-width: 0) and (max-width: 659px) {
  #content .pagetitle {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .page-template-page-cowapp #content .pagetitle, .page-template-page-cowcharts #content .pagetitle, .page-template-page-cowdiary #content .pagetitle {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page-template-page-cowapp #content .pagecontent, .page-template-page-cowcharts #content .pagecontent, .page-template-page-cowdiary #content .pagecontent {
  margin-bottom: 50px;
}
@media (min-width: 0) and (max-width: 659px) {
  .page-template-page-cowapp #content .pagecontent, .page-template-page-cowcharts #content .pagecontent, .page-template-page-cowdiary #content .pagecontent {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  #content .pagecontent img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
#content .pagecontent .alignleft {
  margin-right: 16px;
  /* Gefloatete Bilder mobil */
}
@media (min-width: 0) and (max-width: 659px) {
  #content .pagecontent .alignleft {
    width: 100% !important;
    text-align: center;
    clear: both;
    float: none;
    display: block;
    margin: 18px 0;
  }
  #content .pagecontent .alignleft img {
    max-height: 260px;
    width: auto;
  }
}
#content .pagecontent .wp-caption-text {
  margin-top: 12px;
  margin-bottom: 30px;
  font-style: italic;
  text-align: center;
}
#content .pagecontent .img-hofreporter {
  margin-right: 15px;
  max-width: 150px;
  width: 100%;
  height: auto;
}
#content .pagecontent .swiper-container {
  margin-top: 60px;
  margin-bottom: 60px;
}
#content .pagecontent .swiper-container img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.page-template-page-cowhome-php #content .pagecontent p:first-child::first-letter, .page-template-page-subpage-php #content .pagecontent p:first-child::first-letter {
  float: left;
  font-size: 500%;
  line-height: 64px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 4px;
}
@media (min-width: 0) and (max-width: 659px) {
  .page-template-page-cowhome-php #content .pagecontent p:first-child::first-letter, .page-template-page-subpage-php #content .pagecontent p:first-child::first-letter {
    font-size: 340%;
    line-height: 44px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 4px;
  }
}
.page-template-page-cowdiary #content .pagecontent, .page-template-page-cowcharts #content .pagecontent {
  padding-left: 15px;
  padding-right: 15px;
}
#content .pagecontent h2 {
  margin-bottom: 12px;
}
@media (min-width: 0) and (max-width: 659px) {
  #content .pagecontent h2 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .page-template-page-cowapp #content .pagecontent h2, .page-template-page-cowcharts #content .pagecontent h2, .page-template-page-cowdiary #content .pagecontent h2, .page-template-page-presse #content .pagecontent h2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.parent-pageid-238 #content .pagecontent {
  margin: 0 auto;
}

.header__chat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header__chat-figure {
  width: 50%;
  text-align: right;
}
.header__chat-figure img {
  width: 90%;
  max-width: 280px;
}
@media (min-width: 0) and (max-width: 659px) {
  .header__chat {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header__chat-figure {
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
  .header__chat-figure img {
    max-width: 140px;
  }
  .header__chat header {
    text-align: center;
  }
}

.link--livechat {
  background: #fff;
  border: 2px solid #527282;
  color: #527282;
  padding: 20px 30px;
  margin: 24px 0 0 -2px;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  border-radius: 10px;
}
.link--livechat:hover {
  color: #fff;
  background: #527282;
}

.socialsharing ul {
  list-style: none;
}
.socialsharing li {
  display: inline-block;
}
.socialsharing a {
  border-radius: 50%;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.socialsharing a:hover {
  border: 1px solid #000;
}
.socialsharing a .icon {
  font-size: 30px;
  margin: auto;
}
.socialsharing--floating {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 150px;
  padding: 15px 0;
  background: #F8F8F6;
}
.socialsharing--floating li {
  display: block;
  text-align: center;
  padding: 10px 15px;
}
.socialsharing--floating li a {
  width: 38px;
  height: 38px;
}
.socialsharing--floating li img {
  max-width: 22px;
  max-height: 22px;
}
@media (min-width: 660px) and (max-width: 1009px), (min-width: 0) and (max-width: 659px) {
  .socialsharing--floating {
    position: static;
    padding: 0 15px;
    text-align: center;
    margin-top: 40px;
  }
  .socialsharing--floating li {
    text-align: center;
    display: inline-block;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .socialsharing--floating {
    padding: 15px 0 10px 0;
    margin-top: 15px;
  }
  .socialsharing--floating li:first-child {
    display: block;
    margin: 0 auto 0 auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'TheSans', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
  }
}
.socialsharing--inline li {
  font-size: inherit;
  padding: 0;
  line-height: 30px;
  vertical-align: middle;
}
.socialsharing--inline li:first-child {
  padding-left: 0;
}
.socialsharing--inline li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.socialsharing--inline li a .icon {
  font-size: 22px;
  margin: auto;
}

/* Footer */
.footer {
  background: #2E4A60;
  color: #fff;
}
.footer h3 {
  font-size: 1.6rem;
}
.footer a {
  color: #fff;
}
.footer_list_vertical {
  list-style: none;
}
.footer_list_vertical li a {
  font-size: 1.4rem;
}
@media (min-width: 0) and (max-width: 659px) {
  .footer_list_vertical {
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 30px;
  }
}
.footer .nav-wdr .brand-wdr {
  max-width: 100px;
  height: auto;
  width: 100%;
  float: left;
}
@media (min-width: 0) and (max-width: 659px) {
  .footer .nav-wdr .brand-wdr {
    float: none;
    margin-bottom: 6px;
    display: block;
  }
}
.footer_list_horizontal {
  max-width: 100%;
  list-style: none;
}
.footer_list_horizontal li {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 17px 10px 0 10px;
}
@media (min-width: 0) and (max-width: 659px) {
  .footer_list_horizontal li {
    padding: 17px 20px 0 0px;
  }
}
.footer .nav-extern .footer_list_horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer .nav-extern li {
  width: 25%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.footer .nav-extern li.footer_list_horizontal-imgtile {
  text-transform: none;
  text-align: center;
  vertical-align: middle;
}
.footer .nav-extern li.footer_list_horizontal-imgtile img {
  width: 100%;
  max-width: 100px;
  height: auto;
  display: block;
  margin: 5px auto 0 auto;
}
.footer .nav-extern li.footer_list_horizontal-imgtile span {
  clear: both;
  display: inline-block;
}
.footer .nav-extern li.footer_list_horizontal-title {
  padding-left: 0;
}
@media (min-width: 0) and (max-width: 659px) {
  .footer .row:last-child {
    margin-top: 0px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .footer .row:first-child {
    margin-bottom: 0px;
  }
}

/* 

COWPAGES 

*/
.subheader {
  padding: 30px 0;
}
.page-id-47 .subheader {
  padding: 25px 0 70px 0;
  border-bottom: 2px solid #23211F;
}
@media (min-width: 0) and (max-width: 659px) {
  .subheader {
    padding: 5px 0;
  }
}
.subheader .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (min-width: 0) and (max-width: 659px) {
  .subheader .container {
    display: block;
  }
}
.subheader__avatar {
  width: 50%;
  text-align: right;
  padding-right: 30px;
  display: inline-block;
  height: 260px;
}
@media (min-width: 0) and (max-width: 659px) {
  .subheader__avatar {
    width: 100%;
    padding: 0;
    text-align: center;
    height: 180px;
  }
}
.subheader__avatar > img {
  width: 260px;
  display: none;
}
@media (min-width: 0) and (max-width: 659px) {
  .subheader__avatar > img {
    width: 180px;
  }
}
.parent-pageid-54 .subheader__avatar--bio, .parent-pageid-52 .subheader__avatar--fam, .parent-pageid-20 .subheader__avatar--ind, body.tax-thema .subheader__avatar img {
  display: inline-block;
}
.subheader__name {
  width: 50%;
  padding-left: 30px;
  font-size: 3rem;
}
@media (min-width: 0) and (max-width: 659px) {
  .subheader__name {
    font-size: 2rem;
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
.subheader__name--wholerow {
  width: 100%;
  padding-left: 0;
}
@media (min-width: 0) and (max-width: 659px) {
  .subheader__name--wholerow {
    padding: 30px 0;
    text-align: center;
  }
}
.subheader__title {
  font-style: italic;
  display: block;
  font-size: 2.2rem;
  line-height: 3rem;
  max-width: 450px;
  padding-top: 4px;
}
@media (min-width: 0) and (max-width: 659px) {
  .subheader__title {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.55;
    max-width: 100%;
  }
}

.subnav {
  text-align: center;
  z-index: 1000;
  padding: 30px 15px 0;
  position: relative;
}
.page-template-page-cowlivestream .subnav {
  background: #fff;
}
.subnav > ul {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.subnav > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  list-style: none;
  display: inline-block;
  background: #fff;
}
@media (min-width: 0) and (max-width: 659px) {
  .subnav > ul > li {
    display: none;
  }
}
.subnav > ul > li.dropdown {
  text-align: left;
  display: none;
}
@media (min-width: 0) and (max-width: 659px) {
  .subnav > ul > li.dropdown {
    display: block;
  }
}
.subnav > ul > li.dropdown .dropdown-toggle {
  width: 100%;
}
@media (min-width: 0) and (max-width: 659px) {
  .subnav > ul > li.dropdown .dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.subnav > ul > li.dropdown .dropdown-toggle .caret, .subnav > ul > li.dropdown .dropdown-toggle .postlist.postlist__textentries .faq__header-indicator, .postlist.postlist__textentries .subnav > ul > li.dropdown .dropdown-toggle .faq__header-indicator {
  margin-left: auto;
}
.subnav > ul > li.dropdown .dropdown-toggle__title {
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
}
.subnav > ul > li a {
  padding: 14px 10px;
  display: block;
}
.subnav > ul > li .dropdown-menu {
  min-width: 190px;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.subnav > ul > li .dropdown-menu .current_page_item {
  background: #ccc;
}
.subnav > ul > li .dropdown-menu .current_page_item a {
  color: #23211F;
}
.subnav > ul > li .dropdown-menu a {
  display: block;
}
.subnav .current_page_item a {
  color: #fff;
}
.subnav__background {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 25px;
  text-align: center;
}
.subnav__background span {
  cursor: pointer;
  display: none;
}
.isStickySubnav .subnav__background span {
  display: inline;
}
.subnav__background span:before {
  content: '';
  background: url("../../assets/img/arrow-bl.svg") no-repeat center top;
  background-size: 12px auto;
  width: 12px;
  height: 12px;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* livestream */
@media (min-width: 0) and (max-width: 659px) {
  .livestream-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.siblings-menu {
  margin: 0 auto;
  padding: 30px 0;
  background: #fff;
}
.page-template-page-cowdiary .siblings-menu, .page-template-page-cowcharts .siblings-menu {
  background: #F8F8F6;
}
.siblings-menu h2 {
  margin-top: 12px;
  padding-bottom: 15px;
  text-align: center;
}
.siblings-menu ul {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.siblings-menu li {
  padding: 15px;
  display: inline-block;
}

.row {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 0) and (max-width: 659px) {
  .row {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

/*
Home Elements
*/
.home__title {
  text-align: center;
}
.home__title h1 {
  font-size: 56px;
  line-height: 66px;
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
}
@media (min-width: 0) and (max-width: 659px) {
  .home__title h1 {
    font-size: 36px;
    line-height: 36px;
  }
}
.home__title p {
  margin-top: 0;
}

.home__avatare {
  padding-top: 40px;
  padding-bottom: 20px;
}
@media (min-width: 0) and (max-width: 659px) {
  .home__avatare {
    padding-top: 10px;
    padding-bottom: 0px;
  }
}

.home__intro {
  text-align: center;
  margin: 0 auto;
}

.row.home__teaser-list {
  margin-bottom: 0;
}
@media (min-width: 0) and (max-width: 659px) {
  .row.home__teaser-list {
    margin-bottom: 0;
  }
}
.row.home__teaser-list > div {
  margin-bottom: 50px;
}
@media (min-width: 0) and (max-width: 659px) {
  .row.home__teaser-list > div:last-child {
    margin-bottom: 20px;
  }
}

.home__teaser p {
  margin-top: 4px;
}
.home__teaser img {
  max-width: 100%;
  width: 100%;
  height: auto;
  opacity: .85;
  -webkit-transition: opacity .3;
  -o-transition: opacity .3;
  -moz-transition: opacity .3;
  transition: opacity .3;
}
.home__teaser a:hover img {
  opacity: 1;
}
.home__teaser--image {
  position: relative;
}
.home__teaser--image .play-button {
  background-size: 70px auto;
}
.home__teaser--link:hover {
  text-decoration: none;
}
.home__teaser--link strong {
  margin-left: 2px;
  display: inline-block;
}
.home__teaser--link:hover strong {
  text-decoration: underline;
}

.avatar {
  text-align: center;
}
@media (min-width: 0) and (max-width: 659px) {
  .avatar {
    text-align: left;
  }
}
.avatar__figure {
  width: 100%;
  display: block;
  max-width: 200px;
  border-radius: 50%;
  margin: 0 auto;
  padding: 20px;
  -webkit-transition: background-color 1s ease;
  -o-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}
@media (min-width: 0) and (max-width: 659px) {
  .avatar__figure {
    padding: 9px;
    border-radius: 50%;
    margin: 0 auto;
  }
}
.video__header .avatar__figure {
  padding: 4px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin: 0px 12px 0 0;
  display: none;
}
.page-template-page-videos .video__header .avatar__figure {
  display: block;
}
.siblings-menu .avatar__figure {
  max-width: 140px;
  min-width: 140px;
  padding: 15px;
  width: 100%;
}
@media (min-width: 0) and (max-width: 659px) {
  .siblings-menu .avatar__figure {
    padding: 8px;
    min-width: 80px;
  }
}
.dropdown-menu .avatar__figure {
  padding: 4px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin: 0 12px 0 0;
  float: left;
}
.avatar__figure--bio {
  background-color: #7ABB9B;
}
.home .avatar__figure--bio {
  background-color: transparent;
  transition-delay: 600ms;
}
.home.loaded .avatar__figure--bio {
  background-color: #7ABB9B;
}
.avatar__figure--fam {
  background-color: #DEB67A;
}
.home .avatar__figure--fam {
  background-color: transparent;
  transition-delay: 700ms;
}
.home.loaded .avatar__figure--fam {
  background-color: #DEB67A;
}
.avatar__figure--ind {
  background-color: #7FACC1;
}
.home .avatar__figure--ind {
  background-color: transparent;
  transition-delay: 800ms;
}
.home.loaded .avatar__figure--ind {
  background-color: #7FACC1;
}
.avatar__figure img {
  width: 100%;
}
@media (min-width: 0) and (max-width: 659px) {
  .avatar__figure img {
    width: 100%;
  }
}
.avatar a {
  display: block;
}
.avatar a:hover .avatar__figure--fam {
  background-color: #F8F0E4;
}
.avatar a:hover .avatar__figure--ind {
  background-color: #D8E6EC;
}
.avatar a:hover .avatar__figure--bio {
  background-color: #DFEFE7;
}
.avatar__name {
  margin: 20px 0 0 0;
}
@media (min-width: 0) and (max-width: 659px) {
  .avatar__name {
    text-align: center;
    margin-top: 10px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .home__avatare .avatar__name {
    text-align: center;
  }
}
.dropdown-menu .avatar__name {
  margin-top: 0;
  text-align: left;
  font-size: inherit;
}
.avatar__desc {
  margin: 4px 0 0 0;
}
.dropdown-menu .avatar__desc {
  margin-top: 0;
  text-align: left;
  font-size: inherit;
}
@media (min-width: 0) and (max-width: 659px) {
  .home__avatare .avatar__desc {
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
  }
}

/* 

Planet Schule

*/
.topiclist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.topiclist__item {
  max-width: 300px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 500px;
  -moz-box-flex: 1;
  -ms-flex: 1 0 500px;
  flex: 1 0 500px;
  box-sizing: border-box;
  margin: 1rem .25em;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .topiclist__item {
    max-width: calc(50% -  1em);
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .topiclist__item {
    max-width: 100%;
    margin: 0 auto;
    width: 420px;
  }
}
.topiclist__item img {
  max-width: 100%;
}
.topiclist__item p {
  font-size: 1.5rem;
}

.page-template-page-schulen .pagetitle {
  position: relative;
}
.page-template-page-schulen .notification-teacher {
  background: #2E4A60;
  padding: 8px;
  font-size: 16px;
  line-height: 22px;
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 6px;
}
@media (min-width: 0) and (max-width: 659px) {
  .page-template-page-schulen .notification-teacher {
    position: static;
    display: inline-block;
    margin-top: 12px;
  }
  .page-template-page-schulen .notification-teacher br {
    display: none;
    clear: none;
  }
}
.page-template-page-schulen .notification-teacher a {
  color: #F8F8F6;
}
.page-template-page-schulen .pagecontent {
  margin-bottom: 30px;
}
.page-template-page-schulen .schule__avatare {
  margin: 0 auto 30px auto;
  padding: 0;
  max-width: 270px;
}
.page-template-page-schulen .schule__avatare .avatar {
  position: relative;
  padding-bottom: 30px;
}
.page-template-page-schulen .schule__avatare .avatar .avatar__figure {
  max-width: 70px;
  padding: 7px;
}
.page-template-page-schulen .schule__avatare .avatar .avatar__name {
  margin-top: 8px;
}
.page-template-page-schulen .schule__avatare .avatar h2 {
  font-size: 1.7rem;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tax-thema .postlist {
  border: 10px solid;
  padding: 50px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto !important;
}
@media (min-width: 0) and (max-width: 659px) {
  .tax-thema .postlist {
    border: 8px solid;
    padding: 16px;
  }
}
.tax-thema .postlist.postlist__uschi {
  border-color: #7ABB9B;
}
.tax-thema .postlist.postlist__emma {
  border-color: #DEB67A;
}
.tax-thema .postlist.postlist__connie {
  border-color: #7FACC1;
}

.diarylink--item > a {
  display: block;
  border-top: 1px solid;
  padding: 10px 3px 10px 6px;
  background: transparent;
  -webkit-transition: background-color 250ms ease;
  -o-transition: background-color 250ms ease;
  -moz-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
}
.diarylink--item > a:hover {
  text-decoration: none;
}
.postlist__uschi .diarylink--item > a:hover {
  background: #DFEFE7;
}
.postlist__emma .diarylink--item > a:hover {
  background: #F8F0E4;
}
.postlist__connie .diarylink--item > a:hover {
  background: #D8E6EC;
}
.postlist__uschi .diarylink--item {
  border-color: #7ABB9B;
}
.postlist__emma .diarylink--item {
  border-color: #DEB67A;
}
.postlist__connie .diarylink--item {
  border-color: #7FACC1;
}
.diarylink--item:first-child {
  border-top: none;
}
.diarylink--item .diarylink--row {
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (min-width: 0) and (max-width: 659px) {
  .diarylink--item .diarylink--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.diarylink--item .diarylink--row .diarylink--date {
  margin-right: 20px;
  font-size: 80%;
}
.diarylink--item .diarylink--row .diarylink--title {
  margin-right: 20px;
}
.diarylink--item .diarylink--row .diarylink--btn {
  width: 30px;
  min-height: 20px;
  margin: 0 0 0 auto;
  padding-left: 10px;
  display: block;
  background: #ccc;
  vertical-align: middle;
  background: url("../../assets/img/arrow-r.svg") no-repeat right center;
  background-size: 8px auto;
}

.thema__avatare {
  margin: 0 auto;
  padding: 0;
  max-width: 800px;
}
.thema__avatare .avatar {
  position: relative;
  padding-bottom: 30px;
}
.thema__avatare .avatar:after {
  bottom: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #88b7d5;
  border-width: 20px;
  margin-left: -20px;
  opacity: 0;
}
.thema__avatare .avatar .avatar__figure {
  max-width: 140px;
  opacity: .6;
}
.thema__avatare .avatar > a:hover .avatar__figure--fam {
  background-color: #DEB67A;
}
.thema__avatare .avatar > a:hover .avatar__figure--bio {
  background-color: #7ABB9B;
}
.thema__avatare .avatar > a:hover .avatar__figure--ind {
  background-color: #7FACC1;
}
.thema__avatare .avatar:hover .avatar__figure {
  opacity: 1;
}
.thema__avatare--bottom .avatar {
  padding-top: 50px;
}
.thema__avatare--bottom .avatar:after {
  content: '';
  bottom: auto;
  top: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #88b7d5;
  border-width: 20px;
  margin-left: -20px;
  opacity: 0;
  transform: rotate(180deg);
}

.avatar.cow-uschi:after {
  border-bottom-color: #7ABB9B;
}

.cow-uschi .avatar.cow-uschi .avatar__figure {
  opacity: 1;
}
.cow-uschi .avatar.cow-uschi:after {
  opacity: 1;
}

.avatar.cow-emma:after {
  border-bottom-color: #DEB67A;
}

.cow-emma .avatar.cow-emma .avatar__figure {
  opacity: 1;
}
.cow-emma .avatar.cow-emma:after {
  opacity: 1;
}

.avatar.cow-connie:after {
  border-bottom-color: #7FACC1;
}

.cow-connie .avatar.cow-connie .avatar__figure {
  opacity: 1;
}
.cow-connie .avatar.cow-connie:after {
  opacity: 1;
}

.postlist__uschi,
.postlist__emma,
.postlist__connie,
.thema-modal__avatar .avatar.cow-uschi,
.thema-modal__avatar .avatar.cow-emma,
.thema-modal__avatar .avatar.cow-connie {
  opacity: 0;
  z-index: -1;
  display: none;
}

.cow-uschi .subheader {
  background: #DFEFE7;
}
.cow-uschi .postlist__uschi,
.cow-uschi .avatar.cow-uschi {
  opacity: 1;
  z-index: 1;
  display: block;
}

.cow-emma .subheader {
  background: #F8F0E4;
}
.cow-emma .postlist__emma,
.cow-emma .avatar.cow-emma {
  opacity: 1;
  z-index: 1;
  display: block;
}

.cow-connie .subheader {
  background: #D8E6EC;
}
.cow-connie .postlist__connie,
.cow-connie .avatar.cow-connie {
  opacity: 1;
  z-index: 1;
  display: block;
}

.tax-thema .subheader__title {
  font-size: 1.7rem;
}
.tax-thema .thema__avatare .avatar__desc {
  text-align: center;
}
@media (min-width: 0) and (max-width: 659px) {
  .tax-thema .thema__avatare .avatar__desc {
    font-size: 14px;
    line-height: 21px;
    min-height: 70px;
  }
}
.tax-thema .subheader__avatar {
  vertical-align: middle;
  line-height: 260px;
  height: auto;
}
.tax-thema .subheader__avatar img {
  max-width: 320px;
  width: 320px;
  vertical-align: middle;
}
.tax-thema .subheader__name {
  position: relative;
}
.tax-thema .subheader__name span {
  margin-right: 10px;
}
.tax-thema .subheader__name .btn-changetopic {
  margin-bottom: 14px;
  display: inline-block;
  font-size: 15px;
  padding: 6px 10px;
  border-radius: 6px;
  font-family: 'TheSansBold';
  color: #F8F8F6;
  background: #2E4A60;
}
.tax-thema.cow-uschi .subheader__name .btn-changetopic {
  background: #4C7561;
}
.tax-thema.cow-emma .subheader__name .btn-changetopic {
  background: #76615A;
}
.tax-thema.cow-connie .subheader__name .btn-changetopic {
  background: #527282;
}

#thema-modal .modal__close {
  position: fixed;
  color: #fff;
  right: 20px;
  display: block;
  padding: 5px;
  border-radius: 6px;
  font-size: 85%;
  font-family: 'TheSansBold';
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  #thema-modal .modal__close {
    display: none;
  }
}
#thema-modal .thema-modal__date {
  display: none;
}
#thema-modal .question-answers--hidden,
#thema-modal .entry-content__text-component-qa-a--collapsed {
  display: block;
}
#thema-modal .modal__header:after,
#thema-modal .modal__footer:after {
  content: " ";
  display: table;
  clear: both;
}
#thema-modal .modal__header a {
  text-align: right;
  float: right;
  display: inline-block;
  display: none;
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  #thema-modal .modal__header a {
    display: block;
  }
}
#thema-modal .modal__footer a {
  text-align: right;
  float: right;
  font-size: 85%;
  font-family: 'TheSansBold';
  padding: 5px;
  border-radius: 6px;
  display: inline-block;
  color: #fff;
}
#thema-modal .modal__footer {
  text-align: center;
}
#thema-modal .modal__footer a {
  margin: 0 5px 0 0;
  float: none;
}
#thema-modal .modal__footer .btn-changecow[data-cow="uschi"] {
  background: #7ABB9B;
}
#thema-modal .modal__footer .btn-changecow[data-cow="emma"] {
  background: #DEB67A;
}
#thema-modal .modal__footer .btn-changecow[data-cow="connie"] {
  background: #7FACC1;
}
#thema-modal .entry-content {
  border: none !important;
}
#thema-modal .entry-content a {
  font-weight: normal;
  cursor: inherit;
}
#thema-modal .entry-content a:hover {
  text-decoration: none;
}
#thema-modal .avatar__figure {
  max-width: 140px;
}

/* visible links */
body.showlinks #thema-modal .entry-content {
  border: inherit;
}
body.showlinks #thema-modal .entry-content a {
  font-weight: bold;
  cursor: pointer;
}
body.showlinks #thema-modal .entry-content a:hover {
  text-decoration: underline;
}

.logged-in #thema-modal .entry-content a {
  background: #F3D1D1;
}

.play-button {
  height: 80px;
  width: 190px;
  z-index: 1;
  opacity: 1;
  background: url("../../assets/img/btn_play.svg") no-repeat center center;
}
.play-button--external {
  text-align: center;
  display: block;
  margin-left: auto;
  vertical-align: bottom;
  margin-top: -30px;
  color: #fff;
}

.play-button {
  cursor: pointer;
}

.play-button,
.play-button:before {
  position: absolute;
}

.play-button,
.play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.video {
  margin-bottom: 50px;
  position: relative;
  /* youtube lazyload */
}
@media (min-width: 0) and (max-width: 659px) {
  .video {
    margin-bottom: 30px;
  }
}
.video__wrapper {
  margin: 10px auto;
}
@media (min-width: 0) and (max-width: 659px) {
  .video__wrapper {
    margin-top: 0;
  }
}
.video__wrapper img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.video__header {
  max-width: 80px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0px;
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  .video__header {
    position: static;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
  }
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  .video__header > * {
    padding-right: 6px;
  }
}
.video__header-time {
  display: block;
  line-height: 1.3;
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  .video__header-time {
    display: inline-block;
  }
}
.video__header-date {
  display: block;
  line-height: 1.3;
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  .video__header-date {
    display: inline-block;
  }
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  .video__header-avatar {
    display: inline-block;
  }
}
.video__header-category {
  margin-bottom: 6px;
}
@media (min-width: 0) and (max-width: 659px), (min-width: 660px) and (max-width: 1009px) {
  .video__header-category {
    display: inline-block;
    font-size: 14px;
  }
}
.video__description p {
  margin-bottom: 6px;
}
.video__sharing a:hover {
  text-decoration: none;
}
.video .video-player {
  background-color: #23211F;
  margin-bottom: 20px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  opacity: .85;
  -webkit-transition: opacity .3;
  -o-transition: opacity .3;
  -moz-transition: opacity .3;
  transition: opacity .3;
}
.video .video-player:hover {
  opacity: 1;
}
.video .video-player img {
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.8;
}
.video .is_external_video .video-player img {
  top: 0;
}
.video .video-player img {
  cursor: pointer;
}
.video .video-player img,
.video .video-player iframe {
  position: absolute;
}
.video .video-player iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.postlist.postlist__textentries {
  margin: 0 auto 50px auto;
}
.postlist.postlist__textentries .postlist__title {
  border-bottom: 1px solid #23211F;
  padding: 20px 0;
  margin-bottom: 10px;
}
.postlist.postlist__textentries .faq {
  border-bottom: 1px solid #23211F;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
}
.postlist.postlist__textentries .faq__jump {
  position: absolute;
  top: -120px;
}
.postlist.postlist__textentries .faq__header {
  display: block;
  padding: 15px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.postlist.postlist__textentries .faq__header h3 {
  margin: 0;
  padding: 0;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  white-space: word-wrap;
  padding-right: 20px;
  max-width: 600px;
}
.postlist.postlist__textentries .faq__header-indicator {
  text-align: right;
  max-width: 20px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.postlist.postlist__textentries .faq__header.collapsed .faq__header-indicator {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.press__entry-date {
  margin-top: 24px;
}
.press__entry {
  margin-bottom: 24px;
  padding: 0 0 24px 0;
  border-bottom: 1px solid #23211F;
}
.press__entry iframe,
.press__entry img {
  max-width: 100%;
}
.press__entry .btn--medium {
  padding: 0;
  border: none;
  font-size: 14px;
  color: #555;
}
.press__entry .btn--medium:after {
  display: inline-block;
  font-size: 8px;
  content: "\25b2";
  transform: translateY(-2px) translateX(3px) rotateZ(90deg);
}
.press__divider {
  text-transform: uppercase;
  margin: 3rem 0;
}
.press__title {
  margin-top: 6px;
  margin-bottom: 12px;
}

.cowchat {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cowchat .avatar {
  width: 50%;
}
.cowchat__cta {
  width: 50%;
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.caret, .postlist.postlist__textentries .faq__header-indicator {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url("../../assets/img/arrow-bl.svg") no-repeat center center;
  background-size: 11px auto;
}
.dropdown.open .caret, .dropdown.open .postlist.postlist__textentries .faq__header-indicator, .postlist.postlist__textentries .dropdown.open .faq__header-indicator {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.subnav .caret, .subnav .postlist.postlist__textentries .faq__header-indicator, .postlist.postlist__textentries .subnav .faq__header-indicator {
  height: 26px;
  background-image: url("../../assets/img/arrow-wh.svg");
  background-size: 14px auto;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4000;
  display: none;
  float: left;
  min-width: 300px;
  padding: 0px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 10px 15px;
  clear: both;
  color: #23211F;
  white-space: nowrap;
}
@media (min-width: 0) and (max-width: 659px) {
  .dropdown-menu > li > a {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  background-color: #f5f5f5;
}
@media (min-width: 0) and (max-width: 659px) {
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    background: transparent;
  }
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

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

.open > a {
  outline: 0;
}

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

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

.dropup .caret, .dropup .postlist.postlist__textentries .faq__header-indicator, .postlist.postlist__textentries .dropup .faq__header-indicator,
.navbar-fixed-bottom .dropdown .caret,
.navbar-fixed-bottom .dropdown .postlist.postlist__textentries .faq__header-indicator,
.postlist.postlist__textentries .navbar-fixed-bottom .dropdown .faq__header-indicator {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 660px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
/* 
main navbar
*/
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .nav > li > a {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

/* navbar */
.navbar {
  position: relative;
  min-height: 50px;
  border: 1px solid transparent;
  padding-top: 12px;
}
@media (min-width: 0) and (max-width: 659px) {
  .navbar {
    padding-top: 0;
  }
}

@media (min-width: 660px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .navbar-collapse {
    padding-right: 0px;
  }
}

.navbar-collapse.in {
  overflow-y: auto;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}
.collapse.in .dropdown-toggle {
  display: none;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

@media (min-width: 660px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 0) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 660px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 660px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 660px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 14px 0 0 15px;
  line-height: 1;
  height: 50px;
  line-height: 35px;
  font-size: 35px;
}
@media (min-width: 0) and (max-width: 659px) {
  .navbar-brand {
    line-height: 28px;
    font-size: 28px;
  }
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

/* Navbar home */
.navbar-brand-home .icon {
  color: #23211F;
  margin-top: 11px;
  display: inline-block;
  font-size: 34px;
}
@media (min-width: 0) and (max-width: 659px) {
  .navbar-brand-home .icon {
    margin-left: 15px;
    line-height: 28px;
    font-size: 28px;
  }
}

@media (min-width: 660px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 0 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: none;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 26px;
  height: 4px;
  border-radius: 0;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 660px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .navbar-nav {
    margin: 13px 0 0 0;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .navbar-nav {
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
  }
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 659px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px 0;
  }

  .navbar-collapse .dropdown-menu {
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 660px) {
  .navbar-nav {
    float: right;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.nav li.link--video {
  margin-right: 0px;
}
.nav li.link--video a {
  padding-right: 0;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .nav li.link--video {
    margin-right: 10px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .nav li.link--video {
    padding-top: 10px;
  }
}
.nav li.link--icon img {
  max-width: 30px;
  height: auto;
  width: 100%;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
}
.nav li.link--icon a {
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 0;
}
.nav li.link--icon a:hover .icon {
  border-bottom: 1px solid #23211F;
}
.nav .link-bio .indicator,
.nav .link-fam .indicator,
.nav .link-ind .indicator {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.nav .link--icon--facebook {
  padding-right: 0;
}
.nav .link--icon {
  display: none;
}

@media (min-width: 0) and (max-width: 659px) {
  .nav .dropdown--projekt,
  .nav .link--video {
    border-top: 1px solid #ccc;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

@media (min-width: 660px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
/* navbar coloring */
@media (min-width: 0) and (max-width: 659px) {
  .navbar-default .dropdown-toggle {
    display: none;
  }
}

.navbar-default .navbar-brand {
  color: #23211F;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #23211F;
}

.navbar-default .navbar-nav > li > a {
  color: #23211F;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #23211F;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #23211F;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #fff;
  color: #23211F;
}

@media (max-width: 659px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #23211F;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}

.navbar-default .navbar-link:hover {
  color: #333333;
}

.navbar-default .btn-link {
  color: #777777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}

@media (min-width: 0) and (max-width: 659px) {
  .nav.navbar-nav {
    background: #fff;
  }
  .nav.navbar-nav .dropdown-menu {
    position: static;
    display: block;
    float: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
  }
}
/* 
Conditionals by page id 
*


.parent-pageid-20 = Connie // industrie
.parent-pageid-52 = Emma // familie
.parent-pageid-54 = Nr. 19 // Bio

*
Coloring by Parent page
FAM
*/
.parent-pageid-52 .subnav__background,
.parent-pageid-52 .subheader,
.parent-pageid-52 .navbar {
  background: #F8F0E4;
}
.parent-pageid-52 .subnav .dropdown,
.parent-pageid-52 .subnav .current_page_item {
  background: #76615A;
}
.parent-pageid-52 .link-fam a,
.parent-pageid-52 .dropdown--kuehe > a {
  font-weight: bold;
}
.parent-pageid-52 .siblings-menu--fam {
  display: none;
}

.link-fam .indicator,
.Xsiblings-menu--fam {
  background: #DEB67A;
}

.parent-pageid-54 .subnav__background,
.parent-pageid-54 .subheader,
.parent-pageid-54 .navbar {
  background: #DFEFE7;
}
.parent-pageid-54 .subnav .dropdown,
.parent-pageid-54 .subnav .current_page_item {
  background: #4C7561;
}
.parent-pageid-54 .link-bio a,
.parent-pageid-54 .dropdown--kuehe > a {
  font-weight: bold;
}
.parent-pageid-54 .siblings-menu--bio {
  display: none;
}

.link-bio .indicator,
.Xsiblings-menu--bio {
  background: #7ABB9B;
}

.parent-pageid-20 .subnav__background,
.parent-pageid-20 .subheader,
.parent-pageid-20 .navbar {
  background: #D8E6EC;
}
.parent-pageid-20 .subnav .dropdown,
.parent-pageid-20 .subnav .current_page_item {
  background: #527282;
}
.parent-pageid-20 .dropdown--kuehe > a,
.parent-pageid-20 .link-ind a {
  font-weight: bold;
}
.parent-pageid-20 .siblings-menu--ind {
  display: none;
}

.link-ind .indicator,
.xsiblings-menu--ind {
  background: #7FACC1;
}

.parent-pageid-50 .navbar-brand {
  color: #F8F8F6;
}
.parent-pageid-50 .globalmessage {
  display: none;
}
.parent-pageid-50 .subnav__background,
.parent-pageid-50 .subheader,
.parent-pageid-50 .navbar {
  background: #2E4A60;
  color: #F8F8F6;
}
@media (min-width: 0) and (max-width: 659px) {
  .parent-pageid-50 .navbar-brand {
    width: 185px;
    background-size: 160px auto;
    background-position: 15px 15px;
  }
}
.parent-pageid-50 .navbar-brand:hover {
  color: #F8F8F6;
  opacity: .7;
}
.parent-pageid-50 .subnav__background span:before {
  background-image: url("../../assets/img/arrow-wh.svg");
}
@media (min-width: 660px) {
  .parent-pageid-50 .navbar-default .navbar-nav > li > a {
    color: #F8F8F6;
  }
}
.parent-pageid-50 .navbar-default .navbar-nav > li.open .dropdown-toggle {
  color: #23211F;
}
.parent-pageid-50 .navbar-default .navbar-nav > li > a .caret, .parent-pageid-50 .navbar-default .navbar-nav > li > a .postlist.postlist__textentries .faq__header-indicator, .postlist.postlist__textentries .parent-pageid-50 .navbar-default .navbar-nav > li > a .faq__header-indicator {
  background-image: url(../../assets/img/arrow-wh.svg);
}
.parent-pageid-50 .navbar-default .navbar-nav > li.open > a .caret, .parent-pageid-50 .navbar-default .navbar-nav > li.open > a .postlist.postlist__textentries .faq__header-indicator, .postlist.postlist__textentries .parent-pageid-50 .navbar-default .navbar-nav > li.open > a .faq__header-indicator {
  background-image: url(../../assets/img/arrow-bl.svg);
}
.parent-pageid-50 .navbar-default .navbar-toggle .icon-bar {
  background-color: #F8F8F6;
}
@media (min-width: 660px) {
  .parent-pageid-50 .nav li.link--icon a:hover .icon {
    border-bottom: 1px solid #fff;
  }
}
.parent-pageid-50 .subnav .dropdown,
.parent-pageid-50 .subnav .current_page_item {
  background: #2E4A60;
  background: #50738F;
}
@media (min-width: 0) and (max-width: 659px) {
  .parent-pageid-50 .subnav .dropdown,
  .parent-pageid-50 .subnav .current_page_item {
    background: #fff;
    color: #23211F;
  }
  .parent-pageid-50 .subnav .dropdown .dropdown-toggle__title,
  .parent-pageid-50 .subnav .current_page_item .dropdown-toggle__title {
    color: #23211F;
  }
  .parent-pageid-50 .subnav .dropdown .caret, .parent-pageid-50 .subnav .dropdown .postlist.postlist__textentries .faq__header-indicator, .postlist.postlist__textentries .parent-pageid-50 .subnav .dropdown .faq__header-indicator,
  .parent-pageid-50 .subnav .current_page_item .caret,
  .parent-pageid-50 .subnav .current_page_item .postlist.postlist__textentries .faq__header-indicator,
  .postlist.postlist__textentries .parent-pageid-50 .subnav .current_page_item .faq__header-indicator {
    background-image: url(../../assets/img/arrow-bl.svg);
  }
}

/* Animation */
.home .globalmessage {
  opacity: 0;
  transition: opacity 1s ease;
  transition-delay: 1700ms;
}
.home .navbar {
  opacity: 0;
  transition: opacity 1s ease;
  transition-delay: 1500ms;
}
.home .home__avatare {
  opacity: 0;
  transition: opacity 1s ease;
  transition-delay: 50ms;
}

.home.loaded .home__avatare,
.home.loaded .globalmessage,
.home.loaded .navbar {
  opacity: 1;
}

@media print {
  .footer {
    display: none !important;
  }

  .subheader .container {
    display: block;
  }

  .subheader__avatar {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }

  .subheader__name,
  .subheader__title {
    display: block;
    margin: 0 auto;
  }

  .tax-thema .subheader__name .btn-changetopic,
  .subheader__name .btn-changetopic {
    display: none;
  }

  .modal__header a,
  .modal__footer a {
    display: none;
  }

  body.modal--open .jquery-modal {
    position: static;
    background: #fff;
  }
  body.modal--open .thema__avatare,
  body.modal--open .postlist__textentries {
    display: none;
  }
}
/**********/
/* SHARED */
.canvas-loader {
  position: absolute;
  left: -20px;
}

.screenreader {
  /* div */
}
.screenreader__description, .screenreader__skiplink {
  /* h6, a */
}

.header-embed {
  /* div */
  margin: 40px 0;
  padding: 10px;
  border: 1px solid #eee;
}
.header-embed__headline {
  /* h1 */
}

.footer-embed {
  /* div */
  margin: 40px 0;
  padding: 10px;
  border: 1px solid #eee;
}
.footer-embed__headline {
  /* h4 */
}

.teaser-chatbot {
  /* div */
}
.teaser-chatbot__headline {
  /* h3 */
}

.spinner {
  /* div */
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #F8F8F6;
  text-align: center;
  transition: background-color 1s;
}
.spinner--error {
  background: rgba(204, 51, 51, 0.05);
}
.spinner__message--loading {
  font-size: 5.5px;
  text-indent: -99999em;
  position: relative;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  transform: translateZ(0);
}
.spinner__message--loading.ind {
  box-shadow: inset 0 0 0 1em #7FACC1;
}
.spinner__message--loading.fam {
  box-shadow: inset 0 0 0 1em #DEB67A;
}
.spinner__message--loading.bio {
  box-shadow: inset 0 0 0 1em #7ABB9B;
}
.spinner__message--loading:before, .spinner__message--loading:after {
  content: '';
  position: absolute;
  top: -0.1em;
  width: 5.2em;
  height: 10.2em;
  background: #F8F8F6;
}
.spinner__message--loading:before {
  left: -0.1em;
  transform-origin: 5.2em 5.1em;
  border-radius: 10.2em 0 0 10.2em;
  animation: spinner 1.5s infinite ease 1.125s;
}
.spinner__message--loading:after {
  left: 5.1em;
  transform-origin: 0px 5.1em;
  border-radius: 0 10.2em 10.2em 0;
  animation: spinner 1.5s infinite ease;
}
.spinner__message--error {
  color: #CC3333;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.select-cow {
  /* nav */
}
.select-cow__list {
  /* ul */
}
.select-cow__item {
  /* li */
}
.select-cow__link {
  /* a */
  cursor: pointer;
  text-decoration: underline;
}

/*********/
/* DIARY */
.diary {
  /* div */
  background: #fff;
  padding: 30px 0;
  /* gilt auch für report-spinner */
}
.diary .spinner {
  height: 250px;
  background-color: #fff;
}
.diary .spinner__message--loading:before, .diary .spinner__message--loading:after {
  background: #fff;
}

.diary-content {
  /* div */
  position: relative;
  /* spinner */
}
.diary-content-enter, .diary-content-leave-to {
  opacity: 0;
}
.diary-content-enter-active, .diary-content-leave-active {
  transition: opacity 0.3s ease-in;
}
.diary-content-enter-to, .diary-content-leave {
  opacity: 1;
}

.nav-time {
  /* v only below */
  margin: auto;
  padding: 0 15px;
  /* ^ only below */
  /* v only fade-out */
  transition: opacity 0.1s ease-out;
  /* ^ only fade-out */
  max-width: 1080px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
}
@media (min-width: 0) and (max-width: 659px) {
  .nav-time {
    padding: 0;
  }
}
.nav-time__scroll-btn {
  /* button */
  position: relative;
  top: 24px;
  height: 60px;
  width: 60px;
  font-size: 18px;
  background: #fff;
  border: none;
  cursor: pointer;
}
.nav-time__scroll-btn:before {
  content: '\25b2';
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  text-align: center;
}
.nav-time__scroll-btn--right {
  transform: translateY(-16px) rotateZ(90deg);
}
.nav-time__scroll-btn--left {
  transform: translateY(-16px) rotateZ(-90deg);
}
.nav-time__scroll-btn--disabled {
  opacity: 0.2;
  cursor: auto;
}
@media (min-width: 0) and (max-width: 659px) {
  .nav-time__scroll-btn {
    display: none;
  }
}
.nav-time__timeline {
  /*div */
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 190px;
}
.nav-time__timeline-hide-scroll {
  flex: 1 0 0%;
  width: auto;
  overflow-y: hidden;
  height: 160px;
}
.nav-time__timeline--anchor {
  position: relative;
  top: -90px;
}
@media (min-width: 0) and (max-width: 659px) {
  .nav-time__timeline {
    flex: 0 0 100%;
  }
}
.nav-time__timeline-inner {
  /* ul */
  overflow-y: visible;
  position: relative;
  min-width: 100%;
  height: 144px;
  margin: 0;
  padding: 0;
  /* line */
}
.nav-time__timeline-inner:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  top: 87px;
  left: 0px;
  right: 0px;
  height: 2px;
  box-shadow: 0 0 0 1px #fff;
  background: #555;
  transform: translateY(0px);
  transition: transform 0.3s ease-out;
}
.nav-time__timeline-item {
  /* li/div */
  position: absolute;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #23211F;
  font-size: 16px;
}
.nav-time__timeline-item__caption {
  /* a/div */
  color: inherit;
  text-align: center;
  font-size: 16px;
}
.nav-time__timeline-marker {
  /* a */
  z-index: 20;
  top: 53px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #555;
  color: #555;
  box-shadow: 0 0 0 1px #fff;
  border-radius: 50%;
  cursor: pointer;
  width: 70px;
  height: 70px;
  font-size: 16px;
}
.nav-time__timeline-marker:hover {
  border: 2px solid #23211F;
  color: #23211F;
}
.nav-time__timeline-marker:focus, .nav-time__timeline-marker:visited {
  color: #23211F;
}
.nav-time__timeline-marker--active {
  border-width: 2px;
  font-size: 18px;
  color: #23211F;
}
.nav-time__timeline-marker--active:before {
  content: '\25b2';
  display: block;
  font-size: 21px;
  position: absolute;
  top: -63px;
  transform: rotateZ(180deg);
}
.nav-time__timeline-marker--active:hover {
  border-width: 3px;
  text-decoration: underline;
}
.nav-time__timeline-marker--active.ind {
  background: #D8E6EC;
  border-color: #527282;
}
.nav-time__timeline-marker--active.ind:before {
  color: #7FACC1;
}
.nav-time__timeline-marker--active.fam {
  background: #F8F0E4;
  border-color: #76615A;
}
.nav-time__timeline-marker--active.fam:before {
  color: #DEB67A;
}
.nav-time__timeline-marker--active.bio {
  background: #DFEFE7;
  border-color: #7ABB9B;
}
.nav-time__timeline-marker--active.bio:before {
  color: #7ABB9B;
}
.nav-time__timeline-marker__caption, .nav-time__timeline-marker__caption:hover, .nav-time__timeline-marker__caption:focus {
  font-size: inherit;
}
.nav-time__timeline-separator {
  /* div */
  top: 32px;
  border-left: 1px dashed #23211F;
  font-size: 14px;
  line-height: 11px;
  transform: translateX(33px);
  height: 106px;
}
.nav-time__timeline-separator__caption {
  font-size: inherit;
  margin-left: 6px;
  margin-top: 2px;
  /* div */
}

.nav-time--top .screenreader {
  /* overwrite screen-reader-styles */
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
  width: 100%;
  margin-left: 60px;
}
@media (min-width: 0) and (max-width: 659px) {
  .nav-time--top .screenreader {
    margin-left: 15px;
  }
}
.nav-time--top .screenreader__description {
  font-size: 16px;
  margin: 0;
}
.nav-time--top .nav-time__timeline-marker--active:before {
  top: 86px;
  transform: rotateZ(0deg);
}

.nav-time--fade-out {
  opacity: 0;
}

.entry-header {
  /* div */
  width: 100%;
}
.entry-header__inner {
  /* div */
  padding: 24px 0;
  transition: padding 0.3s ease-out;
  border-top: 6px solid transparent;
}
.entry-header__inner.ind {
  background: #D8E6EC;
  border-color: #7FACC1;
}
.entry-header__inner.fam {
  background: #F8F0E4;
  border-color: #DEB67A;
}
.entry-header__inner.bio {
  background: #DFEFE7;
  border-color: #7ABB9B;
}
.entry-header__headline {
  position: relative;
  display: flex;
  align-items: center;
  margin: auto;
  padding: 0 15px;
  max-width: 650px;
  font-size: 24px;
  transition: font-size 0.3s ease-out;
}
@media (min-width: 1010px) and (max-width: 8000px) {
  .entry-header__headline {
    max-width: 960px;
  }
}
@media (min-width: 1080px) and (max-width: 8000px) {
  .entry-header__headline {
    transform: translateX(-60px);
    transition: transform 0.3s ease-out;
  }
}
.entry-header__headline:before {
  content: '';
  display: block;
  position: relative;
  top: 2px;
  border-radius: 50%;
  background-position: center center;
  background-size: 75%;
  background-repeat: no-repeat;
  margin-right: 18px;
  width: 40px;
  height: 40px;
  transition: margin-right 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out;
}
.entry-header__headline.ind:before {
  background-color: #7FACC1;
  background-image: url("../../assets/img/avatar_ind.svg");
}
.entry-header__headline.fam:before {
  background-color: #DEB67A;
  background-image: url("../../assets/img/avatar_fam.svg");
}
.entry-header__headline.bio:before {
  background-color: #7ABB9B;
  background-image: url("../../assets/img/avatar_bio.svg");
}

.entry-content {
  padding-bottom: 48px;
  /* spinner */
}
.entry-content.bio {
  border-bottom: 6px solid #7ABB9B;
}
.entry-content.fam {
  border-bottom: 6px solid #DEB67A;
}
.entry-content.ind {
  border-bottom: 6px solid #7FACC1;
}
.entry-content__center {
  /* div */
  max-width: 1050px;
  margin: auto;
  padding: 0;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .entry-content__center {
    max-width: 650px;
  }
}
.entry-content__nav-sections {
  /* nav */
  background: #F8F8F6;
  width: 340px;
  float: left;
  margin: 6px 32px 32px 0;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .entry-content__nav-sections {
    width: 280px;
  }
}
@media (min-width: 0) and (max-width: 659px) {
  .entry-content__nav-sections {
    width: 100%;
    max-width: 650px;
    margin: -32px auto 30px auto;
  }
}
.entry-content__nav-sections-list {
  margin: 10px 24px;
}
.entry-content__nav-sections-listitem {
  /* li */
  list-style: none;
  border-bottom: 1px solid #aaa;
}
.entry-content__nav-sections-listitem:last-child {
  border: none;
}
.entry-content__nav-sections-link {
  /* a */
  display: block;
  padding: 15px 0;
  color: #555;
}
.entry-content__nav-sections-link:hover {
  color: #23211F;
  text-decoration: underline;
}
.entry-content__nav-sections-link:before {
  content: '\25b2';
  display: inline-block;
  font-size: 9px;
  position: relative;
  top: -3px;
  transform: rotateZ(90deg);
}
.entry-content__nav-sections-link-text {
  font-size: 16px;
  line-height: 1.3;
  color: inherit;
  text-decoration: inherit;
}
.entry-content__text-component {
  /* section */
  max-width: 650px;
  margin: 32px auto 0;
  padding: 0 15px;
}
.entry-content__text-component-headline {
  /* h2 */
  margin: 0 0 24px;
  font-size: 30px;
  line-height: 1.2em;
}
.entry-content__text-component-image-wrapper {
  display: block;
  float: left;
  width: 100%;
  margin: 4px 0 17px;
}
.entry-content__text-component-image {
  width: 100%;
}
.entry-content__text-component-intro, .entry-content__text-component-closing {
  /* p, p */
}
.entry-content__text-component-closing {
  margin-bottom: 36px;
}
.entry-content__text-component-main {
  /* p */
}
.entry-content__text-component-qa {
  /* div */
  /* expand / collapse */
}
.entry-content__text-component-qa--collapsed {
  display: none;
}
.entry-content__text-component-qa-next-enter, .entry-content__text-component-qa-next-leave-to {
  opacity: 0;
}
.entry-content__text-component-qa-next-enter-active, .entry-content__text-component-qa-next-leave-active {
  transition: opacity 0.3s ease-in;
}
.entry-content__text-component-qa-next-enter-to, .entry-content__text-component-qa-next-leave {
  opacity: 1;
}
.entry-content__text-component-qa-q {
  /* p */
  display: block;
}
.entry-content__text-component-qa-q:before {
  content: '\25b2';
  display: inline-block;
  font-size: 11px;
  position: relative;
  left: 0;
  top: -2px;
  margin-right: 4px;
  transform: rotateZ(90deg);
  transition: transform 0.3s ease-in;
}
.entry-content__text-component-qa-q--expanded:before {
  transform: rotateZ(180deg);
}
.entry-content__text-component-qa-a {
  /* p */
  display: block;
}
.entry-content__text-component-qa-a--collapsed {
  display: none;
}
.entry-content iframe {
  width: 100%;
  margin: 10px 0;
}
.entry-content-enter, .entry-content-leave-to {
  opacity: 0;
}
.entry-content-enter-active, .entry-content-leave-active {
  transition: opacity 0.3s ease-in;
}
.entry-content-enter-to, .entry-content-leave {
  opacity: 1;
}

/**********/
/* CHARTS */
.charts {
  /* div */
  background: #fff;
  padding: 32px 0;
  position: relative;
}

.nav-tabs {
  /* nav */
  max-width: 960px;
  margin: auto;
  margin-bottom: 36px;
}
@media (min-width: 480px) and (max-width: 8000px) {
  .nav-tabs {
    margin-bottom: 32px;
  }
}
.nav-tabs__list {
  /* ul */
  display: flex;
}
.nav-tabs__tab {
  /* li */
  flex-grow: 1;
  margin: 0 5px;
  text-align: center;
  color: #555;
  list-style: none;
  transition: color 0.3s ease-in, border-color 0.3s ease-in;
  border-bottom: 3px solid transparent;
}
@media (min-width: 480px) and (max-width: 8000px) {
  .nav-tabs__tab {
    flex: 0 1 50%;
    margin: 0 15px;
    border-bottom: 6px solid transparent;
  }
}
.nav-tabs__tab.ind {
  border-bottom-color: rgba(82, 114, 130, 0.1);
}
.nav-tabs__tab.fam {
  border-bottom-color: rgba(118, 97, 90, 0.1);
}
.nav-tabs__tab.bio {
  border-bottom-color: rgba(76, 117, 97, 0.1);
}
.nav-tabs__tab:hover {
  color: #23211F;
}
.nav-tabs__tab:hover.ind {
  border-bottom-color: #7FACC1;
}
.nav-tabs__tab:hover.fam {
  border-bottom-color: #DEB67A;
}
.nav-tabs__tab:hover.bio {
  border-bottom-color: #7ABB9B;
}
.nav-tabs__tab--active, .nav-tabs__tab--active:hover {
  color: #23211F;
}
.nav-tabs__tab--active.ind, .nav-tabs__tab--active:hover.ind {
  border-bottom-color: #527282;
}
.nav-tabs__tab--active.fam, .nav-tabs__tab--active:hover.fam {
  border-bottom-color: #76615A;
}
.nav-tabs__tab--active.bio, .nav-tabs__tab--active:hover.bio {
  border-bottom-color: #4C7561;
}
.nav-tabs__link {
  /* a */
  display: block;
  cursor: pointer;
  color: inherit;
  font-size: 13px;
  padding: 12px 0;
}
@media (min-width: 480px) and (max-width: 8000px) {
  .nav-tabs__link {
    padding: 18px 0 24px;
    font-size: 17px;
  }
}
.nav-tabs__link:visited, .nav-tabs__link:focus, .nav-tabs__link:active {
  color: inherit;
}

.tab-content {
  /* div */
}
.tab-content-enter, .tab-content-leave-to {
  opacity: 0;
}
.tab-content-enter-active, .tab-content-leave-active {
  transition: opacity 0.3s ease-in;
}
.tab-content-enter-to, .tab-content-leave {
  opacity: 1;
}

/* TAB CANS */
.tab-cans {
  /* div */
  max-width: 990px;
  margin: auto;
  padding: 0 15px 0 0;
  display: flex;
  flex-wrap: wrap;
  /* spinner */
}
@media (min-width: 1010px) and (max-width: 8000px) {
  .tab-cans {
    padding: 0 30px 0 15px;
  }
}
.tab-cans__chart {
  /* div */
  flex: 1 1 30%;
  margin: 0 0 15px 15px;
  padding: 12px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.tab-cans__chart-mode-switch {
  flex: 0 1 100%;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #aaa;
  margin: 12px 0 30px 15px;
}
.tab-cans__chart-mode-switch-option {
  list-style: none;
  color: #555;
  border-bottom: 3px solid transparent;
  transition: color 0.3s ease-out, border-bottom-color 0.3s ease-out;
  margin-bottom: -3px;
  font-size: 16px;
}
.tab-cans__chart-mode-switch-option:hover {
  color: #23211F;
  border-bottom-color: #aaa;
}
.tab-cans__chart-mode-switch-option--active, .tab-cans__chart-mode-switch-option--active:hover {
  color: #23211F;
  border-bottom-color: #23211F;
}
.tab-cans__chart-mode-switch-option-link {
  color: inherit;
  display: block;
  padding: 6px 12px;
}
.tab-cans__chart.ind {
  background-color: #D8E6EC;
}
.tab-cans__chart.fam {
  background-color: #F8F0E4;
}
.tab-cans__chart.bio {
  background-color: #DFEFE7;
}
@media (min-width: 0) and (max-width: 659px) {
  .tab-cans__chart {
    flex: 1 1 100%;
  }
}
.tab-cans__chart-cow-avatar {
  border-radius: 50%;
  background-position: center center;
  background-size: 75%;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}
@media (min-width: 1010px) and (max-width: 8000px) {
  .tab-cans__chart-cow-avatar {
    width: 180px;
    height: 180px;
    margin-bottom: -18px;
  }
}
.tab-cans__chart-cow-avatar.ind {
  background-image: url("../../assets/img/avatar_ind.svg");
}
.tab-cans__chart-cow-avatar.fam {
  background-image: url("../../assets/img/avatar_fam.svg");
}
.tab-cans__chart-cow-avatar.bio {
  background-image: url("../../assets/img/avatar_bio.svg");
}
.tab-cans__chart-headline {
  /* h4 */
  flex: 0 0 0%;
  min-width: 90px;
  font-size: 24px;
  margin: 0 6px;
}
@media (min-width: 1010px) and (max-width: 8000px) {
  .tab-cans__chart-headline {
    width: 100%;
    flex: 1 1 100%;
    margin: 0 0 12px;
    font-size: 30px;
    text-align: center;
  }
}
.tab-cans__chart-milk-vol {
  margin: 0;
  width: 100%;
  font-size: 16px;
}
@media (min-width: 1010px) and (max-width: 8000px) {
  .tab-cans__chart-milk-vol {
    text-align: center;
    margin-top: 12px;
  }
}
.tab-cans__chart-canvas {
  /* canvas */
  width: 100%;
  height: 200px;
  margin: 24px 0 6px;
}
@media (min-width: 660px) and (max-width: 1009px) {
  .tab-cans__chart-canvas {
    height: 200px;
  }
}
@media (min-width: 1010px) and (max-width: 8000px) {
  .tab-cans__chart-canvas {
    height: 240px;
  }
}
.tab-cans__chart-turnover {
  flex: 1 1 100%;
  text-align: center;
}
.tab-cans__chart-turnover-val {
  display: block;
  width: 100%;
  font-size: 30px;
  color: inherit;
}
.tab-cans__chart-turnover-caption {
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
}
.tab-cans__chart-daily-cost-milk-price  {
  flex: 1 1 100%;
  text-align: center;
}
.tab-cans__chart-daily-cost-caption {
  font-size: 13px;
}
.tab-cans__chart-daily-cost-val {
  font-size: 13px;
}
.tab-cans__chart-daily-cost-val:after {
  content: '';
  display: inline-block;
  width: 10px;
}
.tab-cans__chart-milk-price {
  border-bottom: 1px solid #aaa;
  padding: 12px;
  margin: 0 0 12px;
}
.tab-cans__chart-milk-price-caption {
  font-size: 13px;
}
.tab-cans__chart-milk-price-val {
  font-size: 13px;
}
.tab-cans__chart-milk-price-extra {
  font-size: 13px;
  text-align: left;
  line-height: 1.5;
  width: 90%;
  color: #23211F;
}
.tab-cans__explainer {
  /* div */
  max-width: 620px;
  margin: 32px auto 0;
  padding-left: 15px;
}
.tab-cans .spinner {
  flex: 1 0 100%;
  height: 600px;
}
.tab-cans-enter, .tab-cans-leave-to {
  opacity: 0;
}
.tab-cans-enter-active, .tab-cans leave-active {
  transition: opacity 0.3s ease-in;
}
.tab-cans-enter-to, .tab-cans-leave {
  opacity: 1;
}

/* TAB CURVES */
.tab-curves {
  /* div */
  max-width: 960px;
  margin: auto;
  padding: 0 15px;
}
.tab-curves__chart {
  /* div */
  margin: 60px 0;
  position: relative;
}
.tab-curves__chart-headline {
  /* h4 */
  max-width: 620px;
  margin: auto;
  margin-bottom: 24px;
  font-size: 24px;
  /* icons */
}
.tab-curves__chart-headline:before {
  display: inline-block;
  float: left;
  position: relative;
  top: -4px;
  margin-right: 10px;
  font-size: 32px;
  border-radius: 15px;
}
.tab-curves__chart-headline.ind:before {
  color: #7FACC1;
}
.tab-curves__chart-headline.fam:before {
  color: #DEB67A;
}
.tab-curves__chart-headline.bio:before {
  color: #7ABB9B;
}
@media (min-width: 1010px) and (max-width: 8000px) {
  .tab-curves__chart-headline {
    position: relative;
  }
  .tab-curves__chart-headline:before {
    display: block;
    font-size: 58px;
    position: absolute;
    left: -84px;
    top: -15px;
    width: 60px;
    height: 60px;
  }
}
.tab-curves__chart-explainer {
  /* p */
  max-width: 620px;
  margin: auto;
  margin-bottom: 18px;
}
.tab-curves__chart-wrapper {
  /* div */
  min-height: 220px;
  /* spinner */
}
@media (min-width: 0) and (max-width: 659px) {
  .tab-curves__chart-wrapper {
    margin: 0 -10px;
  }
}
.tab-curves__chart-wrapper .spinner {
  height: 220px;
  width: 100%;
  max-width: 620px;
  margin: 48px auto;
  background: transparent;
}
.tab-curves__chart-wrapper .spinner__message--loading:before, .tab-curves__chart-wrapper .spinner__message--loading:after {
  background: #fff;
}
.tab-curves__chart-wrapper .spinner--error {
  background: rgba(204, 51, 51, 0.05);
}
.tab-curves__chart-wrapper-enter, .tab-curves__chart-wrapper-leave-to {
  opacity: 0;
}
.tab-curves__chart-wrapper-enter-active, .tab-curves__chart-wrapper-leave-active {
  transition: opacity 0.3s ease-in;
}
.tab-curves__chart-wrapper-enter-to, .tab-curves__chart-wrapper-leave {
  opacity: 1;
}
.tab-curves__chart-canvas {
  /* canvas */
  height: 220px;
  width: 100%;
  background: #fff;
}
@media (min-width: 0) and (max-width: 659px) {
  .tab-curves__chart-canvas {
    height: 180px;
    background: #F8F8F6;
  }
}
.tab-curves__chart-canvas-caption {
  display: none;
}
@media (min-width: 0) and (max-width: 659px) {
  .tab-curves__chart-canvas-caption {
    display: block;
    padding: 0px 10px 6px;
    color: #555;
    text-transform: uppercase;
    font-size: 13px;
  }
}

/* ACCESSIBILITY */
.no-tab :focus {
  outline: none !important;
}

@media speech {
  [aria-hidden="true"] {
    display: none;
  }
}