/* exo-2-300 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/exo-2-v4-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Exo 2 Light"), local("Exo2-Light"), url("../fonts/exo-2-v4-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/exo-2-v4-latin-300.woff2") format("woff2"), url("../fonts/exo-2-v4-latin-300.woff") format("woff"), url("../fonts/exo-2-v4-latin-300.ttf") format("truetype"), url("../fonts/exo-2-v4-latin-300.svg#Exo2") format("svg");
  /* Legacy iOS */ }
/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/exo-2-v4-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Exo 2 Medium"), local("Exo2-Medium"), url("../fonts/exo-2-v4-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/exo-2-v4-latin-500.woff2") format("woff2"), url("../fonts/exo-2-v4-latin-500.woff") format("woff"), url("../fonts/exo-2-v4-latin-500.ttf") format("truetype"), url("../fonts/exo-2-v4-latin-500.svg#Exo2") format("svg");
  /* Legacy iOS */ }
/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/exo-2-v4-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Exo 2 Bold"), local("Exo2-Bold"), url("../fonts/exo-2-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/exo-2-v4-latin-700.woff2") format("woff2"), url("../fonts/exo-2-v4-latin-700.woff") format("woff"), url("../fonts/exo-2-v4-latin-700.ttf") format("truetype"), url("../fonts/exo-2-v4-latin-700.svg#Exo2") format("svg");
  /* Legacy iOS */ }
/* exo-2-800 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/exo-2-v4-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Exo 2 Extra Bold"), local("Exo2-ExtraBold"), url("../fonts/exo-2-v4-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/exo-2-v4-latin-800.woff2") format("woff2"), url("../fonts/exo-2-v4-latin-800.woff") format("woff"), url("../fonts/exo-2-v4-latin-800.ttf") format("truetype"), url("../fonts/exo-2-v4-latin-800.svg#Exo2") format("svg");
  /* Legacy iOS */ }
/* bitter-regular - latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bitter-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Bitter Regular"), local("Bitter-Regular"), url("../fonts/bitter-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bitter-v12-latin-regular.woff2") format("woff2"), url("../fonts/bitter-v12-latin-regular.woff") format("woff"), url("../fonts/bitter-v12-latin-regular.ttf") format("truetype"), url("../fonts/bitter-v12-latin-regular.svg#Bitter") format("svg");
  /* Legacy iOS */ }
/* bitter-700 - latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/bitter-v12-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Bitter Bold"), local("Bitter-Bold"), url("../fonts/bitter-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/bitter-v12-latin-700.woff2") format("woff2"), url("../fonts/bitter-v12-latin-700.woff") format("woff"), url("../fonts/bitter-v12-latin-700.ttf") format("truetype"), url("../fonts/bitter-v12-latin-700.svg#Bitter") format("svg");
  /* Legacy iOS */ }
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/raleway-v12-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Raleway Light"), local("Raleway-Light"), url("../fonts/raleway-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-300.woff2") format("woff2"), url("../fonts/raleway-v12-latin-300.woff") format("woff"), url("../fonts/raleway-v12-latin-300.ttf") format("truetype"), url("../fonts/raleway-v12-latin-300.svg#Raleway") format("svg");
  /* Legacy iOS */ }
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raleway-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Raleway"), local("Raleway-Regular"), url("../fonts/raleway-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-regular.woff2") format("woff2"), url("../fonts/raleway-v12-latin-regular.woff") format("woff"), url("../fonts/raleway-v12-latin-regular.ttf") format("truetype"), url("../fonts/raleway-v12-latin-regular.svg#Raleway") format("svg");
  /* Legacy iOS */ }
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/raleway-v12-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Raleway Medium"), local("Raleway-Medium"), url("../fonts/raleway-v12-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-500.woff2") format("woff2"), url("../fonts/raleway-v12-latin-500.woff") format("woff"), url("../fonts/raleway-v12-latin-500.ttf") format("truetype"), url("../fonts/raleway-v12-latin-500.svg#Raleway") format("svg");
  /* Legacy iOS */ }
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/raleway-v12-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url("../fonts/raleway-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-600.woff2") format("woff2"), url("../fonts/raleway-v12-latin-600.woff") format("woff"), url("../fonts/raleway-v12-latin-600.ttf") format("truetype"), url("../fonts/raleway-v12-latin-600.svg#Raleway") format("svg");
  /* Legacy iOS */ }
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/raleway-v12-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/raleway-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v12-latin-700.woff2") format("woff2"), url("../fonts/raleway-v12-latin-700.woff") format("woff"), url("../fonts/raleway-v12-latin-700.ttf") format("truetype"), url("../fonts/raleway-v12-latin-700.svg#Raleway") format("svg");
  /* Legacy iOS */ }
html {
  font-size: 14px; }

body {
  background: rgba(0, 0, 0, 0) url("../images/schuppen_hell.png") repeat scroll 0 0; }

.short-links {
  float: right;
  text-align: right;
  width: 33.3%; }
  @media only screen and (max-width: 930px) {
    .short-links {
      display: none; } }
  .short-links ul li {
    display: inline-block;
    margin-left: 0.5em; }
    .short-links ul li a {
      font-size: 0.9em;
      font-weight: 100;
      line-height: 1.8;
      text-transform: none; }
    .short-links ul li i {
      font-size: 1.25em; }

@media only screen and (max-width: 820px) {
  .logo {
    float: none;
    transition: all 0.3s ease 0s;
    width: auto; } }

@media only screen and (max-width: 1300px) {
  .index .logo {
    display: block;
    float: none;
    margin: 0 auto;
    max-height: 90px;
    max-width: 100px;
    min-height: 44px;
    min-width: 100px;
    padding: 0;
    text-align: center;
    width: auto; } }
@media only screen and (max-width: 820px) {
  .index .logo {
    padding: 5px 0; } }

@media only screen and (max-width: 1300px) {
  .nav-primary {
    margin: 5px auto; } }

@media only screen and (max-width: 820px) {
  .top-page-header .page-header-container {
    padding: 0px 0 0; } }

.page-wrapper {
  padding: 17em 0 0; }
  @media only screen and (max-width: 820px) {
    .page-wrapper {
      padding: 0; } }

.index .page-wrapper {
  padding: 14em 0 0; }
  @media only screen and (max-width: 820px) {
    .index .page-wrapper {
      padding: 0; } }

@media only screen and (max-width: 820px) {
  .nav-primary .level2.parent > a::after {
    left: -15px; } }

#page-wrapper {
  background: #ffffff none repeat scroll 0 0;
  margin: 0 auto;
  max-width: 1032px; }

section {
  display: block;
  margin: 0 auto;
  max-width: 1260px;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 805px) {
    section {
      padding: 0; } }

.main {
  background: white none repeat scroll 0 0;
  margin-top: 1em;
  padding: 2em; }
  @media only screen and (max-width: 805px) {
    .main {
      padding: 2em 0.5em; } }

.index .main {
  background: none;
  margin-top: 0;
  padding: 2em; }
  @media only screen and (max-width: 805px) {
    .index .main {
      padding: 2em 0.5em; } }

#breadcrumbs {
  color: #777777;
  font-size: 13px;
  margin: 1em auto;
  max-width: 1260px;
  overflow: hidden;
  padding: 0; }
  @media only screen and (max-width: 780px) {
    #breadcrumbs {
      display: none; } }
  #breadcrumbs span {
    font-weight: 700;
    margin-left: 1em; }
  #breadcrumbs ul {
    display: inline-block;
    letter-spacing: normal;
    text-transform: none; }
    #breadcrumbs ul li {
      display: inline; }
      #breadcrumbs ul li:after {
        color: #9c9c9c;
        content: " /"; }
      #breadcrumbs ul li:last-child:after {
        content: ""; }
      #breadcrumbs ul li:last-child {
        color: #000; }
    #breadcrumbs ul a {
      text-decoration: none;
      color: #9c9c9c; }
      #breadcrumbs ul a:focus, #breadcrumbs ul a:hover, #breadcrumbs ul a:active {
        color: #e40410; }

.page-header {
  background: #000000 none repeat scroll 0 center;
  padding-bottom: 0.1em;
  z-index: 20000;
  box-shadow: 0 1px 3px 1px rgba(255, 255, 255, 0.1); }
  @media only screen and (max-width: 820px) {
    .page-header {
      background: #fff;
      position: relative;
      width: 100%; } }

.index .page-header {
  background: rgba(255, 255, 255, 0); }
  @media only screen and (max-width: 820px) {
    .index .page-header {
      background: #fff; } }

.page {
  display: block;
  position: fixed;
  width: 100%;
  z-index: 20001; }
  @media only screen and (max-width: 820px) {
    .page {
      position: relative !important; } }

h4.modal-title {
  text-align: left; }

.error-page {
  margin: 0 auto !important;
  padding: 0 20px !important;
  position: relative !important;
  width: 100% !important; }
  .error-page img {
    height: 500px;
    object-fit: cover;
    width: 100% !important; }
  .error-page div {
    background-color: rgba(255, 255, 255, 0.8) !important;
    font-style: italic !important;
    height: 100% !important;
    left: 10% !important;
    max-height: 400px !important;
    max-width: 400px !important;
    padding: 50px !important;
    position: absolute !important;
    text-align: center !important;
    top: 40px !important;
    width: 100% !important; }
    @media only screen and (max-width: 820px) {
      .error-page div {
        left: 0 !important;
        padding: 1em 0 !important; } }
    @media only screen and (max-width: 820px) {
      .error-page div p {
        font-size: 1.5em !important; } }

.content {
  padding: 0 1em; }
  .content p {
    font-size: 1.2em;
    line-height: 2em;
    padding: 1em 0; }
  .content a {
    font-size: 1em;
    line-height: 2em; }
  .content ul {
    padding: 1em;
    list-style: outside none square; }
    .content ul li {
      font-size: 1em;
      line-height: 2em; }
      .content ul li span {
        font-size: 1.2em;
        line-height: 2em; }
  .content .right {
    display: block;
    float: right;
    margin: 0 0 20px 20px; }
  .content .left {
    display: block;
    float: left;
    margin: 0 20px 20px 0; }
  .content table td {
    padding: 0.5em; }

.shrink {
  top: 0;
  padding-top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: #000 !important; }
  @media only screen and (max-width: 820px) {
    .shrink {
      background: #fff !important; } }
  .shrink .logo {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 60px;
    min-width: 60px;
    min-height: 60px;
    padding: 10px 0;
    margin: 0 auto; }
  .shrink .category-nav {
    display: none;
    padding-top: 3em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
  .shrink .nav-primary a {
    color: #fff !important; }
  .shrink .skip-cart, .shrink .skip-link {
    margin-top: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (max-width: 820px) {
      .shrink .skip-cart, .shrink .skip-link {
        margin-top: 0em; } }
  .shrink .top-page-header {
    padding: 30px 0 0; }
  .shrink .top-page-header .page-header-container {
    padding: 0px 0 0; }

.index .page-header-container {
  position: static; }

.index .shrink .top-page-header {
  padding: 30px 0 2px; }
  @media only screen and (max-width: 820px) {
    .index .shrink .top-page-header {
      padding: 0; } }
  @media only screen and (max-width: 820px) {
    .index .shrink .top-page-header {
      padding: 0px 0 0; }
      .index .shrink .top-page-header .page-header-container {
        padding: 0px 0 0; } }

.index .shrink .category-nav {
  display: none; }

.index #header-nav {
  padding: 0;
  width: 80%;
  float: left; }
  @media only screen and (max-width: 820px) {
    .index #header-nav {
      width: 100%; } }
  .index #header-nav nav li {
    text-align: left; }

.index .main-container {
  margin: 0 auto;
  max-width: 1260px;
  padding: 8em 0 6em !important;
  position: relative; }
  @media only screen and (max-width: 1300px) {
    .index .main-container {
      padding: 5em 0 6em !important; } }
  @media only screen and (max-width: 820px) {
    .index .main-container {
      padding: 0em 0 0em !important; } }

.nav-primary .active > a {
  text-decoration: underline; }

.nav-primary a:hover, .nav-primary li:hover > a {
  color: #e40410 !important; }

.nav-primary .nav-0 {
  display: none !important; }
  @media only screen and (max-width: 820px) {
    .nav-primary .nav-0 {
      display: block !important; } }

#header-nav {
  padding: 0; }

.col {
  float: left;
  margin-right: 1%; }
  .col:last-of-type {
    margin-right: 0; }
  .col.half {
    width: 47.67%; }
  .col.one-third {
    width: 32.65%; }
    .col.one-third:nth-of-type(3n) {
      margin-right: 0; }
  .col.two-thirds {
    width: 65.3%; }
    @media only screen and (max-width: 640px) {
      .col.two-thirds {
        width: 100%; } }
  .col.one-fourth {
    width: 24.2%; }
    .col.one-fourth:nth-of-type(4n) {
      margin-right: 0; }
  .col.one-fifth {
    width: 16.28%; }

#skyrocket {
  background: #000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAAAXNSR0IArs4c6QAAAHpJREFUKBWNkNENwCAIBf1yB0dxIXZyIUdxB7/skdbEGkVNLqUPjg+cO7zWmof04Q/jdpslATL0p3WwrU0XMULpm4avZnGjrWMEgTosmUvtydoeUoY8pNk2/nV2fVcaAbIh71rq/O9KEKHsjItc3feuFAL1QjqN6A55AHXwbqCdfoKWAAAAAElFTkSuQmCC") no-repeat scroll center 8px;
  border: 1px solid #fff;
  border-radius: 50%;
  bottom: 33px;
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
  color: white;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  height: 50px;
  letter-spacing: 0.025em;
  line-height: 1em;
  opacity: 0;
  overflow: hidden;
  padding-top: 20px;
  position: fixed;
  right: 10px;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.3s ease 0s;
  width: 50px;
  z-index: 10000; }
  #skyrocket:hover {
    box-shadow: 0 0 5px white;
    text-decoration: none; }

#skyrocket.visible {
  opacity: 1; }

.category-nav {
  padding-top: 3.3em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .category-nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 15.6%; }
    @media only screen and (max-width: 1050px) {
      .category-nav li {
        width: 13.6%; } }
    .category-nav li a {
      color: #000000;
      font-size: 1.4em;
      font-weight: 600;
      text-transform: uppercase;
      transition: all 0.4s; }
      .category-nav li a:hover, .category-nav li a .active {
        color: #e40410;
        text-decoration: none; }
      @media only screen and (max-width: 1050px) {
        .category-nav li a {
          font-size: 10px; } }
    .category-nav li.menu-koi {
      width: 10%; }

.category-nav .active a {
  border-bottom: 4px solid #000000; }

.index .category-nav {
  margin-bottom: 1.5em;
  padding-top: 0; }
  .index .category-nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 19.7%; }
    @media only screen and (max-width: 930px) {
      .index .category-nav li {
        width: 18.7%; } }
    .index .category-nav li a {
      color: #000000;
      font-size: 1.4em;
      font-weight: 600;
      text-transform: uppercase;
      transition: all 0.4s; }
      .index .category-nav li a:hover, .index .category-nav li a .active {
        color: #e40410;
        text-decoration: none; }
      @media only screen and (max-width: 930px) {
        .index .category-nav li a {
          font-size: 1.2em; } }

@media only screen and (max-width: 820px) {
  .index .category-nav {
    display: none; }

  .category-nav {
    display: none; } }
h2, .h2 {
  color: #636363;
  font-family: "Exo 2",sans-serif;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 0.25em 0;
  text-rendering: optimizelegibility;
  text-transform: uppercase; }

h1, .h1 {
  color: #000000;
  font-family: "Exo 2",sans-serif;
  font-size: 1.8em;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.7em;
  text-rendering: optimizelegibility;
  text-transform: uppercase; }

#teaser-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 820px) {
    #teaser-wrapper {
      display: block;
      flex-wrap: nowrap; } }

#teaser {
  overflow: hidden;
  position: relative;
  width: 66% !important;
  max-width: 100% !important;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 820px) {
    #teaser {
      display: block;
      height: auto;
      width: 100%; } }
  #teaser .owl-controls {
    display: block;
    height: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 12; }
  #teaser .owl-prev {
    float: left;
    margin-left: 1em; }
    #teaser .owl-prev svg {
      transform: rotate(-180deg); }
  #teaser .owl-next {
    float: right;
    margin-right: 1em; }
  #teaser polyline {
    stroke: #e40410; }
  #teaser path {
    stroke: #e40410; }
  #teaser .potd .potd-data {
    left: 0;
    margin-left: 10%;
    position: absolute;
    top: 0; }
    #teaser .potd .potd-data h3 {
      color: #ffffff;
      font-size: 1.2em;
      font-weight: 400;
      text-align: left; }
      @media only screen and (max-width: 805px) {
        #teaser .potd .potd-data h3 {
          font-size: 1em;
          margin-top: 1em; } }
    #teaser .potd .potd-data .price {
      color: #ffffff !important;
      font-size: 2em;
      line-height: 1.2; }
      @media only screen and (max-width: 805px) {
        #teaser .potd .potd-data .price {
          font-size: 1.5em; } }
    #teaser .potd .potd-data span:last-of-type {
      color: rgba(255, 255, 255, 0.75) !important;
      font-size: 1.4em !important;
      font-weight: 700;
      margin-left: 0.5em;
      text-decoration: line-through; }
    #teaser .potd .potd-data img {
      height: auto;
      margin-top: 12%;
      margin-bottom: 1em;
      position: relative;
      width: 70%; }
      @media only screen and (max-width: 960px) {
        #teaser .potd .potd-data img {
          width: 200px !important;
          height: 200px !important; } }
      @media only screen and (max-width: 805px) {
        #teaser .potd .potd-data img {
          height: 25vw !important;
          margin-bottom: 0.25em;
          margin-top: 12%;
          object-fit: contain !important;
          position: relative; } }
      @media only screen and (max-width: 805px) {
        #teaser .potd .potd-data img {
          width: 120px !important; } }

@media only screen and (max-width: 805px) {
  .adventskoilender {
    padding: 0 2em; } }
.adventskoilender .col.two-thirds {
  width: 66.3%; }
  @media only screen and (max-width: 805px) {
    .adventskoilender .col.two-thirds {
      width: 100%; } }
@media only screen and (max-width: 805px) {
  .adventskoilender .col.one-third {
    width: 100%; }
    .adventskoilender .col.one-third img {
      width: 100%; } }
.adventskoilender .date {
  position: absolute;
  top: 31%;
  left: 40.7%;
  font-size: 5em;
  color: #fff;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 600px) {
    .adventskoilender .date {
      font-size: 3.5em; } }
  @media only screen and (max-width: 350px) {
    .adventskoilender .date {
      font-size: 1.75em; } }
.adventskoilender .potd .potd-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0; }
  .adventskoilender .potd .potd-data img {
    margin: 0;
    width: auto !important;
    height: 27.7% !important;
    left: 52%;
    top: 19%; }
  .adventskoilender .potd .potd-data .information {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-47.3%);
    width: 40%;
    text-align: center; }
    .adventskoilender .potd .potd-data .information h2 {
      font-size: 1.5em;
      font-weight: 700;
      color: #000;
      margin: 0; }
      @media only screen and (max-width: 600px) {
        .adventskoilender .potd .potd-data .information h2 {
          font-size: 1em; } }
      @media only screen and (max-width: 350px) {
        .adventskoilender .potd .potd-data .information h2 {
          font-size: .75em; } }
    .adventskoilender .potd .potd-data .information span {
      margin: 0 !important;
      font-size: 1.5em !important; }
      @media only screen and (max-width: 820px) {
        .adventskoilender .potd .potd-data .information span {
          display: inline; } }
      @media only screen and (max-width: 600px) {
        .adventskoilender .potd .potd-data .information span {
          font-size: 1em !important; } }
      @media only screen and (max-width: 350px) {
        .adventskoilender .potd .potd-data .information span {
          font-size: .75em !important; } }
      .adventskoilender .potd .potd-data .information span + span {
        font-size: 0.875em !important;
        opacity: .5; }

@media screen and (max-width: 950px) {
  #fl-results .fl-outer-container .toolbr h2 {
    font-size: 0.9em;
    width: 100%; } }

.teaser-item {
  position: relative;
  height: auto !important;
  width: 100% !important; }
  .teaser-item img {
    width: 100% !important;
    object-fit: cover !important;
    height: auto !important; }

