@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/*
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,900");
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/**
 * @license
 * MyFonts Webfont Build ID 2960091, 2015-01-26T15:45:57-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: EBBaseMono-Book by Fenotype
 * URL: http://www.myfonts.com/fonts/fenotype/eb-base-mono/book/
 * Copyright: Copyright (c) 2009 by Erik Bertell. All rights reserved.
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2960091
 *
 * © 2015 MyFonts Inc
*/
html {
    height: 100%;
}
html.lock {
    overflow-y: hidden;
}

body {
    position: static;
    font-size: 16px;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    color: #000000;
    background-color: #ffffff;
    height: 100%;
    overflow-x: hidden;
    background-color: #ffffff;
}

#kk-stoller-boote-ch h1,
#kk-stoller-boote-ch h1 p {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 900;
    font-size: 2rem;
    letter-spacing: 0.01875rem;
    margin: 2.5rem 2.8125rem 3.75rem 0;
    color: #000000;
    text-transform: uppercase;
    position: relative;
    line-height: 1.4;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch h1,
    #kk-stoller-boote-ch h1 p {
        margin: 2.5rem 0 3.75rem 0;
    }
}
#kk-stoller-boote-ch h1:after,
#kk-stoller-boote-ch h1 p:after {
    content: "";
    position: absolute;
    bottom: -0.625rem;
    left: 0;
    width: 3.125rem;
    border-top: 0.3125rem solid #d9222a;
}

#kk-stoller-boote-ch h2,
#kk-stoller-boote-ch h2 p {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 900;
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.0125rem;
    margin: 0 0 1.5625rem 0;
    color: #000000;
}

#kk-stoller-boote-ch h3,
#kk-stoller-boote-ch h3 p {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 900;
    font-size: 0.9375rem;
    text-transform: uppercase;
    color: #000000;
    margin: 1.25rem 0 0.625rem 0;
    letter-spacing: 0.01875rem;
}

#kk-stoller-boote-ch h4,
#kk-stoller-boote-ch h4 p {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #000000;
}

#kk-stoller-boote-ch h5,
#kk-stoller-boote-ch h5 p {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #000000;
}

#kk-stoller-boote-ch a,
#kk-stoller-boote-ch a:link,
#kk-stoller-boote-ch a:active,
#kk-stoller-boote-ch a:visited {
    color: #d9222a;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}
#kk-stoller-boote-ch a:hover,
#kk-stoller-boote-ch a:link:hover,
#kk-stoller-boote-ch a:active:hover,
#kk-stoller-boote-ch a:visited:hover {
    color: #000000;
}
#kk-stoller-boote-ch a:hover:after svg,
#kk-stoller-boote-ch a:link:hover:after svg,
#kk-stoller-boote-ch a:active:hover:after svg,
#kk-stoller-boote-ch a:visited:hover:after svg {
    fill: #000000;
}
#kk-stoller-boote-ch a:focus,
#kk-stoller-boote-ch a:link:focus,
#kk-stoller-boote-ch a:active:focus,
#kk-stoller-boote-ch a:visited:focus {
    outline: none !important;
}
#kk-stoller-boote-ch a.link,
#kk-stoller-boote-ch a.icon,
#kk-stoller-boote-ch a:link.icon,
#kk-stoller-boote-ch a:active.icon,
#kk-stoller-boote-ch a:visited.icon {
    padding: 0 0 0 1.5625rem;
}
#kk-stoller-boote-ch a.link:hover,
#kk-stoller-boote-ch a.icon:hover,
#kk-stoller-boote-ch a:link.icon:hover,
#kk-stoller-boote-ch a:active.icon:hover,
#kk-stoller-boote-ch a:visited.icon:hover {
    color: #d9222a;
}
#kk-stoller-boote-ch p > a:after,
#kk-stoller-boote-ch p > a:link:after,
#kk-stoller-boote-ch p > a:active:after,
#kk-stoller-boote-ch p > a:visited:after {
    content: "";
    position: absolute;
    bottom: 0.3125rem;
    right: 0.375rem;
    background-image: url(../Images/LinkArrowRed.svg);
    -webkit-transition: background-image 200ms ease-in-out;
    -moz-transition: background-image 200ms ease-in-out;
    -ms-transition: background-image 200ms ease-in-out;
    -o-transition: background-image 200ms ease-in-out;
    transition: background-image 200ms ease-in-out;
    width: 0.8125rem;
    height: 0.6875rem;
}
#kk-stoller-boote-ch p > a:hover:after,
#kk-stoller-boote-ch p > a:link:hover:after,
#kk-stoller-boote-ch p > a:active:hover:after,
#kk-stoller-boote-ch p > a:visited:hover:after {
    background-image: url(../Images/LinkArrowBlack.svg);
}
#kk-stoller-boote-ch p a.link:after,
#kk-stoller-boote-ch p a.icon:after,
#kk-stoller-boote-ch p a:link.icon:after,
#kk-stoller-boote-ch p a:active.icon:after,
#kk-stoller-boote-ch p a:visited.icon:after {
    left: 0;
    bottom: 0.125rem;
    height: 1rem;
    width: 1rem;
    background: url(../Images/PhoneRed.svg) no-repeat;
}
#kk-stoller-boote-ch p a.link.icon-phone:after,
#kk-stoller-boote-ch p a.icon.icon-phone:after,
#kk-stoller-boote-ch p a:link.icon.icon-phone:after,
#kk-stoller-boote-ch p a:active.icon.icon-phone:after,
#kk-stoller-boote-ch p a:visited.icon.icon-phone:after {
    left: 0;
    background-image: url(../Images/PhoneRed.svg);
}
#kk-stoller-boote-ch p a.link.icon-handy:after,
#kk-stoller-boote-ch p a.icon.icon-handy:after,
#kk-stoller-boote-ch p a:link.icon.icon-handy:after,
#kk-stoller-boote-ch p a:active.icon.icon-handy:after,
#kk-stoller-boote-ch p a:visited.icon.icon-handy:after {
    left: 0.0625rem;
    background-image: url(../Images/HandyRed.svg);
}
#kk-stoller-boote-ch p a.link.icon-mail:after,
#kk-stoller-boote-ch p a.icon.icon-mail:after,
#kk-stoller-boote-ch p a:link.icon.icon-mail:after,
#kk-stoller-boote-ch p a:active.icon.icon-mail:after,
#kk-stoller-boote-ch p a:visited.icon.icon-mail:after {
    bottom: 0.0625rem;
    background-image: url(../Images/MailRed.svg);
}
#kk-stoller-boote-ch a.button,
#kk-stoller-boote-ch a:link.button,
#kk-stoller-boote-ch a:active.button,
#kk-stoller-boote-ch a:visited.button {
    background: #d9222a;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0.5rem 1.25rem;
}

#kk-stoller-boote-ch p > a,
#kk-stoller-boote-ch p > a:link,
#kk-stoller-boote-ch p > a:active,
#kk-stoller-boote-ch p > a:visited {
    padding-right: 1.625rem;
}
#kk-stoller-boote-ch p {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
    line-height: 1.65;
}

#kk-stoller-boote-ch figure + p,
#kk-stoller-boote-ch p + p {
    margin-top: 1.25rem;
}

#kk-stoller-boote-ch figure {
    margin: 0;
}

#kk-stoller-boote-ch .container img {
    width: 100%;
}

#kk-stoller-boote-ch table tbody {
    background: none;
    border: none;
}
#kk-stoller-boote-ch table tbody tr td {
    vertical-align: top;
    padding: 0 0 0.625rem 0;
}
#kk-stoller-boote-ch table tbody tr:nth-child(even) {
    background: none;
}

#kk-stoller-boote-ch address {
    font-style: normal;
}

#kk-stoller-boote-ch address + p {
    margin-top: 1.25rem;
}

#kk-stoller-boote-ch .logo {
    display: flex;
    align-items: center;
    height: 5rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .logo {
        height: 6.25rem;
    }
}
#kk-stoller-boote-ch .logo svg {
    width: 11.25rem;
    height: 3.6875rem;
    margin-top: 0.625rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .logo svg {
        width: 15.125rem;
        margin-top: 0.5rem;
    }
}

#kk-stoller-boote-ch .team-member {
    margin-bottom: 1.25rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .team-member {
        margin-bottom: 1.875rem;
    }
}
#kk-stoller-boote-ch .team-member .card {
    margin: 0;
    padding: 1.25rem;
    border-radius: 0;
    border: none;
    position: relative;
    background-color: #f7f7f7;
}
#kk-stoller-boote-ch .team-member .card .card-section {
    padding: 0;
    height: 100%;
}
#kk-stoller-boote-ch .team-member figcaption h3 span.neos-inline-editable {
    min-width: 6.25rem;
    display: inline-block;
}
#kk-stoller-boote-ch .team-member figcaption .function {
    font-style: italic;
    color: #000000;
}
#kk-stoller-boote-ch .team-member:last-child {
    margin-bottom: 0;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .team-member:last-child {
        margin-bottom: 1.875rem;
    }
}

#kk-stoller-boote-ch .teaser-category {
    margin-bottom: 1.25rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .teaser-category {
        margin-bottom: 1.875rem;
    }
}
#kk-stoller-boote-ch .teaser-category .card {
    height: 100%;
    margin: 0;
    padding: 1.25rem;
    border-radius: 0;
    border: none;
    position: relative;
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}
#kk-stoller-boote-ch .teaser-category .card .card-section {
    padding: 0;
    text-align: center;
    height: 100%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section h3 {
    color: #000000;
    -webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure {
    position: relative;
    overflow: hidden;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .figure-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(207, 0, 0, 0.9);
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    z-index: 2;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure img {
    width: 100%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-small {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    height: 13%;
    width: 13%;
    top: 5%;
    right: 5%;
    z-index: 2;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-boote {
    background-image: url(../Images/Icons/BooteWeiss.png);
    height: 18%;
    width: 18%;
    top: 4%;
    right: 3%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-motoren {
    background-image: url(../Images/Icons/MotorenWeiss.png);
    height: 15%;
    width: 15%;
    top: 6%;
    right: 3%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-occasionen {
    background-image: url(../Images/Icons/OccasionenWeiss.png);
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-reparaturen {
    background-image: url(../Images/Icons/ReparaturenWeiss.png);
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-antifouling {
    background-image: url(../Images/Icons/AntifoulingWeiss.png);
    height: 16%;
    width: 16%;
    right: 3%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-sattlerarbeiten {
    background-image: url(../Images/Icons/SattlerarbeitenSchwarz.png);
    height: 15%;
    width: 15%;
    right: 4%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-bootselektrik {
    background-image: url(../Images/Icons/BootselektrikWeiss.png);
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-winterlager {
    background-image: url(../Images/Icons/WinterlagerWeiss.png);
    top: 7%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-type-ersatzteile {
    background-image: url(../Images/Icons/ErsatzteileWeiss.png);
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .icon.icon-large {
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
    height: 30%;
    width: 30%;
    top: 50%;
    right: 50%;
    z-index: 3;
    margin-right: -15%;
    margin-top: -15%;
}
#kk-stoller-boote-ch .teaser-category .card .card-section figure .corner {
    position: absolute;
    transform: rotate(45deg);
    top: -33%;
    right: -33%;
    z-index: 1;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    width: 66%;
    height: 66%;
    background: #d9222a;
}
#kk-stoller-boote-ch .teaser-category .card:hover {
    background-color: rgba(207, 0, 0, 0.9) !important;
}
#kk-stoller-boote-ch .teaser-category .card:hover .card-section h3 {
    color: #ffffff;
}
#kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .icon-small,
#kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .corner {
    opacity: 0;
}
#kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .icon-large,
#kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .figure-overlay {
    opacity: 1;
}
#kk-stoller-boote-ch .teaser-category:last-child {
    margin-bottom: 0;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .teaser-category:last-child {
        margin-bottom: 1.875rem;
    }
}

.touchevents #kk-stoller-boote-ch .teaser-category .card:hover {
    background-color: #ffffff !important;
}
.touchevents #kk-stoller-boote-ch .teaser-category .card:hover .card-section h3 {
    color: #000000;
}
.touchevents #kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .icon-small,
.touchevents #kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .corner {
    opacity: 1;
}
.touchevents #kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .icon-large,
.touchevents #kk-stoller-boote-ch .teaser-category .card:hover .card-section figure .figure-overlay {
    opacity: 0;
}

#kk-stoller-boote-ch .product-engine {
    margin-bottom: 1.25rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .product-engine {
        margin-bottom: 1.875rem;
    }
}
#kk-stoller-boote-ch .product-engine .card {
    margin: 0;
    padding: 1.25rem;
    border-radius: 0;
    border: none;
    position: relative;
    background-color: #f7f7f7;
    height: 100%;
}
#kk-stoller-boote-ch .product-engine .card .card-section {
    padding: 0;
    height: 100%;
}
#kk-stoller-boote-ch .product-engine:last-child {
    margin-bottom: 0;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .product-engine:last-child {
        margin-bottom: 1.875rem;
    }
}