.service-aside {
  display: flex;
  flex-direction: column;
  position: relative; }
  .service-aside .potd-data {
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    width: 50%; }
    .service-aside .potd-data h3 {
      color: #fff;
      font-family: "Exo 2",sans-serif;
      font-size: 1.4vw;
      font-style: normal;
      font-weight: 700;
      line-height: 1.4;
      margin: 0 auto;
      text-rendering: optimizespeed;
      text-transform: uppercase;
      text-align: left !important; }
      @media only screen and (max-width: 805px) {
        .service-aside .potd-data h3 {
          font-size: 1.2em; } }
      @media only screen and (max-width: 450px) {
        .service-aside .potd-data h3 {
          font-size: 0.9em; } }
      @media only screen and (max-width: 300px) {
        .service-aside .potd-data h3 {
          font-size: 0.7em; } }
    .service-aside .potd-data .price {
      color: #fff !important;
      margin-left: 0;
      margin-top: 0.3em;
      display: block; }
    .service-aside .potd-data span {
      color: #fff !important; }
    .service-aside .potd-data img {
      width: 75px !important; }
      @media only screen and (max-width: 805px) {
        .service-aside .potd-data img {
          height: 200px !important;
          width: 200px !important;
          margin-bottom: 0.25em;
          margin-top: 12%;
          object-fit: contain !important;
          position: relative; } }
      @media only screen and (max-width: 600px) {
        .service-aside .potd-data img {
          height: 150px !important;
          width: 150px !important; } }
      @media only screen and (max-width: 450px) {
        .service-aside .potd-data img {
          height: 100px !important;
          width: 100px !important;
          margin-top: 0; } }
      @media only screen and (max-width: 300px) {
        .service-aside .potd-data img {
          height: 75px !important;
          width: 75px !important;
          margin-top: 0; } }
  .service-aside .service-box {
    flex: 1 0 auto; }
    @media only screen and (max-width: 820px) {
      .service-aside .service-box {
        display: block;
        flex: 1 !important;
        overflow: hidden;
        padding: 3em 1em 7em; } }

.side-teaser {
  width: 298px;
  height: 298px;
  border: #FFF solid 1px;
  overflow: hidden; }
  .side-teaser.kdt {
    position: relative; }
    .side-teaser.kdt span {
      position: absolute;
      display: block;
      width: 100%;
      top: 5px;
      text-align: center;
      color: #FFF; }
    .side-teaser.kdt .popover {
      position: absolute;
      display: none;
      left: 15px;
      bottom: 15px;
      padding: 8px;
      background: #FFF;
      line-height: normal;
      box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); }
      .side-teaser.kdt .popover p {
        font-size: 14px; }
      .side-teaser.kdt .popover .title {
        font-size: 18px; }
      .side-teaser.kdt .popover .price {
        font-weight: 700; }
      .side-teaser.kdt .popover .discount {
        font-weight: 700; }

.page-title {
  display: block;
  margin: 0 auto 2em;
  overflow: hidden; }

.service-box {
  background: #1c1c1c none repeat scroll 0 0;
  box-sizing: border-box;
  display: block;
  padding: 2em 2em 2em 3em;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  .service-box h3 {
    color: #5e5f5e;
    font-size: 2em;
    font-weight: 600;
    text-align: center; }
    @media only screen and (max-width: 1205px) {
      .service-box h3 {
        font-size: 2em; } }
    @media only screen and (max-width: 985px) {
      .service-box h3 {
        font-size: 1.5em; } }
    @media only screen and (max-width: 805px) {
      .service-box h3 {
        font-size: 2em; } }
  .service-box ul {
    margin-top: 6em; }
    @media only screen and (max-width: 1205px) {
      .service-box ul {
        margin-top: 4em; } }
    @media only screen and (max-width: 985px) {
      .service-box ul {
        margin-top: 2em; } }
    .service-box ul a {
      color: #ffffff;
      display: block;
      font-size: 1.6em;
      font-weight: 600;
      margin: 1em auto;
      text-align: right;
      text-decoration: none;
      text-transform: uppercase;
      transition: all 0.4s ease 0s; }
      @media only screen and (max-width: 1205px) {
        .service-box ul a {
          font-size: 1.3em; } }
      @media only screen and (max-width: 985px) {
        .service-box ul a {
          font-size: 1em; } }
      @media only screen and (max-width: 805px) {
        .service-box ul a {
          font-size: 1.3em; } }
      .service-box ul a:hover, .service-box ul a .active {
        color: #fff;
        text-decoration: none; }
    .service-box ul i {
      font-size: 2em;
      margin-left: 1em;
      vertical-align: middle; }
  .service-box .clicked i {
    opacity: 0.4; }
    .service-box .clicked i:hover {
      opacity: 1; }
  .service-box .clicked .active i {
    opacity: 1; }
  .service-box .tabs {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: 4em;
    position: absolute;
    top: 5em; }
    @media only screen and (max-width: 985px) {
      .service-box .tabs {
        left: 2em; } }
    @media only screen and (max-width: 805px) {
      .service-box .tabs ul {
        text-align: center; } }
    .service-box .tabs ul a {
      text-align: left;
      font-size: 1.4em; }
      @media only screen and (max-width: 1205px) {
        .service-box .tabs ul a {
          font-size: 1em; } }
      @media only screen and (max-width: 805px) {
        .service-box .tabs ul a {
          font-size: 1.2em; } }

.key-small {
  font-size: 1em !important;
  margin-left: 0.25em !important;
  margin-top: 8px !important;
  transform: rotate(90deg) !important;
  vertical-align: top !important; }

@media only screen and (max-width: 805px) {
  #teaser-wrapper {
    display: block; }
    #teaser-wrapper #teaser {
      flex: 0 0 0;
      width: 100% !important; }
    #teaser-wrapper .service-aside {
      flex: 0 0 0;
      width: 100% !important;
      margin-top: 1em; } }
.product-shop .price-box .price-label {
  float: none;
  font-size: 1.2em; }

.product-secondary .action .button {
  background: black none repeat scroll 0 0;
  color: white;
  font-size: 1em;
  font-weight: 600;
  padding: 0.75em 2em;
  transition: all 0.4s;
  float: right; }
  .product-secondary .action .button:hover {
    background: white none repeat scroll 0 0;
    color: black;
    font-size: 1em;
    font-weight: 600;
    padding: 0.75em 2em; }

.availability.out-of-stock span {
  float: left; }

.stock-available {
  font-size: 1.125em;
  color: #e40410;
  margin-top: .5em; }
  .grouped-box .stock-available {
    margin-top: 1em;
    clear: both; }

.product-secondary .action .btn-cart {
  background: #ff9c1d none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: block;
  float: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  margin: 1em 0 0;
  min-height: 40px;
  padding: 0 40px 0 20px;
  text-align: right;
  transition: all 0.4s ease 0s;
  width: 230px; }
  @media only screen and (max-width: 820px) {
    .product-secondary .action .btn-cart {
      background: #ff9c1d none repeat scroll 0 0;
      color: #ffffff;
      display: block;
      float: right;
      font-size: 18px;
      font-weight: 600;
      line-height: 40px;
      margin: 1em auto 0;
      min-height: 40px;
      padding: 0.25em 0;
      text-align: center;
      transition: all 0.4s ease 0s;
      width: 100%;
      max-width: 300px; } }
  .product-secondary .action .btn-cart:hover {
    background: #e08c21 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 40px 0 20px; }
    @media only screen and (max-width: 820px) {
      .product-secondary .action .btn-cart:hover {
        background: #e08c21 none repeat scroll 0 0;
        color: #ffffff;
        display: block;
        float: right;
        font-size: 18px;
        font-weight: 600;
        line-height: 40px;
        margin: 1em auto 0;
        min-height: 40px;
        padding: 0.25em 0;
        text-align: center;
        transition: all 0.4s ease 0s;
        width: 100%; } }
  .product-secondary .action .btn-cart .warenkesch-icon {
    display: block;
    float: left;
    margin-top: 0.5em;
    overflow: hidden;
    position: absolute;
    width: auto; }
    @media only screen and (max-width: 820px) {
      .product-secondary .action .btn-cart .warenkesch-icon {
        display: none; } }
  .product-secondary .action .btn-cart span {
    font-size: 0.8em;
    margin-left: 3em; }
    @media only screen and (max-width: 820px) {
      .product-secondary .action .btn-cart span {
        font-size: 0.8em;
        margin-left: 0; } }

.link-learn {
  color: #000000;
  display: block;
  margin-top: 0.5em;
  text-transform: uppercase; }
  .link-learn svg {
    height: 18px;
    stroke: #000;
    vertical-align: bottom;
    width: 18px; }
  .link-learn polyline, .link-learn path {
    stroke: #000 !important; }

.extra-info .availability.out-of-stock span {
  color: #9c9c9c;
  display: block;
  float: left;
  font-weight: 400;
  margin: 0 0.25em 1em; }

#customer-reviews .grid-nav .pagination .pages li {
  float: none; }

#customer-reviews h2 {
  color: #000000;
  font-size: 2em;
  margin-top: 1em;
  text-transform: none; }

.input-text {
  text-indent: 0; }

#customer-reviews .fieldset .form-list textarea {
  border: 1px solid #cccccc;
  border-radius: 0;
  font-size: 16px;
  min-width: 100%;
  padding: 10px; }

#customer-reviews dl dd {
  border-bottom: 1px dashed #cccccc;
  font-family: "Exo 2",sans-serif;
  font-size: 14px;
  margin: 10px 0;
  padding-bottom: 1em; }

.toolbar {
  background: white none repeat scroll 0 0;
  border-top: none;
  padding: 1em; }
  @media only screen and (max-width: 820px) {
    .toolbar .sorter, .toolbar .pager {
      width: auto !important;
      float: left;
      clear: none !important; }
      .toolbar .sorter label, .toolbar .pager label {
        display: none !important; } }

.toolbar-bottom .toolbar {
  border-top: none; }

.products-list > li {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  padding-bottom: 20px; }

footer {
  background: #1c1c1c;
  padding: 8em 0 5em; }
  @media only screen and (max-width: 805px) {
    footer {
      padding: 3em 1em 7em; } }
  footer strong, footer p {
    color: white; }
  footer article {
    display: block;
    overflow: hidden; }
    footer article h3 {
      color: #ffffff;
      font-family: "Exo 2",sans-serif;
      font-size: 1em;
      font-style: normal;
      font-weight: 400;
      line-height: 1.4;
      margin: 0 auto 1em;
      text-rendering: optimizespeed;
      text-transform: uppercase; }
    footer article .one-third {
      width: 30% !important;
      margin-right: 5%; }
      footer article .one-third:last-of-type {
        margin-right: 0; }
      @media only screen and (max-width: 650px) {
        footer article .one-third {
          width: 100% !important;
          margin-right: 0; } }
  footer .footer-main-info {
    border-bottom: 1px solid #ffffff;
    padding: 0 0 2em; }
    @media only screen and (max-width: 650px) {
      footer .footer-main-info {
        display: none; } }
    footer .footer-main-info p {
      color: #ffffff;
      font-size: 1em;
      font-weight: 100; }
    footer .footer-main-info a, footer .footer-main-info a strong {
      color: #e40410;
      text-decoration: none;
      font-size: 1em;
      font-weight: 700; }
  footer .footer-sub-info {
    padding: 2em 0 0; }
    footer .footer-sub-info a {
      color: white; }
      footer .footer-sub-info a img {
        float: right;
        max-width: 100%;
        width: auto; }
    @media only screen and (max-width: 650px) {
      footer .footer-sub-info {
        padding: 0;
        text-align: center; } }
    footer .footer-sub-info .badges {
      display: block;
      overflow: hidden;
      padding-top: 1em;
      width: 100%; }
      footer .footer-sub-info .badges a {
        float: right; }
        @media only screen and (max-width: 650px) {
          footer .footer-sub-info .badges a {
            float: none;
            display: inline-block; } }
    footer .footer-sub-info .facebook {
      color: #ffffff;
      display: block;
      font-size: 1.4em;
      margin-top: 1em; }
    @media only screen and (max-width: 650px) {
      footer .footer-sub-info .one-fourth, footer .footer-sub-info .one-third {
        width: 100% !important;
        margin-right: 0;
        margin-top: 1em; }
        footer .footer-sub-info .one-fourth img, footer .footer-sub-info .one-third img {
          margin: 0 auto; } }
  footer .catalog-box {
    background: #000000 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 1em;
    position: absolute;
    right: 1em;
    top: -10em; }
    @media only screen and (max-width: 650px) {
      footer .catalog-box {
        margin-left: auto;
        margin-right: auto;
        right: 0;
        left: 0;
        max-width: 300px; } }
    footer .catalog-box img {
      float: left;
      max-height: 100px;
      box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5); }
    footer .catalog-box article {
      float: right;
      margin-left: 1em; }
      footer .catalog-box article strong {
        color: #ffffff;
        display: block;
        font-size: 0.9em;
        margin-top: 0.6em; }
      footer .catalog-box article a {
        color: #e40410; }

.fb_iframe_widget {
  display: block !important;
  margin: 1em auto 0; }

.meta-information {
  background: rgba(0, 0, 0, 0) url("../images/schuppen_dark.png") repeat scroll 0 0;
  text-align: center;
  padding: 0 0 3em; }
  .meta-information strong, .meta-information p {
    color: #fff;
    font-weight: 100; }
  .meta-information h3 {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 500;
    text-transform: none; }
  .meta-information .logo {
    display: block;
    margin: 0 auto;
    height: 62px;
    max-width: 125px;
    text-align: center;
    width: 100%;
    float: none; }
    .meta-information .logo img {
      position: absolute;
      top: -5em; }
  .meta-information span {
    color: #e40410;
    font-weight: 100; }
  .meta-information .meta {
    margin: 0 auto;
    max-width: 1260px;
    display: block;
    margin: 4em auto 0;
    width: 100%;
    font-size: 0.85em; }
    .meta-information .meta strong, .meta-information .meta p {
      color: #636363; }
  .meta-information .left {
    float: left;
    margin-left: 1em; }
    @media only screen and (max-width: 650px) {
      .meta-information .left {
        float: none; } }
  .meta-information .right {
    float: right;
    margin-right: 1em; }
    @media only screen and (max-width: 650px) {
      .meta-information .right {
        float: none; } }

.u-visible {
  overflow: visible; }

.u-full-width {
  max-width: 100%; }

.u-clear {
  clear: both; }

.index-main-content {
  padding: 0;
  background: rgba(0, 0, 0, 0) url("../images/index-main-content.jpg") repeat scroll 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .index-main-content .std {
    background-color: #ffffff;
    display: block;
    margin: 0 auto 10em;
    max-width: 1200px;
    padding: 4% 5%;
    text-align: center;
    box-shadow: 0 8px 14px -5px rgba(0, 0, 0, 0.4) inset; }
    .index-main-content .std h1 {
      color: #636363;
      font-family: "Exo 2",sans-serif;
      font-size: 28px !important;
      font-weight: 700 !important;
      margin-bottom: 1.5em !important; }
    .index-main-content .std h3 {
      color: #636363;
      font-family: "Exo 2",sans-serif;
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 1.5em;
      margin-top: 2em; }

#brands {
  display: block;
  overflow: hidden; }
  @media only screen and (max-width: 600px) {
    #brands {
      display: none; } }
  #brands ul {
    list-style: none; }
    #brands ul li {
      float: left;
      margin: 1em auto;
      padding: 0;
      width: 20%; }
      @media only screen and (max-width: 600px) {
        #brands ul li {
          width: 33%; } }
      #brands ul li a:hover img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1; }
      #brands ul li img {
        margin: 0 auto;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.4;
        max-width: 110px;
        transition: all 0.4s;
        width: 100%; }

@media only screen and (min-width: 701px) {
  .koi-carousel-wrap:hover h3, .koi-carousel-wrap:hover h3 span {
    opacity: 0;
    display: none; } }
.koi-carousel-wrap h3 {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
  max-width: 1220px;
  transition: .4s ease-out;
  -moz-transition: .4s ease-out;
  -webkit-transition: .4s ease-out;
  -o-transition: .4s ease-out; }
  @media only screen and (max-width: 700px) {
    .koi-carousel-wrap h3 {
      margin-bottom: 1em;
      max-width: 1220px;
      position: relative;
      text-align: center;
      transition: all 0.4s ease-out 0s;
      width: 100%;
      z-index: 2; } }
  .koi-carousel-wrap h3 span {
    color: #fff;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0.5em 4em; }
    @media only screen and (max-width: 700px) {
      .koi-carousel-wrap h3 span {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: black;
        display: inline-block;
        font-size: 1.2em;
        font-weight: 600;
        padding: 0.25em 1em; } }
.koi-carousel-wrap .koi-carousel {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative; }
  .koi-carousel-wrap .koi-carousel .owl-item {
    float: left; }
  .koi-carousel-wrap .koi-carousel .grid-slider-row {
    background: none;
    padding-bottom: 0; }
  .koi-carousel-wrap .koi-carousel .owl-prev .slideshow-arrow polyline, .koi-carousel-wrap .koi-carousel .owl-prev .slideshow-arrow path {
    stroke: #fff; }
  .koi-carousel-wrap .koi-carousel .owl-prev svg {
    transform: rotate(-180deg); }
  .koi-carousel-wrap .koi-carousel .owl-next .slideshow-arrow polyline, .koi-carousel-wrap .koi-carousel .owl-next .slideshow-arrow path {
    stroke: #fff; }
  .koi-carousel-wrap .koi-carousel .owl-controls {
    display: block;
    position: absolute;
    top: 40% !important;
    width: 100%;
    z-index: 12;
    height: 0; }
    .koi-carousel-wrap .koi-carousel .owl-controls .owl-prev {
      float: left;
      margin-left: 1em;
      cursor: pointer; }
    .koi-carousel-wrap .koi-carousel .owl-controls .owl-next {
      float: right;
      margin-right: 1em;
      cursor: pointer; }
  .koi-carousel-wrap .koi-carousel .koi {
    display: block;
    float: left;
    font-size: 14px;
    line-height: normal;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100% !important; }
    .koi-carousel-wrap .koi-carousel .koi .koi-description {
      background-color: rgba(0, 0, 0, 0.8);
      color: #ffffff;
      display: block;
      height: 100%;
      padding: 0 1em;
      position: absolute;
      text-align: left;
      top: 0;
      opacity: 0;
      transition: opacity .4s ease-out;
      -moz-transition: opacity .4s ease-out;
      -webkit-transition: opacity .4s ease-out;
      -o-transition: opacity .4s ease-out;
      transition: all 0.4s; }
      .koi-carousel-wrap .koi-carousel .koi .koi-description .box {
        bottom: 1em;
        position: absolute; }
        .koi-carousel-wrap .koi-carousel .koi .koi-description .box .desc {
          font-weight: 100;
          color: #fff; }
        .koi-carousel-wrap .koi-carousel .koi .koi-description .box article {
          max-width: 80%; }
    .koi-carousel-wrap .koi-carousel .koi div {
      overflow: hidden;
      position: relative;
      width: 100% !important;
      max-width: 100%;
      z-index: 10; }
    .koi-carousel-wrap .koi-carousel .koi img {
      height: auto;
      left: -26% !important;
      text-align: center;
      width: 152% !important;
      max-width: 152%; }
    .koi-carousel-wrap .koi-carousel .koi a {
      text-decoration: none; }
      .koi-carousel-wrap .koi-carousel .koi a:hover > .koi-description {
        opacity: 1;
        transition: opacity .4s ease-out;
        -moz-transition: opacity .4s ease-out;
        -webkit-transition: opacity .4s ease-out;
        -o-transition: opacity .4s ease-out; }
    .koi-carousel-wrap .koi-carousel .koi .title, .koi-carousel-wrap .koi-carousel .koi .price {
      font-weight: 700;
      font-size: 1em;
      color: #fff;
      text-align: left; }

.banner img {
  width: 100% !important;
  transition: all 0.4s; }

.banner-half .advert {
  width: 49.5%;
  float: left;
  margin-right: 1%; }
  .banner-half .advert:last-of-type {
    margin-right: 0; }

#news-teaser {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 0.3em; }
  #news-teaser .blog-patch {
    position: absolute;
    right: 2%;
    top: 0;
    z-index: 12;
    width: 14%;
    min-width: 80px; }
  #news-teaser .news-article {
    max-width: 600px;
    overflow: hidden;
    text-align: left;
    width: 72%;
    margin: 0 auto; }
    @media only screen and (max-width: 600px) {
      #news-teaser .news-article {
        text-align: center; } }
    #news-teaser .news-article a {
      text-decoration: none; }
      #news-teaser .news-article a:hover h5 {
        text-decoration: underline; }
    #news-teaser .news-article h5 {
      color: #000000;
      font-family: "Bitter",serif;
      font-size: 2.6em;
      font-style: normal;
      line-height: 1;
      margin: 0.5em auto 1em; }
      @media only screen and (max-width: 600px) {
        #news-teaser .news-article h5 {
          font-size: 1.4em; } }
    #news-teaser .news-article p {
      font-size: 16px; }
    #news-teaser .news-article .meta {
      font-size: 14px; }
      #news-teaser .news-article .meta time {
        color: #e40410;
        font-family: "Bitter",serif;
        font-size: 1.6em;
        font-weight: 700; }
  #news-teaser .owl-carousel .owl-wrapper-outer {
    padding: 4em 0em 2.4em; }
  #news-teaser .owl-prev .slideshow-arrow polyline, #news-teaser .owl-prev .slideshow-arrow path {
    stroke: #000; }
  #news-teaser .owl-prev svg {
    transform: rotate(-180deg); }
  #news-teaser .owl-next .slideshow-arrow polyline, #news-teaser .owl-next .slideshow-arrow path {
    stroke: #000; }
  #news-teaser .owl-controls {
    display: block;
    position: absolute;
    top: 40% !important;
    width: 100%;
    z-index: 12; }
    #news-teaser .owl-controls .owl-prev {
      float: left;
      margin-left: 1em;
      cursor: pointer; }
    #news-teaser .owl-controls .owl-next {
      float: right;
      margin-right: 1em;
      cursor: pointer; }
  #news-teaser .buttons {
    margin: 2em auto 0;
    display: block; }
    #news-teaser .buttons .discuss-button {
      float: left; }
    #news-teaser .buttons .button {
      float: right; }
    @media only screen and (max-width: 740px) {
      #news-teaser .buttons .discuss-button, #news-teaser .buttons .button {
        font-size: 0.85em; } }