#kk-stoller-boote-ch .product-boat {
    margin-bottom: 1.25rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .product-boat {
        margin-bottom: 1.875rem;
    }
}
#kk-stoller-boote-ch .product-boat .card {
    margin: 0;
    padding: 1.25rem;
    border-radius: 0;
    border: none;
    position: relative;
    background-color: #f7f7f7;
    height: 100%;
}
#kk-stoller-boote-ch .product-boat .card .card-section {
    padding: 0;
    height: 100%;
}
#kk-stoller-boote-ch .product-boat:last-child {
    margin-bottom: 0;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .product-boat:last-child {
        margin-bottom: 1.875rem;
    }
}

#kk-stoller-boote-ch .top-bar {
    display: block;
    padding: 0;
    background: #ffffff;
    height: 5rem;
    -webkit-box-shadow: 0px -13px 30px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px -13px 30px 10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px -13px 30px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px -13px 30px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -13px 30px 10px rgba(0, 0, 0, 0.3);
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .top-bar {
        height: 6.25rem;
    }
}
#kk-stoller-boote-ch .top-bar > .row {
    height: 100%;
}
#kk-stoller-boote-ch .top-bar ul {
    background: none;
}
#kk-stoller-boote-ch .top-bar .navigation-wrapper {
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    height: 5rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .top-bar .navigation-wrapper {
        height: 6.25rem;
    }
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .top-bar .navigation-wrapper {
        align-items: flex-end;
    }
}
#kk-stoller-boote-ch .top-bar.top-bar-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4000;
    width: 100%;
}
#kk-stoller-boote-ch .top-bar.top-bar-fixed.top-bar-toggle {
    -webkit-transition: top 300ms ease-in-out;
    -moz-transition: top 300ms ease-in-out;
    -ms-transition: top 300ms ease-in-out;
    -o-transition: top 300ms ease-in-out;
    transition: top 300ms ease-in-out;
}
#kk-stoller-boote-ch .top-bar.top-bar-fixed.top-bar-toggle.hidden {
    top: -5rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .top-bar.top-bar-fixed.top-bar-toggle.hidden {
        top: -6.25rem;
    }
}

#kk-stoller-boote-ch .container > footer {
    background: #292929;
    color: #ffffff;
    padding: 3.125rem 0 0.625rem 0;
    position: relative;
}
#kk-stoller-boote-ch .container > footer .scroll-arrow {
    position: absolute;
    top: -3.5rem;
    left: 50%;
    width: 2.5rem;
    margin-left: -1.25rem;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .container > footer .scroll-arrow {
        top: -4.75rem;
    }
}
#kk-stoller-boote-ch .container > footer .imprint {
    font-size: 0.875rem;
}
#kk-stoller-boote-ch .container > footer a,
#kk-stoller-boote-ch .container > footer a:link,
#kk-stoller-boote-ch .container > footer a:active,
#kk-stoller-boote-ch .container > footer a:visited {
    color: #ffffff;
}
#kk-stoller-boote-ch .container > footer a.icon-external,
#kk-stoller-boote-ch .container > footer a.icon-external:link,
#kk-stoller-boote-ch .container > footer a.icon-external:active,
#kk-stoller-boote-ch .container > footer a.icon-external:visited {
    padding: 0 1.625rem 0 0;
}
#kk-stoller-boote-ch .container>footer a.link:after,
#kk-stoller-boote-ch .container>footer a.link:active:after,
#kk-stoller-boote-ch .container>footer a.link:visited:after {
    content: "";
    position: absolute;
    bottom: 0.3125rem;
    right: 0.375rem;
    background-image: url(../Images/LinkArrowWhite.svg);
    -webkit-transition: background-image 200ms ease-in-out;
    -moz-transition: background-image 200ms ease-in-out;
    -ms-transition: background-image 200ms ease-in-out;
    -o-transition: background-image 200ms ease-in-out;
    transition: background-image 200ms ease-in-out;
    width: 0.8125rem;
    height: 0.6875rem;
    color: #ffffff!important;
}
#kk-stoller-boote-ch .container>footer a.icon-external:after,
#kk-stoller-boote-ch .container>footer a.icon-external:active:after,
#kk-stoller-boote-ch .container>footer a.icon-external:visited:after {
    left: unset;
}

#kk-stoller-boote-ch .container > footer a.link:hover,
#kk-stoller-boote-ch .container > footer a.icon:hover,
#kk-stoller-boote-ch .container > footer a:link.icon:hover,
#kk-stoller-boote-ch .container > footer a:active.icon:hover,
#kk-stoller-boote-ch .container > footer a:visited.icon:hover {
    color: #ffffff;
}
#kk-stoller-boote-ch .container > footer a.link.icon-phone:after,
#kk-stoller-boote-ch .container > footer a.icon.icon-phone:after,
#kk-stoller-boote-ch .container > footer a:link.icon.icon-phone:after,
#kk-stoller-boote-ch .container > footer a:active.icon.icon-phone:after,
#kk-stoller-boote-ch .container > footer a:visited.icon.icon-phone:after {
    background: url(../Images/Phone.svg) no-repeat;
}
#kk-stoller-boote-ch .container > footer a.link.icon-handy:after,
#kk-stoller-boote-ch .container > footer a.icon.icon-handy:after,
#kk-stoller-boote-ch .container > footer a:link.icon.icon-handy:after,
#kk-stoller-boote-ch .container > footer a:active.icon.icon-handy:after,
#kk-stoller-boote-ch .container > footer a:visited.icon.icon-handy:after {
    background-image: url(../Images/Handy.svg);
}
#kk-stoller-boote-ch .container > footer a.link.icon-mail:after,
#kk-stoller-boote-ch .container > footer a.icon.icon-mail:after,
#kk-stoller-boote-ch .container > footer a:link.icon.icon-mail:after,
#kk-stoller-boote-ch .container > footer a:active.icon.icon-mail:after,
#kk-stoller-boote-ch .container > footer a:visited.icon.icon-mail:after {
    background-image: url(../Images/Mail.svg);
}
#kk-stoller-boote-ch .container > footer h2 {
    color: #ffffff;
    margin: 0 0 1.5625rem 0;
}
#kk-stoller-boote-ch .container > footer .kk-foundation-multicolumn .row .column + .column {
    margin-top: 3.125rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .container > footer .kk-foundation-multicolumn .row .column + .column {
        margin-top: 0;
    }
}