.u-margin-vertical {
  margin: 1em auto; }

.grid-slider {
  margin: 2em auto;
  background: #fff; }
  .grid-slider .owl-prev svg {
    transform: rotate(-180deg); }
  .grid-slider .owl-next .slideshow-arrow polyline, .grid-slider .owl-next .slideshow-arrow path {
    stroke: #000; }
  .grid-slider .owl-controls {
    display: block;
    height: 0;
    left: -1em;
    position: absolute;
    top: 40% !important;
    width: 102%;
    z-index: 12; }
    .grid-slider .owl-controls .owl-prev {
      float: left;
      margin-left: 1.5em;
      cursor: pointer; }
    .grid-slider .owl-controls .owl-next {
      float: right;
      margin-right: 1em;
      cursor: pointer; }
  .grid-slider .grid-slider-item .product {
    margin: 6% 25%;
    overflow: hidden;
    position: relative; }
    .grid-slider .grid-slider-item .product a {
      color: #000000;
      text-decoration: none;
      text-transform: uppercase;
      text-align: center; }
      .grid-slider .grid-slider-item .product a:hover .title {
        text-decoration: underline; }
    .grid-slider .grid-slider-item .product .price {
      float: none;
      font-size: 1.1em;
      width: 100%;
      margin-top: 0.75em; }
  .grid-slider .grid-slider-item img {
    width: 100%;
    right: 1em;
    top: 3em; }
  .grid-slider .owl-carousel .owl-wrapper-outer {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 95%; }

.ratings {
  font-size: 1em;
  margin: 1em 0 0;
  max-width: 500px;
  display: block;
  overflow: hidden; }
  .ratings li {
    display: block;
    float: left;
    margin: 0 auto 1em;
    overflow: hidden;
    text-align: center;
    width: 20%; }
    @media only screen and (max-width: 420px) {
      .ratings li {
        display: block;
        float: none;
        margin: 0 auto 1em;
        overflow: hidden;
        text-align: center;
        width: 100%; } }

.reduced {
  font-size: 0.6em;
  text-decoration: line-through; }

.badge {
  border-radius: 25px;
  color: #ffffff;
  display: table;
  font-family: "Exo 2",sans-serif;
  font-size: 11px;
  font-weight: 700;
  height: 60px;
  letter-spacing: 0.2em;
  line-height: 12px;
  overflow: hidden;
  padding: 0 0 0 2px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 60px !important; }
  @media only screen and (max-width: 740px) {
    .badge {
      top: 6em !important; } }

.catalog-product-view .badge {
  right: 0em !important;
  top: 0 !important;
  left: auto !important;
  margin-top: 30px;
  z-index: 1000; }

.catalog-product-view .shopping-cart-table .price-box .price, .price {
  float: left !important; }

.ratings .rating-box {
  background: rgba(0, 0, 0, 0) url("../images/bg_rating.gif") repeat-x scroll 0 0;
  font-size: 0;
  height: 13px;
  line-height: 0;
  overflow: hidden;
  position: relative;
  width: 69px; }

.ratings .rating-box .rating {
  background: rgba(0, 0, 0, 0) url("../images/bg_rating.gif") repeat-x scroll 0 100%;
  height: 13px;
  left: 0;
  position: absolute;
  top: 0; }

.index-news {
  overflow: visible; }
  @media only screen and (max-width: 805px) {
    .index-news .col {
      width: 100% !important; }
    .index-news .banner {
      display: none; } }

.index .banner .advert img {
  height: 100%;
  object-fit: cover;
  width: 100% !important; }

.product-slider-wrap {
  padding-top: 4em; }
  @media only screen and (max-width: 805px) {
    .product-slider-wrap {
      display: none; } }
  .product-slider-wrap .grid-slider {
    padding: 0 2em; }

div.MagicToolboxContainer {
  max-width: 100% !important;
  text-align: center;
  width: 100% !important; }

div.MagicToolboxContainer a {
  width: 100% !important; }

.MagicToolboxSelectorsContainer {
  display: block;
  overflow: hidden; }

div.MagicToolboxSelectorsContainer a {
  display: inline-block !important;
  float: left;
  margin: 4px 1px;
  width: auto !important; }

.MagicToolboxMessage {
  display: none; }

.product-collateral .tab-content {
  max-width: 680px; }

.add-to-cart-wrapper .grouped-box {
  border-bottom: 1px solid #cecece;
  padding: 1em 0;
  display: block;
  overflow: hidden;
  position: relative; }
  .add-to-cart-wrapper .grouped-box:last-of-type {
    border-bottom: none; }
  .add-to-cart-wrapper .grouped-box .pkg {
    color: #777777;
    font-size: 1.2em; }
    @media only screen and (max-width: 740px) {
      .add-to-cart-wrapper .grouped-box .pkg {
        font-size: 1.1em; } }
  .add-to-cart-wrapper .grouped-box .price-box .price {
    float: left;
    font-family: "Exo 2",sans-serif;
    font-size: 2em;
    font-weight: 700;
    width: 38%; }
    @media only screen and (max-width: 740px) {
      .add-to-cart-wrapper .grouped-box .price-box .price {
        font-size: 2em;
        display: block;
        float: none;
        overflow: hidden; } }
.add-to-cart-wrapper .base-price-drops {
  float: left;
  text-align: center;
  margin: 0em auto 0 1em;
  width: 40%; }
  @media only screen and (max-width: 740px) {
    .add-to-cart-wrapper .base-price-drops {
      display: block;
      margin: 0.5em 1em 0 0;
      text-align: left; } }
  @media only screen and (max-width: 490px) {
    .add-to-cart-wrapper .base-price-drops {
      display: block;
      float: none;
      margin: 0.5em 1em 0 0;
      overflow: hidden;
      text-align: left;
      width: 100%; } }
.add-to-cart-wrapper .qty-wrapper label {
  font-size: 15px;
  margin-top: .5em; }
.add-to-cart-wrapper .qty {
  float: left;
  margin-top: 0.5em;
  margin-left: 1em;
  padding: 0; }
  @media only screen and (max-width: 740px) {
    .add-to-cart-wrapper .qty {
      float: none;
      margin: 0.5em auto 0; } }
.add-to-cart-wrapper .price-advantage {
  float: left; }
.add-to-cart-wrapper .price-advantage-label {
  border: 4px solid #e40410;
  border-radius: 50%;
  color: #e40410;
  display: block;
  float: right;
  font-size: 0.85em;
  font-weight: 700;
  height: 65px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0em;
  width: 65px; }
  @media only screen and (max-width: 970px) {
    .add-to-cart-wrapper .price-advantage-label {
      top: 1em; } }
  .add-to-cart-wrapper .price-advantage-label span, .add-to-cart-wrapper .price-advantage-label span span {
    display: block;
    margin-top: 0.8em;
    transform: rotate(-9deg); }
  .add-to-cart-wrapper .price-advantage-label span span {
    font-size: 1.35em;
    line-height: 1;
    transform: rotate(0deg); }

.cart .page-title {
  display: inline-block;
  float: left;
  margin: 0 auto 2em;
  overflow: hidden;
  width: 100%; }

@media only screen and (max-width: 900px) {
  .product-view .half {
    width: 100%;
    display: block; } }

.product-view .product-shop .product-name .h1, .product-view .half .product-name h1 {
  float: none !important; }

.product-view .add-to-cart-buttons .warenkesch-icon {
  float: left;
  width: auto;
  display: block;
  margin-top: 0.5em;
  overflow: hidden;
  position: absolute; }

.product-view .add-to-cart-buttons span {
  font-size: 0.8em;
  font-weight: 400;
  margin-left: 3em; }

.js-potdalert-button {
  background: black none repeat scroll 0 0;
  border: 2px solid black;
  color: #fff;
  float: left;
  font-size: 1em;
  font-weight: 600;
  padding: 0.85em 1em;
  transition: all 0.4s; }
  .js-potdalert-button:hover {
    background: white none repeat scroll 0 0;
    color: black; }

.descforsubcategory {
  margin-bottom: 2em; }

.out-of-stock {
  color: #e40410;
  font-size: 1.1em;
  font-weight: 600; }

.product-carousel {
  margin: 2em auto 4em;
  padding: 0 2em; }
  .product-carousel .owl-prev svg {
    transform: rotate(-180deg); }
  .product-carousel .owl-next .slideshow-arrow polyline, .product-carousel .owl-next .slideshow-arrow path {
    stroke: #000; }
  .product-carousel .owl-controls {
    display: block;
    height: 0;
    left: -1em;
    position: absolute;
    top: 40% !important;
    width: 102%;
    z-index: 12; }
    .product-carousel .owl-controls .owl-prev {
      float: left;
      margin-left: 1em;
      cursor: pointer; }
    .product-carousel .owl-controls .owl-next {
      float: right;
      margin-right: 1em;
      cursor: pointer; }
  .product-carousel .owl-item {
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%; }
    .product-carousel .owl-item .product {
      margin: 10px;
      width: 100% !important;
      color: #000000; }
      .product-carousel .owl-item .product a {
        color: #000000;
        text-decoration: none;
        text-transform: uppercase; }
        .product-carousel .owl-item .product a title {
          color: #000; }
        .product-carousel .owl-item .product a .price {
          font-family: "Exo 2",sans-serif;
          font-size: 16px;
          font-weight: 700;
          color: #000;
          float: none; }
      .product-carousel .owl-item .product img {
        width: 100%; }

.mixer-patch {
  margin-top: 4em; }
  .mixer-patch img {
    float: left;
    width: 20%; }
  .mixer-patch .text-wrap {
    float: left;
    margin-left: 1em; }
    .mixer-patch .text-wrap h3 {
      font-size: 1.4em;
      margin: 2em auto 0;
      text-transform: none; }

#koi-images div {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  width: 365px; }

.more-views ul li {
  display: inline-block; }

.catalog-product-view.category-koi .koi #koi-images, .catalog-product-view.category-winter-koi-verkauf .koi #koi-images {
  float: none;
  height: auto;
  margin: 0 auto;
  width: 70%; }

.koi-facts {
  display: block;
  font-size: 1.5em;
  overflow: hidden;
  width: 100%; }

.day-price {
  color: #777777;
  display: block;
  font-size: 1.2em;
  margin: 1em auto 0; }

.koi-base-info {
  display: block;
  margin: 4em auto 1em;
  overflow: hidden;
  width: 100%; }
  .koi-base-info p {
    color: #777777; }
  .koi-base-info .koi-location {
    margin: 1em auto; }

.koi-special-hint {
  margin: 2em auto 0; }
  .koi-special-hint a {
    margin-top: 1em;
    display: block; }

.koi-image img {
  max-width: 400px !important;
  width: 100% !important; }

@media only screen and (max-width: 740px) {
  .data-table {
    width: 100%; }
    .data-table th, .data-table td, .data-table col {
      width: 100%; }
    .data-table thead th, .data-table .data-table tbody td {
      border-bottom: medium none; }

  #product-attribute-specs-table th {
    border-right: none; } }
.btn-cart {
  background: #ff9c1d none repeat scroll 0 0;
  border: medium none;
  color: #ffffff; }
  .btn-cart:hover {
    background: #e08c21;
    border: medium none; }

.data-table tbody td .item-options {
  display: flex;
  font-size: 0.8em;
  margin-left: 0;
  margin-top: 0; }

.cart-table tbody td .item-options {
  display: block; }

.slidesShowOff {
  margin: 1em 0; }
  .slidesShowOff img {
    display: block;
    margin: 0 auto;
    width: 100% !important;
    height: auto; }
  .slidesShowOff .owl-controls {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 43%;
    width: 100%; }
  .slidesShowOff .owl-controls .owl-prev {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 2.5em;
    line-height: 1.4em;
    padding: 0 0.5em 0.25em;
    text-align: center; }
  .slidesShowOff .owl-controls .owl-next {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    float: right;
    font-size: 2.5em;
    line-height: 1.4em;
    padding: 0 0.5em 0.25em;
    text-align: center; }

.futtermixer-wrap {
  background-image: url("../images/futtermixer/futtermix-back.png");
  background-size: cover;
  padding: 0 1em 2em 1em;
  text-align: center;
  overflow: hidden; }
  .futtermixer-wrap h1 {
    color: #000000;
    font-size: 2.6em;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin: 0 auto;
    padding: 1em 0;
    text-align: left; }
    @media (max-width: 1005px) {
      .futtermixer-wrap h1 {
        font-size: 2em; } }
    @media (max-width: 400px) {
      .futtermixer-wrap h1 {
        font-size: 1.5em; } }
  .futtermixer-wrap .pfeil {
    background-image: url("../images/futtermixer/pfeil.png");
    background-size: cover;
    cursor: pointer;
    display: none;
    left: 100%;
    height: 146px;
    position: absolute;
    width: 70px; }
    @media (max-width: 790px) {
      .futtermixer-wrap .pfeil {
        display: none !important; } }

.futtermixer {
  text-align: left; }
  .futtermixer .advice {
    color: #888;
    font-size: 0.7em; }
    @media (max-width: 1020px) {
      .futtermixer .advice {
        display: none; } }
  .futtermixer .futtermix-price .price {
    font-size: 1em; }
  .futtermixer .inhaltsstoffe {
    text-align: left;
    color: #fff; }
    .futtermixer .inhaltsstoffe table {
      margin: 0 0 10px 0; }
      .futtermixer .inhaltsstoffe table th {
        font-weight: bold;
        font-size: 1.2em; }
      .futtermixer .inhaltsstoffe table td {
        padding: 10px 10px 10px 0; }
    .futtermixer .inhaltsstoffe div {
      margin: 10px 0 0 0; }
    .futtermixer .inhaltsstoffe .search .search-container {
      width: 50%; }
      .futtermixer .inhaltsstoffe .search .search-container input {
        border: 1px solid #e2e2e2;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
        border-radius: 5px;
        width: 62%;
        font-family: "Exo",sans-serif;
        height: 33px;
        font-size: 0.9em;
        text-indent: 10px;
        margin: 0 0 10px 0; }
        @media (max-width: 400px) {
          .futtermixer .inhaltsstoffe .search .search-container input {
            width: 100%; } }
      .futtermixer .inhaltsstoffe .search .search-container button {
        float: right;
        width: 32%; }
        @media (max-width: 400px) {
          .futtermixer .inhaltsstoffe .search .search-container button {
            width: 100%;
            float: none; } }
      @media (max-width: 790px) {
        .futtermixer .inhaltsstoffe .search .search-container {
          width: 100%; } }
    .futtermixer .inhaltsstoffe .search p {
      font-size: 1.4em;
      margin: 0 0 10px 0; }
      @media (max-width: 790px) {
        .futtermixer .inhaltsstoffe .search p {
          font-size: 1.2em; } }
      @media (max-width: 400px) {
        .futtermixer .inhaltsstoffe .search p {
          font-size: 1em; } }
  .futtermixer .informations {
    display: block;
    float: right;
    width: 350px;
    text-align: center;
    color: #000; }
    @media (max-width: 790px) {
      .futtermixer .informations {
        width: 100%; } }
    .futtermixer .informations span {
      display: block;
      font-size: 1.6em;
      font-weight: bold;
      line-height: 1.1em;
      margin: -1em auto 0.3em;
      text-align: center; }
  .futtermixer .futtermix-konfiguration {
    background-color: #fff;
    width: 60%;
    float: left; }
    @media (max-width: 1005px) {
      .futtermixer .futtermix-konfiguration {
        width: 50%; } }
    @media (max-width: 790px) {
      .futtermixer .futtermix-konfiguration {
        width: 100%; } }
    .futtermixer .futtermix-konfiguration .futtermix-head {
      padding: 3%;
      overflow: hidden; }
      @media (max-width: 790px) {
        .futtermixer .futtermix-konfiguration .futtermix-head {
          padding: 1em; } }
      .futtermixer .futtermix-konfiguration .futtermix-head label {
        display: inline-block;
        margin: 0 10px 0 0;
        text-align: right;
        width: 24%; }
        @media (max-width: 1005px) {
          .futtermixer .futtermix-konfiguration .futtermix-head label {
            width: 30%;
            text-align: left; } }
        @media (max-width: 550px) {
          .futtermixer .futtermix-konfiguration .futtermix-head label {
            display: block;
            text-align: center;
            width: 100%; } }
      .futtermixer .futtermix-konfiguration .futtermix-head select {
        width: 33%; }
        @media (max-width: 1005px) {
          .futtermixer .futtermix-konfiguration .futtermix-head select {
            width: 62%; } }
        @media (max-width: 550px) {
          .futtermixer .futtermix-konfiguration .futtermix-head select {
            width: 100%; } }
      .futtermixer .futtermix-konfiguration .futtermix-head input {
        border: 1px solid #e2e2e2;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
        border-radius: 5px;
        width: 62%;
        font-family: "Exo",sans-serif;
        height: 33px;
        font-size: 0.9em;
        text-indent: 10px; }
        @media (max-width: 1005px) {
          .futtermixer .futtermix-konfiguration .futtermix-head input {
            margin: 0em auto 1em; } }
      .futtermixer .futtermix-konfiguration .futtermix-head .button {
        float: right;
        margin: 0 20px 0 20px;
        width: 150px; }
        @media (max-width: 1005px) {
          .futtermixer .futtermix-konfiguration .futtermix-head .button {
            float: none;
            width: 60%;
            margin: 0 auto; } }
        @media (max-width: 550px) {
          .futtermixer .futtermix-konfiguration .futtermix-head .button {
            width: 100%; } }
      .futtermixer .futtermix-konfiguration .futtermix-head p {
        padding: 0.5em 0; }
        @media (max-width: 550px) {
          .futtermixer .futtermix-konfiguration .futtermix-head p {
            text-align: center; } }
      .futtermixer .futtermix-konfiguration .futtermix-head .futtermix-suche {
        float: left;
        width: 60%; }
        @media (max-width: 1005px) {
          .futtermixer .futtermix-konfiguration .futtermix-head .futtermix-suche {
            width: 100%; } }
        .futtermixer .futtermix-konfiguration .futtermix-head .futtermix-suche label {
          width: 40%; }
          @media (max-width: 1005px) {
            .futtermixer .futtermix-konfiguration .futtermix-head .futtermix-suche label {
              width: 30%; } }
          @media (max-width: 550px) {
            .futtermixer .futtermix-konfiguration .futtermix-head .futtermix-suche label {
              width: 100%; } }
        .futtermixer .futtermix-konfiguration .futtermix-head .futtermix-suche input {
          width: 55%; }
          @media (max-width: 1005px) {
            .futtermixer .futtermix-konfiguration .futtermix-head .futtermix-suche input {
              width: 62%; } }
    .futtermixer .futtermix-konfiguration .futtermix-list-outer {
      position: relative; }
      @media (max-width: 1030px) {
        .futtermixer .futtermix-konfiguration .futtermix-list-outer {
          width: 100%; } }
    .futtermixer .futtermix-konfiguration .futtermix-list-wrapper {
      float: left;
      height: 820px;
      background-color: transparent;
      width: 100%;
      overflow-y: scroll; }
      @media (max-width: 1030px) {
        .futtermixer .futtermix-konfiguration .futtermix-list-wrapper {
          width: 100%; } }
      @media (max-width: 790px) {
        .futtermixer .futtermix-konfiguration .futtermix-list-wrapper {
          height: auto;
          max-height: 300px;
          border-top: 10px solid #000; } }
    .futtermixer .futtermix-konfiguration .futtermix-list {
      background-color: #fff; }
      @media (max-width: 1030px) {
        .futtermixer .futtermix-konfiguration .futtermix-list {
          width: 100%; } }
      @media (max-width: 790px) {
        .futtermixer .futtermix-konfiguration .futtermix-list {
          height: 432px; } }
      .futtermixer .futtermix-konfiguration .futtermix-list .more-information {
        padding: 10px 0 10px 0;
        display: none;
        overflow: hidden;
        clear: both; }
      .futtermixer .futtermix-konfiguration .futtermix-list .futtermix-price {
        font-weight: 700;
        font-size: 30px;
        float: right; }
      .futtermixer .futtermix-konfiguration .futtermix-list .futtermix-prices {
        margin: 20px 0 0 0; }
      .futtermixer .futtermix-konfiguration .futtermix-list li {
        padding: 3%;
        position: relative;
        border-top: 2px solid #000; }
        @media (max-width: 790px) {
          .futtermixer .futtermix-konfiguration .futtermix-list li {
            padding: 4%; } }
        .futtermixer .futtermix-konfiguration .futtermix-list li h3 {
          font-size: 1.1em;
          font-weight: 700;
          color: #000;
          font-style: normal; }
        .futtermixer .futtermix-konfiguration .futtermix-list li:hover {
          background: #dddddd;
          cursor: pointer; }
        .futtermixer .futtermix-konfiguration .futtermix-list li a {
          padding-top: 0.5em;
          display: inline-block; }
        .futtermixer .futtermix-konfiguration .futtermix-list li img {
          float: left;
          height: auto;
          padding: 0 20px 0 0;
          width: 100px; }
  .futtermixer .my-mix-container {
    background-image: url("../images/futtermixer/bag-back.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    float: right;
    height: 938px;
    padding: 16.3em 5.2em 0 4.8em;
    width: 330px; }
    .futtermixer .my-mix-container .to-cart-advice {
      color: #888;
      font-size: 0.7em; }
    @media (max-width: 790px) {
      .futtermixer .my-mix-container {
        background-color: #ffffff;
        background-image: none;
        display: block;
        float: none;
        height: auto;
        margin: 0 auto 3em;
        overflow: hidden;
        padding: 1.5em;
        width: 100%;
        border-top: 10px solid #000; } }
    .futtermixer .my-mix-container .button {
      margin: 0 auto 1em;
      padding: 0.5em;
      width: 100%; }
    .futtermixer .my-mix-container .my-mix {
      max-height: 275px;
      overflow-y: auto; }
      .futtermixer .my-mix-container .my-mix li {
        display: block;
        overflow: hidden;
        padding: 5px; }
    .futtermixer .my-mix-container .futtermix-title {
      text-align: center; }
    .futtermixer .my-mix-container .my-mix-price {
      text-align: center;
      margin: 1em auto 0; }
      .futtermixer .my-mix-container .my-mix-price span {
        color: #e30613;
        font-size: 2em;
        font-weight: bold;
        line-height: 1.2em;
        display: block; }
      @media (max-width: 790px) {
        .futtermixer .my-mix-container .my-mix-price {
          text-align: right; }
          .futtermixer .my-mix-container .my-mix-price span {
            display: inline !important;
            margin-left: 0.5em; } }
      .futtermixer .my-mix-container .my-mix-price small {
        display: block;
        font-size: 12px;
        line-height: 13px; }
    .futtermixer .my-mix-container .my-mix-remove-button {
      background-color: #e30613;
      border: medium none;
      border-radius: 50%;
      box-shadow: none;
      color: #ffffff;
      font: bold 12px Arial,Helvetica,sans-serif;
      height: 18px;
      vertical-align: middle;
      width: 18px;
      cursor: pointer; }
    .futtermixer .my-mix-container .my-mix-add-button {
      background-color: #42a84b;
      border: medium none;
      border-radius: 50%;
      box-shadow: none;
      color: #ffffff;
      font: bold 12px Arial,Helvetica,sans-serif;
      height: 18px;
      vertical-align: middle;
      width: 18px;
      cursor: pointer; }
    .futtermixer .my-mix-container .futtermix-item .description {
      width: 84%;
      float: left;
      font-size: 0.9em; }
    .futtermixer .my-mix-container .futtermix-item .add-remove-buttons {
      float: right;
      text-align: left;
      width: 13%; }
      @media (max-width: 790px) {
        .futtermixer .my-mix-container .futtermix-item .add-remove-buttons {
          width: auto; } }
    .futtermixer .my-mix-container input {
      border: 1px solid #e2e2e2;
      border-radius: 5px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
      float: none;
      font-family: "Exo",sans-serif;
      height: 33px;
      margin: 1em auto;
      width: 100%;
      font-size: 0.9em;
      text-indent: 10px; }
  .futtermixer .futtermix-container {
    overflow: hidden; }

.mixer-patch {
  width: 100%; }
  .mixer-patch img {
    float: left;
    width: 90px; }
  .mixer-patch .text-wrap {
    color: black;
    float: left;
    margin: 1.5em auto 0;
    width: auto; }
  .mixer-patch h3 {
    color: black;
    font-size: 1.4em;
    margin: 2em auto 0;
    text-transform: none; }

.helpchat {
  -moz-osx-font-smoothing: grayscale;
  -moz-user-select: none;
  background: #bdab98 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: block;
  height: 220px;
  padding: 10px 15px 10px 45px;
  position: fixed;
  right: -222px;
  top: 400px;
  width: 260px;
  z-index: 100001; }

.helpchat p {
  margin-top: 2px; }

.helpchat span {
  display: block;
  font-size: 2em;
  line-height: 30px;
  margin-top: 0.5em; }

.helpchat a {
  color: white;
  display: block;
  font-size: 1.2em; }

.helpchat > a {
  clear: none;
  cursor: pointer;
  float: none;
  font-family: "Bitter",serif;
  font-size: 1.8em;
  font-weight: 600;
  height: 35px;
  left: 0;
  letter-spacing: normal;
  line-height: 30px;
  margin: 0 0 -6px;
  opacity: 1;
  outline-style: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: left;
  text-decoration: none;
  top: 180px;
  transform: rotate(-90deg);
  transform-origin: left top 0;
  unicode-bidi: normal;
  white-space: nowrap;
  width: 170px;
  word-spacing: normal; }

.helpchat a:hover {
  opacity: 0.9;
  color: #fff; }

.coupon {
  -moz-osx-font-smoothing: grayscale;
  -moz-user-select: none;
  background: #bdab98 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: block;
  height: 300px;
  left: -240px;
  padding: 0.5em;
  position: fixed;
  top: 30em;
  width: 300px;
  z-index: 100001; }
  .coupon .coupon-box {
    border: 1px solid #ffffff;
    display: block;
    height: 100%;
    width: 100%;
    padding: 1em;
    position: relative; }
    .coupon .coupon-box .patch {
      position: absolute;
      right: 3px;
      top: 0;
      width: 45px; }
    .coupon .coupon-box .btn-close {
      color: white;
      position: absolute;
      right: -0.6em;
      top: -0.3em;
      display: none; }
  .coupon a {
    text-decoration: none; }
  .coupon h3 {
    color: #ffffff;
    font-family: "Bitter",serif;
    font-size: 2.2em;
    font-weight: 600;
    position: absolute;
    right: -2.1em;
    text-transform: uppercase;
    top: 4.8em;
    transform: rotate(-90deg); }
    .coupon h3 span {
      display: none; }
  .coupon select {
    float: right;
    width: 100%;
    padding: 0.25em;
    display: none; }
  .coupon .button {
    border: 1px solid #fff;
    color: #ffffff;
    float: right;
    font-size: 16px;
    line-height: 38px;
    margin: 1em auto 0;
    min-width: 85px;
    padding: 0 18px;
    text-align: center;
    white-space: normal;
    width: auto;
    background: none;
    display: none; }
    .coupon .button .warenkesch-icon {
      float: left;
      display: block;
      margin-top: 0.5em;
      overflow: hidden;
      position: absolute;
      width: 58% !important; }
    .coupon .button span {
      font-size: 0.8em;
      font-weight: 400;
      margin-left: 3em; }

.coupon-open h3 span, .coupon-open .button, .coupon-open select {
  display: block !important; }
.coupon-open h3 {
  color: #ffffff;
  font-family: "Bitter",serif;
  font-size: 3em;
  font-weight: 600;
  position: relative !important;
  right: auto !important;
  text-transform: uppercase;
  top: auto !important;
  transform: rotate(0deg); }
  .coupon-open h3 span {
    display: block;
    float: right;
    font-family: "Exo 2";
    font-size: 0.5em;
    font-weight: 400;
    line-height: 1.2;
    width: 158px;
    display: none; }
.coupon-open .coupon-box .patch {
  left: 15px;
  position: absolute;
  top: 0;
  width: 75px; }
.coupon-open .btn-close {
  display: block !important; }

#subnav {
  padding: 1em 1em 1em 0; }
  #subnav ul li a {
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em; }
  #subnav ul li ul {
    margin-left: 1em; }
  #subnav ul li ul li a {
    font-size: 1em;
    font-weight: 400;
    text-transform: none; }
  #subnav ul .active > a {
    text-decoration: underline; }
  #subnav .collapse {
    font-weight: 600;
    line-height: 1.2em;
    margin-left: 0.5em;
    vertical-align: middle; }

nav#subnav .active > a span {
  text-decoration: underline; }

#featured-products {
  overflow: hidden; }
  #featured-products .right {
    display: block;
    float: right; }
  #featured-products .description {
    width: 60%; }
    @media (max-width: 540px) {
      #featured-products .description {
        width: 100%; } }
    #featured-products .description svg {
      height: 18px;
      line-height: 0;
      vertical-align: top;
      width: 18px; }
  #featured-products img {
    width: 30%; }
    @media (max-width: 540px) {
      #featured-products img {
        width: 100%; } }
  #featured-products .left {
    display: block;
    float: left; }
  #featured-products .featured-product {
    border-bottom: 1px solid #cecece;
    margin: 20px 0 50px;
    overflow: hidden;
    padding: 3em 1em; }
    #featured-products .featured-product h4, #featured-products .featured-product .h4 {
      color: #000000;
      font-family: "Exo 2",sans-serif;
      font-size: 1.4em;
      font-style: normal;
      font-weight: bold;
      line-height: 1.4;
      margin: 0 0 10px;
      text-rendering: optimizespeed;
      text-transform: uppercase; }
    #featured-products .featured-product p {
      overflow: hidden; }
    #featured-products .featured-product .price {
      font-family: "Exo 2",sans-serif;
      font-size: 1.8em;
      font-weight: 700;
      line-height: 1.2; }
    #featured-products .featured-product a {
      display: block;
      padding: 2em 0 1em;
      color: #000; }
    #featured-products .featured-product .button {
      float: left;
      font-size: 16px;
      line-height: 40px;
      min-height: 40px;
      min-width: 160px;
      padding: 0 40px 0 20px;
      text-align: center;
      white-space: normal;
      width: auto;
      color: #fff; }
      #featured-products .featured-product .button span {
        font-size: 0.8em;
        font-weight: 400;
        margin-left: 3em; }
    #featured-products .featured-product .warenkesch-icon {
      float: left;
      margin-top: 0.5em;
      position: absolute;
      width: auto;
      display: block !important; }