#kk-stoller-boote-ch .navigation-basic {
    display: none;
}
#kk-stoller-boote-ch .navigation-basic ul {
    margin: 0;
}
#kk-stoller-boote-ch .navigation-basic ul li {
    display: inline-block;
    margin-left: 1.25rem;
    height: 3.25rem;
}
#kk-stoller-boote-ch .navigation-basic ul li.active,
#kk-stoller-boote-ch .navigation-basic ul li.current {
    border-bottom: 0.3125rem solid #d9222a;
}
#kk-stoller-boote-ch .navigation-basic ul li.active a,
#kk-stoller-boote-ch .navigation-basic ul li.current a {
    color: #d9222a;
}
#kk-stoller-boote-ch .navigation-basic ul li a {
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.01875rem;
    color: #000000;
}
#kk-stoller-boote-ch .navigation-basic ul li a:hover {
    color: #d9222a;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .navigation-basic {
        display: block;
    }
}

.touchevents #kk-stoller-boote-ch .navigation-basic ul li a:hover {
    color: #000000;
}

#kk-stoller-boote-ch .navigation-mobile {
    display: none;
}
@media (max-width: 64em) {
    #kk-stoller-boote-ch .navigation-mobile {
        display: block;
    }
}
#kk-stoller-boote-ch .navigation-mobile .burger {
    display: flex;
    position: relative;
    width: calc(2rem + (2 * 1rem));
    height: calc(1.1875rem + (2 * 1rem));
    margin: 0;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .navigation-mobile .burger {
        width: calc(2rem + (2 * 0.4375rem));
        height: calc(1.1875rem + (2 * 0.4375rem));
        margin: 0 0 1.5rem 3.125rem;
    }
}
#kk-stoller-boote-ch .navigation-mobile .burger .elements {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 110;
    width: 2rem;
    height: 1.1875rem;
    margin: 1rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: left 300ms ease-in-out;
    -moz-transition: left 300ms ease-in-out;
    -ms-transition: left 300ms ease-in-out;
    -o-transition: left 300ms ease-in-out;
    transition: left 300ms ease-in-out;
    cursor: pointer;
    display: inline-block;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .navigation-mobile .burger .elements {
        margin: 0.4375rem;
    }
}
#kk-stoller-boote-ch .navigation-mobile .burger .elements span {
    display: block;
    position: absolute;
    height: 0.1875rem;
    width: 100%;
    background: #000000;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#kk-stoller-boote-ch .navigation-mobile .burger .elements span:nth-child(1) {
    top: 0;
}
#kk-stoller-boote-ch .navigation-mobile .burger .elements span:nth-child(2),
#kk-stoller-boote-ch .navigation-mobile .burger .elements span:nth-child(3) {
    top: calc(1.1875rem / 2 - (0.1875rem / 2));
}
#kk-stoller-boote-ch .navigation-mobile .burger .elements span:nth-child(4) {
    top: calc(1.1875rem - 0.1875rem);
}
#kk-stoller-boote-ch .navigation-mobile .burger:hover .elements span {
    background: #d9222a;
}

#kk-stoller-boote-ch .navigation-mobile .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: #ffffff;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out, visibility 0s linear 300ms;
    -moz-transition: opacity 300ms ease-in-out, visibility 0s linear 300ms;
    -ms-transition: opacity 300ms ease-in-out, visibility 0s linear 300ms;
    -o-transition: opacity 300ms ease-in-out, visibility 0s linear 300ms;
    transition: opacity 300ms ease-in-out, visibility 0s linear 300ms;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container {
    margin: 6.25rem 1.875rem 3.125rem 1.875rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .navigation-mobile .overlay .menu-container {
        max-width: 37.5rem;
    }
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .navigation-mobile .overlay .menu-container {
        max-width: 53.75rem;
        margin: 6.25rem auto;
    }
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li .item {
    background-color: #ffffff;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    padding: 20px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.875rem;
    line-height: 1.65;
    border-top: 1px solid #f7f7f7;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li:last-child {
    border-bottom: 1px solid #f7f7f7;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li.active > .item {
    color: #d9222a;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li.is-accordion-submenu-parent > a:after {
    border-color: #000000 transparent transparent;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li.is-accordion-submenu-parent:hover > a:after,
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li.is-accordion-submenu-parent.active > a:after {
    border-color: #d9222a transparent transparent;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li .is-accordion-submenu {
    margin: 0;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li .is-accordion-submenu li:last-child {
    border-bottom: none;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li .is-accordion-submenu li .item {
    font-weight: 400;
    padding-left: 40px;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li .is-accordion-submenu li .is-accordion-submenu .item {
    padding-left: 60px;
}
#kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li .is-accordion-submenu li .is-accordion-submenu .is-accordion-submenu .item {
    padding-left: 80px;
}

#kk-stoller-boote-ch .navigation-mobile.overlay-open .overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 300ms ease-in-out, visibility 0s linear;
    -moz-transition: opacity 300ms ease-in-out, visibility 0s linear;
    -ms-transition: opacity 300ms ease-in-out, visibility 0s linear;
    -o-transition: opacity 300ms ease-in-out, visibility 0s linear;
    transition: opacity 300ms ease-in-out, visibility 0s linear;
}

#kk-stoller-boote-ch .navigation-mobile.overlay-open .burger {
    background-color: #ffffff;
    z-index: 4000;
}
#kk-stoller-boote-ch .navigation-mobile.overlay-open .burger .elements span {
    background: #000000;
}
#kk-stoller-boote-ch .navigation-mobile.overlay-open .burger .elements span:nth-child(1) {
    top: calc(1.1875rem / 2 - 3px);
    width: 0%;
    left: 50%;
}
#kk-stoller-boote-ch .navigation-mobile.overlay-open .burger .elements span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#kk-stoller-boote-ch .navigation-mobile.overlay-open .burger .elements span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#kk-stoller-boote-ch .navigation-mobile.overlay-open .burger .elements span:nth-child(4) {
    top: calc(1.1875rem / 2 - 3px);
    width: 0%;
    left: 50%;
}