.add-to-box .js-potd-notice {
  display: block;
  margin-top: 20px;
  overflow: hidden;
  width: 100%; }

.warenkesch-subtotal {
  margin-top: -1em; }

.warenkesch-subtotal span {
  float: left; }

.one-third {
  float: left;
  width: 30%; }
  @media only screen and (max-width: 640px) {
    .one-third {
      width: 100%; } }

.two-thirds {
  float: left;
  width: 70%; }
  @media only screen and (max-width: 640px) {
    .two-thirds {
      width: 100%; } }

.checkout-onepage-success .page-title h1, .checkout-onepage-success .page-title h2, .checkout-onepage-success .product-name h1, .checkout-onepage-success .product-name .h1 {
  float: none; }

.checkout-review-table .price {
  float: right;
  font-size: 1em; }

#customer-reviews .fieldset {
  padding-top: 25px;
  width: 100%; }

#customer-reviews h2 span {
  color: #636363;
  font-size: 0.75em; }

.warenkesch-cart {
  font-size: 1.6em;
  line-height: 1.8;
  text-indent: 68px;
  text-transform: uppercase; }
  .warenkesch-cart img {
    position: absolute;
    width: 240px !important; }

.cart-totals .checkout-types .btn-checkout {
  background: #f49927 none repeat scroll 0 0;
  border: medium none;
  color: white;
  display: block;
  font-size: 0.9em;
  font-weight: 400;
  margin-bottom: 7px;
  padding: 1em;
  width: 90%;
  max-width: 260px; }

.cms-shop-produkte .product-slider {
  display: block;
  overflow: hidden;
  padding-top: 2em;
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 820px) {
    .cms-shop-produkte .product-slider {
      display: none; } }

.free-shipping-info {
  border-bottom: 1px solid #f49927;
  border-top: 1px solid #f49927;
  color: #f49927;
  font-weight: 100;
  margin: 0 auto;
  padding: 1em 0;
  width: 90%; }
  .free-shipping-info .fa-truck {
    float: left;
    position: relative;
    top: -25px;
    padding: 10px; }

.cart-totals-header {
  padding: 1em;
  text-align: center; }

.cms-shop-produkte .banner-ads, .catalog-category-view .banner-ads {
  display: block;
  margin-bottom: 6em;
  width: 100%; }
  @media only screen and (max-width: 820px) {
    .cms-shop-produkte .banner-ads, .catalog-category-view .banner-ads {
      display: none !important; } }
  .cms-shop-produkte .banner-ads .advert, .catalog-category-view .banner-ads .advert {
    float: left;
    margin-right: 1%;
    width: 32.6%; }
    .cms-shop-produkte .banner-ads .advert:last-of-type, .catalog-category-view .banner-ads .advert:last-of-type {
      margin-right: 0; }

.cms-page-view .std p, .cms-no-route .std p {
  color: #000000;
  font-family: "Exo 2",sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 24px; }

.cms-shop-produkte #brands, .catalog-category-view #brands {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
  padding-top: 4em; }
  .cms-shop-produkte #brands h3, .catalog-category-view #brands h3 {
    margin-bottom: 1em; }

.catalog-category-view .banner-ads {
  display: block;
  margin: 0 auto 6em;
  max-width: 1260px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.collateral-tabs .tab-content article {
  margin-bottom: 2em; }
  .collateral-tabs .tab-content article a {
    color: #000000; }
    .collateral-tabs .tab-content article a:hover {
      text-decoration: none; }
      .collateral-tabs .tab-content article a:hover h3 {
        color: #e40410; }

.category-teaser {
  max-width: 100%;
  padding: 0;
  width: 100%; }
  @media only screen and (max-width: 820px) {
    .category-teaser {
      padding: 0; } }
  .category-teaser img {
    height: 180px;
    object-fit: cover;
    width: 100%; }
  .category-teaser .category-title {
    color: #000000;
    display: block;
    font-family: "Exo 2",sans-serif;
    font-size: 2em;
    font-weight: 600;
    hyphens: auto;
    overflow-wrap: break-word;
    padding: 0 0 1em 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%; }
    @media only screen and (max-width: 820px) {
      .category-teaser .category-title {
        font-size: 1.8em;
        padding: 0; } }

.category-tiles {
  padding: 0 !important;
  display: flex; }
  @media only screen and (max-width: 580px) {
    .category-tiles {
      display: block; } }
  .category-tiles .tile {
    background: white none repeat scroll 0 0;
    float: left;
    margin: 2em 1% 2em 0;
    min-height: 410px;
    padding: 2em;
    text-align: center;
    width: 32.5%;
    transition: all 0.4s;
    border: 1px solid #fff; }
    .category-tiles .tile:hover {
      border: 1px solid #cecece; }
    @media only screen and (max-width: 580px) {
      .category-tiles .tile {
        border: 1px solid #cecece;
        float: none;
        height: auto;
        margin: 1em auto;
        min-height: 0;
        padding: 1em;
        width: 80%; } }
    .category-tiles .tile a {
      color: black; }
      .category-tiles .tile a:hover {
        text-decoration: none !important; }
    .category-tiles .tile img {
      width: 90%;
      margin: 0 auto; }
    .category-tiles .tile:last-of-type {
      margin-right: 0; }
      @media only screen and (max-width: 580px) {
        .category-tiles .tile:last-of-type {
          margin-right: auto; } }

.grid-nav .prev {
  display: inline-block;
  float: left;
  margin: 0 auto;
  width: 12%; }
.grid-nav .pagination {
  display: inline-block;
  text-align: center;
  width: 76%; }
  .grid-nav .pagination .pages {
    float: none !important;
    margin-left: 0em;
    overflow: hidden; }
.grid-nav .next {
  float: right;
  width: 12%;
  text-align: right; }

.catalog-category-view .main-container .col-main {
  text-align: left; }
  .catalog-category-view .main-container .col-main h2 strong {
    color: #000000;
    font-size: 21.6px;
    text-transform: none; }
  .catalog-category-view .main-container .col-main h3 {
    font-size: 21.6px;
    text-transform: none;
    text-align: left; }

.sidebar .block-layered-nav .info {
  display: none; }

.short-links .skip-cart, .short-links .skip-link {
  background: inherit;
  float: inherit;
  height: inherit;
  width: inherit; }
  .short-links .skip-cart .fa, .short-links .skip-link .fa {
    color: inherit;
    font-size: 1.25em;
    line-height: 1;
    margin-top: inherit; }

.catalog-category-view .potd .potd-data img {
  display: block; }
.catalog-category-view .potd .potd-data h3 {
  margin-top: 0; }
.catalog-category-view .potd .potd-data .price {
  display: inline-block; }

@media only screen and (max-width: 820px) {
  #search_mini_form .btn-close {
    display: none; } }

@media only screen and (min-width: 821px) {
  #header-search {
    position: relative;
    z-index: 1000;
    width: 20%;
    float: right;
    padding: 0;
    background: none; }

  #search_mini_form {
    max-width: 1260px;
    margin: 0 auto;
    position: relative; }
    #search_mini_form .input-box {
      float: none;
      margin: 0 auto;
      margin-top: 0px;
      max-width: 800px;
      right: 0;
      width: 100%;
      margin-top: 0.5em; }
    #search_mini_form .btn-close {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      color: #ffffff;
      margin: 0 auto;
      position: absolute;
      right: 0.2em;
      top: 0;
      z-index: 2; } }
.page-header-container {
  position: static; }

.top-page-header .page-header-container {
  position: relative; }

#search_autocomplete {
  display: none; }

/* -------- Tierarztfinder -------- */
div#tierarztfinder {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px; }

div#tierarztfinder h1 {
  font-size: 21px;
  color: #92B5B9; }

div#tierarztfinder h2 {
  font-size: 18px;
  font-weight: bold;
  color: #92B5B9; }

div#tierarztfinder #headline {
  text-align: center; }

div#col_left {
  margin-left: 15px;
  float: left;
  width: 320px; }

div#col_right {
  position: relative;
  float: right;
  width: 625px; }

div#tieraerzte_header {
  background: transparent url(../images/tierarztfinder/tieraerzte_header.png) no-repeat scroll 0 0;
  width: 300px;
  height: 30px; }

div#sindsietierarzt_header {
  margin-top: 30px;
  background: transparent url(../images/tierarztfinder/sindsietierarzt_header.png) no-repeat scroll 0 0;
  width: 300px;
  height: 30px; }

div#tieraerzte_body {
  background: transparent url(../images/tierarztfinder/tieraerzte_bg.png) repeat-y scroll 0 0;
  width: 296px;
  padding: 0 2px; }