.touchevents #kk-stoller-boote-ch .navigation-mobile .burger:hover .elements span {
    background: #000000;
}

.touchevents #kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li.is-accordion-submenu-parent:hover > a:after {
    border-color: #000000 transparent transparent;
}

.touchevents #kk-stoller-boote-ch .navigation-mobile .overlay .menu-container li.active.is-accordion-submenu-parent:hover > a:after {
    border-color: #d9222a transparent transparent;
}

#kk-stoller-boote-ch .navigation-page {
    display: flex;
    justify-content: space-between;
}
#kk-stoller-boote-ch .navigation-page .breadcrumb {
    font-size: 0.8125rem;
    margin: 3.125rem 0 0 0;
    text-transform: uppercase;
}
#kk-stoller-boote-ch .navigation-page .breadcrumb ul {
    margin: 0;
    list-style: none;
}
#kk-stoller-boote-ch .navigation-page .breadcrumb ul li {
    display: inline-block;
    position: relative;
}
#kk-stoller-boote-ch .navigation-page .breadcrumb ul li a {
    padding-right: 1.875rem;
    font-weight: 700;
}
#kk-stoller-boote-ch .navigation-page .breadcrumb ul li:hover:after {
    background-image: url("../Images/TriangleBlack.svg");
}
#kk-stoller-boote-ch .navigation-page .breadcrumb ul li:after {
    content: "";
    background: url("../Images/Triangle.svg") no-repeat center;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
    position: absolute;
    width: 0.3125rem;
    height: 0.75rem;
    bottom: 0.375rem;
    right: 0.625rem;
}
#kk-stoller-boote-ch .navigation-page .breadcrumb ul li.current {
    font-weight: 900;
}
#kk-stoller-boote-ch .navigation-page .breadcrumb ul li.current:after {
    display: none;
}
#kk-stoller-boote-ch .navigation-page .backlink {
    margin: 3.125rem 5rem 0 0;
}
@media (min-width: 71.875em) {
    #kk-stoller-boote-ch .navigation-page .backlink {
        margin: 3.125rem 0 0 0;
    }
}
#kk-stoller-boote-ch .navigation-page .backlink .link-arrow {
    position: relative;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 700;
}
#kk-stoller-boote-ch .navigation-page .backlink .link-arrow svg {
    position: absolute;
    width: 0.75rem;
    left: -1.25rem;
    bottom: 0.25rem;
    fill: #d9222a;
    -webkit-transition: fill 200ms ease-in-out;
    -moz-transition: fill 200ms ease-in-out;
    -ms-transition: fill 200ms ease-in-out;
    -o-transition: fill 200ms ease-in-out;
    transition: fill 200ms ease-in-out;
}
#kk-stoller-boote-ch .navigation-page .backlink .link-arrow:hover svg {
    fill: #000000;
}

.neos-backend #kk-stoller-boote-ch .top-bar-fixed {
    top: 5.125rem;
}
.neos-backend #kk-stoller-boote-ch .top-bar-fixed.top-bar-toggle.hidden {
    top: calc(-5rem + 5.125rem);
}
@media (min-width: 40em) {
    .neos-backend #kk-stoller-boote-ch .top-bar-fixed.top-bar-toggle.hidden {
        top: calc(-6.25rem + 5.125rem);
    }
}

.neos-backend #kk-stoller-boote-ch .navigation-mobile .overlay {
    top: 5.125rem;
}

.neos-backend.neos-edit-preview-panel-open #kk-stoller-boote-ch .top-bar-fixed {
    top: 12rem;
}
.neos-backend.neos-edit-preview-panel-open #kk-stoller-boote-ch .top-bar-fixed.top-bar-toggle.hidden {
    top: calc(-5rem + 12rem);
}
@media (min-width: 40em) {
    .neos-backend.neos-edit-preview-panel-open #kk-stoller-boote-ch .top-bar-fixed.top-bar-toggle.hidden {
        top: calc(-6.25rem + 12rem);
    }
}

.neos-backend.neos-edit-preview-panel-open #kk-stoller-boote-ch .navigation-mobile .overlay {
    top: 12rem;
}

.neos-backend #kk-stoller-boote-ch .orbit.is-empty .orbit-container {
    min-height: 40px;
    padding-top: 10px;
}

.neos-backend #kk-stoller-boote-ch .orbit .neos-contentcollection {
    height: 100%;
}

.neos-backend #neos-inspector label {
    color: #ffffff;
}

.neos-backend .neos-contentelement.neos-not-inline-editable > .neos-contentelement-overlay {
    z-index: 2000 !important;
}