div#sindsietierarzt_body {
  background: transparent url(../images/tierarztfinder/tieraerzte_bg.png) repeat-y scroll 0 0;
  width: 272px;
  padding: 15px 14px; }

div#tieraerzte_footer {
  background: transparent url(../images/tierarztfinder/tieraerzte_footer.png) no-repeat scroll 0 0;
  width: 300px;
  height: 30px; }

#tierarztfinder .company {
  color: #92B5B9;
  font-weight: bold; }

#tierarztfinder .beschreibung {
  color: #92B5B9;
  font-size: 12px;
  margin-top: -5px; }

#tierarztfinder .phone {
  background: transparent url(../images/tierarztfinder/tieraerzte_telefon.png) no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 16px;
  width: 20px;
  margin-right: 5px;
  text-indent: -999px;
  margin-top: 2px; }

#tierarztfinder .email {
  background: transparent url(../images/tierarztfinder/tieraerzte_mail.png) no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 16px;
  width: 20px;
  margin-right: 5px;
  text-indent: -999px;
  margin-top: 2px; }

#tierarztfinder .homepage {
  background: transparent url(../images/tierarztfinder/tieraerzte_web.png) no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 16px;
  width: 20px;
  margin-right: 5px;
  text-indent: -999px;
  margin-top: 2px; }

#tierarztfinder .handy {
  background: transparent url(../images/tierarztfinder/tieraerzte_mobil.png) no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 16px;
  width: 20px;
  margin-right: 5px;
  text-indent: -999px;
  margin-top: 2px; }

#tierarztfinder .additional {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-right: 5px;
  margin-top: 2px; }

#tierarztfinder li.tierarzt {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px dotted #92B5B9; }

#tierarztfinder li.keintierarztgefunden {
  padding: 10px;
  font-style: italic; }

#tierarztfinder li.tierarztsearchform {
  padding: 10px;
  border-bottom: 1px solid #92B5B9; }

#tierarztfinder li.no-spacer {
  border: none; }

#tierarztfinder ul.leistungen {
  margin-top: 15px;
  color: #92B5B9;
  list-style: disc outside none;
  padding-left: 15px; }

#tierarztfinder #karte {
  height: 750px; }

#tierarztfinder #karte img {
  margin: 0 auto;
  max-height: 700px;
  max-width: 100%;
  position: absolute;
  top: 1em; }

div#zubehoer_block {
  margin-top: 25px;
  overflow: hidden; }

#tierarztfinder div.zubehoer {
  margin-top: 25px;
  width: 185px;
  margin-right: 20px; }

#tierarztfinder div.zubehoer p.slogan {
  font-size: 13px;
  margin: 15px 0; }

#tierarztfinder div.zubehoer a {
  text-decoration: none; }

#tierarztfinder div.zubehoer img {
  float: left;
  width: 55px;
  margin-right: 5px; }

#tierarztfinder div.zubehoer .categoryDescription {
  /* 	float:right; */
  font-size: 12px;
  /* 	width:125px; */ }

input#ta_plz {
  color: #59554B;
  width: 30px;
  text-align: center; }

input#ta_name {
  color: #59554B; }

input#ta_submit {
  background: url(../images/tierarztfinder/ta_lupe.png) no-repeat scroll 0 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  padding: 0;
  margin: 0 5px;
  border: none; }

input#ta_reset {
  background: url(../images/tierarztfinder/ta_reset.png) no-repeat scroll 0 0;
  width: 21px;
  height: 16px;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer; }

ul.tierarztliste {
  height: 600px;
  overflow-y: auto; }

@media only screen and (max-width: 1100px) {
  .category-tierarztfinder .col-main #subnav {
    display: block; } }
@media only screen and (max-width: 920px) {
  .category-tierarztfinder .col-main article {
    display: none; } }

.cms-tierarztfinder .two-thirds {
  width: 660px; }
.cms-tierarztfinder aside .advert img {
  width: 100% !important; }

.ta-products h3 {
  margin-bottom: 1em;
  margin-top: 2em; }

.ta-product-list img {
  width: 100% !important; }
.ta-product-list a {
  text-decoration: none; }

.col-main .one-third {
  float: left;
  margin: 0 2% 0 0; }
  @media only screen and (max-width: 920px) {
    .col-main .one-third {
      width: 100%; } }
.col-main .two-thirds {
  float: left;
  width: 68%; }
  @media only screen and (max-width: 920px) {
    .col-main .two-thirds {
      width: 100%; } }
.col-main #subnav {
  background: #f4f4f4 none repeat scroll 0 0;
  box-sizing: border-box;
  padding: 2em; }

nav#subnav .level0 ul {
  display: none; }

.ta-form {
  margin: 0 0 40px;
  position: relative; }
  .ta-form input {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    font-family: "Exo",sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 33px;
    letter-spacing: 0.2em;
    line-height: 33px;
    margin: 5px 0;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    width: 160px; }
  .ta-form input#ta_plz {
    color: #59554b;
    text-align: center;
    width: 22%; }
  .ta-form input.ta-zip {
    padding: 0; }
  .ta-form input#ta_name {
    color: #59554b; }
  .ta-form input.ta-name {
    width: 60%; }
  .ta-form button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f5f5f5 0%, #e0e0e0 100%) repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    cursor: pointer;
    font-size: 30px;
    height: 32px;
    line-height: 5px;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 6px;
    width: 10%; }
    .ta-form button span {
      display: block;
      position: relative;
      top: -3px; }
  .ta-form .ta-form a.reset {
    font-size: 14px;
    letter-spacing: normal;
    text-transform: none; }
  .ta-form .infolink {
    color: #e40410;
    display: block;
    font-size: 0.85em;
    font-weight: 400;
    text-transform: none; }

#subnav .ta-list li {
  letter-spacing: normal;
  margin: 0 auto 1em !important; }
  #subnav .ta-list li a {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: normal;
    text-transform: none !important;
    margin: 0 auto 1em !important;
    cursor: pointer;
    color: #e40410 !important; }
  #subnav .ta-list li .more {
    font-size: 14px !important;
    font-weight: 400;
    margin-top: 10px; }
  #subnav .ta-list li .beschreibung {
    font-size: 12px; }
  #subnav .ta-list li .company {
    font-size: 1em;
    font-weight: 600; }
  #subnav .ta-list li .leistungen {
    margin-top: 1em; }
    #subnav .ta-list li .leistungen li {
      margin: 0 auto;
      list-style: square;
      margin-left: 1em; }

#subnav .ta-list li .more, #subnav .ta-list li .ta-list .leistungen li, #subnav .ta-list li .ta-list .beschreibung {
  color: #505050;
  font-size: 12px;
  line-height: 16px;
  margin: 1em auto 0; }

#subnav .ta-list li .leistungen li {
  font-size: 12px;
  list-style: outside none square;
  margin: 0 auto; }

ul.tierarztliste {
  height: 600px;
  overflow-y: auto; }

.ta-product-list {
  line-height: normal;
  margin: 20px 0;
  overflow: hidden; }
  .ta-product-list li {
    float: left;
    margin: 0 5% 0 0;
    width: 25%; }
    @media only screen and (max-width: 920px) {
      .ta-product-list li {
        margin: 0 auto 2em;
        width: 100%; } }
    .ta-product-list li:last-child {
      margin: 0; }
    .ta-product-list li a {
      color: #000; }

.ta-request {
  margin: 2em auto 0;
  overflow: hidden; }
  .ta-request .left {
    display: block;
    float: left; }
  .ta-request h3 {
    margin-bottom: 1em; }

.news-grid {
  display: flex;
  flex-wrap: wrap; }
  .news-grid .pager {
    display: block;
    float: none;
    overflow: hidden;
    width: 100%; }
  .news-grid a {
    color: #000; }

.news-grid-wrapper .news-grid article {
  border-bottom: 1px solid #cccccc;
  float: left;
  margin-bottom: 1em;
  padding: 1em 0 2em;
  width: 100%; }
  .news-grid-wrapper .news-grid article:nth-of-type(2n) {
    margin-right: 0; }
  .news-grid-wrapper .news-grid article .buttons {
    margin-top: 2em; }
  .news-grid-wrapper .news-grid article .image-wrapper {
    background: #fff;
    float: left;
    height: 330px;
    margin-right: 3%;
    width: 40%; }
    @media only screen and (max-width: 850px) {
      .news-grid-wrapper .news-grid article .image-wrapper {
        width: 100%;
        margin-right: 0;
        float: none; } }
    .news-grid-wrapper .news-grid article .image-wrapper img {
      height: 100%;
      object-fit: contain;
      width: 100%; }
  .news-grid-wrapper .news-grid article .news-text {
    float: left;
    width: 57%; }
    @media only screen and (max-width: 850px) {
      .news-grid-wrapper .news-grid article .news-text {
        width: 100%;
        margin-right: 0;
        float: none; } }
    .news-grid-wrapper .news-grid article .news-text .buttons {
      margin-top: 2em; }
  .news-grid-wrapper .news-grid article h3 {
    color: #000000;
    font-family: "Bitter",serif;
    font-size: 2.4em;
    font-style: normal;
    line-height: 1;
    margin: 0.5em auto 0.25em;
    text-align: left;
    hyphens: auto;
    word-wrap: break-word; }
    @media only screen and (max-width: 850px) {
      .news-grid-wrapper .news-grid article h3 {
        font-size: 1.6em; } }
  .news-grid-wrapper .news-grid article time {
    color: #e40410;
    display: block;
    font-family: "Bitter",serif;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 auto 0.5em; }
  .news-grid-wrapper .news-grid article p {
    font-size: 1.2em;
    margin-top: 1em; }

.category-featured-product {
  font-size: 12px;
  text-align: left; }
  .category-featured-product h3 {
    font-size: 16px;
    margin-bottom: 0.5em; }

.catalog-category-view .main-container {
  margin: 0 auto;
  max-width: 1260px;
  position: relative; }

.block-layered-nav {
  display: none; }

#fl-results div section {
  width: 75%; }
#fl-results .product-grid .product {
  float: left; }

#fl-filter, #fl-results {
  background-color: #fff; }

.index #fl-filter, .index #fl-results {
  margin-top: 1em;
  padding: 2em; }

fl-no-results-suggestions {
  width: 100%; }

.main-container {
  display: block;
  position: relative; }
  .main-container img {
    border: medium none;
    width: auto;
    max-width: 100%; }
  .main-container iframe {
    max-width: 100%; }
  @media only screen and (max-width: 1100px) {
    .main-container #subnav {
      display: none; } }

@media only screen and (max-width: 1360px) {
  .coupon {
    display: none; } }

.news-detail .news-images {
  float: left;
  margin-right: 5%;
  width: 40%; }
  @media only screen and (max-width: 820px) {
    .news-detail .news-images {
      width: 100%;
      margin-right: 0;
      margin-bottom: 1em; } }
  .news-detail .news-images img {
    width: 100%; }
.news-detail .news-images-thumbs {
  margin-top: 1em; }
.news-detail article {
  float: left;
  width: 55%;
  margin: 0 auto 6em; }
  @media only screen and (max-width: 820px) {
    .news-detail article {
      width: 100%; } }
  .news-detail article h1, .news-detail article .h1 {
    color: #000000;
    font-family: "Bitter",serif;
    font-size: 2.4em;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 0.7em;
    text-rendering: optimizelegibility;
    text-transform: uppercase; }
  .news-detail article time {
    color: #e40410;
    display: block;
    font-family: "Bitter",serif;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 auto 0.5em;
    width: auto !important; }
  .news-detail article .article-comments li {
    display: inline-block; }
    .news-detail article .article-comments li a {
      color: #000 !important; }
    .news-detail article .article-comments li:first-of-type {
      margin-right: 1em; }
  .news-detail article .article-content {
    font-size: 1.2em;
    line-height: 2em;
    padding: 2em 0; }

.news-images-thumbs .owl-item {
  margin-right: 1em; }

.news-images .owl-controls {
  position: absolute;
  top: 40%;
  width: 100%;
  z-index: 2; }
.news-images .owl-prev {
  color: #ffffff;
  float: left;
  font-size: 4em;
  margin-left: 0.1em; }
.news-images .owl-next {
  color: #ffffff;
  float: right;
  font-size: 4em;
  margin-right: 0.1em; }

aside .advert {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 80%;
  margin-bottom: 1em; }
  @media only screen and (max-width: 920px) {
    aside .advert {
      display: none; } }

.col-left {
  clear: left;
  float: left;
  padding-left: 0;
  width: 25%; }

#my-orders-table .price {
  color: #000000;
  font-family: "Exo 2",sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1; }

.category-auktionen #subnav, .category-koi #subnav, .category-winter-koi-verkauf #subnav, .cms-koi-id-karten #subnav, .cms-funktionsweise-auktionsmodul #subnav, .cms-koi-faq #subnav, .cms-liefer-und-versandkosten-koi #subnav, .cms-zuechter #subnav, body.blackbox #subnav {
  background: #000000 none repeat scroll 0 0; }
  .category-auktionen #subnav:nth-of-type(2), .category-koi #subnav:nth-of-type(2), .category-winter-koi-verkauf #subnav:nth-of-type(2), .cms-koi-id-karten #subnav:nth-of-type(2), .cms-funktionsweise-auktionsmodul #subnav:nth-of-type(2), .cms-koi-faq #subnav:nth-of-type(2), .cms-liefer-und-versandkosten-koi #subnav:nth-of-type(2), .cms-zuechter #subnav:nth-of-type(2), body.blackbox #subnav:nth-of-type(2) {
    margin-top: 1em;
    border-top: 1px solid #777; }
  .category-auktionen #subnav ul li a, .category-koi #subnav ul li a, .category-winter-koi-verkauf #subnav ul li a, .cms-koi-id-karten #subnav ul li a, .cms-funktionsweise-auktionsmodul #subnav ul li a, .cms-koi-faq #subnav ul li a, .cms-liefer-und-versandkosten-koi #subnav ul li a, .cms-zuechter #subnav ul li a, body.blackbox #subnav ul li a {
    color: #ccc;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase; }
    .category-auktionen #subnav ul li a:hover, .category-koi #subnav ul li a:hover, .category-winter-koi-verkauf #subnav ul li a:hover, .cms-koi-id-karten #subnav ul li a:hover, .cms-funktionsweise-auktionsmodul #subnav ul li a:hover, .cms-koi-faq #subnav ul li a:hover, .cms-liefer-und-versandkosten-koi #subnav ul li a:hover, .cms-zuechter #subnav ul li a:hover, body.blackbox #subnav ul li a:hover {
      color: #fff; }
    .category-auktionen #subnav ul li a svg, .category-koi #subnav ul li a svg, .category-winter-koi-verkauf #subnav ul li a svg, .cms-koi-id-karten #subnav ul li a svg, .cms-funktionsweise-auktionsmodul #subnav ul li a svg, .cms-koi-faq #subnav ul li a svg, .cms-liefer-und-versandkosten-koi #subnav ul li a svg, .cms-zuechter #subnav ul li a svg, body.blackbox #subnav ul li a svg {
      margin-right: 5px;
      position: relative;
      vertical-align: middle; }
      .category-auktionen #subnav ul li a svg path, .category-koi #subnav ul li a svg path, .category-winter-koi-verkauf #subnav ul li a svg path, .cms-koi-id-karten #subnav ul li a svg path, .cms-funktionsweise-auktionsmodul #subnav ul li a svg path, .cms-koi-faq #subnav ul li a svg path, .cms-liefer-und-versandkosten-koi #subnav ul li a svg path, .cms-zuechter #subnav ul li a svg path, body.blackbox #subnav ul li a svg path {
        fill: #ccc; }
  .category-auktionen #subnav img, .category-koi #subnav img, .category-winter-koi-verkauf #subnav img, .cms-koi-id-karten #subnav img, .cms-funktionsweise-auktionsmodul #subnav img, .cms-koi-faq #subnav img, .cms-liefer-und-versandkosten-koi #subnav img, .cms-zuechter #subnav img, body.blackbox #subnav img {
    border: medium none;
    width: auto; }

#contactForm input {
  padding: 0 0 0 0.5em; }

body.blackbox #subnav li {
  padding: 0 0 0.5em; }
  body.blackbox #subnav li:nth-of-type(3) {
    border-bottom: 1px solid #777777;
    margin-bottom: 2em;
    padding-bottom: 2em; }
body.blackbox #subnav .zuechter_list {
  padding: 0.5em 0 0 0; }
  body.blackbox #subnav .zuechter_list li:nth-of-type(3) {
    border: none;
    margin-bottom: 0;
    padding: 0 0 0.5em; }

.category-koi .text p, .category-winter-koi-verkauf .text p {
  color: #ffffff;
  font-size: 1em;
  line-height: 2em;
  padding: 1em 0 2em;
  text-align: left !important; }

body.blackbox h1, body.blackbox .std h1 {
  color: #ffffff; }
body.blackbox p, body.blackbox .std p {
  color: #ffffff;
  font-family: "Exo 2",sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 24px; }

.category-koi .product-collateral > dl, .category-winter-koi-verkauf .product-collateral > dl {
  background: #000000 none repeat scroll 0 0;
  color: #777777;
  width: 100%; }
.category-koi .product-collateral > dl > dd, .category-winter-koi-verkauf .product-collateral > dl > dd {
  border-bottom: none; }

.category-auktionen .koi-form .bidding .max {
  color: #e40410;
  display: block;
  margin-bottom: 1em;
  overflow: hidden;
  width: 100%; }

body.blackbox {
  background: rgba(0, 0, 0, 0) url("../images/schuppen_dark.png") repeat scroll 0 0; }
  body.blackbox .main {
    background: #000000 none repeat scroll 0 0;
    margin-top: 1em;
    padding: 2em; }
    @media only screen and (max-width: 820px) {
      body.blackbox .main {
        padding: 2em 0.5em; } }
    body.blackbox .main .col-main h3 {
      color: #ffffff;
      font-size: 1.8em;
      margin-left: 1em; }
  body.blackbox #breadcrumbs ul li:last-child {
    color: #777777; }
  body.blackbox table {
    color: #ffffff; }

.category-auktionen #koi-images {
  float: none;
  height: auto;
  margin: 0 auto;
  width: 70%; }
.category-auktionen #koi-description {
  display: block;
  float: none;
  position: relative;
  width: 100%; }
  .category-auktionen #koi-description .bidding {
    display: block;
    overflow: hidden; }
    .category-auktionen #koi-description .bidding p {
      color: #777777;
      font-weight: 700;
      margin-bottom: 0; }
    .category-auktionen #koi-description .bidding .price {
      margin-bottom: 0.5em; }
.category-auktionen #koi-description h1 {
  color: #ffffff;
  font-size: 2.2em;
  font-weight: 600;
  text-transform: none;
  margin: 0 auto; }
.category-auktionen .koi-facts {
  color: #777777;
  font-size: 1.1em;
  line-height: 2;
  margin: 0 auto 2em; }
.category-auktionen #gebotslistenlink {
  margin-top: 0.5em; }

.category-auktionen #subnav li:first-child {
  padding-top: 1em; }

.category-auktionen #subnav:first-of-type li:nth-of-type(3) {
  border-bottom: 1px solid #777777;
  padding-bottom: 1em; }

.cms-zuechter .std p {
  color: #ffffff;
  font-family: "Exo 2",sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 24px; }

.comments input[type="email"], .comments input[type="search"], .comments input[type="number"], .comments input[type="password"], .comments input[type="tel"], .comments input[type="text"] {
  display: block;
  max-width: 100%;
  width: 100%; }
.comments textarea {
  box-sizing: border-box;
  max-width: 100%;
  padding: 5px;
  width: 100%; }
.comments label {
  -moz-user-select: none;
  display: inline-block;
  font-family: "Exo 2",sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin-top: 1em; }
.comments h3 {
  font-size: 1.1em; }
.comments .pages li {
  float: none; }
.comments .comment-form {
  border-top: 1px solid #cccccc;
  margin-top: 2em;
  padding: 2em 0 0; }
.comments .title {
  font-size: 1.1em;
  font-weight: 600; }

.cms-funktionsweise-auktionsmodul .std p {
  color: white;
  font-family: "Exo 2",sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 24px; }