#kk-stoller-boote-ch .orbit {
    height: 180px;
    width: 100%;
}
@media (max-width: 20em) {
    #kk-stoller-boote-ch .orbit {
        height: 120px;
    }
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .orbit {
        height: 260px;
    }
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .orbit {
        height: 400px;
    }
}
@media (min-width: 106em) {
    #kk-stoller-boote-ch .orbit {
        height: 500px;
    }
}
#kk-stoller-boote-ch .orbit .orbit-bullets {
    position: absolute;
    z-index: 3000;
    width: 100%;
    bottom: -0.5625rem;
    margin: 0;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .orbit .orbit-bullets {
        bottom: -0.75rem;
    }
}
#kk-stoller-boote-ch .orbit .orbit-bullets button {
    width: 2.5rem;
    height: 0.3125rem;
    margin: 0 0 0 0.625rem;
    border-radius: 0;
    background-color: #000000;
}
#kk-stoller-boote-ch .orbit .orbit-bullets button.is-active,
#kk-stoller-boote-ch .orbit .orbit-bullets button:hover {
    background-color: #d9222a;
}
#kk-stoller-boote-ch .orbit .orbit-container {
    height: 100% !important;
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide {
    position: relative;
    height: 100%;
    background-position: center;
    background-size: cover;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .orbit .orbit-container .orbit-slide {
        background-position: center;
    }
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row {
    width: 100%;
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row .card {
    display: none;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 0;
    margin: 0.9375rem 0 0.9375rem 0;
    text-align: right;
    border: none;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row .card {
        margin: 1.875rem 0 1.875rem 1.875rem;
    }
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row .card .card-section {
    padding: 1.5625rem;
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row .card .card-section h3 {
    margin: 0 0 10px 0;
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row .card .card-section p {
    line-height: 1.5;
    font-size: 15px;
}
#kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row .card .card-section .button {
    margin-top: 1.25rem;
    background: #d9222a;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 900;
    font-size: 0.8125rem;
    padding-top: 0.8125rem;
    letter-spacing: 0.01875rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .orbit .orbit-container .orbit-slide .orbit-content .row .card {
        display: flex;
    }
}
#kk-stoller-boote-ch .orbit .icon-wrapper {
    position: absolute;
    right: 0;
    bottom: -9.375rem;
    width: 9.375rem;
    height: 9.375rem;
    overflow: hidden;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-small {
    height: 42px;
    width: 42px;
    top: 12px;
    right: 11px;
    z-index: 2;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-boote {
    background-image: url(../Images/Icons/BooteSchwarz.png);
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-motoren {
    background-image: url(../Images/Icons/MotorenSchwarz.png);
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-occasionen {
    background-image: url(../Images/Icons/OccasionenSchwarz.png);
    height: 2.0625rem;
    width: 2.0625rem;
    right: 1.0625rem;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-reparaturen {
    background-image: url(../Images/Icons/ReparaturenSchwarz.png);
    height: 1.8125rem;
    width: 1.8125rem;
    top: 1rem;
    right: 0.9375rem;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-antifouling {
    background-image: url(../Images/Icons/AntifoulingSchwarz.png);
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-sattlerarbeiten {
    background-image: url(../Images/Icons/SattlerarbeitenSchwarz.png);
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-bootselektrik {
    background-image: url(../Images/Icons/BootselektrikSchwarz.png);
    height: 1.9375rem;
    width: 1.9375rem;
    top: 0.875rem;
    right: 0.875rem;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-winterlager {
    background-image: url(../Images/Icons/WinterlagerSchwarz.png);
    height: 2.1875rem;
    width: 2.1875rem;
    top: 0.9375rem;
    right: 0.8125rem;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .icon.icon-type-ersatzteile {
    background-image: url(../Images/Icons/ErsatzteileSchwarz.png);
    height: 1.9375rem;
    width: 1.9375rem;
    top: 1rem;
    right: 0.9375rem;
}
#kk-stoller-boote-ch .orbit .icon-wrapper .corner {
    position: absolute;
    transform: rotate(45deg);
    top: -50%;
    right: -50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}

#kk-stoller-boote-ch .container {
    flex-direction: column;
    min-height: 100vh;
    padding-top: 5rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .container {
        padding-top: 6.25rem;
    }
}
#kk-stoller-boote-ch .container main {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}
#kk-stoller-boote-ch .container main .contact-wrapper {
    margin: 1.25rem 0;
}

#kk-stoller-boote-ch h1 + .row .column h2,
#kk-stoller-boote-ch h1 + .row .column h3,
#kk-stoller-boote-ch h2 + .row .column h3 {
    margin-top: 1.875rem;
}

#kk-stoller-boote-ch p + .row .column h2,
#kk-stoller-boote-ch p + .row .column h3 {
    margin-top: 5rem;
}

#kk-stoller-boote-ch p + .row .column figure,
#kk-stoller-boote-ch p + .row .column p,
#kk-stoller-boote-ch p + .row .column .kk-foundation-html,
#kk-stoller-boote-ch p + .kk-foundation-wrapper,
#kk-stoller-boote-ch p + .kk-foundation-multicolumn {
    margin-top: 1.875rem;
}

#kk-stoller-boote-ch .auto-column {
    column-count: 0;
    column-gap: 0;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .auto-column {
        column-count: 2;
        column-gap: 1.875rem;
    }
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .auto-column {
        column-count: 3;
        column-gap: 1.875rem;
    }
}

.imagegallery .row .small-12.medium-6:nth-child(n+3) {
    margin-top: 1.875rem!important;
}

#kk-stoller-boote-ch figure + .row .column h2,
#kk-stoller-boote-ch figure + .row .column h3 {
    margin-top: 5rem;
}

#kk-stoller-boote-ch figure + .row .column figure,
#kk-stoller-boote-ch figure + .row .column p,
#kk-stoller-boote-ch figure + .row .column .kk-foundation-html,
#kk-stoller-boote-ch figure + .kk-foundation-wrapper,
#kk-stoller-boote-ch figure + .kk-foundation-multicolumn {
    margin-top: 1.875rem;
}

#kk-stoller-boote-ch .row + .row > .column > figure {
    margin-top: 1.875rem;
}

#kk-stoller-boote-ch .row.auto-container > .column > figure {
    margin-bottom: 1.875rem;
}

#kk-stoller-boote-ch .kk-foundation-html + .row .column h2,
#kk-stoller-boote-ch .kk-foundation-html + .row .column h3 {
    margin-top: 5rem;
}

#kk-stoller-boote-ch .kk-foundation-html + .row .column figure,
#kk-stoller-boote-ch .kk-foundation-html + .row .column p,
#kk-stoller-boote-ch .kk-foundation-html + .row .column .kk-foundation-html,
#kk-stoller-boote-ch .kk-foundation-html + .kk-foundation-wrapper,
#kk-stoller-boote-ch .kk-foundation-html + .kk-foundation-multicolumn {
    margin-top: 1.875rem;
}

#kk-stoller-boote-ch .kk-foundation-multicolumn + .row .column h2,
#kk-stoller-boote-ch .kk-foundation-multicolumn + .row .column h3 {
    margin-top: 5rem;
}