.koi-grid-slider {
  background: #000000 none repeat scroll 0 0;
  margin: 1em 0;
  overflow: hidden;
  padding: 2em 0 0;
  position: relative;
  width: 100%;
  margin-top: 0;
  padding-top: 1em; }
  .koi-grid-slider .owl-theme .owl-controls {
    height: 0;
    overflow: visible;
    position: absolute;
    top: 58px !important;
    width: 100%; }
  .koi-grid-slider .grid-slider-row {
    background: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center; }
  .koi-grid-slider .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%; }
  .koi-grid-slider .owl-carousel .owl-wrapper::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden; }
  .koi-grid-slider .owl-carousel .owl-item {
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    float: left; }
  .koi-grid-slider owl-buttons div {
    background: black none repeat scroll 0 0;
    color: #b1b0b0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    display: block;
    font-size: 35px;
    height: 30px;
    line-height: 31px;
    opacity: 1;
    padding: 0 10px;
    text-align: center;
    width: 10px; }
  .koi-grid-slider .owl-prev {
    float: left;
    transform: rotate(-180deg);
    margin-left: 1em; }
  .koi-grid-slider .owl-next {
    float: right;
    margin-right: 1em; }
  .koi-grid-slider svg polyline {
    stroke: #ccc; }
  .koi-grid-slider svg path {
    stroke: #ccc; }
  .koi-grid-slider .koi {
    display: inline-block;
    float: none;
    font-size: 14px;
    line-height: normal;
    margin-left: 3%;
    margin-right: 3%;
    padding: 0 20px 0 0;
    width: 206px; }
    .koi-grid-slider .koi img {
      width: 100%;
      height: auto;
      right: auto;
      top: auto;
      max-width: none;
      margin-right: 1em; }
    .koi-grid-slider .koi .koi-sold {
      position: absolute;
      width: auto;
      top: 0.8em;
      left: 0.8em;
      z-index: 999; }
    .koi-grid-slider .koi a {
      text-decoration: none;
      color: #000; }
    .koi-grid-slider .koi .title {
      color: #ffffff;
      font-weight: 700;
      margin-top: 0.5em; }
    .koi-grid-slider .koi .desc {
      color: #fff; }
    .koi-grid-slider .koi .price {
      color: #fff;
      float: none !important;
      font-size: 1.1em;
      font-weight: 700;
      line-height: 1.2;
      text-align: center !important;
      width: auto; }
  .koi-grid-slider.grid-slider .owl-controls {
    top: 310px !important;
    z-index: 9999; }

body.blackbox .koi-grid-slider .koi a {
  color: red; }

.koi-grid-slider .grid-slider-row {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%; }
.koi-grid-slider .koi {
  display: inline-block !important;
  float: none !important;
  font-size: 14px !important;
  line-height: normal !important;
  padding: 0 20px 1em 0 !important;
  width: 206px !important;
  vertical-align: top; }
.koi-grid-slider .koi:nth-child(3) {
  padding: 0; }
.koi-grid-slider .owl-controls {
  position: absolute;
  top: 610px;
  width: 100%;
  z-index: 9999; }
  @media only screen and (max-width: 820px) {
    .koi-grid-slider .owl-controls {
      top: auto;
      bottom: 275px; } }

#koi-images {
  width: 50%;
  height: auto;
  float: left;
  margin: 0 5% 0 0; }
  #koi-images img {
    width: 170% !important;
    left: -33% !important;
    max-width: none; }

#koi-description {
  float: left;
  width: 45%;
  position: relative; }
  #koi-description h1 {
    color: black;
    font-size: 2.2em;
    font-weight: 600;
    text-transform: none; }
  #koi-description .koi-facts {
    font-size: 1.1em;
    line-height: 2;
    margin: 0 auto 2em; }
  #koi-description p {
    margin: 0 0 20px; }
  #koi-description a {
    display: block;
    text-decoration: none; }
    #koi-description a:hover, #koi-description a:active {
      text-decoration: underline; }
  #koi-description .koi-vendor {
    position: absolute;
    bottom: 0;
    left: 0; }
    #koi-description .koi-vendor a img {
      display: block; }

.category-banner-image {
  margin-bottom: 6em; }
  @media only screen and (max-width: 1100px) {
    .category-banner-image {
      display: none; } }
  .category-banner-image img {
    bottom: 1px;
    left: 50%;
    min-width: 1380px;
    position: relative;
    transform: translate(-50%, 0px);
    width: 100%;
    z-index: 0; }

#subnav .collapse svg {
  height: 18px;
  line-height: 0;
  margin-top: 4px;
  vertical-align: top;
  width: 18px; }

.konfiguratoren-futter-index #teaser-wrapper {
  display: block; }

.konfigurator.futter {
  display: flex;
  overflow: hidden;
  width: 100%; }
  .konfigurator.futter article {
    background: white none repeat scroll 0 0;
    float: right;
    padding: 5% 2%;
    text-align: left;
    width: 70%; }
    @media only screen and (max-width: 680px) {
      .konfigurator.futter article {
        width: 100%; } }
    .konfigurator.futter article h2 {
      font-size: 1.2em;
      font-style: normal;
      font-weight: 700;
      line-height: 1em;
      margin-bottom: 20px; }
    .konfigurator.futter article .loginnotice {
      color: darkgreen;
      margin-bottom: 20px; }
    .konfigurator.futter article .temperature {
      margin: 1em 0; }
    .konfigurator.futter article input[type="number"] {
      border: 1px solid #e2e2e2;
      border-radius: 5px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
      font-family: "Roboto",Arial,sans-serif;
      height: 33px;
      letter-spacing: 0.2em;
      line-height: 33px;
      margin: 0 5px;
      outline: medium none;
      padding: 0 0 0 10px;
      text-transform: uppercase; }
    .konfigurator.futter article .short {
      width: 50px; }
    .konfigurator.futter article .size-container {
      margin: 4em auto 2em;
      max-width: 400px;
      overflow: hidden;
      width: 100%; }
      .konfigurator.futter article .size-container table tr td {
        padding: 0.25em; }
  .konfigurator.futter .left {
    display: block;
    float: left; }
  .konfigurator.futter .right {
    display: block;
    float: right; }
  .konfigurator.futter aside {
    background: rgba(0, 0, 0, 0) url("../img/konfiguratoren/left-side.png") no-repeat scroll 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
    float: left;
    position: relative;
    width: 30%; }
    @media only screen and (max-width: 680px) {
      .konfigurator.futter aside {
        display: none; } }

.form-list select {
  margin-top: 4px;
  max-width: 100%;
  width: auto; }

.buttons-set button.button {
  float: left; }

#contactForm aside {
  margin-top: 2em; }
#contactForm .privacy {
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  margin: 1em 0 0;
  max-width: 529px; }
  #contactForm .privacy input[type="checkbox"] {
    height: auto;
    width: auto;
    margin: 0 0.75em 0 0; }
  #contactForm .privacy label span {
    display: block;
    margin-bottom: 1em;
    font-size: 10px;
    line-height: 1.5; }
  #contactForm .privacy a {
    display: inline;
    white-space: nowrap;
    font-size: 1em; }

.customer-account .page-wrapper {
  padding: 18em 0 0; }
  @media only screen and (max-width: 820px) {
    .customer-account .page-wrapper {
      padding: 0; } }
.customer-account .order-info-box .box-content {
  font-family: inherit; }

body.customer-account .my-account .title-buttons .button {
  position: relative;
  right: 0;
  top: 0; }

@media only screen and (min-width: 821px) {
  .customer-account .col-left {
    clear: left;
    float: left;
    padding-left: 0;
    width: 25%; }
  .customer-account .col2-left-layout .col-main {
    float: right;
    width: 75%; } }

.mykoi .size-container .koi .koi-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 360px;
  overflow: hidden;
  position: relative;
  width: 360px;
  z-index: 10;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%; }
.mykoi .size-container .koi .overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 360px;
  height: 360px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  color: #FFF;
  z-index: 10;
  background: rgba(0, 0, 0, 0);
  transition: background .2s ease; }
.mykoi .size-container .koi:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, 0.4); }
.mykoi .size-container .koi:hover .koi-image-delete {
  opacity: 1; }
.mykoi .size-container .koi .koi-image-delete {
  position: absolute;
  width: 108px;
  left: 35%;
  top: 39%;
  text-align: center;
  z-index: 10;
  opacity: 0;
  transition: opacity .25s ease; }
  .mykoi .size-container .koi .koi-image-delete a {
    font-size: 50px;
    text-align: center;
    color: white; }
    .mykoi .size-container .koi .koi-image-delete a i {
      transition: all .2s ease; }
    .mykoi .size-container .koi .koi-image-delete a:hover i {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

.mykoi .size-container {
  display: table;
  height: 100%;
  width: 100%; }

.mykoi strong {
  display: block; }

.mykoi .koi-management {
  display: inline-block;
  margin: 30px 0 20px; }

.mykoi .koi-id {
  padding: 30px 0 10px; }

.mykoi strong input[type='text'] {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
  color: #928b7b;
  font-weight: 100;
  height: 33px;
  line-height: 33px;
  margin: 0;
  padding: 0 10px;
  width: 200px; }

.mykoi .koi-id .button-container {
  margin: 1em auto 0; }

.koi-id strong {
  display: inline; }

.mykoi .or {
  display: block;
  margin: 20px 0;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase; }

.mykoi .size-container {
  display: table;
  height: 100%;
  width: 100%; }
  .mykoi .size-container .upload {
    border: medium none;
    box-shadow: none;
    font-size: 1em !important;
    height: auto !important;
    line-height: 10px;
    padding: 0;
    width: auto !important; }

.mykoi .left {
  border-right: 1px solid black;
  float: left;
  margin: 3em auto 0;
  text-indent: 1px;
  width: 50%; }
  @media only screen and (max-width: 620px) {
    .mykoi .left {
      border-right: medium none;
      float: left;
      margin: 3em auto 0;
      text-indent: 1px;
      width: 100%; } }
  .mykoi .left tr {
    display: block;
    padding: 0.25em 0; }
    .mykoi .left tr td {
      padding: 5px 5px 5px 0; }

.mykoi .right {
  margin: 20px 0 0;
  text-align: left;
  width: 45%;
  float: right; }
  @media only screen and (max-width: 620px) {
    .mykoi .right {
      float: left;
      margin: 20px 0 0;
      text-align: left;
      width: 100%; } }
  .mykoi .right thead tr th {
    display: block;
    font-weight: 600;
    margin: 10px 0;
    text-align: left; }

.mykoi input[type='text'] {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
  color: #928b7b;
  height: 33px;
  line-height: 33px;
  margin: 0;
  padding: 0 10px;
  width: 130px; }

.mykoi .koi {
  border: 1px solid #cecece;
  box-sizing: border-box;
  float: left;
  margin-bottom: 1em;
  margin-right: 2%;
  padding: 2em;
  text-align: center;
  width: 48%; }
  @media only screen and (max-width: 620px) {
    .mykoi .koi {
      display: block;
      float: none;
      margin-right: 0;
      padding: 1em 0;
      width: 84%; } }
  .mykoi .koi:hover {
    border: 1px solid #000; }
  .mykoi .koi:nth-of-type {
    margin-right: 0; }
  .mykoi .koi:nth-of-type(2n+3) {
    clear: left; }
.mykoi .box {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }
.mykoi .koi-additional-link {
  cursor: pointer; }

.prev {
  display: inline-block;
  margin: 0 auto 1em; }

.please-wait img {
  float: left;
  margin-right: 5px;
  width: 24px !important; }

iframe[name=google_conversion_frame] {
  display: none; }

.koi-filter {
  background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
  margin: 0px 0px 20px;
  overflow: hidden;
  padding: 20px;
  text-align: left; }
  .koi-filter h3 {
    color: #b1b0b0 !important;
    font-size: 1.2em !important;
    font-weight: 400;
    margin-left: 0 !important;
    margin-top: 1em !important; }
  .koi-filter label {
    display: inline-block;
    width: 80px;
    font-weight: 400;
    color: #b1b0b0; }
  .koi-filter select {
    width: 180px; }
  .koi-filter fieldset {
    float: left;
    margin: 1em auto;
    width: 50%; }
  .koi-filter .currently {
    color: white;
    font-size: 1.1428571428571428em;
    font-weight: 400; }
    .koi-filter .currently .price {
      color: #e40410;
      font-size: 1em;
      font-weight: 400;
      float: none !important;
      margin: 0 0.1875em; }

.trigger-filter {
  display: none; }

.catalog-product-view.category-auktionen .koi-carousel-wrap {
  padding: 2em 20px 0; }
  @media only screen and (max-width: 920px) {
    .catalog-product-view.category-auktionen .koi-carousel-wrap {
      padding: 2em 0; } }

@media only screen and (max-width: 1100px) {
  .koi-filter {
    background: #252525 none repeat scroll 0 0;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 20px; }
    .koi-filter .trigger-filter {
      color: white;
      display: block;
      text-decoration: none; }
      .koi-filter .trigger-filter i {
        font-size: 1.2em;
        margin-right: 5px; }
    .koi-filter .filter-options {
      display: none; }
    .koi-filter fieldset {
      float: left;
      margin: 1em auto;
      width: 100%; }
    .koi-filter select {
      display: block;
      overflow: hidden;
      width: 100%; } }

.tier-pricing {
  margin: 1em 0; }
  .tier-pricing .price {
    color: #ffffff;
    font-size: 1em !important; }

.catalog-product-view.category-koi .koi, .catalog-product-view.category-winter-koi-verkauf .koi {
  float: left;
  margin-right: 0;
  width: 50%; }
  @media only screen and (max-width: 920px) {
    .catalog-product-view.category-koi .koi, .catalog-product-view.category-winter-koi-verkauf .koi {
      display: block;
      float: none;
      overflow: hidden;
      width: 100%; } }
  .catalog-product-view.category-koi .koi .MagicToolboxContainer, .catalog-product-view.category-winter-koi-verkauf .koi .MagicToolboxContainer {
    float: left;
    margin-right: 5%;
    width: 50%; }
  .catalog-product-view.category-koi .koi #koi-description, .catalog-product-view.category-winter-koi-verkauf .koi #koi-description {
    float: left;
    position: relative;
    width: 45%;
    color: #fff; }
    .catalog-product-view.category-koi .koi #koi-description p, .catalog-product-view.category-winter-koi-verkauf .koi #koi-description p {
      color: #777; }
    .catalog-product-view.category-koi .koi #koi-description h1, .catalog-product-view.category-winter-koi-verkauf .koi #koi-description h1 {
      color: #fff;
      font-size: 2.2em;
      font-weight: 600;
      text-transform: none;
      hyphens: auto;
      margin: 0 auto; }
    .catalog-product-view.category-koi .koi #koi-description .koi-facts, .catalog-product-view.category-winter-koi-verkauf .koi #koi-description .koi-facts {
      font-size: 1.1em;
      line-height: 2;
      margin: 0 auto 2em;
      color: #fff; }

.category-auktionen .koi {
  float: left;
  margin-right: 0;
  width: 50%; }
  @media only screen and (max-width: 920px) {
    .category-auktionen .koi {
      display: block;
      float: none;
      overflow: hidden;
      width: 100%; } }
  .category-auktionen .koi .MagicToolboxContainer {
    float: left;
    margin-right: 5%;
    width: 50%; }
  .category-auktionen .koi #koi-description {
    float: left;
    position: relative;
    width: 45%;
    color: #fff; }
    .category-auktionen .koi #koi-description p {
      color: #777; }
    .category-auktionen .koi #koi-description h1 {
      color: #fff;
      font-size: 2.2em;
      font-weight: 600;
      text-transform: none;
      hyphens: auto;
      margin: 0 auto; }
    .category-auktionen .koi #koi-description .koi-facts {
      font-size: 1.1em;
      line-height: 2;
      margin: 0 auto 2em;
      color: #fff; }

.category-koi .product-collateral .toggle-tabs, .category-auktionen .product-collateral .toggle-tabs, .category-winter-koi-verkauf .product-collateral .toggle-tabs {
  background-color: #1c1c1c;
  border: medium none;
  position: relative;
  width: 100%; }
.category-koi .product-collateral .toggle-tabs li.current span, .category-koi .product-collateral .toggle-tabs li:hover span, .category-auktionen .product-collateral .toggle-tabs li.current span, .category-auktionen .product-collateral .toggle-tabs li:hover span, .category-winter-koi-verkauf .product-collateral .toggle-tabs li.current span, .category-winter-koi-verkauf .product-collateral .toggle-tabs li:hover span {
  background: #777777 none repeat scroll 0 0;
  color: #000000; }

@media only screen and (max-width: 820px) {
  .product-collateral dl .tab.current, .product-collateral dl .tab {
    background: #1c1c1c none repeat scroll 0 0;
    color: #ffffff; } }

@media only screen and (max-width: 820px) {
  .product-collateral > dl > dd {
    background: #000000 none repeat scroll 0 0;
    border: medium none !important;
    color: #777777;
    margin: 0;
    padding: 10px; } }

body.blackbox .product-collateral p {
  color: #000000; }

.category-koi .col-main .one-third, .category-winter-koi-verkauf .col-main .one-third {
  float: left;
  margin: 0;
  width: 50%; }
  @media only screen and (max-width: 920px) {
    .category-koi .col-main .one-third, .category-winter-koi-verkauf .col-main .one-third {
      width: 100%;
      float: none; } }

.category-auktionen .col-main .one-third {
  float: left;
  margin: 0;
  width: 50%; }
  @media only screen and (max-width: 920px) {
    .category-auktionen .col-main .one-third {
      width: 100%;
      float: none; } }

.category-koi .col-main .koi-carousel-wrap, .category-winter-koi-verkauf .col-main .koi-carousel-wrap {
  margin-top: 5em; }

.category-koi .koi-form, .category-winter-koi-verkauf .koi-form {
  background: black none repeat scroll 0 0;
  color: white;
  padding: 0 2em; }
  @media only screen and (max-width: 920px) {
    .category-koi .koi-form, .category-winter-koi-verkauf .koi-form {
      margin-top: 3em; } }
  .category-koi .koi-form .bidding .add-to-cart, .category-winter-koi-verkauf .koi-form .bidding .add-to-cart {
    display: block;
    float: left;
    margin-right: 1em;
    min-width: 240px;
    overflow: hidden;
    width: 50%; }
  .category-koi .koi-form .bidding .price, .category-winter-koi-verkauf .koi-form .bidding .price {
    font-size: 2.5em;
    margin: 0 auto 0.5em; }
  .category-koi .koi-form .bidding p, .category-winter-koi-verkauf .koi-form .bidding p {
    color: #fff;
    margin-top: 2em; }
  .category-koi .koi-form .bidding .button-secondary, .category-winter-koi-verkauf .koi-form .bidding .button-secondary {
    font-weight: 500;
    min-height: 42px;
    min-width: 240px; }
  .category-koi .koi-form .bidding .bonus, .category-winter-koi-verkauf .koi-form .bidding .bonus {
    color: #777;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
    margin-right: .5em; }
    .category-koi .koi-form .bidding .bonus svg, .category-winter-koi-verkauf .koi-form .bidding .bonus svg {
      width: 16px;
      height: 16px;
      margin-top: 4px;
      vertical-align: sub; }
      .category-koi .koi-form .bidding .bonus svg polyline, .category-koi .koi-form .bidding .bonus svg path, .category-winter-koi-verkauf .koi-form .bidding .bonus svg polyline, .category-winter-koi-verkauf .koi-form .bidding .bonus svg path {
        stroke: #777;
        stroke-width: 4; }
  .category-koi .koi-form .qty-wrapper, .category-winter-koi-verkauf .koi-form .qty-wrapper {
    float: left;
    margin-bottom: 1em;
    width: 100%; }
  .category-koi .koi-form #koi-description, .category-winter-koi-verkauf .koi-form #koi-description {
    float: none;
    width: 100%; }
    .category-koi .koi-form #koi-description h1, .category-winter-koi-verkauf .koi-form #koi-description h1 {
      color: #ffffff;
      margin-bottom: 0; }
    .category-koi .koi-form #koi-description p, .category-winter-koi-verkauf .koi-form #koi-description p {
      color: #777; }
    .category-koi .koi-form #koi-description .koi-facts, .category-winter-koi-verkauf .koi-form #koi-description .koi-facts {
      margin-bottom: 1em; }
    .category-koi .koi-form #koi-description .bidding .price, .category-winter-koi-verkauf .koi-form #koi-description .bidding .price {
      color: #fff;
      float: none !important;
      margin-bottom: .5em; }
    .category-koi .koi-form #koi-description .bidding p, .category-winter-koi-verkauf .koi-form #koi-description .bidding p {
      color: #777;
      font-weight: 700;
      margin-bottom: 0; }

.category-auktionen .koi-form {
  background: black none repeat scroll 0 0;
  color: white;
  padding: 2em; }
  @media only screen and (max-width: 920px) {
    .category-auktionen .koi-form {
      margin-top: 3em; } }
  .category-auktionen .koi-form .bidding #auction-time {
    font-size: 2em;
    color: #e40410;
    padding: 0.25em 0px 0.5em;
    font-weight: 600; }
  .category-auktionen .koi-form .bidding b {
    display: block; }
  .category-auktionen .koi-form .bidding .add-to-cart {
    display: block;
    overflow: hidden;
    width: 100%; }
  .category-auktionen .koi-form .bidding .button {
    font-size: 16px;
    line-height: 40px;
    min-height: 40px;
    min-width: 160px;
    padding: 0 40px;
    text-align: center;
    white-space: normal;
    width: 100%;
    max-width: 260px;
    background: #ff9c1d none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    margin: 0.5em auto; }
    .category-auktionen .koi-form .bidding .button:hover {
      background: #e08c21;
      border: medium none; }
  .category-auktionen .koi-form .bidding .price {
    font-size: 2.5em;
    color: #fff !important;
    margin: 0 auto 0.5em; }
  .category-auktionen .koi-form .bidding p {
    color: #fff; }
  .category-auktionen .koi-form .qty-wrapper {
    float: left;
    margin-bottom: 1em;
    width: 100%; }

#bid_price {
  font-size: 2em;
  font-weight: 600;
  height: 60px;
  width: 100%; }

p.required, .validation-advice {
  color: #e40410;
  font-size: 13px;
  margin: 5px 0 0; }

.category-koi .add-to-cart-buttons .button, .category-winter-koi-verkauf .add-to-cart-buttons .button {
  float: left;
  font-size: 16px;
  line-height: 40px;
  min-height: 40px;
  min-width: 160px;
  padding: 0 40px 0 20px;
  text-align: center;
  white-space: normal;
  width: 100%;
  max-width: 260px; }
  .category-koi .add-to-cart-buttons .button:hover, .category-winter-koi-verkauf .add-to-cart-buttons .button:hover {
    background: #ff9c1d !important; }
.category-koi .add-to-cart-buttons .warenkesch-icon, .category-winter-koi-verkauf .add-to-cart-buttons .warenkesch-icon {
  float: left;
  width: auto; }
.category-koi .add-to-cart-buttons span, .category-winter-koi-verkauf .add-to-cart-buttons span {
  font-size: 0.8em;
  font-weight: 400;
  margin-left: 3em; }

#videocontainer {
  text-align: left; }

.discuss-button i {
  position: relative;
  vertical-align: top; }

.cart .page-title h1 {
  border-bottom: medium none;
  float: left;
  font-size: 1.8em;
  font-weight: 600;
  margin-bottom: 6px;
  margin-right: 10px;
  text-transform: uppercase; }

.btn-close {
  color: #636363;
  display: block;
  float: right;
  font-family: "Arial",sans-serif;
  font-size: 30px;
  font-weight: normal;
  position: relative;
  right: -3px;
  text-decoration: none;
  top: -10px;
  width: 40px;
  transition: all 0.4s; }
  .btn-close:hover {
    color: black;
    text-decoration: none; }

.cart-table .cart-links > li > a {
  color: #636363;
  display: block;
  font-size: 0.85em; }

.discount-container {
  display: block;
  overflow: hidden;
  width: 100%; }
  .discount-container .price {
    float: none;
    font-size: 1.1em; }

.discount-container.treuepunkte {
  padding-bottom: 1em;
  padding-top: 2em;
  text-align: left; }

.discount-container.max-discount {
  font-size: .8em;
  padding: .5em 0;
  text-align: right; }

.category-koi .product-options, .category-winter-koi-verkauf .product-options {
  border: medium none;
  clear: both;
  margin: 0;
  padding: 10px 15px 15px;
  position: relative;
  width: 100%; }
  .category-koi .product-options p.required, .category-winter-koi-verkauf .product-options p.required {
    position: relative;
    right: 0;
    text-align: left;
    top: 0; }
.category-koi .product-options-bottom, .category-winter-koi-verkauf .product-options-bottom {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: rgba(0, 0, 0, 0);
  border-image: none;
  border-style: none;
  border-width: 0 1px 1px;
  margin-bottom: 10px;
  padding: 0; }

.cart-service {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  width: 60%; }
  @media only screen and (max-width: 670px) {
    .cart-service {
      display: none; } }
  .cart-service h3 {
    font-family: "Bitter",sans-serif;
    color: #636363; }
  .cart-service .content-box {
    padding: 2em 0;
    color: #636363; }
    .cart-service .content-box h3 {
      font-family: "Bitter",sans-serif;
      color: #636363; }
    .cart-service .content-box h4 {
      color: #636363;
      font-size: 1.5em; }
    .cart-service .content-box a {
      color: #636363;
      display: block;
      font-weight: 400;
      text-decoration: underline; }
    .cart-service .content-box ul {
      list-style: square;
      list-style-position: inside; }
      .cart-service .content-box ul p {
        display: inline-block; }

.discount-container {
  color: #636363; }
  .discount-container .price {
    color: #636363; }

.cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping {
  border: none;
  padding: 10px 20px; }

.cart .cart-totals table tfoot strong {
  font-weight: 600;
  text-transform: none;
  font-size: 0.8em; }

.cart-table .product-cart-total, .cart-table .product-cart-price {
  text-align: right; }
.cart-table .product-cart-actions {
  position: relative;
  white-space: nowrap; }
  .cart-table .product-cart-actions .qty + .button.show {
    display: inline-block; }
  .cart-table .product-cart-actions .button {
    position: absolute;
    margin: 0 0 0 .5em;
    padding: .45em;
    border: none;
    vertical-align: inherit; }

@media only screen and (max-width: 670px) {
  .cart-table .cart-footer-actions .btn-update, .cart-table .cart-footer-actions span.or {
    display: none; } }

.shopping-cart-table .price-box .price, .price {
  float: none !important; }

#discount-coupon-form .input-text, .cart .giftcard .input-text {
  border-radius: 0;
  height: 30px;
  margin: 4px 10px 10px 0;
  padding: 0;
  width: 190px; }

#discount-coupon-form label, .cart .giftcard label {
  text-align: left; }

#discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button {
  float: none; }

.checkout-types {
  float: none;
  max-width: 100%;
  text-align: right; }

.sp-methods .price {
  font-size: 1em;
  font-weight: bold; }

.potd .potd-data {
  color: #000;
  left: 0;
  margin-left: 10%;
  position: relative;
  top: 0; }
  .potd .potd-data img {
    height: 250px !important;
    margin-top: 12%;
    position: relative;
    width: 250px !important; }
    @media only screen and (max-width: 820px) {
      .potd .potd-data img {
        width: 200px;
        height: 200px; } }
    @media only screen and (max-width: 650px) {
      .potd .potd-data img {
        width: 100px;
        height: 100px; } }
  .potd .potd-data p {
    color: #000;
    font-size: 2em;
    text-align: left;
    text-transform: uppercase; }
    @media only screen and (max-width: 1100px) {
      .potd .potd-data p {
        display: none; } }
  .potd .potd-data h3 {
    color: #000;
    font-size: 2em;
    font-weight: 100;
    text-align: left; }
    @media only screen and (max-width: 1100px) {
      .potd .potd-data h3 {
        font-size: 1.2em;
        font-weight: 100;
        position: relative; } }
  .potd .potd-data .price {
    color: #000 !important;
    font-size: 2.2em;
    line-height: 1.2; }
  .potd .potd-data span:last-of-type {
    color: rgba(0, 0, 0, 0.75) !important;
    font-size: 1.6em !important;
    font-weight: 700 !important;
    margin-left: 0.5em !important;
    text-decoration: line-through !important; }
  @media only screen and (max-width: 820px) {
    .potd .potd-data span {
      display: none; } }
.potd a:hover {
  text-decoration: none; }

@media only screen and (max-width: 650px) {
  .category-sonderangebote .potd .potd-data img {
    height: 160px !important;
    margin-bottom: 8%;
    width: 160px !important; }
  .category-sonderangebote .potd .potd-data .price {
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1.2; } }
@media only screen and (max-width: 550px) {
  .category-sonderangebote .teaser-item img {
    display: block;
    height: 300px;
    object-fit: none;
    position: relative;
    width: 100%; }
  .category-sonderangebote .potd {
    height: auto;
    overflow: hidden; }
    .category-sonderangebote .potd .potd-data {
      text-align: center;
      margin-left: 0;
      position: relative !important; }
      .category-sonderangebote .potd .potd-data img {
        height: 100%;
        width: 200% !important;
        margin: 2em auto 1em; } }
      @media only screen and (max-width: 550px) and (max-width: 550px) {
        .category-sonderangebote .potd .potd-data img {
          height: 150px !important;
          margin: 2em auto 1em;
          object-fit: cover;
          width: 150px !important; } }
@media only screen and (max-width: 550px) {
      .category-sonderangebote .potd .potd-data p {
        display: none !important; }
      .category-sonderangebote .potd .potd-data h3 {
        color: white;
        font-size: 1.2em !important;
        font-weight: 100;
        text-align: center;
        width: 80%; }
      .category-sonderangebote .potd .potd-data .price {
        display: block;
        float: none;
        text-align: center;
        width: 100%; } }

.category-description.std {
  clear: both; }
  .category-description.std img {
    width: 100% !important; }

.products-list .product-shop .action {
  display: block;
  margin: 1em auto;
  overflow: hidden;
  width: 100%;
  text-align: left; }

#desc-read-more {
  text-align: left;
  margin-top: 2em; }
  #desc-read-more p {
    margin: 1em 0; }

#auction_bid_notloggedin {
  background: #ff9c1d none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  float: left;
  margin: 1em auto 0;
  max-width: 300px;
  padding: 1em 0;
  width: 100%; }