#kk-stoller-boote-ch .kk-foundation-multicolumn + .row .column figure,
#kk-stoller-boote-ch .kk-foundation-multicolumn + .row .column p,
#kk-stoller-boote-ch .kk-foundation-multicolumn + .row .column .kk-foundation-html,
#kk-stoller-boote-ch .kk-foundation-multicolumn + .kk-foundation-wrapper,
#kk-stoller-boote-ch .kk-foundation-multicolumn + .kk-foundation-multicolumn {
    margin-top: 1.875rem;
}

#kk-stoller-boote-ch .kk-foundation-multicolumn.align-items-center .row {
    align-items: center;
}
#kk-stoller-boote-ch .kk-foundation-multicolumn .row .column + .column {
    margin-top: 1.875rem;
}
@media (min-width: 40em) {
    #kk-stoller-boote-ch .kk-foundation-multicolumn .row .column + .column {
        margin-top: 0;
    }
}

#kk-stoller-boote-ch .kk-foundation-wrapper + .row .column h2,
#kk-stoller-boote-ch .kk-foundation-wrapper + .row .column h3 {
    margin-top: 5rem;
}

#kk-stoller-boote-ch .kk-foundation-wrapper + .row .column figure,
#kk-stoller-boote-ch .kk-foundation-wrapper + .row .column p,
#kk-stoller-boote-ch .kk-foundation-wrapper + .row .column .kk-foundation-html,
#kk-stoller-boote-ch .kk-foundation-wrapper + .kk-foundation-wrapper,
#kk-stoller-boote-ch .kk-foundation-wrapper + .kk-foundation-multicolumn {
    margin-top: 1.875rem;
}

#kk-stoller-boote-ch .kk-foundation-section {
    padding: 3.125rem 0 4.25rem 0;
    position: relative;
    background-color: #ffffff;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .kk-foundation-section {
        padding: 4rem 0 4rem 0;
    }
}
#kk-stoller-boote-ch .kk-foundation-section .scroll-arrow {
    position: absolute;
    bottom: 1.875rem;
    left: 50%;
    width: 2.5rem;
    margin-left: -1.25rem;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .kk-foundation-section .scroll-arrow {
        bottom: 3.125rem;
    }
}
#kk-stoller-boote-ch .kk-foundation-section:nth-child(even) {
    background-color: #f7f7f7;
}
#kk-stoller-boote-ch .kk-foundation-section:nth-child(even) .card {
    background-color: #ffffff;
}
#kk-stoller-boote-ch .kk-foundation-section:nth-child(odd) {
    background-color: #ffffff;
}
#kk-stoller-boote-ch .kk-foundation-section:nth-child(odd) .card {
    background-color: #f7f7f7;
}

#kk-stoller-boote-ch .page-title + .kk-foundation-section {
    padding: 0 0 4.25rem 0;
}
@media (min-width: 64em) {
    #kk-stoller-boote-ch .page-title + .kk-foundation-section {
        padding: 0 0 4.25rem 0;
    }
}

.touchevents #kk-stoller-boote-ch .kk-foundation-section:nth-child(even) .card:hover {
    background-color: #ffffff !important;
}

.touchevents #kk-stoller-boote-ch .kk-foundation-section:nth-child(odd) .card:hover {
    background-color: #f7f7f7 !important;
}

.neos-backend #kk-stoller-boote-ch .row > .neos-contentcollection {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
.neos-backend #kk-stoller-boote-ch .row > .neos-contentcollection .neos-empty-contentcollection-overlay {
    width: 100%;
}

.neos-backend #kk-stoller-boote-ch .neos-contentcollection.neos-not-inline-editable:focus {
    outline: none;
}

.neos-backend #kk-stoller-boote-ch .orbit-container:focus {
    outline: none;
}

.neos-backend #kk-stoller-boote-ch .neos-contentelement + .neos-contentelement {
    margin-top: 1.875rem;
}

.neos-backend #kk-stoller-boote-ch .neos-contentelement.kk-foundation-multicolumn,
.neos-backend #kk-stoller-boote-ch .neos-contentelement.kk-foundation-wrapper {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
}

.neos-backend #kk-stoller-boote-ch .neos-contentelement .neos-inline-editable {
    background: rgba(150, 150, 150, 0.1);
    margin: 0 0 0 0;
}
.neos-backend #kk-stoller-boote-ch .neos-contentelement .neos-inline-editable h1,
.neos-backend #kk-stoller-boote-ch .neos-contentelement .neos-inline-editable h2,
.neos-backend #kk-stoller-boote-ch .neos-contentelement .neos-inline-editable h3 {
    margin: 0.3125rem 0;
}

.neos-backend #kk-stoller-boote-ch .kk-foundation-wrapper .neos-contentelement + .neos-contentelement {
    margin-top: 0;
}

/* Custom CSS */
.text-alignment-horizontal--center {
    text-align: center;
}

ol {
    margin-top: 1.25rem;
}

/* Global Margins - margin-# or m# increments of five until 50px then jumps to 50px */
.m0,.margin-0 { margin: 0px; }
.m5,.margin-5 { margin: 5px; }
.m10,.margin-10 { margin: 10px; }
.m15,.margin-15 { margin: 15px; }
.m20,.margin-20 { margin: 20px; }
.m25,.margin-25 { margin: 25px; }
.m30,.margin-30 { margin: 30px; }
.m35,.margin-35 { margin: 35px; }
.m40,.margin-40 { margin: 40px; }
.m45,.margin-45 { margin: 45px; }
.m50,.margin-50 { margin: 50px; }
.m100,.margin-100 { margin: 100px; }
.m150,.margin-150 { margin: 150px; }
.m200,.margin-200 { margin: 200px; }
.m250,.margin-250 { margin: 250px; }

/* Global Padding */
.p0,.padding-0 { padding: 0px; }
.p5,.padding-5 { padding: 5px; }
.p10,.padding-10 { padding: 10px; }
.p15,.padding-15 { padding: 15px; }
.p20,.padding-20 { padding: 20px; }
.p25,.padding-25 { padding: 25px; }
.p30,.padding-30 { padding: 30px; }
.p35,.padding-35 { padding: 35px; }
.p40,.padding-40 { padding: 40px; }
.p45,.padding-45 { padding: 45px; }
.p50,.padding-50 { padding: 50px; }
.p100,.padding-100 { padding: 100px; }
.p150,.padding-150 { padding: 150px; }
.p200,.padding-200 { padding: 200px; }
.p250,.padding-250 { padding: 250px; }

/* Specific Margins */

/* Margin Top - mt# or margin-top-# */
/* These should override the global margins so you can use m50 mt5 or margin-50 margin-top-5, yeah i got bored and just went up in 10s */
.mt0,.margin-top-0 { margin-top:0px; }
.mt5,.margin-top-5 { margin-top:5px; }
.mt10,.margin-top-10 { margin-top:10px; }
.mt20,.margin-top-20 { margin-top:20px; }
.mt30,.margin-top-30 { margin-top:30px; }
.mt40,.margin-top-40 { margin-top:40px; }
.mt50,.margin-top-50 { margin-top:50px; }
.mt100,.margin-top-100 { margin-top:100px; }
.mt150,.margin-top-150 { margin-top:150px; }
.mt200,.margin-top-200 { margin-top:200px; }
.mt250,.margin-top-250 { margin-top:250px; }

/* Margin Bottom - mb# or margin-bottom-# */
.mb0,.margin-bottom-0 { margin-bottom:0px; }
.mb5,.margin-bottom-5 { margin-bottom:5px; }
.mb10,.margin-bottom-10 { margin-bottom:10px; }
.mb20,.margin-bottom-20 { margin-bottom:20px; }
.mb30,.margin-bottom-30 { margin-bottom:30px; }
.mb40,.margin-bottom-40 { margin-bottom:40px; }
.mb50,.margin-bottom-50 { margin-bottom:50px; }
.mb100,.margin-bottom-100 { margin-bottom:100px; }
.mb150,.margin-bottom-150 { margin-bottom:150px; }
.mb200,.margin-bottom-200 { margin-bottom:200px; }
.mb250,.margin-bottom-250 { margin-bottom:250px; }

/* Margin Left - ml# or margin-left-# */
.ml0,.margin-left-0 { margin-left:0px; }
.ml5,.margin-left-5 { margin-left:5px; }
.ml10,.margin-left-10 { margin-left:10px; }
.ml20,.margin-left-20 { margin-left:20px; }
.ml30,.margin-left-30 { margin-left:30px; }
.ml40,.margin-left-40 { margin-left:40px; }
.ml50,.margin-left-50 { margin-left:50px; }
.ml100,.margin-left-100 { margin-left:100px; }
.ml150,.margin-left-150 { margin-left:150px; }
.ml200,.margin-left-200 { margin-left:200px; }
.ml250,.margin-left-250 { margin-left:250px; }

/* Margin Right - mr# or margin-right-# */
.mr0,.margin-right-0 { margin-right:0px; }
.mr5,.margin-right-5 { margin-right:5px; }
.mr10,.margin-right-10 { margin-right:10px; }
.mr20,.margin-right-20 { margin-right:20px; }
.mr30,.margin-right-30 { margin-right:30px; }
.mr40,.margin-right-40 { margin-right:40px; }
.mr50,.margin-right-50 { margin-right:50px; }
.mr100,.margin-right-100 { margin-right:100px; }
.mr150,.margin-right-150 { margin-right:150px; }
.mr200,.margin-right-200 { margin-right:200px; }
.mr250,.margin-right-250 { margin-right:250px; }

/* Specific Padding */
/* Top Padding - pt# or padding-top-# */
.pt0,.padding-top-0 { padding-top:0px; }
.pt5,.padding-top-5 { padding-top:5px; }
.pt10,.padding-top-10 { padding-top:10px; }
.pt20,.padding-top-20 { padding-top:20px; }
.pt30,.padding-top-30 { padding-top:30px; }
.pt40,.padding-top-40 { padding-top:40px; }
.pt50,.padding-top-50 { padding-top:50px; }
.pt100,.padding-top-100 { padding-top:100px; }
.pt150,.padding-top-150 { padding-top:150px; }
.pt200,.padding-top-200 { padding-top:200px; }
.pt250,.padding-top-250 { padding-top:250px; }

.pb0,.padding-bottom-0 { padding-bottom:0px; }
.pb5,.padding-bottom-5 { padding-bottom:5px; }
.pb10,.padding-bottom-10 { padding-bottom:10px; }
.pb20,.padding-bottom-20 { padding-bottom:20px; }
.pb30,.padding-bottom-30 { padding-bottom:30px; }
.pb40,.padding-bottom-40 { padding-bottom:40px; }
.pb50,.padding-bottom-50 { padding-bottom:50px; }
.pb100,.padding-bottom-100 { padding-bottom:100px; }
.pb150,.padding-bottom-150 { padding-bottom:150px; }
.pb200,.padding-bottom-200 { padding-bottom:200px; }
.pb250,.padding-bottom-250 { padding-bottom:250px; }

.pr0,.padding-right-0 { padding-right:0px; }
.pr5,.padding-right-5 { padding-right:5px; }
.pr10,.padding-right-10 { padding-right:10px; }
.pr20,.padding-right-20 { padding-right:20px; }
.pr30,.padding-right-30 { padding-right:30px; }
.pr40,.padding-right-40 { padding-right:40px; }
.pr50,.padding-right-50 { padding-right:50px; }
.pr100,.padding-right-100 { padding-right:100px; }
.pr150,.padding-right-150 { padding-right:150px; }
.pr200,.padding-right-200 { padding-right:200px; }
.pr250,.padding-right-250 { padding-right:250px; }

.pl0,.padding-left-0 { padding-left:0px; }
.pl5,.padding-left-5 { padding-left:5px; }
.pl10,.padding-left-10 { padding-left:10px; }
.pl20,.padding-left-20 { padding-left:20px; }
.pl30,.padding-left-30 { padding-left:30px; }
.pl40,.padding-left-40 { padding-left:40px; }
.pl50,.padding-left-50 { padding-left:50px; }
.pl100,.padding-left-100 { padding-left:100px; }
.pl150,.padding-left-150 { padding-left:150px; }
.pl200,.padding-left-200 { padding-left:200px; }
.pl250,.padding-left-250 { padding-left:250px; }