#auction_bid_button {
  background: #ff9c1d none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  float: left;
  margin: 1em auto 0;
  max-width: 300px;
  padding: 1em 0;
  width: 100%; }

.auction-hint {
  font-size: 1.4em;
  margin-bottom: 1em; }

.auction-price {
  display: block;
  overflow: hidden; }

.messages {
  margin-bottom: 2em; }

.pond form strong {
  display: block;
  overflow: hidden;
  padding: 1em 0; }
  .pond form strong input[type="text"] {
    display: block;
    margin: 0.5em 0; }
.pond .button-container {
  margin: 2em auto 0; }

#files {
  font-size: 1em !important;
  height: auto !important; }

.checkout-potd .product_list_name {
  font-size: 1.1em; }

#podtCartLink {
  background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
  border: 1px solid black;
  color: black;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  margin-top: 1em;
  padding: 1em;
  transition: all 0.4s; }
  #podtCartLink:hover {
    background: black none repeat scroll 0 0;
    border: 1px solid black;
    color: white; }

.flip-images {
  position: relative; }
  .flip-images img:last-child {
    position: absolute;
    top: 0;
    lefT: 0; }
  .flip-images a img:last-child {
    opacity: 0; }
  .flip-images a:hover img:last-child {
    opacity: 1; }
  .flip-images a:hover img:first-child {
    opacity: 0; }

.cart form {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  width: 60%; }
  @media only screen and (max-width: 1150px) {
    .cart form {
      width: 100% !important; } }
  .cart form .cart-table {
    float: none;
    width: 100%; }
.cart .crosssell {
  float: left;
  width: 70%;
  border: none; }
@media only screen and (max-width: 1150px) {
  .cart form {
    float: none;
    overflow: hidden;
    position: relative;
    width: 100%; }
  .cart .cart-forms, .cart .cart-totals-wrapper, .cart .crosssell {
    clear: right;
    float: none;
    padding-left: 0;
    width: 100%;
    display: block;
    overflow: hidden; } }

.cart-table thead th, .cart-table tbody td {
  background-color: rgba(0, 0, 0, 0);
  display: table-cell;
  font-family: "Exo 2",sans-serif;
  padding: 10px 5px;
  width: auto; }

.cart-table thead th {
  color: #636363;
  font-weight: 600; }

.cart-table .product-cart-info, .cart-table td[data-rwd-label] {
  padding-left: 1em; }

.cart-footer-actions {
  display: table-cell; }

.product-cart-info .btn-close {
  display: none; }
  @media only screen and (max-width: 599px) {
    .product-cart-info .btn-close {
      display: block; } }

.cart-table .price {
  color: #000000;
  font-family: "Exo 2",sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1; }

.cart form {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  width: 70%; }

#shopping-cart-totals-table .price {
  float: right;
  font-size: 1em;
  line-height: 1;
  margin: 5px auto 0;
  padding: 0;
  vertical-align: middle;
  width: auto; }

@media only screen and (max-width: 520px) {
  #customer-reviews .fieldset .form-list {
    font-family: "Exo 2",sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    width: 100%; }

  #customer-reviews .buttons-set {
    border: medium none;
    margin: 0;
    width: auto; } }
.button:hover, .discuss-button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover {
  background: #000000 none repeat scroll 0 0;
  border-color: #000000;
  color: #ffffff;
  cursor: pointer; }

.collateral-tabs .tab-content ul {
  list-style-type: disc;
  margin-left: 2em; }
  .collateral-tabs .tab-content ul li {
    margin-bottom: 0.5em; }
.collateral-tabs .tab-content article {
  display: block;
  margin-bottom: 2em;
  overflow: hidden;
  width: 100%; }
  .collateral-tabs .tab-content article .img-wrapper {
    float: left;
    width: 40%;
    padding: 2em; }
    @media only screen and (max-width: 620px) {
      .collateral-tabs .tab-content article .img-wrapper {
        width: 100%;
        float: none;
        margin-bottom: 1em; } }
  .collateral-tabs .tab-content article h3 {
    font-family: "Bitter", serif;
    font-size: 1.5em;
    margin-bottom: 1em;
    width: 100%;
    text-align: left; }
    @media only screen and (max-width: 620px) {
      .collateral-tabs .tab-content article h3 {
        font-size: 1em; } }
  .collateral-tabs .tab-content article time {
    color: #e40410;
    display: inline-block;
    font-family: "Bitter";
    font-weight: 600;
    margin-bottom: 0.5em;
    margin-top: 1em; }

.crosssell h2 {
  color: #000000;
  font-size: 1.4em;
  font-weight: 600; }
.crosssell .products-grid .actions {
  bottom: 0;
  min-height: 85px;
  padding-top: 10px;
  position: relative;
  width: 100%; }
.crosssell .price-box .price, .crosssell .price {
  color: #000000;
  float: left;
  font-family: "Exo 2",sans-serif;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1; }

#giveAwayAndInfo {
  color: #e40410;
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 1em; }

.ui-widget-header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #e40410;
  font-size: 1.2em;
  font-weight: bold; }

.ui-widget-content {
  background: #000000 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff; }

.ui-widget-content a {
  color: #e40410; }

.review-summary-table {
  max-width: 650px; }

#gebotsliste table {
  color: #fff; }

.account-create .buttons-set button.button {
  display: block;
  float: right;
  overflow: hidden;
  position: relative; }

.mykoi-pond-edit .left {
  float: left;
  padding: 2em 2em 2em 0;
  width: 50%; }
.mykoi-pond-edit .right {
  float: right;
  padding: 2em 0 2em 2em;
  width: 50%; }
@media only screen and (max-width: 620px) {
  .mykoi-pond-edit .left {
    width: 100%; }
  .mykoi-pond-edit .right {
    width: 100%; } }
.mykoi-pond-edit .info-grafik {
  padding: 2em 0; }
.mykoi-pond-edit table {
  display: block;
  padding: 2em 0; }

.size-container {
  padding: 2em 0; }

.customer-account .buttons-set button.button {
  float: right; }

.product-view .add-to-cart-wrapper .price {
  float: left !important;
  width: 45%; }
  @media only screen and (max-width: 400px) {
    .product-view .add-to-cart-wrapper .price {
      width: 100%; } }
  .product-view .add-to-cart-wrapper .price .sku {
    font-size: .85rem;
    font-weight: normal;
    color: #9c9c9c; }

.products-list .product-shop .product-name {
  color: #000000;
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: none; }

.old-price {
  margin-top: 0; }

.tabs table {
  font-size: 12px;
  width: 100% !important;
  margin: 1em auto;
  border: none; }
  .tabs table td {
    padding: 5px 8px;
    border: none; }
  .tabs table tr:first-child td {
    line-height: 1.4em;
    padding: 10px;
    text-align: left; }
  .tabs table tr:nth-of-type(2n) td {
    background-color: #f4f4f4; }

.product-collateral .tab-content {
  overflow-x: auto; }
  .product-collateral .tab-content p:not(:last-child) {
    margin-bottom: 1em; }

#shopping-cart-totals-table .price {
  float: right !important;
  padding: 2px !important;
  width: auto !important; }

.free-shipping-info .price {
  display: inline-block !important;
  float: none !important;
  line-height: 0.25em;
  margin: 0 auto;
  padding: 0;
  width: auto !important;
  color: #f49927;
  font-size: 1.6em; }

.discount-container .price {
  display: inline-block;
  float: none !important;
  font-size: 1.1em;
  line-height: 1; }

.header-minicart .subtotal .price {
  color: #000000;
  float: right;
  font-size: 1.3em;
  margin-right: 0.5em;
  margin-top: 0.25em;
  vertical-align: middle; }

#calcfutterlink {
  margin-top: 2em; }

#fc-dellink {
  display: block; }

.products-list .ratings .rating-links a {
  color: #777777;
  font-size: 0.85em; }

.minicart-wrapper .shopping-cart-table .price-box .price, .price {
  color: black;
  font-family: "Exo 2",sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1; }

.minicart-wrapper .btn-edit, .minicart-wrapper .remove {
  font-size: 0.85em; }

.skip-cart .label {
  margin-top: 10px; }

.warenkesch-mobile-icon {
  margin: 0.8em auto 0 1.75em; }

@media only screen and (max-width: 820px) {
  .nav-primary {
    margin: 0; }

  .skip-links {
    background: black none repeat scroll 0 0;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    clear: both;
    overflow: hidden; }

  .skip-cart, .skip-link {
    background: black none repeat scroll 0 0;
    color: white !important;
    float: left;
    height: 44px;
    line-height: 42px;
    position: relative;
    text-align: center;
    width: 25%; }

  .skip-cart .fa, .skip-link .fa {
    color: #fff;
    font-size: 1.5em;
    line-height: 1;
    margin: 0.5em 0 0; }

  .skip-cart .label, .skip-link .label {
    color: #fff; }

  .skip-cart.skip-active, .skip-link.skip-active {
    background: #303030 none repeat scroll 0 0;
    color: white; }

  .skip-content.skip-active {
    background: #303030 none repeat scroll 0 0;
    display: block; }

  .index .nav-primary a {
    color: #777777; }

  #header-account li a, .nav-primary a.level0 {
    border-bottom: 1px solid #777777;
    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    padding: 0.5em 1em 0.5em 2em;
    text-align: left;
    text-transform: uppercase; }

  .nav-primary a {
    color: white;
    display: block;
    font-family: "Exo 2",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.4s ease 0s; }

  .nav-primary li.level1 a {
    border-bottom: medium none;
    padding: 0.5em 25px 0.5em 15px; }

  #header-account a:hover {
    color: #ffffff; }

  .nav-primary li.level2 a {
    border-bottom: medium none;
    padding: 0.5em 0; }

  .nav-primary a:hover, .nav-primary li:hover > a {
    color: #ffffff !important; }

  .header-minicart.skip-active .block-cart,
  .block-cart.skip-active {
    background: #fff; }

  .product-collateral > dl > dd {
    background: #fff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 1px;
    color: #3b3b3b;
    margin: 0;
    padding: 10px; }

  .product-collateral > dl > dt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    background: white none repeat scroll 0 0;
    border-bottom: 1px solid #c4c4c4;
    border-image: none;
    border-left: medium none;
    border-right: medium none;
    border-top: 1px solid #c4c4c4;
    color: #999999;
    display: block;
    font-family: "Exo 2 2",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    padding: 0.75em 0;
    position: relative;
    text-align: center;
    text-rendering: optimizespeed;
    text-transform: uppercase; } }
#discount-coupon-form, .cart .giftcard {
  background: #f0f0f0 none repeat scroll 0 0;
  display: block;
  overflow: hidden;
  width: 100%; }
  #discount-coupon-form .discount, .cart .giftcard .discount {
    background: none; }

.top-page-header {
  background-color: #ffffff;
  border-bottom: none;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1); }

.product-shop .product-secondary #qty {
  max-width: 45px; }

.products-list .product-shop .desc p {
  text-align: left !important; }

.products-list .product-shop .ratings .rating-links {
  display: block;
  float: none;
  overflow: hidden;
  width: 100%; }

.product-grid-wrapper .product-grid {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  overflow: hidden;
  width: 100%; }
  @media only screen and (max-width: 620px) {
    .product-grid-wrapper .product-grid {
      display: block; } }
  .product-grid-wrapper .product-grid .product {
    border: 1px solid #cecece;
    box-sizing: border-box;
    display: flex;
    float: left;
    margin-bottom: 1em;
    margin-right: 2%;
    padding: 2em;
    text-align: center;
    width: 49%; }
    @media only screen and (max-width: 620px) {
      .product-grid-wrapper .product-grid .product {
        width: 100%;
        margin: 0 auto 1em;
        display: block; } }
    .product-grid-wrapper .product-grid .product:nth-of-type(2n) {
      margin-right: 0; }
    .product-grid-wrapper .product-grid .product:nth-of-type(2n+3) {
      clear: left; }
    .product-grid-wrapper .product-grid .product a:hover {
      text-decoration: none; }
      .product-grid-wrapper .product-grid .product a:hover .title {
        text-decoration: underline; }
    .product-grid-wrapper .product-grid .product img {
      margin: 0 auto; }
    .product-grid-wrapper .product-grid .product a {
      width: 100%; }
    .product-grid-wrapper .product-grid .product .title {
      color: #000000;
      font-size: 1.2em;
      font-weight: 600;
      margin-top: 0.5em; }
    .product-grid-wrapper .product-grid .product p {
      color: #000;
      text-align: center; }

.dropdown div {
  line-height: 2em;
  padding: 1em 0; }

.cart-table h2 {
  padding: 0em; }

.product-cart-info {
  padding-left: 1em; }

#discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper {
  display: block;
  vertical-align: bottom; }

@media only screen and (max-width: 1100px) {
  .checkout-onepage-index .col-main {
    display: block;
    float: none;
    padding-right: 0;
    width: 100%; } }

@media only screen and (max-width: 1100px) {
  .checkout-onepage-index .col-right {
    display: none; } }

.form-list {
  list-style: outside none none !important; }

.product-options ul.options-list label {
  max-width: 100%;
  min-width: inherit;
  width: 100%; }

.product-options .input-box .price {
  color: #000000;
  float: none;
  font-family: "Exo 2",sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1;
  margin-left: 0.5em; }
.product-options .required {
  margin-bottom: 1em; }
.product-options .add-to-cart-buttons .button {
  margin: 0 auto; }

.mykoi-required {
  margin-top: 2em; }

.button.button-secondary {
  color: #000;
  background-color: #fff;
  border-color: #fff; }
  .button.button-secondary:hover {
    background-color: #000; }

.discount-form small {
  display: block;
  font-size: 1em;
  margin: 1em auto 0;
  overflow: hidden;
  width: 100%; }

.std a:focus {
  color: #e40410;
  outline-color: #e40410; }

address {
  font-family: "Exo 2",sans-serif;
  font-style: normal; }

.my-account .addresses-list {
  font-family: "Exo 2",sans-serif; }

.js-shape {
  margin-top: 1em; }

input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"] {
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  max-width: 100%;
  width: auto; }

.account-login .page-title {
  margin: 0 auto 1em; }
  .account-login .page-title h1 {
    font-size: 1.6em; }
.account-login h2 {
  color: #e40410;
  font-weight: 700; }
.account-login .content {
  padding: 0; }
.account-login input[type="email"], .account-login input[type="search"], .account-login input[type="number"], .account-login input[type="password"], .account-login input[type="tel"], .account-login input[type="text"] {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0; }

.checkout-onepage-index input[type="email"], .checkout-onepage-index input[type="search"], .checkout-onepage-index input[type="number"], .checkout-onepage-index input[type="password"], .checkout-onepage-index input[type="tel"], .checkout-onepage-index input[type="text"] {
  margin-bottom: 0em;
  margin-left: 0em;
  max-width: 100%;
  width: 100%; }
.checkout-onepage-index .description {
  margin-bottom: 0.5em; }
.checkout-onepage-index .price {
  font-size: 1em; }
.checkout-onepage-index .data-table tbody td, .checkout-onepage-index .data-table tfoot td {
  text-align: right; }
.checkout-onepage-index h2.product-name, .checkout-onepage-index h3.product-name, .checkout-onepage-index h4.product-name, .checkout-onepage-index h5.product-name, .checkout-onepage-index p.product-name {
  text-align: left;
  font-size: 1em;
  font-family: "Exo 2",sans-serif; }
@media only screen and (max-width: 479px) {
  .checkout-onepage-index .data-table tbody td:not(:first-of-type) {
    display: flex;
    justify-content: space-between;
    align-items: baseline; } }

@media only screen and (max-width: 479px) {
  #checkout-step-login .col-1 {
    border-bottom: 2px solid #000;
    margin-bottom: 1em;
    padding-bottom: 2em; } }

#co-shipping-method-form #shipping_form_flatrate_flatrate label {
  padding: 0;
  margin-top: 1em;
  background: none; }
#co-shipping-method-form #shipping_form_flatrate_flatrate input {
  width: auto; }
  #co-shipping-method-form #shipping_form_flatrate_flatrate input::-webkit-inner-spin-button {
    display: none; }

#checkout-review-submit .buttons-set {
  display: flex;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 15px;
  border-top: none;
  border-bottom: 1px solid #ededed; }
  #checkout-review-submit .buttons-set .review-save-button button {
    float: none;
    margin-right: 0; }
    @media only screen and (max-width: 599px) {
      #checkout-review-submit .buttons-set .review-save-button button {
        margin-bottom: 10px; } }
  #checkout-review-submit .buttons-set .review-save-button .please-wait {
    float: none;
    margin-right: 0;
    margin-left: 0; }
  #checkout-review-submit .buttons-set:after {
    content: none; }
  @media only screen and (max-width: 599px) {
    #checkout-review-submit .buttons-set {
      flex-flow: column-reverse; } }
#checkout-review-submit #ordersteuerhinweis {
  margin-bottom: 10px; }
#checkout-review-submit .privacy-protection {
  margin-bottom: 1em;
  border-bottom: 1px solid #ededed; }
  #checkout-review-submit .privacy-protection p {
    margin-bottom: 1em; }

.paypal-review-order #ordersteuerhinweis {
  margin-bottom: 10px; }
.paypal-review-order .privacy-protection {
  margin-bottom: 1em;
  border-bottom: 1px solid #ededed; }
  .paypal-review-order .privacy-protection p {
    margin-bottom: 1em; }

#news20serach {
  width: 30%; }
  @media only screen and (max-width: 730px) {
    #news20serach {
      width: 35%;
      margin-left: 0.1em; } }
  @media only screen and (max-width: 620px) {
    #news20serach {
      margin-left: 0;
      width: 100%;
      display: block; } }

.select2 {
  width: 50% !important; }
  @media only screen and (max-width: 730px) {
    .select2 {
      width: 64% !important; } }
  @media only screen and (max-width: 620px) {
    .select2 {
      width: 100% !important;
      display: block; } }

@media only screen and (max-width: 730px) {
  #searchButton {
    width: 100%; } }
@media only screen and (max-width: 620px) {
  #searchButton {
    width: 100%; } }

/* ---------------------------------------------------------- */
@media only screen and (max-width: 620px) {
  .catalog-product-view .associated-products-wrapper {
    display: none;
    position: fixed;
    background-color: #ffffff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    min-height: 100vw;
    overflow-y: scroll;
    z-index: 21000; }
    .catalog-product-view .associated-products-wrapper.active {
      display: block; } }
.catalog-product-view .associated-products-wrapper + .qty {
  float: none;
  margin-top: 1em;
  margin-left: 0; }
  .catalog-product-view .associated-products-wrapper + .qty + .add-to-box {
    margin-top: 1em; }
.catalog-product-view .associated-products {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 620px) {
    .catalog-product-view .associated-products {
      position: static;
      font-size: .8em;
      padding-top: 1em; } }
  .catalog-product-view .associated-products li {
    margin: 0 .5em .5em 0;
    width: 48%; }
    @media only screen and (max-width: 620px) {
      .catalog-product-view .associated-products li {
        width: 90%;
        margin: 0 auto .5em; } }
  .catalog-product-view .associated-products input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none; }
    .catalog-product-view .associated-products input[type="radio"] + label {
      position: relative;
      cursor: pointer;
      border: 1px solid #777777;
      border-radius: 2px;
      padding: .5em;
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 620px) {
        .catalog-product-view .associated-products input[type="radio"] + label:before {
          content: "";
          width: 1.5em;
          height: 1.5em;
          right: 1.5em;
          display: block;
          position: absolute;
          border: 2px solid #777777;
          border-radius: 50%; } }
      .catalog-product-view .associated-products input[type="radio"] + label .amount-wrapper {
        display: block; }
        .catalog-product-view .associated-products input[type="radio"] + label .amount-wrapper .amount {
          color: #e40410;
          font-size: 1.25em; }
        .catalog-product-view .associated-products input[type="radio"] + label .amount-wrapper .package-size {
          display: block;
          font-size: 0.875em;
          font-weight: 400; }
      .catalog-product-view .associated-products input[type="radio"] + label .associated-price-box {
        display: block; }
        .catalog-product-view .associated-products input[type="radio"] + label .associated-price-box .associated-price {
          font-size: 1.75em; }
          .catalog-product-view .associated-products input[type="radio"] + label .associated-price-box .associated-price.special-price {
            color: #e40410; }
          @media only screen and (max-width: 1200px) {
            .catalog-product-view .associated-products input[type="radio"] + label .associated-price-box .associated-price {
              display: block;
              line-height: 1; } }
        .catalog-product-view .associated-products input[type="radio"] + label .associated-price-box .baseprice {
          font-size: .875em;
          font-weight: 400; }
        .catalog-product-view .associated-products input[type="radio"] + label .associated-price-box .old-price {
          float: none;
          margin: 0 0 -0.625em;
          font-size: 0.875em;
          text-decoration: line-through; }
          @media only screen and (max-width: 1200px) {
            .catalog-product-view .associated-products input[type="radio"] + label .associated-price-box .old-price {
              margin: 0 0 -0.25em; } }
      .catalog-product-view .associated-products input[type="radio"] + label .tropfen {
        display: block;
        font-size: .875em;
        font-weight: 400; }
      .catalog-product-view .associated-products input[type="radio"] + label .price-advantage-label {
        font-size: 0.75em;
        width: 6.2em;
        height: 6.2em; }
        @media only screen and (max-width: 620px) {
          .catalog-product-view .associated-products input[type="radio"] + label .price-advantage-label {
            display: none; } }
    .catalog-product-view .associated-products input[type="radio"]:checked + label {
      border-color: #e40410;
      background-color: #fff5e8; }
      @media only screen and (max-width: 620px) {
        .catalog-product-view .associated-products input[type="radio"]:checked + label {
          background: none; }
          .catalog-product-view .associated-products input[type="radio"]:checked + label:before {
            border-color: #e40410; }
          .catalog-product-view .associated-products input[type="radio"]:checked + label:after {
            content: "";
            width: 1.5em;
            height: 1.5em;
            background-color: #e40410;
            right: 1.5em;
            display: block;
            position: absolute;
            border-radius: 50%;
            transform: scale(0.6); } }
  .catalog-product-view .associated-products .associated-back {
    margin-top: 1em;
    font-size: 1.5em; }
.catalog-product-view .pickup-discount {
  display: block;
  font-size: .875em;
  font-weight: 700; }
.catalog-product-view .mobile-only {
  display: none; }
  @media only screen and (max-width: 620px) {
    .catalog-product-view .mobile-only {
      display: block; } }
.catalog-product-view .mobile-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid #777777;
  border-radius: 4px;
  margin: 0 auto;
  padding: .5em 1em; }
  @media only screen and (min-width: 620px) {
    .catalog-product-view .mobile-selected {
      display: none; } }
  .catalog-product-view .mobile-selected .selected-arrow {
    font-size: 3em; }
  .catalog-product-view .mobile-selected .amount-wrapper {
    display: block; }
    .catalog-product-view .mobile-selected .amount-wrapper .amount {
      color: #e40410;
      font-size: 1.25em; }
    .catalog-product-view .mobile-selected .amount-wrapper .package-size {
      font-size: 0.875em;
      font-weight: 400;
      margin-left: 0.5em; }
  .catalog-product-view .mobile-selected .associated-price-box {
    display: flex;
    align-items: baseline; }
    .catalog-product-view .mobile-selected .associated-price-box .associated-price {
      font-size: 1.75em; }
    .catalog-product-view .mobile-selected .associated-price-box .baseprice {
      font-size: .875em;
      font-weight: 400; }
.catalog-product-view .ratings {
  display: flex; }
.catalog-product-view .youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden; }
  .catalog-product-view .youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.noscroll {
  overflow: hidden; }

@media only screen and (min-width: 820px) {
  .desktop-only {
    display: block; } }

.fl-autocomplete.fl-has-two-columns .ui-autocomplete-allResults h3 {
  border-bottom: none !important; }

.konfigurator h2 {
  font-style: italic;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1em; }

.konfigurator input[type="number"] {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
  font-family: "Roboto",Arial,sans-serif;
  /*font-size: 12px;*/
  /*font-weight: 700;*/
  height: 33px;
  letter-spacing: 0.2em;
  line-height: 33px;
  outline: medium none !important;
  padding: 0 0 0 10px;
  text-transform: uppercase;
  margin: 0 5px; }

.konfigurator .short {
  width: 50px; }

.konfigurator.futter .temperature {
  margin: 20px 0; }

.konfigurator.futter {
  overflow: hidden;
  background: none repeat scroll 0 0 #6a7685;
  padding: 0;
  margin-bottom: 0; }

.konfigurator.futter aside {
  position: relative;
  background: transparent url(../img/konfiguratoren/left-side.png) no-repeat scroll;
  width: 302px;
  float: left;
  height: 578px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; }

.konfigurator.futter aside img {
  position: absolute;
  right: -67px;
  top: 40px; }

.konfigurator.futter article {
  background: none repeat scroll 0 0 #e2f2fc;
  width: 546px;
  padding: 40px 45px 15px 97px;
  float: right;
  min-height: 578px; }

.size-container {
  margin: 15px 0;
  overflow: hidden;
  width: 500px; }

.size-container table tr td {
  padding: 5px 5px 5px 0; }

.konfigurator.futter a.button {
  float: right; }

.meinekoi table {
  width: 100%;
  margin-bottom: 25px; }

.meinekoi table tr {
  background-color: white;
  border: 1px solid #e2f2fc; }

.meinekoi table tr td {
  border: 1px solid #e2f2fc;
  padding: 5px 10px; }

td.meinekoi-size {
  width: 125px;
  text-align: right; }

td.meinekoi-qty {
  text-align: left;
  width: 441px; }

.konfigurator.futter .futtergesamt {
  margin-top: -10px;
  margin-bottom: 20px;
  background-color: #fff;
  color: #00a0ff;
  font-size: 1.5em;
  padding: 5px 20px; }

.konfigurator .button-container {
  margin: 25px 0;
  overflow: hidden; }

.futter-toolbar {
  overflow: hidden;
  width: 100%;
  background: none repeat scroll 0 0 #e2f2fc;
  padding: 10px; }

.futter-toolbar-gueteklassen {
  height: 60px;
  overflow: hidden;
  float: left;
  margin-right: 20px; }

.futter-toolbar-gueteklassen li {
  float: left;
  margin-right: 5px; }

.futter-toolbar-gueteklassen li img {
  height: 60px;
  cursor: pointer; }

.futter-toolbar-gueteklassen li img.notactive {
  opacity: 0.5; }

.filterinformation {
  line-height: 60px;
  font-style: italic; }

.konfigurator.futter .loginnotice {
  color: darkgreen;
  margin-bottom: 20px; }

.konfigurator.futter #fc-dellink {
  float: left; }

.konfigurator.futter .error {
  height: 20px; }

@media only screen and (max-width: 1030px) {
  #teaser-wrapper h1 {
    font-size: 22px;
    line-height: 25px;
    padding: 0 30px; }

  .konfigurator.futter article {
    float: none;
    width: auto;
    padding: 30px;
    min-height: 0; }

  .size-container table.left, .size-container table.right {
    float: none !important;
    margin: 0 auto; }

  .konfigurator.futter .futtergesamt {
    height: 90px;
    line-height: 40px; }

  .konfigurator.futter #futtergesamtmonat {
    display: block; } }
.dashboard-cta {
  margin: 1.5em auto;
  overflow: hidden;
  position: relative; }
  .dashboard-cta .right-cta {
    height: 450px;
    width: 50%;
    float: right;
    padding: 1.5em;
    box-sizing: border-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 663px) {
      .dashboard-cta .right-cta {
        height: auto;
        min-height: 250px;
        background-position: center; } }
    .dashboard-cta .right-cta h3 {
      color: #ffffff !important; }
    .dashboard-cta .right-cta p {
      color: #ffffff !important; }
    .dashboard-cta .right-cta a:hover, .dashboard-cta .right-cta a:active {
      color: #fff; }
  .dashboard-cta .left-cta {
    height: 450px;
    width: 50%;
    float: left;
    padding: 1.5em;
    box-sizing: border-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 663px) {
      .dashboard-cta .left-cta {
        height: auto;
        min-height: 250px;
        background-position: center; } }
    .dashboard-cta .left-cta h3 {
      color: #ffffff !important; }
    .dashboard-cta .left-cta p {
      color: #ffffff !important; }
    .dashboard-cta .left-cta a:hover, .dashboard-cta .left-cta a:active {
      color: #fff; }

@media only screen and (max-width: 663px) {
  .dashboard-cta .right-cta, .dashboard-cta .left-cta {
    float: none;
    margin: 0 auto;
    max-width: 400px;
    width: 100%; }
  .dashboard-cta .button-product-in-news {
    font-size: 10px; } }
/******
Select 2 Anpassungen
 */
.select2-container--default .select2-search--inline .select2-search__field {
  height: 19px;
  margin-top: 9px;
  font-size: 15px; }

.select2-container {
  margin-bottom: 0.5em; }

.select2-container--default .select2-selection--multiple {
  border: 1px solid silver;
  min-height: 40px;
  border-radius: 6px;
  line-height: 1em;
  margin-top: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.2em; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 1.2em;
  margin-top: 3px;
  margin-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 7px; }

.cutable .product-options input {
  width: 100%;
  margin: 0 0 0.5em; }

.cut-calculation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .cut-calculation p:nth-child(3n+1) {
    flex: 0 1 70%; }
  .cut-calculation p:nth-child(3n+2) {
    flex: 0 1 25%;
    text-align: right; }
  .cut-calculation p:nth-child(3n) {
    flex: 0 1 3%; }

.info-set .last {
  text-align: right; }

#header,
.header-language-background.page.remove_page {
  z-index: 9996; }

.input-box.customer-dob .dob-day {
  margin: auto;
  width: 70px; }
  .input-box.customer-dob .dob-day input {
    max-width: 40px; }
.input-box.customer-dob .dob-month {
  margin: auto;
  width: 80px; }
  .input-box.customer-dob .dob-month input {
    max-width: 40px; }
.input-box.customer-dob .dob-year {
  margin: auto;
  width: 95px; }
  .input-box.customer-dob .dob-year input {
    max-width: 55px; }

.dieKoi {
  text-align: justify !important;
  background-color: #000000 !important; }
  .dieKoi p {
    color: #ffffff !important; }
    .dieKoi p span {
      color: #ffffff !important;
      background-color: #000000 !important; }

.product-collateral.toggle-tabs.dieKoi {
  background-color: #1c1c1c;
  border: medium none;
  position: relative;
  width: 100%; }

#dt_method_easycredit label {
  background-color: #f4f4f4; }

.checkout-types.bottom .paypal-logo,
.checkout-types.bottom .paypal-or {
  text-align: center !important;
  padding-right: 0px !important; }

#customerExpressButton li {
  display: none; }
#customerExpressButton p.paypal-logo {
  padding-top: 1em; }

#AuktionPaginationText {
  margin-left: 4em;
  margin-top: 1em; }

.hint {
  color: #e40410;
  font-size: 15px;
  font-weight: bold;
  clear: both;
  margin-bottom: 25px; }

.nav-primary .highlight a {
  color: #e40410 !important; }

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