/* required styles */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
max-width: none !important;
}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
max-width: 15000px !important;
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-tile-pane { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane { z-index: 5; }
.leaflet-marker-pane { z-index: 6; }
.leaflet-popup-pane { z-index: 7; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 7;
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
-o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-clickable {
cursor: pointer;
}
.leaflet-container {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 Noto Sans, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-control-zoom-out {
font-size: 20px;
}
.leaflet-touch .leaflet-control-zoom-in {
font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-out {
font-size: 24px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
margin: 0 auto;
width: 40px;
height: 20px;
position: relative;
overflow: hidden;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* attribution and scale controls */
.fra-map .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
background: none repeat scroll 0 0 transparent;
}
/* level container margin-top*/
/*
.fra-map .leaflet-top .leaflet-control {
margin-top: 300%;
}
*/
/* layers control backgroung shade on / off*/
.fra-map .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0);
border: none;
}
.fra-map div.leaflet-control-layers div.leaflet-control-layers-base label span {
cursor: pointer;
}
/*background border on/off*/
.fra-map .leaflet-control-layers-expanded {
padding: 2px 2px 2px 2px;
background: none repeat scroll 0% 0%;
}
/*style of each level of levels*/
.fra-map .leaflet-control-layers label span {
border: none;
font-weight: bolder;
font-size: 12px;
margin-right: 5px;
display: inline-block;
text-align: center;
width: 40px;
height: 40px;
line-height: 53px;
background: rgb(174, 185,217);
color: white;
margin-bottom: 3px;
}
.fra-map .leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
/*style of each radio selector of levels*/
.fra-map .leaflet-control-layers label input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fra-map .leaflet-control-layers label input[type="radio"] {
display: none;
}
.fra-map .leaflet-control-layers label input[type="radio"]:checked + span {
background: #82AE32;
color: white;
}
.fra-map .leaflet-container {
cursor: -webkit-grab;
cursor: -moz-grab;
}
@charset "UTF-8";
/**
-----------------------------------------------------------------------
GENERAL
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
BRAND COLORS
based on https://wiki.d-b-interactive.net/display/FREC/Basiselemente+Romeo+Desktop
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
FUNCTIONAL COLOR NAMES - DEFAULT
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
FUNCTIONAL COLOR NAMES - NOTIFICATIONS
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
Buttons
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
Viewport sizes
-----------------------------------------------------------------------
*//*
@font-face {
font-family: "fraport-icons";
src: url("../fonts/fraport-icons.eot?b8f8a9a6e1274bd1ad3bd9c9c51547df");
src: url("../fonts/fraport-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/fraport-icons.woff?b8f8a9a6e1274bd1ad3bd9c9c51547df") format("woff"), url("../fonts/fraport-icons.ttf?b8f8a9a6e1274bd1ad3bd9c9c51547df") format("truetype"), url("../fonts/fraport-icons.svg?b8f8a9a6e1274bd1ad3bd9c9c51547df#fraport-icons") format("svg");
font-weight: normal;
font-style: normal; }*/
/**
-----------------------------------------------------------------------
Noto Sans BOLD
-----------------------------------------------------------------------
*//*
@font-face {
font-family: 'Noto SansBold';
src: url("../fonts/Noto Sans-bold-webfont.eot");
src: url("../fonts/Noto Sans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Noto Sans-bold-webfont.woff") format("woff"), url("../fonts/Noto Sans-bold-webfont.ttf") format("truetype"), url("../fonts/Noto Sans-bold-webfont.svg#Noto Sansbold") format("svg");
font-weight: normal;
font-style: normal; }
/**
-----------------------------------------------------------------------
Noto Sans LIGHT
-----------------------------------------------------------------------
*//*
@font-face {
font-family: 'Noto SansLight';
src: url("../fonts/Noto Sans-light-webfont.eot");
src: url("../fonts/Noto Sans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Noto Sans-light-webfont.woff") format("woff"), url("../fonts/Noto Sans-light-webfont.ttf") format("truetype"), url("../fonts/Noto Sans-light-webfont.svg#Noto Sanslight") format("svg");
font-weight: normal;
font-style: normal; }
/**
-----------------------------------------------------------------------
Noto Sans
-----------------------------------------------------------------------
*//*
@font-face {
font-family: 'Noto Sans';
src: url("../fonts/Noto Sans-regular-webfont.eot");
src: url("../fonts/Noto Sans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Noto Sans-regular-webfont.woff") format("woff"), url("../fonts/Noto Sans-regular-webfont.ttf") format("truetype"), url("../fonts/Noto Sans-regular-webfont.svg#Noto Sansregular") format("svg");
font-weight: normal;
font-style: normal; }
/**
-----------------------------------------------------------------------
STONE BOLD ITALIC
-----------------------------------------------------------------------
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 11, 2015 *//*
@font-face {
font-family: 'StoneBoldItalic';
src: url("../fonts/stone-bold-italic-webfont.eot");
src: url("../fonts/stone-bold-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stone-bold-italic-webfont.woff2") format("woff2"), url("../fonts/stone-bold-italic-webfont.woff") format("woff"), url("../fonts/stone-bold-italic-webfont.ttf") format("truetype"), url("../fonts/stone-bold-italic-webfont.svg#stonesanitctsemitaregular") format("svg");
font-weight: normal;
font-style: normal; }
/**
-----------------------------------------------------------------------
STONE BOLD
-----------------------------------------------------------------------
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 11, 2015 *//*
@font-face {
font-family: 'StoneBold';
src: url("../fonts/stone-bold-webfont.eot");
src: url("../fonts/stone-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stone-bold-webfont.woff2") format("woff2"), url("../fonts/stone-bold-webfont.woff") format("woff"), url("../fonts/stone-bold-webfont.ttf") format("truetype"), url("../fonts/stone-bold-webfont.svg#stonesanitctsemregular") format("svg");
font-weight: normal;
font-style: normal; }
/**
-----------------------------------------------------------------------
STONE ITALIC
-----------------------------------------------------------------------
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 11, 2015 *//*
@font-face {
font-family: 'StoneItalic';
src: url("../fonts/stone-italic-webfont.eot");
src: url("../fonts/stone-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stone-italic-webfont.woff2") format("woff2"), url("../fonts/stone-italic-webfont.woff") format("woff"), url("../fonts/stone-italic-webfont.ttf") format("truetype"), url("../fonts/stone-italic-webfont.svg#stonesanitctmeditaregular") format("svg");
font-weight: normal;
font-style: normal; }
/**
-----------------------------------------------------------------------
STONE
-----------------------------------------------------------------------
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 11, 2015 *//*
@font-face {
font-family: 'Stone';
src: url("../fonts/stone-webfont.eot");
src: url("../fonts/stone-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stone-webfont.woff2") format("woff2"), url("../fonts/stone-webfont.woff") format("woff"), url("../fonts/stone-webfont.ttf") format("truetype"), url("../fonts/stone-webfont.svg#stonesanitctmedregular") format("svg");
font-weight: normal;
font-style: normal; }
/**
-----------------------------------------------------------------------
Z-INDEX LAYERS
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
BREAKPOINTS, CONTAINERS
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
INUIT VARIABLES
Overrides bower_components\inuit-defaults\_settings.defaults.scss
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
SASS-MQ VARIABLES
Overrides bower_components\sass-mq\_mq.scss
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
SCUT VARIABLES
Overrides bower_components\scut\dist\_scut.scss
-----------------------------------------------------------------------
*/
/*!
* inuitcss, by @csswizardry
*
* github.com/inuitcss | inuitcss.com
*/
/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.1.2
* Docs at http://davidtheclark.github.io/scut
*/
/**
-----------------------------------------------------------------------
TYPO
Referenced from
https://wiki.d-b-interactive.net/display/FREC/Basiselemente+Romeo+Desktop#BasiselementeRomeoDesktop-BasiselementeTypografie
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
MARGIN BOTTOM CLEARER
Inspired by
https://css-tricks.com/spacing-the-bottom-of-modules/
-----------------------------------------------------------------------
*/
/*------------------------------------* #PAGE
\*------------------------------------*/
/**
* High-, page-level styling.
*
* 1. Set the default `font-size` and `line-height` for the entire project,
* sourced from our default variables. The `font-size` is calculated to exist
* in ems, the `line-height` is calculated to exist unitlessly.
* 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
* navigating between pages that do/do not have enough content to produce
* scrollbars naturally.
* 3. Ensure the page always fills at least the entire height of the viewport.
* 4. Prevent certain mobile browsers from automatically zooming fonts.
* 5. Fonts on OSX will look more consistent with other systems that do not
* render text using sub-pixel anti-aliasing.
*/
html {
font-size: 1em;
/* [1] */
line-height: 1;
/* [1] */
background-color: #fff;
color: #666666;
overflow-y: scroll;
/* [2] */
min-height: 100%;
/* [3] */
-webkit-text-size-adjust: 100%;
/* [4] */
-ms-text-size-adjust: 100%;
/* [4] */
-moz-osx-font-smoothing: grayscale;
/* [5] */
-webkit-font-smoothing: antialiased;
/* [5] */ }
/*------------------------------------* #IMAGES
\*------------------------------------*/
/**
* 1. Fluid images for responsive purposes.
* 2. Offset `alt` text from surrounding copy.
* 3. Setting `vertical-align` removes the whitespace that appears under `img`
* elements when they are dropped into a page as-is. Safer alternative to
* using `display: block;`.
*/
img {
max-width: 100%;
/* [1] */
font-style: italic;
/* [2] */
vertical-align: middle;
/* [3] */ }
/**
* 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
* to remove the effects.
* 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
* not make the image fluid.
*/
.gm-style img,
img[width],
img[height] {
/* [2] */
max-width: none; }
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
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 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent 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/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 when focused and also mouse hovered in all browsers.
*/
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; }
/**
* Address 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
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
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 {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
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.
*/
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.
*/
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; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
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
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/**
* 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.
*/
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; }
/*------------------------------------* #RESET
\*------------------------------------*/
/**
* As well as using normalize.css, it is often advantageous to remove all
* margins from certain elements.
*/
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
margin: 0;
padding: 0; }
/**
* Give a help cursor to elements that give extra info on `:hover`.
*/
abbr[title],
dfn[title] {
cursor: help; }
/**
* Remove underlines from potentially troublesome elements.
*/
u,
ins {
text-decoration: none; }
/**
* Apply faux underlines to inserted text via `border-bottom`.
*/
ins {
border-bottom: 1px solid; }
/*------------------------------------* #BOX-SIZING
\*------------------------------------*/
/**
* Set the global `box-sizing` state to `border-box`.
*
* css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
* paulirish.com/2012/box-sizing-border-box-ftw
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit; }
/*------------------------------------* #LIST-BARE
\*------------------------------------*/
/**
* The list-bare object simply removes any indents and bullet points from lists.
*/
.inuit-list-bare,
ul li,
.ls-results ul li {
margin: 0;
padding: 0;
list-style: none; }
/*------------------------------------* #BUTTONS
\*------------------------------------*/
/**
* A simple button object.
*/
/**
* 1. Allow us to style box model properties.
* 2. Line different sized buttons up a little nicer.
* 3. Make buttons inherit font styles (often necessary when styling `input`s as
* buttons).
* 4. Reset/normalize some styles.
* 5. Force all button-styled elements to appear clickable.
* 6. Fixes odd inner spacing in IE7.
* 7. Subtract the border size from the padding value so that buttons do not
* grow larger as we add borders.
*/
.inuit-btn,
.paging-mobile .more-button,
.button,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-radio,
.btn-radio.state-active,
.btn-more,
.btn-tertiary-more,
.btn-shopping,
.btn-notification,
.btn-disabled,
.btn-home,
.searchperience aside[role='complementary'] .reset-all-filters,
.brand-widget-bottom .show-all-brands-mobile,
.brand-widget-bottom .show-all-brands-desktop {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
border: none;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
padding: 8px 16px;
/* [7] */
background-color: #a5c86e; }
.inuit-btn, .inuit-btn:hover, .inuit-btn:active, .inuit-btn:focus,
.paging-mobile .more-button,
.button,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-radio,
.btn-radio.state-active,
.btn-more,
.btn-tertiary-more,
.btn-shopping,
.btn-notification,
.btn-disabled,
.btn-home,
.searchperience aside[role='complementary'] .reset-all-filters,
.brand-widget-bottom .show-all-brands-mobile,
.brand-widget-bottom .show-all-brands-desktop,
.paging-mobile .more-button:hover,
.button:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-tertiary:hover,
.btn-radio:hover,
.btn-more:hover,
.btn-tertiary-more:hover,
.btn-shopping:hover,
.btn-notification:hover,
.btn-disabled:hover,
.btn-home:hover,
.searchperience aside[role='complementary'] .reset-all-filters:hover,
.brand-widget-bottom .show-all-brands-mobile:hover,
.brand-widget-bottom .show-all-brands-desktop:hover,
.paging-mobile .more-button:active,
.button:active,
.btn-primary:active,
.btn-secondary:active,
.btn-tertiary:active,
.btn-radio:active,
.btn-more:active,
.btn-tertiary-more:active,
.btn-shopping:active,
.btn-notification:active,
.btn-disabled:active,
.btn-home:active,
.searchperience aside[role='complementary'] .reset-all-filters:active,
.brand-widget-bottom .show-all-brands-mobile:active,
.brand-widget-bottom .show-all-brands-desktop:active,
.paging-mobile .more-button:focus,
.button:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-tertiary:focus,
.btn-radio:focus,
.btn-more:focus,
.btn-tertiary-more:focus,
.btn-shopping:focus,
.btn-notification:focus,
.btn-disabled:focus,
.btn-home:focus,
.searchperience aside[role='complementary'] .reset-all-filters:focus,
.brand-widget-bottom .show-all-brands-mobile:focus,
.brand-widget-bottom .show-all-brands-desktop:focus {
text-decoration: none;
/* [4] */
color: #ffffff; }
/**
* Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
*/
.inuit-btn::-moz-focus-inner,
.paging-mobile .more-button::-moz-focus-inner,
.button::-moz-focus-inner,
.btn-primary::-moz-focus-inner,
.btn-secondary::-moz-focus-inner,
.btn-tertiary::-moz-focus-inner,
.btn-radio::-moz-focus-inner,
.btn-radio.state-active::-moz-focus-inner,
.btn-more::-moz-focus-inner,
.btn-tertiary-more::-moz-focus-inner,
.btn-shopping::-moz-focus-inner,
.btn-notification::-moz-focus-inner,
.btn-disabled::-moz-focus-inner,
.btn-home::-moz-focus-inner,
.searchperience aside[role='complementary'] .reset-all-filters::-moz-focus-inner,
.brand-widget-bottom .show-all-brands-mobile::-moz-focus-inner,
.brand-widget-bottom .show-all-brands-desktop::-moz-focus-inner {
border: 0;
padding: 0; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:before, .container:after {
content: ' ';
display: table; }
.container:after {
clear: both; }
@media (min-width: 480px) {
.container {
width: 100%; } }
@media (min-width: 992px) {
.container {
width: 100%; } }
@media (min-width: 990px) {
.container {
width: 990px; } }
.container-fluid1{
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid1:before, .container-fluid1:after {
content: ' ';
display: table; }
.container-fluid1:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: ' ';
display: table; }
.row:after {
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 480px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 50%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 990px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
#aoe_solr_loader, #aoe_solr .ajaxloading {
background-image: url("../images/ui/spinner/spinner-blue.svg");
display: inline-block;
width: 65px;
height: 65px;
-webkit-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
position: fixed;
top: 50%;
left: 50%;
margin-top: -32.5px;
margin-left: -32.5px;
z-index: 500; }
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.live-dummy-content {
width: 750px;
height: 500px; }
#aoe_solr_livesuggest ul.ac_list {
width: 50%; }
#aoe_solr_livesuggest ul.ac_list.ac_list_right {
float: right; }
#aoe_solr_livesuggest ul.ac_list.ac_list_left {
float: left; }
#aoe_solr {
text-align: left;
/* Pager
--------------------------------------- */
/* .b-ajax-sr-pager {
position: relative;
height: 30px;
padding: 5px 0 0 0;
ul {
margin: 0;
text-align: center;
li {
display: inline-block;
zoom: 1;
*display: inline;
width: 8px;
height: 8px;
overflow: hidden;
background: url(../../i/aoesearchperience/b-ajax-sr-pager.png) no-repeat;
margin-left: 5px;
cursor: pointer;
&:first-child {
margin-left: 0;
}
&:hover,
&.cur {
background-position: -8px 0;
}
.bu {
position: absolute;
top: 0;
right: 5px;
}
}
}
}
*/
/* List type select
--------------------------------------- */
/* Horizontal Menu
------------------------------ */
/* Vertical Menu
------------------------------ */
/* Text align, float
------------------------------ */
/* Images
------------------------------ */
/* Navigation block
------------------------------ */
/* Filter block
------------------------------ */
/** Items **/
/* Sidebar box
--------------------------------------- */
/* Related results
--------------------------------------- */
/* Price range block
--------------------------------------- */ }
#aoe_solr header1 {
position: relative;
margin-bottom: 30px;
overflow: visible;
/* sorting */ }
#aoe_solr header1:after {
clear: both; }
#aoe_solr header1 div.sort {
position: absolute;
right: 0;
top: 0; }
#aoe_solr heade1r div.sort .label {
float: left;
margin-right: 10px;
line-height: 20px; }
#aoe_solr header1 div.sort .select {
float: right; }
#aoe_solr .b-ajax-search-results {
width: 750px;
color: #3c3c3c;
position: relative;
padding: 20px 0 0 0; }
#aoe_solr .b-ajax-search-results-close {
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 5px;
background: url(../../i/aoesearchperience/b-ajax-search-results-close.png) no-repeat;
cursor: pointer; }
#aoe_solr .b-ajax-sr-single-title h2 {
font: bold 27px Noto Sans, sans-serif;
margin: 0 0 5px 0; }
#aoe_solr .b-ajax-sr-single-cat {
font-size: 12px;
margin: 0 0 25px 0; }
#aoe_solr .b-ajax-sr-single-cat a {
text-decoration: none;
color: #3c3c3c; }
#aoe_solr .b-ajax-sr-single-cat a:hover {
text-decoration: underline; }
#aoe_solr .b-ajax-sr-single-descr {
font-size: 14px;
line-height: 20px; }
#aoe_solr .b-ajax-sr-wi {
overflow: hidden; }
#aoe_solr .b-ajax-sr-wi-pic {
float: left;
padding-right: 27px; }
#aoe_solr .b-ajax-sr-wi-text {
overflow: hidden; }
#aoe_solr .b-ajax-sr-multiple-items {
overflow: hidden;
padding: 0 0 0 30px; }
#aoe_solr .b-ajax-sr-multiple-item {
float: left;
width: 120px;
min-height: 120px;
margin: 0 20px 40px 0; }
#aoe_solr .b-ajax-sr-multiple-item-pic img {
display: block; }
#aoe_solr .b-ajax-sr-multiple-item-text {
text-align: center;
padding: 5px 0 0 0;
font-size: 11px; }
#aoe_solr .b-ajax-sr-cc {
clear: both; }
#aoe_solr .nav-h {
overflow: hidden; }
#aoe_solr .nav-h li {
float: left;
list-style: none; }
#aoe_solr .nav-h a {
display: block; }
#aoe_solr .nav-v {
border-top: 1px solid #ccc; }
#aoe_solr .nav-v li {
padding: 2px 0;
list-style: none;
border-bottom: 1px solid #ccc; }
#aoe_solr .nav-v li ul {
padding-left: 1em;
margin-top: 2px; }
#aoe_solr .nav-v li ul li {
border: none;
border-top: 1px solid #ccc; }
#aoe_solr .nav-v a {
text-decoration: none;
display: block; }
#aoe_solr .nav-v a:hover {
text-decoration: underline; }
#aoe_solr .a-left {
text-align: left; }
#aoe_solr .a-center {
text-align: center; }
#aoe_solr .a-right {
text-align: right; }
#aoe_solr .f-l {
float: left; }
#aoe_solr .f-r {
float: right; }
#aoe_solr img.f-left {
margin-right: 1em; }
#aoe_solr img.f-r {
margin-left: 1em; }
#aoe_solr .b-nav-tree {
font-size: 13px; }
#aoe_solr .b-nav-tree,
#aoe_solr .b-nav-tree ul {
margin: 0;
padding: 0; }
#aoe_solr .b-nav-tree ul li {
list-style: none;
position: relative; }
#aoe_solr .b-nav-tree ul li .i {
top: 11px;
left: 13px;
background: #f47026;
width: 4px;
height: 4px; }
#aoe_solr .b-nav-tree ul a {
padding-left: 24px; }
#aoe_solr .b-nav-tree ul ul {
font-size: 12px; }
#aoe_solr .b-nav-tree ul ul a {
padding: 6px 20px 5px 36px; }
#aoe_solr .b-nav-tree ul ul .i {
top: 12px;
left: 26px;
width: 3px;
height: 3px; }
#aoe_solr .b-nav-tree ul ul .cur {
background-color: #F6F6F6; }
#aoe_solr .b-nav-tree ul > li > .i {
top: 10px;
left: 13px;
background: #f47026;
width: 4px;
height: 4px; }
#aoe_solr .b-nav-tree ul > .cur > .i {
background: #000; }
#aoe_solr .b-nav-tree a {
display: block;
text-decoration: none;
color: #f47026;
border-bottom: 1px solid #dedede;
padding: 5px 25px 6px 13px; }
#aoe_solr .b-nav-tree .cur > a {
color: #000;
font-weight: bolder;
background-color: #F6F6F6; }
#aoe_solr .b-nav-tree .i {
position: absolute;
width: 9px;
height: 13px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAMAAACTkM4rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFQTFRFPDw82NjY1tbWMzMz4uLiPz8/09PTISEhbGxszs7O2dnZaWlpCQkJNjY2OTk53t7e+Pj4+fn54eHh0tLSHh4e/Pz88PDw19fXAAAAzMzM////+qqs8gAAAGFJREFUeNpkzlkOgCAMBNAC7juICr3/QYWJGIV+TV4m6ZCRg+Z4o6oNAh2Xb2Dn7FoYcbA9mTWgwgLlFikzEOveCwQzOXpbG1qLsysVkj5+5Nn1Faz/C1MlBYQ7RRC+BRgAnOQT19mZkjQAAAAASUVORK5CYII=); }
#aoe_solr .b-nav-tree > li > .i {
top: 9px;
right: 11px; }
#aoe_solr .b-nav-tree > .cur > .i {
background-position: -9px 0; }
#aoe_solr .b-nav-tree .cur > .i {
background: #000; }
#aoe_solr .b-filter-list input {
position: absolute;
left: 5px;
top: 2px; }
#aoe_solr .b-filter-colorlist .i {
display: inline-block;
width: 13px;
height: 13px;
position: relative;
top: 2px;
margin: 0 13px 0 0; }
#aoe_solr .b-filter-colorlist li {
padding-left: 0; }
#aoe_solr .b-filter-selectablelist .i {
width: 13px;
height: 13px;
display: inline-block;
margin: 0 13px 0 0;
position: relative;
top: 1px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAaCAIAAADjWkEIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNqMk81x20AMhYEHLFOEJzO+Jof0oqtOLkUF5Oga0oe78FV9iEA+cHw2BQ051BL7/rD0l8vN29rNbW8LlT1ky6xtqszieE6aPv5eeWvy1V2xIi21KRZPEeHqP2/vCRJN7vyVPE2ZVqmVwVKyx3zbbU/oQKLJwxvG7NCPWFKEBMjmnskONIV1etK05WIPYCzJNzl6zWXVLJZMq5QgTdNaKVaoQmKDwN7qfKhGuBV0IwuRCNPgxSHGy/cAxsbdcC0k2YEE3XKSisItP6+CzMDfAi0xmqBztFt4cm/FgIPFRU5NBON59hx0RRPI9NeEXVkHFfREgLsRHj7haigMbXPPjHYhyxFETKyICY0mFGDOAmFdu/+83I45kjj258Idwr/GS640JfHRPjOPveclb/ZuH7eHYZzgA7+wfL7+s2/r9/06IzwtzoHmHJwV0tVzEE9q/M05OCtC0EN1ro+juM5tGHGq7anSc231hLohTsUTQTNivsv+db+enoP/AgwAJ82W4Wj3lAQAAAAASUVORK5CYII=); }
#aoe_solr .b-filter-selectablelist .cur .i {
background-position: 0 -13px; }
#aoe_solr .b-list-head {
overflow: hidden;
font-size: 13px;
height: 40px; }
#aoe_solr .b-list-head .paging {
float: right; }
#aoe_solr .b-list-head-sorting label {
margin: 0 15px 0 0; }
#aoe_solr .b-list-head-count {
float: right;
margin: 0 40px 0 0; }
#aoe_solr .b-item {
margin: 0 25px 25px 0;
box-sizing: border-box;
overflow: hidden;
width: 150px;
height: 300px;
display: inline-block;
border: 1px solid #aaafaf;
background: #f6f6f6; }
#aoe_solr .b-item .b-item-body {
padding: 4px; }
#aoe_solr .b-item .b-item-body h2 {
font-size: 13px;
font-weight: bold;
margin: 0 0 8px 0;
line-height: normal; }
#aoe_solr .b-item .b-item-body p {
margin: 0 0 2px 0; }
#aoe_solr .b-item .b-item-body .b-item-text {
margin: 0 0 5px 0 !important; }
#aoe_solr .b-item .b-item-body .b-item-text em {
font-weight: bold;
font-style: normal; }
#aoe_solr .b-item.with-pic .b-item-pic {
width: 150px;
height: 150px;
text-align: center; }
#aoe_solr .b-item.with-pic .b-item-pic img {
display: block;
margin: 0 auto;
max-width: 150px;
max-height: 150px; }
#aoe_solr .b-item .b-item-tag {
font-size: 11px;
display: inline-block;
margin: 0 5px 0 0; }
#aoe_solr .b-item .b-item-meta {
color: #a4a4a4; }
#aoe_solr .b-item .b-item-tag,
#aoe_solr .b-item .b-item-link,
#aoe_solr .b-item .b-item-meta {
font-size: 11px; }
#aoe_solr .b-box {
margin: 0 0 25px 0; }
#aoe_solr .b-box dt {
/*padding: 9px 17px; */
min-height: 16px;
padding: 20px 17px 8px; }
#aoe_solr .b-box dd {
background: #f5f5f5;
border: 1px solid #ccc;
border-width: 1px 0;
padding: 13px 19px 16px 19px;
font-size: 11px;
line-height: 16px; }
#aoe_solr .b-box h2 {
font-weight: bold;
font-size: 13px;
line-height: 19px;
margin: 0 0 12px 0; }
#aoe_solr .b-box p {
margin: 0; }
#aoe_solr .b-box .pic {
border: 1px solid #dedede;
margin: 0 0 12px 0;
background: #fff; }
#aoe_solr .b-box .pic img {
display: block; }
#aoe_solr .b-related h2 {
margin: 0; }
#aoe_solr .b-related p {
margin: 0 0 12px 0; }
#aoe_solr .ui-widget-content {
border-width: 0px; }
#aoe_solr .ui-slider {
height: 35px;
position: relative;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAAFCAIAAAA8DYnVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEBJREFUeNrs1LENwDAIAMEkcs8G7C8GpENy5kB3I3zxb1U9ACwyMyczhQDYpLtPRAgBsMn3UwFg4d8lANjnCjAAVigIcmYB0SsAAAAASUVORK5CYII=) no-repeat right 8px;
margin: 0 6px 20px; }
#aoe_solr .ui-slider-handle {
padding-top: 26px;
height: 12px;
width: 40px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAaCAYAAABsONZfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZFJREFUeNqUlM9LwlAcwPfMH6x0QUVdBiMM7KIXD+FloOAfU/THBEKdRPHSoYg6C8q8eBBFvKiwo0JYm+5QMFyu7/cxw3y6uS989n1s389+vPd9IxxErVa7h3TNecdDLpe7CcIggEI6nfY02u023vgWhQjnLyIohX1K4YDzen4i4FegEVwOLMuiudlsMkWZTGazNJ/Pac7n84w0nU43S6Zp0lytVhkpmUy6S9lslpHG47G7VK/XGUmSJPdvkmWZkVRVdZ+9wWCw+5QvFgv/6xQKhfxL0WjUs9gwjP9SLBbbvfnwMJlMnjRN43ie38psNqN1WL+H+6PRaPRTqdQZXLwUBIEjhDCLCxvwrVAo3I1Go3c8xwPnwFW5XH7pdDq2rus29Bul1+vZlUrlVRRF2anjl08TgDiKpVLpudVq2fC6drfbpQKeBy6AQ6eeY8RisfioKIqN2RHiqwJZm5QD4BQ4SSQSR8PhUIfxJ/ABfAE/69KqeAzsA9+A5gh/LUO2LAP+obBFsIvNVcEryLYLvwIMAPICl6lRvkIAAAAAAElFTkSuQmCC) no-repeat top center;
position: absolute;
margin: 0 0 0 -20px;
line-height: 11px;
font-size: 11px;
text-decoration: none;
color: #000;
text-align: center;
border-width: 0px; }
#aoe_solr .ui-slider-handle span {
position: absolute;
top: 30px; }
#aoe_solr .ui-slider-first span {
left: 35%; }
#aoe_solr .ui-slider-second span {
right: 35%; }
#aoe_solr .ui-slider-range {
background: #e36823;
border-bottom: 3px solid #f47026;
border-top: 1px solid #c1591e;
position: absolute;
height: 1px;
top: 8px; }
#aoe_solr .ui-slider-min, #aoe_solr #aoe_solr .ui-slider-max {
display: none; }
#aoe_solr .range-form {
font-size: 10px;
margin-bottom: 10px; }
#aoe_solr .b-range-form-text {
border: 1px solid #acaeb1;
outline: none;
background: #fff;
color: #444;
font-size: 10px;
height: 18px;
width: 30px;
padding: 2px 2px;
margin: 0 1px 0 0;
display: inline; }
#aoe_solr .range-filter .bu-small {
float: right; }
#aoe_solr .bu-small {
background: -moz-linear-gradient(center top, #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
border: 1px solid gainsboro;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 1px 0 0 #FFFFFF inset;
color: #777777;
display: inline-block;
font-family: Noto Sans;
font-size: 12px;
font-weight: bold;
margin-top: -2px;
padding: 4px 6px;
text-decoration: none;
text-shadow: 1px 1px 0 white;
cursor: pointer;
margin: 0 !important;
overflow: visible; }
#aoe_solr .scrollpagination-moreresult {
background-color: #FFFFFF;
background: -moz-linear-gradient(center top, #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
box-shadow: 0 1px 0 0 #FFFFFF inset;
color: #777777;
height: 14px;
margin: 10px auto;
padding: 8px;
text-align: center;
width: 100px; }
/* Fancy box
--------------------------------------- */
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
background-image: url("../../i/aoesearchperience/ajax-loader.gif"); }
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 32px;
height: 480px; }
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none; }
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none; }
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none; }
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff; }
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff; }
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101; }
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 1103;
display: none; }
#fancybox-error {
color: #444;
font: normal 12px/20px Noto Sans;
padding: 14px;
margin: 0; }
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top; }
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block; }
#fancybox-left,
#fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url("../../i/aoesearchperience/blank.gif");
z-index: 1102;
display: none; }
#fancybox-left {
left: 0px; }
#fancybox-right {
right: 0px; }
#fancybox-left-ico,
#fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block; }
#fancybox-left-ico {
background-image: url("../../i/aoesearchperience/fancybox.png");
background-position: -40px -30px; }
#fancybox-right-ico {
background-image: url("../../i/aoesearchperience/fancybox.png");
background-position: -40px -60px; }
#fancybox-left:hover,
#fancybox-right:hover {
visibility: visible;
/* IE6 */ }
#fancybox-left:hover span {
left: 20px; }
#fancybox-right:hover span {
left: auto;
right: 20px; }
.fancybox-bg {
display: none; }
.checkbox,
.radio {
position: relative;
display: inline-block;
margin: 0;
line-height: 17px;
font-weight: normal;
padding: 0 0 0 24px; }
.checkbox input,
.radio input {
opacity: 0;
padding: 0;
border: 0;
vertical-align: middle;
z-index: 1;
width: 14px;
height: 14px;
cursor: pointer;
position: absolute;
left: 0;
top: 1px; }
.checkbox .ctx-control,
.radio .ctx-control {
position: absolute;
left: 0;
top: 1px;
display: block;
cursor: pointer;
width: 14px;
height: 14px; }
.checkbox label,
.radio label {
display: inline; }
.checkbox,
.checkbox label,
.radio,
.radio label {
cursor: pointer; }
.checkbox .ctx-control {
background: transparent;
color: #ffffff;
border: 2px solid #adb9d8;
border-radius: 0; }
.checkbox .ctx-control:before {
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: -5px;
right: -2px;
font-size: 6px; }
.radio .ctx-control {
background: transparent;
border-radius: 50%;
border: 2px solid #adb9d8; }
.radio .ctx-control:before {
display: block;
background: #82af32;
width: 8px;
height: 8px;
position: relative;
top: 50%;
margin: -4px auto 0;
border-radius: 50%; }
.radio input:checked + .ctx-control:before {
content: ''; }
.checkbox input:checked + .ctx-control {
border-color: #82af32;
background: #82af32; }
.checkbox input:checked + .ctx-control:before {
content: ""; }
/**DOC
Actions list
======================
```
*/
.actions-list {
margin: 8px 0 0 0; }
@media screen and (min-width: 61.875em) {
.actions-list > li {
margin: 0 0 8px 0; } }
@media screen and (max-width: 61.865em) {
.actions-list > li {
border-top: 1px solid #bec3c3;
border-bottom: 1px solid #bec3c3;
margin-bottom: -1px;
padding: 10px; } }
.simple-links-list {
margin: 12px 0; }
.simple-links-list > li {
margin: 0 0 12px 0; }
.simple-links-list a {
white-space: "nowrap";
position: relative;
line-height: inherit;
display: inline-block;
padding: 0 0 0 25px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.simple-links-list a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
content: "";
font-size: 14px;
display: inline;
margin-right: 10px;
vertical-align: baseline;
position: absolute;
top: 2px;
left: 0; }
.simple-links-list a:hover, .simple-links-list a:focus {
color: #a5c86e; }
.simple-links-list a:hover:before, .simple-links-list a:focus:before {
color: #a5c86e; }
/**DOC
Alert Boxes
===========
```
Um die Wunschliste zu benutzen sowie verfügbare Produkte liefern zu lassen, registrieren
Sie sich bitte oder melden sie sich mit einem bestehenden Account an.
*/
.alert {
padding: 20px 10px;
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
@media screen and (max-width: 61.865em) {
.alert {
padding: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; } }
.alert.alert-notification {
background: #445591;
color: #ffffff; }
.alert-content {
margin: 0 10px; }
.alert-content p {
line-height: 1.25rem; }
@media screen and (max-width: 61.865em) {
.alert-content {
margin: 0; } }
@media screen and (min-width: 61.875em) {
.alert-content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
flex: 1 1 100%; } }
.alert-button {
margin: 0 10px 0 0;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; }
.alert-button a {
min-width: 80px; }
@media screen and (max-width: 61.865em) {
.alert-button {
width: 100%;
margin: 10px 0 0 0; } }
/**DOC
Arrow Buttons
=============
Displays round "prev" and "next" buttons with arrows. Mostly used for navigation within sliders
```
Is Available
Is Not Available
*/
@media screen and (max-width: 61.865em) {
.is-available,
.is-not-available {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666; } }
@media screen and (min-width: 61.875em) {
.is-available,
.is-not-available {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.875rem /* #{$line-height}px */;
color: #666666; } }
.is-available:before,
.is-not-available:before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-radius: 100%;
margin-right: 5px; }
.is-available:before {
background: #82af32; }
.is-not-available:before {
background: #d72319; }
.back-link {
position: absolute;
top: 0;
left: 0; }
.back-link, .back-link:hover, .back-link:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.back-link, .back-link:hover, .back-link:visited {
color: #5064aa; } }
.back-link:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 30px; }
@media screen and (min-width: 61.875em) {
.back-link:after {
content: "";
width: 38px;
height: 38px;
line-height: 38px;
font-size: 22px; } }
/**DOC
Badge
======================
A badge note
```
4
*/
.badge {
display: inline-block;
border-radius: 50%;
background: #bd1f17;
box-shadow: 0 0 0 2px #ffffff;
text-align: center;
vertical-align: middle;
font-style: normal;
font-family: Noto Sans, sans-serif;
color: #ffffff;
width: 20px;
height: 20px;
line-height: 21px;
font-size: 12px; }
.badge:empty {
display: none; }
@media screen and (min-width: 61.875em) {
.badge {
font-size: 12px;
width: 24px;
height: 24px;
line-height: 24px;
border-width: 2px; } }
.breadcrumbs {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 40px; }
@media screen and (max-width: 61.865em) {
.breadcrumbs {
display: none !important; } }
.breadcrumbs > li {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 10px;
white-space: nowrap; }
.breadcrumbs > li:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 12px;
height: 12px;
line-height: 12px;
font-size: 12px;
margin-right: 10px; }
.breadcrumbs > li a {
display: inline-block;
text-decoration: underline; }
.breadcrumbs > li:first-child {
margin-left: 0; }
.breadcrumbs > li:first-child:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 12px;
height: 12px;
line-height: 12px;
font-size: 12px;
margin-right: 2px; }
.breadcrumbs > li:last-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #666666; }
@media screen and (max-width: 61.865em) {
.catalog-category-view .searchperience .result-count {
position: static;
margin: 20px 0;
display: block; } }
@media screen and (max-width: 61.865em) {
.main-content .layout-cms .page-title,
.main-content .layout-cms .page-title h1 {
display: block;
margin-top: 20px; } }
.cms-home .page-title {
display: none; }
.cms-home .homepage-widget-container {
margin-bottom: 40px; }
@media screen and (max-width: 61.865em) {
.cms-home .button-action-right .ext-btn-more, .cms-home .button-action-right .btn-more, .cms-home .button-action-right .btn-tertiary-more, .cms-home .button-action-right .brand-widget-bottom .show-all-brands-desktop, .brand-widget-bottom .cms-home .button-action-right .show-all-brands-desktop {
position: relative;
text-align: left;
width: 100%; }
.cms-home .button-action-right .ext-btn-more:after, .cms-home .button-action-right .btn-more:after, .cms-home .button-action-right .btn-tertiary-more:after, .cms-home .button-action-right .brand-widget-bottom .show-all-brands-desktop:after, .brand-widget-bottom .cms-home .button-action-right .show-all-brands-desktop:after {
position: absolute;
right: 0;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px; } }
.std h1:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.3125rem /* #{$font-size}px */;
line-height: 1.8375rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.std h1:not([class]) {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 2.625rem /* #{$font-size}px */;
line-height: 3.675rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.std h1:not([class]) {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.std h2:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.3125rem /* #{$font-size}px */;
line-height: 1.8375rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.std h2:not([class]) {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.875rem /* #{$font-size}px */;
line-height: 2.625rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.std h2:not([class]) {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.std h3:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.925rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.std h3:not([class]) {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.925rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.std h3:not([class]) {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.std h4:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */;
margin-bottom: 6px; }
@media screen and (min-width: 61.875em) {
.std h4:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */; } }
.std h5:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.std h5:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.4rem /* #{$line-height}px */; } }
.std h6:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.std h6:not([class]) {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.4rem /* #{$line-height}px */; } }
.std p {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.std p {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.std p {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.std p {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.std p a {
color: #82af32;
text-decoration: underline; }
.std p a:hover {
text-decoration: none; }
/**DOC
Simple list
======================
```
*/
.simple-list,
.std ul:not([class]) {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin: 10px 0 0 10px; }
@media screen and (min-width: 61.875em) {
.simple-list,
.std ul:not([class]) {
margin-left: 0; } }
.simple-list > li,
.std ul:not([class]) > li {
position: relative;
padding: 0 0 0 16px;
margin: 0 0 10px 0; }
.simple-list > li:before,
.std ul:not([class]) > li:before {
content: '•';
color: #5064aa;
position: absolute;
left: 0;
top: 10px;
line-height: 0;
font-size: 1.5rem; }
.std ol:not([class]) {
padding: 0 0 0 20px; }
.std ol:not([class]) > li {
margin: 0 0 10px 0; }
.std ol > br,
.std ul > br {
display: none; }
.std-service ul li,
.std-service ol li {
position: relative;
margin: 10px 0 0;
padding: 0 0 0 30px;
line-height: 20px; }
.std-service ul li:first-child,
.std-service ol li:first-child {
margin: 0; }
.std-service ul li:before,
.std-service ol li:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 20px;
margin-right: 10px;
color: #5064aa;
position: absolute;
left: 0;
top: 2px; }
.std-service strong {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa;
margin: 10px 0; }
@media screen and (min-width: 61.875em) {
.std-service strong {
font-size: 1.125rem; } }
.std-service em {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
font-style: normal; }
@media screen and (max-width: 61.865em) {
.std-service hr {
margin-left: -10px;
margin-right: -10px; } }
@media screen and (max-width: 61.865em) {
.std-service {
border-top: 1px solid #cdd2d2;
padding: 15px 10px 0 10px;
margin: 0 -10px; } }
.dashboard.container-inner-stretch {
margin-bottom: 35px; }
@media screen and (max-width: 61.865em) {
.dashboard.container-inner-stretch {
margin-top: 40px; } }
.my-data-table {
width: 100%;
margin: 0 0 20px; }
.my-data-table > thead > tr > td,
.my-data-table > thead > tr > th,
.my-data-table > tbody > tr > td,
.my-data-table > tbody > tr > th {
vertical-align: top;
padding: 10px;
text-align: left; }
@media screen and (min-width: 61.875em) {
.my-data-table > thead > tr > td,
.my-data-table > thead > tr > th,
.my-data-table > tbody > tr > td,
.my-data-table > tbody > tr > th {
padding: 10px 0; } }
.my-data-table > thead > tr .a-right,
.my-data-table > tbody > tr .a-right {
text-align: right; }
.my-data-table > thead > tr > th {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.my-data-table > thead > tr > th {
font-size: 1.125rem; } }
.my-data-table > tbody > tr > th {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding-right: 10px; }
@media screen and (min-width: 61.875em) {
.my-data-table > tbody > tr > th {
padding-right: 20px; } }
.my-data-table > tbody > tr > th .sub-th {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
.my-data-table > tbody > tr > td {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
@media screen and (max-width: 61.865em) {
.my-data-table > tbody > tr > td {
text-align: right; } }
.my-data-table > tbody > tr > th,
.my-data-table > tbody > tr > td {
border-bottom: 1px solid #cdd2d2; }
.my-data-table > tbody > tr:first-child > th,
.my-data-table > tbody > tr:first-child > td {
border-top: 1px solid #cdd2d2; }
@media screen and (min-width: 61.875em) {
.my-data-table > thead > tr > td,
.my-data-table > thead > tr > th,
.my-data-table > tbody > tr > td,
.my-data-table > tbody > tr > th {
padding: 20px 0; } }
@media screen and (min-width: 61.875em) {
.my-data-table > thead > tr > th,
.my-data-table > tbody > tr > th {
width: 270px; } }
.my-data-table > thead > tr .orders-td,
.my-data-table > tbody > tr .orders-td {
text-align: left; }
@media screen and (max-width: 61.865em) {
.my-data-table > thead > tr .orders-td,
.my-data-table > tbody > tr .orders-td {
padding: 0;
border-bottom: 0; } }
@media screen and (min-width: 61.875em) {
.my-data-table .orders-td-label {
float: left;
width: 270px; } }
@media screen and (max-width: 61.865em) {
.my-data-table .orders-td-label {
display: block;
padding: 10px;
border-bottom: 1px solid #cdd2d2; } }
@media screen and (min-width: 61.875em) {
.my-data-table .orders-td-items {
overflow: hidden; } }
.my-data-table .orders-td-items .shopping-table {
margin: 0; }
@media screen and (min-width: 61.875em) {
.my-data-table .orders-td-items .shopping-table {
margin-top: -15px; } }
.my-data-table .edit-link,
.my-data-table .more-link {
float: right; }
@media screen and (max-width: 61.865em) {
.my-data-table .shopping-table-col.col-price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 0; }
.my-data-table .shopping-table-col.col-price .base-price-info {
padding-top: 0; } }
.my-data-table .price {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666; }
.my-data-table .invoice-link {
display: block;
margin-top: 5px; }
.my-data-table .invoice-link:first-child {
margin-top: 0; }
.dashboard-orders-table {
width: 100%;
margin: -5px 0; }
.dashboard-orders-table > tbody > tr > td {
padding: 5px 0; }
.dashboard-orders-table > tbody > tr > td:first-child {
white-space: nowrap;
width: 1px;
padding-right: 45px; }
@media screen and (max-width: 61.865em) {
.dashboard-orders-table > tbody > tr > td:first-child,
.dashboard-orders-table > tbody > tr > td:first-child + td {
display: none !important; } }
.order-state {
white-space: nowrap; }
.order-state:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
margin: 0 10px 0 0;
font-size: 1.4375rem; }
.login-advice {
padding: 17px 10px 0 10px;
margin: 0 -10px 15px -10px;
border-bottom: 1px solid #cdd2d2; }
@media screen and (min-width: 61.875em) {
.login-advice {
margin-left: 0;
margin-right: 0;
padding: 0; } }
.login-grid {
margin: 0 0 30px 0; }
@media screen and (min-width: 61.875em) {
.login-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; }
.login-grid .ctx-col:first-child {
-webkit-box-flex: 1;
-webkit-flex: 1 0 468px;
flex: 1 0 468px;
margin: 0 50px 0 0; } }
@media screen and (max-width: 61.865em) {
.login-grid .ctx-col {
margin: 0 0 20px 0; }
.login-grid p {
margin-bottom: 0; } }
/**DOC
Delivery option list
======================
```
TODO
*/
.delivery-option-label.label {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.875rem /* #{$line-height}px */;
color: #666666;
margin-top: 40px;
margin-bottom: 10px; }
@media screen and (min-width: 61.875em) {
.delivery-option-label.label {
display: block; } }
@media screen and (max-width: 61.865em) {
.delivery-option-label.label {
display: none; } }
.delivery-option-list {
position: relative;
min-height: 130px;
overflow: hidden; }
@media screen and (max-width: 61.865em) {
.delivery-option-list {
margin-top: 20px; } }
.delivery-option-list > .delivery-radio-buttons > li.state-active .delivery-option-text {
display: block; }
.no-touchevents .delivery-option-list > .delivery-radio-buttons:hover > li.state-active .delivery-option-text {
display: none; }
.no-touchevents .delivery-option-list > .delivery-radio-buttons > li:hover .delivery-option-text {
display: block !important; }
.delivery-option-list .delivery-option-text {
position: absolute;
top: 50px;
left: 0;
display: none;
width: 100%; }
.delivery-option-list .delivery-option-text.force-display-block {
display: block; }
/**DOC
Basic drop-downs
======================
Renders a drop-down including an drop-down layer that opens on hover or click
```
*/
@media screen and (min-width: 61.875em) {
.dropdown-label {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
background-color: #a5c86e;
border: 0;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c; }
.dropdown-label, .dropdown-label:hover, .dropdown-label:active, .dropdown-label:focus {
text-decoration: none;
/* [4] */
outline: none; }
.dropdown-label::-moz-focus-inner {
border: 0;
padding: 0; }
.dropdown-label.state-loading, .dropdown-label.state-loading:hover, .dropdown-label.state-loading:active, .dropdown-label.state-loading:focus, .dropdown-label.state-loading:visited, .dropdown-label.state-loading-prevent-auto-remove, .dropdown-label.state-loading-prevent-auto-remove:hover, .dropdown-label.state-loading-prevent-auto-remove:active, .dropdown-label.state-loading-prevent-auto-remove:focus, .dropdown-label.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.dropdown-label:focus, .dropdown-label:active, .dropdown-label:visited {
color: #ffffff; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.dropdown-label:hover, .dropdown-label:active {
background-color: #a5c86e; } }
@media screen and (min-width: 61.875em) {
.dropdown-label:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-left: 10px; } }
.dropdown-content {
padding: 20px;
background: #ffffff;
position: relative; }
@media screen and (min-width: 61.875em) {
.dropdown-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.dropdown-grid .grid-cell {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; } }
.dropdown {
visibility: visible;
position: relative; }
.dropdown .dropdown-layer {
position: absolute;
left: 0;
min-width: 100%;
visibility: visible;
overflow: hidden;
z-index: 300;
max-height: 0;
-webkit-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1); }
.dropdown.state-active .dropdown-label {
background-color: #a5c86e; }
.dropdown.state-active .dropdown-label:after {
content: ""; }
.dropdown.state-active .dropdown-layer {
visibility: visible;
max-height: 900px; }
.dropdown .dropdown-label {
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c; }
.dropdown .dropdown-label.state-loading, .dropdown .dropdown-label.state-loading:hover, .dropdown .dropdown-label.state-loading:active, .dropdown .dropdown-label.state-loading:focus, .dropdown .dropdown-label.state-loading:visited, .dropdown .dropdown-label.state-loading-prevent-auto-remove, .dropdown .dropdown-label.state-loading-prevent-auto-remove:hover, .dropdown .dropdown-label.state-loading-prevent-auto-remove:active, .dropdown .dropdown-label.state-loading-prevent-auto-remove:focus, .dropdown .dropdown-label.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.dropdown .dropdown-label:focus, .dropdown .dropdown-label:active, .dropdown .dropdown-label:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.dropdown .dropdown-label:hover, .dropdown .dropdown-label:active {
background-color: #a5c86e; } }
.dropdown.state-active .dropdown-label {
background-color: #a5c86e; }
.dropdown.skin-primary-inv .dropdown-label {
color: #666666;
background: #ffffff;
border-bottom-color: #bec3c3; }
.dropdown.skin-primary-inv .dropdown-label:focus, .dropdown.skin-primary-inv .dropdown-label:active, .dropdown.skin-primary-inv .dropdown-label:visited {
color: #666666; }
@media screen and (min-width: 61.875em) {
.dropdown.skin-primary-inv .dropdown-label:hover, .dropdown.skin-primary-inv .dropdown-label:active {
background-color: #a5c86e;
color: #ffffff; } }
.dropdown.skin-primary-inv.state-active .dropdown-label {
background-color: #a5c86e;
color: #ffffff; }
.dropdown.skin-secondary .dropdown-label {
color: #ffffff;
background: #adb9d8;
border-bottom-color: #8296c8; }
.dropdown.skin-secondary .dropdown-label:focus, .dropdown.skin-secondary .dropdown-label:active, .dropdown.skin-secondary .dropdown-label:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.dropdown.skin-secondary .dropdown-label:hover, .dropdown.skin-secondary .dropdown-label:active {
background-color: #bcc6e0; } }
.dropdown.skin-secondary.state-active .dropdown-label {
background-color: #bcc6e0; }
.dropdown.skin-tertiary .dropdown-label {
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent; }
.dropdown.skin-tertiary .dropdown-label:focus, .dropdown.skin-tertiary .dropdown-label:active, .dropdown.skin-tertiary .dropdown-label:visited {
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.dropdown.skin-tertiary .dropdown-label:hover, .dropdown.skin-tertiary .dropdown-label:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
.dropdown.skin-tertiary.state-active .dropdown-label {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; }
.dropdown.align-right .dropdown-layer {
left: auto;
right: 0; }/*
@media screen and (max-width: 61.865em) {
.dropdown {
width: 100%; } }*/
.dropdown-menu-list {
margin: -20px;
margin-bottom: -21px; }
.dropdown-menu-list li {
border-bottom: 1px solid #ededed;
text-align: left; }
.dropdown-menu-list .current a {
color: #82af32; }
.dropdown-menu-list a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
white-space: nowrap;
padding: 10px;
display: block; }
.dropdown-fixed-width .dropdown-label {
text-align: left; }
.dropdown-fixed-width .dropdown-label:after {
position: absolute;
right: 10px;
top: 13px; }
.dropdown-filter {
visibility: visible;
position: relative;
display: inline-block;
text-align: left; }
.dropdown-filter .dropdown-layer {
position: absolute;
left: 0;
min-width: 100%;
visibility: visible;
overflow: hidden;
z-index: 300;
max-height: 0;
-webkit-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1); }
.dropdown-filter.state-active .dropdown-label {
background-color: #a5c86e; }
.dropdown-filter.state-active .dropdown-label:after {
content: ""; }
.dropdown-filter.state-active .dropdown-layer {
visibility: visible;
max-height: 900px; }
.dropdown-filter .dropdown-label {
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c; }
.dropdown-filter .dropdown-label.state-loading, .dropdown-filter .dropdown-label.state-loading:hover, .dropdown-filter .dropdown-label.state-loading:active, .dropdown-filter .dropdown-label.state-loading:focus, .dropdown-filter .dropdown-label.state-loading:visited, .dropdown-filter .dropdown-label.state-loading-prevent-auto-remove, .dropdown-filter .dropdown-label.state-loading-prevent-auto-remove:hover, .dropdown-filter .dropdown-label.state-loading-prevent-auto-remove:active, .dropdown-filter .dropdown-label.state-loading-prevent-auto-remove:focus, .dropdown-filter .dropdown-label.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.dropdown-filter .dropdown-label:focus, .dropdown-filter .dropdown-label:active, .dropdown-filter .dropdown-label:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.dropdown-filter .dropdown-label:hover, .dropdown-filter .dropdown-label:active {
background-color: #a5c86e; } }
.dropdown-filter.state-active .dropdown-label {
background-color: #a5c86e; }
.dropdown-filter .dropdown-layer {
left: auto;
right: 0; }
.dropdown-filter .dropdown-layer {
box-shadow: 2.5px 4.33px 20px 0 rgba(0, 1, 1, 0.25);
top: 25px;
width: 430px; }
.dropdown-filter .layer-close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
color: #5064aa; }
.dropdown-filter .layer-close:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
.cms-global-search .layout-1-col {
min-height: 300px; }
.cms-global-search div[role="main"] {
min-height: 200px; }
.cms-global-search .global-header1-intro {
min-height: 98px;
visibility: hidden; }
.cms-global-search .global-header1-intro h1,
.cms-global-search .global-header1-intro h2 {
display: none; }
.cms-global-search .global-header1-intro.search-information-variation {
text-align: left; }
.cms-global-search .global-header1-intro.search-information-variation h1 {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.875rem /* #{$font-size}px */;
line-height: inherit;
color: #ffffff;
display: block; }
.cms-global-search .global-header-intro.search-information-variation h2 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: inherit;
color: #ffffff;
display: block; }
.cms-global-search .global-header-intro.search-information-variation .item a {
color: #ffffff;
text-decoration: underline; }
.cms-global-search .global-header-intro.search-information-variation .item a:hover {
color: #a5c86e; }
.cms-global-search .global-header-intro.search-information-variation .item:after {
content: ','; }
.cms-global-search .global-header-intro.search-information-variation .item:last-child:after {
content: ''; }
.cms-global-search .searchperience .search-results {
padding-top: 0; }
.cms-global-search .searchperience aside[role="complementary"] {
margin-top: 0; }
@media screen and (min-width: 61.875em) {
.cms-global-search .searchperience .rhp-facet-pagetype {
display: none !important; } }
.cms-global-search .shop-nav-list li.cur a {
color: #a5c86e; }
.cms-global-search .shop-nav-list li a:hover {
background-color: transparent;
color: #a5c86e; }
.cms-global-search .search-result-information {
width: calc(100% + (10px * 2));
margin-left: -10px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
color: #5064aa;
background-color: #f6f6f6;
border-bottom: 1px solid #bec3c3;
padding: 15px 10px; }
@media screen and (max-width: 61.865em) {
.cms-global-search .search-result-information .search-result-information-headline {
display: none !important; } }
@media screen and (min-width: 61.875em) {
.cms-global-search .search-result-information {
width: 960px;
margin-left: -246px;
background: none;
padding: 0;
border-bottom: 0; } }
@media screen and (max-width: 61.865em) {
.cms-global-search .search-result-information .b-resultinfo {
display: none !important; } }
/**
-----------------------------------------------------------------------
GLOBAL
-----------------------------------------------------------------------
*/
input::-webkit-input-placeholder {
opacity: .5;
color: #666666; }
input::-moz-placeholder {
opacity: .5;
color: #666666; }
input:-ms-input-placeholder {
opacity: .5;
color: #666666; }
input::placeholder {
opacity: .5;
color: #666666; }
body {
background: #ffffff;
font-family: 'Noto Sans', sans-serif; }
a {
text-decoration: none;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
a, a:visited {
/* color: #5064aa;*/ }
a:hover, a:focus {
cursor: pointer;
text-decoration: none; }
a:hover {
/* color: #82af32;*/}
a:before, a:after {
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
a.underline {
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
a.underline, a.underline:visited {
border-bottom: 1px solid #5064aa; }
a.underline:hover, a.underline:focus {
border-bottom: 1px solid #82af32; }
p a,
dd a,
dt a,
dl a,
.texts a,
.checkbox a,
.radio a,
.std p a {
text-decoration: underline;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
p a, p a:visited,
dd a,
dd a:visited,
dt a,
dt a:visited,
dl a,
dl a:visited,
.texts a,
.texts a:visited,
.checkbox a,
.checkbox a:visited,
.radio a,
.radio a:visited,
.std p a,
.std p a:visited {
color: #82af32; }
p a:hover, p a:focus,
dd a:hover,
dd a:focus,
dt a:hover,
dt a:focus,
dl a:hover,
dl a:focus,
.texts a:hover,
.texts a:focus,
.checkbox a:hover,
.checkbox a:focus,
.radio a:hover,
.radio a:focus,
.std p a:hover,
.std p a:focus {
cursor: pointer;
text-decoration: underline; }
p a:hover,
dd a:hover,
dt a:hover,
dl a:hover,
.texts a:hover,
.checkbox a:hover,
.radio a:hover,
.std p a:hover {
color: #a5c86e; }
p a:before, p a:after,
dd a:before,
dd a:after,
dt a:before,
dt a:after,
dl a:before,
dl a:after,
.texts a:before,
.texts a:after,
.checkbox a:before,
.checkbox a:after,
.radio a:before,
.radio a:after,
.std p a:before,
.std p a:after {
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
.uppercase {
text-transform: uppercase; }
input::-ms-clear, input::-ms-reveal {
display: none;
width: 0;
height: 0; }
b,
strong {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; }
fieldset {
border: 0; }
/**DOC
Horizontal divider line
======================
Adds a horizontal divider line.
```
Versandkostenfrei ab 50,00 € Bestellwert
Store Pickup Reservieren & Abholen
30 Tage Rückgaberecht Lorem ipsums dolor
*/
.hints-alt {
margin: 0 0 2px 0; }
.hints-alt > li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #5064aa;
background: #f6f6f6;
padding: 15px 10px; }
@media screen and (min-width: 61.875em) {
.hints-alt {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
.hints-alt > li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding: 10px 20px;
border-left: 2px solid #ffffff;
min-height: 100px; }
.hints-alt > li:first-child {
border-left: 0; } }
@media screen and (max-width: 61.865em) {
.hints-alt {
background: #f6f6f6;
padding: 10px 0; } }
.hint-alt-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50px;
flex: 0 0 50px;
max-width: 50px;
margin: 0 15px 0 0;
text-align: center; }
@media screen and (min-width: 61.875em) {
.hint-alt-img {
-webkit-flex-basis: 70px;
flex-basis: 70px;
max-width: 70px;
margin-right: 10px; } }
.hint-alt-txt {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
flex: 1 auto;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.hint-alt-txt {
font-size: 1.125rem; } }
/**DOC
Hints list
======================
```
*/
.hint-list {
margin: 0 0 20px 0; }
@media screen and (min-width: 61.875em) {
.hint-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-left: -2px;
margin-bottom: 40px;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
.hint-list > li {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
background: #e8edf8;
width: 33.33333%;
margin: 0 0 0 2px; } }
@media screen and (max-width: 61.865em) {
.hint-list {
background: #e8edf8;
padding: 10px 0; } }
.hint-tile {
display: block;
padding: 10px; }
.hint-tile, .hint-tile:hover, .hint-tile:visited {
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.hint-tile {
text-align: center;
min-height: 150px;
padding: 0 18px 18px 18px; } }
@media screen and (max-width: 61.865em) {
.hint-tile {
display: -webkit-box;
display: -webkit-flex;
display: flex; } }
.hint-image {
display: block; }
@media screen and (min-width: 61.875em) {
.hint-image {
height: 85px;
line-height: 85px; } }
@media screen and (max-width: 61.865em) {
.hint-image {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 100px;
padding: 0 10px 0 0;
text-align: center;
-webkit-align-self: center;
align-self: center; } }
.hint-title {
display: block;
margin: 0 0 3px 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.hint-title {
margin: 0 0 5px 0;
font-size: 1.375rem; } }
@media screen and (max-width: 61.865em) {
.hint-text {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-align-self: center;
align-self: center; } }
.hint-subtitle {
display: block;
font-size: 0.875rem; }
.homepage-stage {
margin: 10px auto 30px auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1; }
.homepage-stage .image-wrapper {
position: relative;
float: left;
display: block; }
.homepage-stage.state-mobile .image-wrapper {
width: 100%;
float: none; }
.homepage-stage.state-desktop .image-wrapper:nth-child(1) {
width: 402px;
height: 402px;
margin-right: 2px; }
.homepage-stage.state-desktop .image-wrapper:nth-child(2) {
width: 200px;
height: 200px;
margin-right: 2px;
margin-bottom: 2px; }
.homepage-stage.state-desktop .image-wrapper:nth-child(3) {
width: 354px;
height: 200px; }
.homepage-stage.state-desktop .image-wrapper:nth-child(4) {
width: 354px;
height: 200px;
margin-right: 2px;
margin-bottom: 2px; }
.homepage-stage.state-desktop .image-wrapper:nth-child(5) {
width: 200px;
height: 200px; }
.icon-button-ebaye_tablerate:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-right: 10px; }
.icon-button-ebaye_tablerate:before {
font-size: 1.5625rem;
margin: -5px 0 -4px 0; }
.icon-button-ebaye_ispu:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-right: 10px; }
.icon-button-ebaye_ispu:before {
font-size: 1.5625rem;
margin: -5px 0 -4px 0; }
.icon-button-flight-departure:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-right: 10px; }
.icon-button-flight-departure:before {
font-size: 1.5625rem;
margin: -5px 0 -4px 0; }
.icon-button-flight-arrival:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-right: 10px; }
.icon-button-flight-arrival:before {
font-size: 1.5625rem;
margin: -5px 0 -4px 0; }
/**DOC
Icon text
==========
```
Ihre Kreditkartendaten werden per SSL-Verfahren verschlüsselt übertragen
*/
.icon-text {
position: relative;
padding-left: 25px;
margin: 15px 0;
line-height: 1.4; }
.icon-text:before {
position: absolute;
top: 1px;
left: 0; }
@media screen and (max-width: 61.865em) {
.icon-text {
font-size: 12px; }
.icon-text:before {
top: 0; } }
.icon-text-lock:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
.image-text-tile {
overflow: hidden; }
.image-text-tile .tile-frame {
padding-bottom: 100%; }
.image-text-tile .tile-background {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.image-text-tile .tile-background:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #5064aa;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 300ms cubic-bezier(0.86, 0, 0.07, 1);
transition: opacity 300ms cubic-bezier(0.86, 0, 0.07, 1); }
.image-text-tile .tile-background img {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: auto; }
.image-text-tile .tile-text {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 150%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 150%); }
.image-text-tile .tile-text h4,
.image-text-tile .tile-text p {
color: #ffffff; }
@media screen and (max-width: 61.865em) {
.image-text-tile .tile-text {
padding: 0 0 10px 10px; }
.image-text-tile .tile-text h4 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
margin-bottom: 10px; }
.image-text-tile .tile-text p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */;
margin-bottom: 7px; } }
@media screen and (min-width: 61.875em) {
.image-text-tile .tile-text {
padding: 0 20px 13px 20px; }
.image-text-tile .tile-text h4 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.625rem /* #{$line-height}px */;
margin-bottom: 10px; }
.image-text-tile .tile-text p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin-bottom: 7px; } }
.image-text-tile .tile-text .additional {
display: none; }
.image-text-tile span {
display: block;
width: 100%; }
@media screen and (min-width: 61.875em) {
.image-text-tile:hover .tile-background:before {
opacity: 0.95; }
.image-text-tile:hover .tile-text {
background: none; } }
.image-text-tile:hover .tile-text .additional {
display: block; }
.leaflet-container {
background: none; }
.logo {
height: 68px;
width: 190px;
display: block;
background: transparent url("../images/logo-light.svg") no-repeat 0 0;
text-indent: -9999px; }
@media screen and (max-width: 61.865em) {
.logo {
height: 54px;
width: 154px;
position: relative;
top: 4px; } }
.fra-map {
width: 100%;
height: 400px;
position: relative; }
.fra-map .leaflet-top,
.fra-map .leaflet-bottom {
z-index: 175; }
.fra-map-mini {
height: 250px;
max-width: 500px; }
.fra-map-mini .leaflet-control-layers {
display: none; }
/**DOC
Media teaser list
======================
```
*/
.media-teaser-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px 0 -2px -2px; }
@media screen and (min-width: 61.875em) {
.media-teaser-grid {
margin-bottom: 8px; } }
.media-teaser-grid > li {
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
flex: 1 50%;
max-width: 50%;
background: #f6f6f6;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
position: relative;
padding-bottom: 28px; }
@media screen and (min-width: 61.875em) {
.media-teaser-grid > li {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
padding-bottom: 38px; } }
.media-teaser-content {
padding: 10px 10px 0 10px; }
@media screen and (min-width: 61.875em) {
.media-teaser-content {
padding: 18px 20px 0 20px; } }
.media-teaser-image {
text-align: center;
position: relative; }
.media-teaser-image .media-teaser-ribbon {
position: absolute;
left: 0;
top: 0; }
@media screen and (min-width: 61.875em) {
.media-teaser-heading {
min-height: 55px; } }
.media-teaser-title {
display: block;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa;
margin: 0 0 5px 0; }
@media screen and (min-width: 61.875em) {
.media-teaser-title {
font-size: 1rem;
line-height: 1.25rem; } }
.media-teaser-subtitle {
display: block;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.media-teaser-points {
position: absolute;
bottom: 10px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.media-teaser-points {
font-size: 1.375rem;
bottom: 18px; } }
.media-teaser-text {
padding: 10px 0; }
@media screen and (min-width: 61.875em) {
.media-teaser-text {
padding: 8px 0 30px; } }
.media-teaser-text,
.media-teaser-text p,
.media-teaser-text .paragraph-standard {
color: #5064aa; }
.media-teaser-text p {
margin: 0; }
.ext-benefits-media {
margin-bottom: 30px; }
.ext-benefits-media > li {
padding-bottom: 20px; }
.ext-benefits-media .media-teaser-text {
padding-top: 0; }
@media screen and (min-width: 61.875em) {
.ext-benefits-media .media-teaser-text {
padding-bottom: 20px; } }
@media screen and (max-width: 61.865em) {
.ext-benefits-media .media-teaser-text {
padding-bottom: 17px; } }
@media screen and (min-width: 61.875em) {
.ext-benefits-media > li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; }
.ext-benefits-media .media-teaser-content {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; }
.ext-benefits-media .media-teaser-footer {
padding: 0 20px; } }
/**DOC
Media (image/text) block
======================
```
Example 1
Example 2
Example 3
*/
.media {
margin: 0 0 20px 0; }
.media .media-object {
margin: 0 0 20px 0;
text-align: center; }
@media screen and (min-width: 61.875em) {
.media {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 40px; }
.media .media-object {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
text-align: left;
margin: 0 20px 0 0; }
.media .media-body {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; } }
@media screen and (max-width: 61.865em) {
.media-object img[width],
.media-object img[height] {
max-width: 100%;
height: auto; } }
.main-content .media-std p,
.main-content .media-std h3:not([class]),
.main-content .media-std h4:not([class]) {
margin-bottom: 10px; }
@media screen and (min-width: 61.875em) {
.main-content .media-std p:first-child,
.main-content .media-std h3:not([class]):first-child,
.main-content .media-std h4:not([class]):first-child {
margin-top: -5px; } }
@media screen and (min-width: 61.875em) {
.media-body.includes-footer {
position: relative;
padding-bottom: 88px; } }
@media screen and (min-width: 61.875em) {
.media-body .media-footer {
position: absolute;
bottom: 1px;
left: 0; } }
.media-footer-top .text-minor {
padding: 5px 0; }
@media screen and (min-width: 61.875em) {
.media-footer-top {
height: 48px;
line-height: 48px;
display: table-cell;
vertical-align: middle; } }
@media screen and (max-width: 61.865em) {
.media-footer-top {
margin: 12px 0; } }
/**DOC
Member card
======================
```
Exclusive1
Name
Heinz Einz
Kartennummer
1000 0000 0035 6306
Mitglied seit
15/10
*/
.member-card {
position: relative; }
.member-card-table {
width: 100%; }
.member-card-table th,
.member-card-table td {
text-align: left;
font-size: 0.875rem; }
.member-card-number {
white-space: nowrap; }
.member-card-bg {
max-width: 450px; }
.member-card-table-wrap {
position: relative; }
.member-card-print {
position: absolute; }
@media screen and (min-width: 61.875em) {
.member-card {
font-family: 'Source Code Pro', sans-serif;
display: inline-block;
padding: 0 0 33px 0;
margin: 0 27px 0 0; }
.member-card-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
.member-card-table {
color: #ffffff; }
.member-card-table thead th {
font-family: 'StoneBoldItalic', sans-serif;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
font-weight: normal;
text-align: right;
padding: 17px 20px 0 0;
text-transform: uppercase; }
.member-card-table tbody th {
display: none; }
.member-card-name {
display: block;
font-size: 1.25rem;
text-transform: uppercase;
position: absolute;
left: 20px;
bottom: 58px;
width: 408px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.member-card-number {
font-size: 1.625rem;
position: absolute;
left: 20px;
bottom: 86px; }
.member-card-since {
font-size: 1.3125rem;
position: absolute;
right: 19px;
top: 168px;
text-align: right; }
.member-card-since:after {
content: attr(data-attribute); }
.member-card-since:after,
.member-card-since-label {
display: block;
font-family: 'StoneBoldItalic', sans-serif;
font-size: 0.625rem /* #{$font-size}px */;
line-height: inherit; }
.member-card-code {
position: absolute;
right: 20px;
top: 60px;
line-height: 0;
max-width: 90px;
min-width: 90px;
min-height: 90px;
border: 5px solid #ffffff; }
.member-card-code img {
max-width: 100%;
height: auto; }
.member-card-table-wrap {
height: 100%; }
.member-card-print {
right: 0;
bottom: 0; } }
@media screen and (max-width: 61.865em) {
.member-card-table {
color: inherit !important; }
.member-card-table th,
.member-card-table td {
padding: 10px;
border-bottom: 1px solid #cdd2d2; }
.member-card-table thead th {
color: #5064aa;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; }
.member-card-table thead th:before {
content: attr(data-attribute);
padding: 0 2px 0 0; }
.member-card-table tbody th {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; }
.member-card-table tbody td {
text-align: right; }
.member-card-bg {
display: none; }
.member-card-print {
right: 10px;
top: 7px; }
.member-card-print .more-link-alt {
padding-left: 0; }
.member-card-print .more-link-alt:before {
content: none; }
.member-card-code {
text-align: center;
padding: 25px; } }
/**DOC
Misc
======================
```
Text logo title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
*/
.bonuses-toolbar {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
margin: 0 0 30px 0; }
.bonuses-toolbar .toolbar-action {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto; }
@media screen and (max-width: 61.865em) {
.bonuses-toolbar {
display: none !important; } }
@media screen and (max-width: 61.865em) {
.mobile-titled-h3:before {
content: attr(data-title);
display: block;
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */;
margin-bottom: 12px; } }
.text-logo-line {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.text-logo-line .ctx-logo {
margin: 0 0 0 20px;
line-height: 0; }
/**DOC
Mobile sorting dropdown
======================
```
Nach Preis aufsteigend
Nach Preis aufsteigend
Nach Name aufsteigend
Nach Name absteigen
```
*/
.mobile-sorting-dropdown {
width: calc(100% + (10px * 2));
margin-left: -10px;
cursor: pointer;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
opacity: 0;
-webkit-appearance: none;
height: 60px; }
@media screen and (min-width: 61.875em) {
.mobile-sorting-dropdown {
display: none; } }
.mobile-sorting-dropdown-trigger {
width: calc(100% + (10px * 2));
margin-left: -10px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 60px;
margin-top: -60px;
background-color: #ffffff;
border-bottom: 1px solid #bec3c3; }
@media screen and (min-width: 61.875em) {
.mobile-sorting-dropdown-trigger {
display: none; } }
.mobile-sorting-dropdown-trigger a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; }
.mobile-sorting-dropdown-trigger a:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 25px; }
/**DOC
Notifications
======================
Notification Layer to display messages. The classes prepared here are applied by modules\notification.js to build markup like this:
```
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
Hello Kitty Becher mit Süßigkeiten, 21g wurde zu Ihrem Warenkorb hinzugefügt.
Hello Kitty Becher mit Süßigkeiten, 21g
1
6,90 €
Bitte beachten Sie, dass einige Artikel ausschließlich von Reisenden mit einem gültigen Flugticket erworben werden können.
*/
.notification-error {
position: fixed;
top: -1000px;
left: 0;
width: 100%;
z-index: 1000;
border-top: 10px solid transparent;
display: none;
border-color: #bd1f17; }
.notification-error.state-active {
display: block; }
.notification-error .notification-content {
padding: 20px 20px 35px 20px; }
@media screen and (min-width: 61.875em) {
.notification-error .notification-content {
margin: 0 auto;
width: 990px;
padding: 25px 15px 25px 15px;
min-height: 112px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; } }
.notification-error .notification-content .notification-inner {
position: relative;
padding-left: 58px; }
.notification-error .notification-content .notification-inner:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 40px;
height: 40px;
line-height: 40px;
font-size: 40px;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0; }
.notification-error .notification-content .notification-inner .notification-message {
-webkit-align-self: center;
align-self: center;
margin-bottom: 0; }
.notification-error .notification-message,
.notification-error .notification-message h2,
.notification-error .notification-message h3 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
font-weight: normal; }
.notification-error .notification-message h2,
.notification-error .notification-message h3 {
margin-bottom: 10px; }
.notification-error .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.notification-error .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) {
.notification-error .notification-inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.notification-error .notification-inner .notification-message {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
margin-right: 15px; } }
@media screen and (max-width: 61.865em) {
.notification-error .buttons {
display: block;
margin: 20px 0 10px 0; } }
@media screen and (min-width: 61.875em) {
.notification-error .buttons {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: center;
align-self: center; } }
.notification-error .notification-wrapper {
background: #d72319; }
.notification-error .notification-content {
color: #ffffff; }
.notification-error .notification-message a {
color: #ffffff;
text-decoration: underline; }
.notification-notice {
position: fixed;
top: -1000px;
left: 0;
width: 100%;
z-index: 1000;
border-top: 10px solid transparent;
display: none;
border-color: #384678; }
.notification-notice.state-active {
display: block; }
.notification-notice .notification-content {
padding: 20px 20px 35px 20px; }
@media screen and (min-width: 61.875em) {
.notification-notice .notification-content {
margin: 0 auto;
width: 990px;
padding: 25px 15px 25px 15px;
min-height: 112px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; } }
.notification-notice .notification-content .notification-inner {
position: relative;
padding-left: 58px; }
.notification-notice .notification-content .notification-inner:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 40px;
height: 40px;
line-height: 40px;
font-size: 40px;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0; }
.notification-notice .notification-content .notification-inner .notification-message {
-webkit-align-self: center;
align-self: center;
margin-bottom: 0; }
.notification-notice .notification-message,
.notification-notice .notification-message h2,
.notification-notice .notification-message h3 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
font-weight: normal; }
.notification-notice .notification-message h2,
.notification-notice .notification-message h3 {
margin-bottom: 10px; }
.notification-notice .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.notification-notice .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) {
.notification-notice .notification-inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.notification-notice .notification-inner .notification-message {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
margin-right: 15px; } }
@media screen and (max-width: 61.865em) {
.notification-notice .buttons {
display: block;
margin: 20px 0 10px 0; } }
@media screen and (min-width: 61.875em) {
.notification-notice .buttons {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: center;
align-self: center; } }
.notification-notice .notification-wrapper {
background: #445591; }
.notification-notice .notification-content {
color: #ffffff; }
.notification-notice .notification-message a {
color: #ffffff;
text-decoration: underline; }
.notification-success {
position: fixed;
top: -1000px;
left: 0;
width: 100%;
z-index: 1000;
border-top: 10px solid transparent;
display: none;
border-color: #6f962c; }
.notification-success.state-active {
display: block; }
.notification-success .notification-content {
padding: 20px 20px 35px 20px; }
@media screen and (min-width: 61.875em) {
.notification-success .notification-content {
margin: 0 auto;
width: 990px;
padding: 25px 15px 25px 15px;
min-height: 112px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; } }
.notification-success .notification-content .notification-inner {
position: relative;
padding-left: 58px; }
.notification-success .notification-content .notification-inner:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 40px;
height: 40px;
line-height: 40px;
font-size: 40px;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0; }
.notification-success .notification-content .notification-inner .notification-message {
-webkit-align-self: center;
align-self: center;
margin-bottom: 0; }
.notification-success .notification-message,
.notification-success .notification-message h2,
.notification-success .notification-message h3 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
font-weight: normal; }
.notification-success .notification-message h2,
.notification-success .notification-message h3 {
margin-bottom: 10px; }
.notification-success .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.notification-success .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) {
.notification-success .notification-inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.notification-success .notification-inner .notification-message {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
margin-right: 15px; } }
@media screen and (max-width: 61.865em) {
.notification-success .buttons {
display: block;
margin: 20px 0 10px 0; } }
@media screen and (min-width: 61.875em) {
.notification-success .buttons {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: center;
align-self: center; } }
.notification-success .notification-wrapper {
background: #82af32; }
.notification-success .notification-content {
color: #ffffff; }
.notification-success .notification-message a {
color: #ffffff;
text-decoration: underline; }
.notification-warning {
position: fixed;
top: -1000px;
left: 0;
width: 100%;
z-index: 1000;
border-top: 10px solid transparent;
display: none;
border-color: #e6b517; }
.notification-warning.state-active {
display: block; }
.notification-warning .notification-content {
padding: 20px 20px 35px 20px; }
@media screen and (min-width: 61.875em) {
.notification-warning .notification-content {
margin: 0 auto;
width: 990px;
padding: 25px 15px 25px 15px;
min-height: 112px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; } }
.notification-warning .notification-content .notification-inner {
position: relative;
padding-left: 58px; }
.notification-warning .notification-content .notification-inner:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 40px;
height: 40px;
line-height: 40px;
font-size: 40px;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0; }
.notification-warning .notification-content .notification-inner .notification-message {
-webkit-align-self: center;
align-self: center;
margin-bottom: 0; }
.notification-warning .notification-message,
.notification-warning .notification-message h2,
.notification-warning .notification-message h3 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
font-weight: normal; }
.notification-warning .notification-message h2,
.notification-warning .notification-message h3 {
margin-bottom: 10px; }
.notification-warning .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.notification-warning .notification-message p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) {
.notification-warning .notification-inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.notification-warning .notification-inner .notification-message {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
margin-right: 15px; } }
@media screen and (max-width: 61.865em) {
.notification-warning .buttons {
display: block;
margin: 20px 0 10px 0; } }
@media screen and (min-width: 61.875em) {
.notification-warning .buttons {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: center;
align-self: center; } }
.notification-warning .notification-wrapper {
background: #ffc819; }
.notification-warning .notification-content {
color: #000000; }
.notification-warning .notification-message a {
color: #000000;
text-decoration: underline; }
@media screen and (max-width: 61.865em) {
.add-to-cart-notification {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; } }
@media screen and (min-width: 61.875em) {
.add-to-cart-notification {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; } }
.add-to-cart-notification:before {
display: none; }
.add-to-cart-notification .notification-message {
margin-bottom: 16px; }
.add-to-cart-notification .notification-product-info {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
margin-top: 10px; }
.add-to-cart-notification .notification-product-info:first-child {
margin-top: 0; }
.add-to-cart-notification .notification-product-info .product-title {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.875rem /* #{$line-height}px */;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: inherit;
width: 393px;
max-height: 60px; }
.add-to-cart-notification .notice {
position: relative;
width: 100%; }
.add-to-cart-notification .notice:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 15px;
height: 15px;
line-height: 15px;
font-size: 15px;
position: absolute;
top: 2px;
left: 0; }
.add-to-cart-notification .notice p {
padding-left: 30px; }
.add-to-cart-notification .buttons .btn-primary {
margin-left: 5px; }
@media screen and (max-width: 61.865em) {
.add-to-cart-notification .product {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2; }
.add-to-cart-notification .product .product-image,
.add-to-cart-notification .product .product-title,
.add-to-cart-notification .product .product-price {
display: none; }
.add-to-cart-notification .notice p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
.add-to-cart-notification .buttons {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; } }
@media screen and (min-width: 61.875em) {
.add-to-cart-notification .product {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 40px; }
.add-to-cart-notification .notification-product-info {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.add-to-cart-notification .notification-product-info .product-image,
.add-to-cart-notification .notification-product-info .product-title,
.add-to-cart-notification .notification-product-info .product-price {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-align-self: center;
align-self: center; }
.add-to-cart-notification .notification-product-info .product-image {
max-width: 80px;
padding-right: 20px; }
.add-to-cart-notification .notification-product-info .product-image img {
width: 80px;
height: auto; }
.add-to-cart-notification .notification-product-info .product-image:empty {
display: none; }
.add-to-cart-notification .notification-product-info .product-price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: inherit;
padding-left: 20px; }
.add-to-cart-notification .notice {
width: 60%; }
.add-to-cart-notification .notice p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
.add-to-cart-notification .buttons {
padding-left: 40px; } }
.orders-history .paging {
margin-top: 20px; }
@media screen and (max-width: 61.865em) {
.orders-history .paging-wrap {
text-align: center; }
.orders-history .paging {
display: inline-block;
white-space: nowrap;
padding: 0 36px; }
.orders-history .paging .paging-next {
margin-right: -36px; }
.orders-history .paging .paging-prev {
margin-left: -36px; }
.orders-history .paging-amount {
display: block;
margin: 10px 0 0;
text-align: center; } }
.order-row-link {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100vw; }
@media screen and (max-width: 61.865em) {
.no-orders-msg {
margin: 20px 0 0 0; } }
/**DOC
Pagination Dots
===============
Small dots for pagination-like navigation.
```
*/
.pagination-dots {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.pagination-dots > li, .pagination-dots-dot {
height: 40px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 18px;
flex: 0 0 18px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-indent: -9999px;
cursor: pointer; }
.pagination-dots > li:before, .pagination-dots-dot:before {
position: absolute;
top: 50%;
left: 50%;
content: '';
background: #aaafaf;
width: 12px;
height: 12px;
margin: -6px 0 0 -6px;
border-radius: 6px; }
.pagination-dots > li.slick-active:before, .pagination-dots > li.state-active:before, .pagination-dots-dot.slick-active:before, .pagination-dots-dot.state-active:before {
background: #82af32; }
/**DOC
Pagination
======================
```
*/
.paging {
text-align: center;
margin-top: 35px; }
@media screen and (max-width: 61.865em) {
.paging {
display: none !important; } }
.paging li {
margin-right: 2px;
margin-left: 2px;
list-style: none;
display: inline; }
.paging li.cur {
cursor: default;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #82af32; }
@media screen and (max-width: 61.865em) {
.paging li {
margin-left: 7px;
margin-right: 7px; } }
.paging a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.paging a:hover {
color: #82af32; }
.paging .paging-dotdotdot {
cursor: default;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.paging .paging-first {
margin-right: 15px; }
.paging .paging-last {
margin-left: 15px; }
.paging .paging-prev {
margin-right: 15px; }
.paging .paging-prev a {
font-size: 1.25rem; }
.paging .paging-prev a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
.paging .paging-next {
margin-left: 15px; }
.paging .paging-next a {
font-size: 1.25rem; }
.paging .paging-next a:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
@media screen and (min-width: 61.875em) {
.paging-mobile {
display: none !important; } }
.paging-mobile .more-button {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #adb9d8;
border-bottom-color: #8296c8;
width: 100%;
margin-top: 10px; }
.paging-mobile .more-button:focus, .paging-mobile .more-button:active, .paging-mobile .more-button:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.paging-mobile .more-button:hover, .paging-mobile .more-button:active {
background-color: #bcc6e0; } }
.paging-amount {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
margin: -17px 0 0 0; }
.paging-amount.no-paging {
margin: 20px 0 0 0; }
/**DOC
Payment methods widget
======================
```
*/
.payment-methods-widget {
padding: 10px;
background: #f6f6f6;
margin: 2px 0; }
@media screen and (min-width: 61.875em) {
.payment-methods-widget {
padding: 25px 38px; } }
@media screen and (max-width: 61.865em) {
.payment-methods-widget {
text-align: center; } }
.payment-methods-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: -10px; }
.payment-methods-list > li {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
padding: 10px; }
@media screen and (min-width: 61.875em) {
.payment-methods-list {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; } }
/**DOC
Price boxes
======================
Price boxes using magento default markup
```
Regulärer Preis:
1.350,00 €
Special Price
1.200,00 €
50,00 €/40 g
*/
.tax-details {
display: none; }
.price-label {
display: none; }
/** According to design this should currently not be displayed */
.delivery-time {
display: none; }
.price {
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) {
.price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) {
.price-box .price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.875rem /* #{$line-height}px */; } }
.old-price {
display: block; }
.old-price .price {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
color: #adb9d8;
text-decoration: line-through; }
.old-price-info {
margin-bottom: 10px; }
@media screen and (max-width: 61.865em) {
.old-price-info {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #adb9d8; } }
@media screen and (min-width: 61.875em) {
.old-price-info {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */;
color: #adb9d8; } }
.special-price {
display: block; }
.special-price .price {
color: #d72319; }
.base-price-info {
display: block;
color: #5064aa;
padding: 6px 0 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */; }
.base-price-info a {
text-decoration: underline; }
.quantity-input {
display: inline-block;
position: relative;
padding: 0 54px; }
.quantity-input .input-text {
width: 40px;
padding-left: 0;
padding-right: 0;
text-align: center; }
.quantity-input.state-error .input-text {
border-color: #d72319; }
.quantity-input.state-error .input-text,
.quantity-input.state-error .btn-quantity-up,
.quantity-input.state-error .btn-quantity-down {
color: #d72319; }
@media screen and (max-width: 61.865em) {
.quantity-input {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.quantity-input .input-text {
border-left: 1px solid #cdd2d2;
border-right: 1px solid #cdd2d2;
border-bottom: 0;
background: none;
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none; }
.quantity-input .btn-quantity-up,
.quantity-input .btn-quantity-down {
position: absolute;
top: 8px; }
.quantity-input .btn-quantity-up {
right: auto;
left: 50%;
margin-left: 27px; }
.quantity-input .btn-quantity-down {
left: auto;
right: 50%;
margin-right: 27px; } }
.btn-quantity-up,
.btn-quantity-down {
position: absolute;
top: 0;
color: #5064aa;
background: none;
border: 0;
width: 54px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
padding: 0; }
.btn-quantity-up::-moz-focus-inner,
.btn-quantity-down::-moz-focus-inner {
border: 0;
padding: 0; }
.btn-quantity-up {
right: 0; }
.btn-quantity-up:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
.btn-quantity-down {
left: 0; }
.btn-quantity-down:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
/**DOC
Quantity with label
======================
This is basically a wrapper for a quantity input. It modifies the quantity label to be displayed beside
the input on mobile devices.
Usage:
```
Quantity
*/
@media screen and (max-width: 61.865em) {
.quantity-with-label {
position: relative;
border-bottom: 1px solid #cdd2d2; }
.quantity-with-label .label {
display: block;
position: absolute;
top: 0;
left: 0; } }
/**DOC
Radio Buttons
======================
Styles for toggles aka radio buttons
```
*/
.radio-buttons {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%; }
@media screen and (max-width: 61.865em) {
.radio-buttons {
padding-left: 10px;
padding-right: 10px; } }
.radio-buttons-option {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
border-left: 1px solid #cdd2d2; }
.radio-buttons-option.state-active,
.radio-buttons-option.state-active + .radio-buttons-option, .radio-buttons-option:first-child {
border-left: 0; }
.radio-buttons-option > button {
display: block;
width: 100%; }
/**DOC
Responsive image wrapper
========================
```
*/
.responsive-image img {
display: block;
width: 100%; }
@media screen and (min-width: 61.875em) {
.responsive-image.responsive-image-mobile {
display: none !important; } }
@media screen and (max-width: 61.865em) {
.responsive-image.responsive-image-mobile {
display: block !important; } }
@media screen and (max-width: 61.865em) {
.responsive-image.responsive-image-desktop {
display: none !important; } }
@media screen and (min-width: 61.875em) {
.responsive-image.responsive-image-desktop {
display: block !important; } }
.retailer-common header[role="banner"],
.retailer-common div[rel="footer.fraport.sso"],
.retailer-common .slider {
display: none; }
.retailer-common .my-data-table {
margin-bottom: 35px; }
.retailer-common .grid-row {
display: block; }
@media screen and (min-width: 61.875em) {
.retailer-common .grid-row {
display: -webkit-box;
display: -webkit-flex;
display: flex; } }
@media screen and (max-width: 61.865em) {
.retailer-common .grid-cell > div:first-child {
display: inline-block; } }
@media screen and (min-width: 61.875em) {
.retailer-common .grid-cell {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
width: 50%; }
.retailer-common .grid-cell:first-child {
text-align: left; } }
.retailer-common .location-table {
width: 100%;
table-layout: fixed;
margin-bottom: 40px; }
.retailer-common .location-table .col-visual {
width: 80px;
padding: 10px; }
@media screen and (min-width: 61.875em) {
.retailer-common .location-table .col-visual {
width: 60px;
padding: 0; } }
.retailer-common .location-table .col-pin {
width: 40px;
text-align: center; }
@media screen and (min-width: 61.875em) {
.retailer-common .location-table .col-pin {
width: 60px; } }
.retailer-common .location-table .col-location {
max-width: 300px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; }
@media screen and (max-width: 61.865em) {
.retailer-common .location-table .col-location {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
line-height: 22px; } }
.retailer-common .location-table .col-location .location-title {
width: 100%;
display: block; }
@media screen and (max-width: 61.865em) {
.retailer-common .location-table .col-location .location-title {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
color: #5064aa; } }
@media screen and (min-width: 61.875em) {
.retailer-common .location-table .col-location .location-title {
display: none !important; } }
@media screen and (min-width: 61.875em) {
.retailer-common .location-table .col-opening-hours {
width: auto; } }
@media screen and (max-width: 61.865em) {
.retailer-common .location-table .col-opening-hours {
display: none !important; } }
.retailer-common .location-table .col-navigation {
width: 60px; }
.retailer-common .location-table .col-more {
width: 30px; }
.retailer-common .location-table thead {
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.retailer-common .location-table thead {
display: none !important; } }
.retailer-common .location-table th {
line-height: 40px; }
.retailer-common .location-table td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px solid #bec3c3;
line-height: 60px; }
@media screen and (min-width: 61.875em) {
.retailer-common .location-table tr:nth-child(even) td {
background: #e8edf8; } }
.retailer-common .location-table .location-pin {
position: relative; }
.retailer-common .location-table .location-pin:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
font-size: 2.1875rem; }
.retailer-common .location-table .location-pin span {
position: absolute;
top: -2px;
left: 0;
bottom: 0;
right: 0;
color: #ffffff; }
.retailer-common .location-table .navigation {
background-color: rgba(80, 100, 170, 0.5);
border-radius: 50%;
height: 40px;
width: 40px;
display: block; }
.retailer-common .location-table .navigation .icon {
display: block;
height: 40px;
width: 40px;
padding: 5px;
position: relative; }
.retailer-common .location-table .navigation .icon:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #ffffff;
font-size: 2.25rem;
position: absolute;
top: 2px;
left: 2px; }
.retailer-common .homepage-service-teaser {
margin-top: 40px; }
.retailer-common .retailer-detail-wrapper .retailer-information:before, .retailer-common .retailer-detail-wrapper .retailer-information:after {
content: ' ';
display: table; }
.retailer-common .retailer-detail-wrapper .retailer-information:after {
clear: both; }
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container {
margin-bottom: 1.0625rem /* #{$px}px */; }
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container:before, .retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container:after {
content: ' ';
display: table; }
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container:after {
clear: both; }
@media screen and (min-width: 61.875em) {
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container {
margin-bottom: 1.25rem /* #{$px}px */; } }
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container .headline-two {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
@media screen and (min-width: 61.875em) {
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container .headline-two {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-bottom: 0rem /* #{$px}px */; } }
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container.ext-row-nobreak {
padding-top: 40px; }
@media screen and (min-width: 61.875em) {
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container.ext-row-nobreak {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding-top: 0; } }
@media screen and (max-width: 61.865em) {
.retailer-common .retailer-detail-wrapper .retailer-information .headline-logo-container.ext-row-nobreak .headline-two {
display: none !important; } }
@media screen and (min-width: 61.875em) {
.retailer-common .retailer-detail-wrapper .retailer-information .retailer-info-media {
margin: 0 -15px; }
.retailer-common .retailer-detail-wrapper .retailer-information .retailer-info-media:after {
content: "";
display: table;
clear: both; }
.retailer-common .retailer-detail-wrapper .retailer-information .retailer-info-media .retailer-info-media-col {
float: left;
width: 50%;
padding: 0 15px; } }
@media screen and (min-width: 61.875em) {
.retailer-common .retailer-detail-wrapper .retailer-information .description-container {
margin-top: -0.375rem /* #{$px}px */; } }
@media screen and (max-width: 61.865em) {
.retailer-common .retailer-detail-wrapper .retailer-information .image-rating-links-container {
margin-top: 0.3125rem /* #{$px}px */; }
.retailer-common .retailer-detail-wrapper .retailer-information .image-rating-links-container .links {
margin-bottom: 25px; } }
.retailer-common .retailer-detail-wrapper .retailer-information .image-rating-links-container .simple-links-list {
margin-top: 20px;
margin-bottom: 25px; }
.retailer-common .retailer-detail-wrapper .retailer-information .image-rating-links-container .rating {
margin-top: 1.3125rem /* #{$px}px */;
margin-bottom: 1rem /* #{$px}px */; }
@media screen and (min-width: 61.875em) {
.retailer-common .retailer-detail-wrapper .retailer-information .image-rating-links-container .rating {
margin-top: 1.25rem /* #{$px}px */;
margin-bottom: 0.9375rem /* #{$px}px */; } }
.retailer-common .retailer-detail-wrapper .widget-height-productsingle {
min-height: inherit; }
@media screen and (min-width: 61.875em) {
.retailer-common .retailer-detail-wrapper .border-container {
margin-top: -0.625rem /* #{$px}px */;
clear: both;
border-bottom: 1px solid #ededed;
height: 30px;
margin-bottom: 30px; }
.retailer-common .retailer-detail-wrapper .border-container:before, .retailer-common .retailer-detail-wrapper .border-container:after {
content: ' ';
display: table; }
.retailer-common .retailer-detail-wrapper .border-container:after {
clear: both; } }
.retailer-common .fra-map {
margin-bottom: 40px; }
.retailer-common .fra-map.fullwidth {
height: 570px; }
.retailer-common .more:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
font-size: 1.375rem; }
.retailer-common .more:after {
text-decoration: underline; }
* .retailer-common .more:after {
text-decoration: none; }
@media screen and (max-width: 61.865em) {
.retailer-common .widget-height-productsingle,
.retailer-common .locationlist-wrapper {
margin-left: -10px;
margin-right: -10px; } }
/**DOC
Ribbon
======================
A ribbon in the upper left corner of a container (that should have overflow: hidden)
```
Ribbon boxes can be placed everywhere
*/
.ribbon-red {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 63.64286px;
height: 63.64286px;
margin: -31.82143px;
float: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #d72319; }
.ribbon-red > span {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #ffffff; }
.ribbon-red > span {
padding: 0 0 4% 0; }
.ribbon-green {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 63.64286px;
height: 63.64286px;
margin: -31.82143px;
float: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #a5c86e; }
.ribbon-green > span {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #ffffff; }
.ribbon-green > span {
padding: 0 0 4% 0; }
.ribbon-box-red {
overflow: hidden;
width: 45px;
height: 45px; }
.ribbon-box-red > span {
width: 63.64286px;
height: 63.64286px;
margin: -31.82143px; }
.ribbon-box-red > span > span {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #ffffff; }
.ribbon-box-red > span {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
float: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #d72319; }
.ribbon-box-red > span > span {
padding: 0 0 4% 0; }
.ribbon-box-green {
overflow: hidden;
width: 45px;
height: 45px; }
.ribbon-box-green > span {
width: 63.64286px;
height: 63.64286px;
margin: -31.82143px; }
.ribbon-box-green > span > span {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #ffffff; }
.ribbon-box-green > span {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
float: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #a5c86e; }
.ribbon-box-green > span > span {
padding: 0 0 4% 0; }
[data-product-additional] {
overflow: hidden; }
/**DOC
Services list
======================
```
*/
.services-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -2px -2px 0; }
.services-list > li {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
padding: 0 2px 2px 0;
width: 50%; }
@media screen and (min-width: 61.875em) {
.services-list {
margin: 0 0 0 -2px;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
.services-list > li {
width: 25%;
padding: 0 0 0 2px; } }
aside .services-list {
margin-bottom: 28px; }
@media screen and (min-width: 61.875em) {
aside .services-list {
display: block;
margin: 0 0 30px 0;
width: 200px; }
aside .services-list > li {
width: auto;
padding: 0 0 2px 0; } }
.service-tile {
display: block;
background: #8296c8;
padding: 0 10px 10px 10px;
position: relative;
min-height: 169px; }
.service-tile, .service-tile:hover, .service-tile:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.service-tile {
min-height: 239px;
padding: 0 18px 18px 18px; } }
@media screen and (min-width: 61.875em) {
aside .service-tile {
min-height: 200px; } }
.service-image {
display: block;
text-align: center;
height: 110px;
line-height: 110px; }
.service-image img {
max-height: 50%; }
@media screen and (min-width: 61.875em) {
.service-image {
height: 152px;
line-height: 152px; }
.service-image img {
max-height: none; } }
@media screen and (min-width: 61.875em) {
aside .service-image {
height: 110px;
line-height: 110px; } }
.service-title {
display: block;
margin: 0 0 3px 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.service-title {
margin: 0 0 9px 0;
font-size: 22px; } }
.service-subtitle {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: inherit;
display: block; }
@media screen and (min-width: 61.875em) {
.service-subtitle {
font-size: 16px; } }
.service-text {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px; }
@media screen and (min-width: 61.875em) {
.service-text {
bottom: 18px;
left: 18px;
right: 18px; } }
.service-teaser-backup {
margin: 30px 0 0 0; }
/**DOC
Shopping Table
======================
```
*/
@media screen and (min-width: 61.875em) {
.shopping-table {
border-bottom: 1px solid #bec3c3; } }
.shopping-table.no-border-bottom {
border-bottom: 0; }
.shopping-table-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 10px;
flex: 0 0 10px;
-webkit-align-self: center;
align-self: center; }
.shopping-table-col.col-image {
-webkit-flex-basis: 80px;
flex-basis: 80px; }
@media screen and (max-width: 61.865em) {
.shopping-table-col.col-info .shopping-table-item-opts {
display: none !important; } }
.shopping-table-col.col-delivery-method {
-webkit-flex-basis: 145px;
flex-basis: 145px; }
.shopping-table-col.col-quantity {
-webkit-flex-basis: 140px;
flex-basis: 140px;
width: 140px; }
.shopping-table-col.col-price, .shopping-table-col.col-total {
text-align: right;
-webkit-flex-basis: 90px;
flex-basis: 90px; }
.shopping-table-col.col-price .shopping-table-item-opts, .shopping-table-col.col-total .shopping-table-item-opts {
display: none; }
@media screen and (max-width: 61.865em) {
.shopping-table-col.col-price, .shopping-table-col.col-total {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.shopping-table-col.col-price .shopping-table-item-opts, .shopping-table-col.col-total .shopping-table-item-opts {
display: block; }
.shopping-table-col.col-price .shopping-table-item-opts,
.shopping-table-col.col-price .cart-price, .shopping-table-col.col-total .shopping-table-item-opts,
.shopping-table-col.col-total .cart-price {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: center;
align-self: center; }
.shopping-table-col.col-price .shopping-table-item-opts, .shopping-table-col.col-total .shopping-table-item-opts {
text-align: left; }
.shopping-table-col.col-price .cart-price, .shopping-table-col.col-total .cart-price {
text-align: right; } }
.shopping-table-col.col-validation {
-webkit-flex-basis: auto;
flex-basis: auto;
width: calc(100% - 20px);
padding-top: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #bec3c3; }
@media screen and (max-width: 61.865em) {
.shopping-table-col.col-validation {
padding-top: 0;
padding-bottom: 0;
border-bottom: 0;
width: calc(100% - 10px); } }
.shopping-table-col.col-validation.state-compact {
padding-bottom: 0;
border-bottom: 0; }
.shopping-table-col.is-flexible {
-webkit-flex-shrink: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; }
.shopping-table-col.small-text {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.shopping-table-col {
margin: 0 10px; } }
@media screen and (max-width: 61.865em) {
.shopping-table-col {
margin: 0 5px;
-webkit-align-self: flex-start;
align-self: flex-start; }
.shopping-table-col.col-info {
-webkit-flex-basis: calc(100% - 100px);
flex-basis: calc(100% - 100px); }
.shopping-table-col.col-delivery-method, .shopping-table-col.col-quantity {
margin: 0 -5px;
-webkit-flex-basis: calc(100% + 10px);
flex-basis: calc(100% + 10px); }
.shopping-table-col.col-quantity {
margin-top: 10px; }
.shopping-table-col.col-price, .shopping-table-col.col-total {
margin: 20px 0 0 0;
padding: 0 5px;
width: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%; }
.shopping-table-col .price {
font-size: 0.875rem;
line-height: 0.875rem; } }
.shopping-table-header1 {
border-bottom: 1px solid #bec3c3;
border-top: 1px solid #bec3c3; }
.shopping-table-header1 .shopping-table-col {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem;
line-height: 1rem;
color: #5064aa;
overflow: hidden;
text-overflow: ellipsis;
margin-top: -3px;
margin-bottom: -3px; }
.shopping-table-header .shopping-table-col.col-delivery-method, .shopping-table-header .shopping-table-col.col-quantity {
text-align: center; }
.shopping-table-header .shopping-table-col.col-price, .shopping-table-header .shopping-table-col.col-total {
text-align: right; }
@media screen and (max-width: 61.865em) {
.shopping-table-header {
display: none !important; } }
.shopping-table-row {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
@media screen and (min-width: 61.875em) {
.shopping-table-row {
width: calc(100% + 20px);
margin: 20px -10px; } }
@media screen and (max-width: 61.865em) {
.shopping-table-row {
width: 100%;
margin: 0;
padding: 10px 5px;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
border-bottom: 1px solid #bec3c3; }
.shopping-table-row.side-by-side-mobile {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
.shopping-table-row.side-by-side-mobile .col-info {
max-width: none;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.shopping-table-row.side-by-side-mobile .col-total {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; } }
@media screen and (max-width: 61.865em) {
.shopping-table-row.is-mobile-divider {
border-bottom-width: 2px; } }
@media screen and (max-width: 61.865em) {
.shopping-table-row.has-trailing-selectbox {
padding-bottom: 0; } }
.shopping-table-thumb img {
border: 1px solid #ededed; }
.shopping-table-item-title {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.1875rem /* #{$line-height}px */;
color: #5064aa;
margin: 0 0 3px; }
@media screen and (min-width: 61.875em) {
.shopping-table-item-desc {
min-height: 33px;
margin: 0 0 7px; } }
.shopping-table-item-desc,
.shopping-table-item-date {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.shopping-table-item-desc,
.shopping-table-item-date {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (max-width: 61.865em) {
.shopping-table-item-desc,
.shopping-table-item-date {
font-size: 0.625rem; } }
@media screen and (min-width: 61.875em) {
.shopping-table-item-date {
display: inline-block;
padding-right: 15px; } }
.shopping-table-item-opts {
display: inline-block; }
.shopping-table-item-opt {
padding: 0;
border: 0;
background: none;
color: #5064aa;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
.shopping-table-item-opt::-moz-focus-inner {
border: 0;
padding: 0; }
.shopping-table-item-opt:hover {
color: #82af32; }
.shopping-table-item-opt + .shopping-table-item-opt {
margin-left: 22px; }
.shopping-table-item-opt.opt-edit:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1.4375rem; }
@media screen and (max-width: 61.865em) {
.shopping-table-item-opt.opt-edit:before {
font-size: 1.58125rem; } }
.shopping-table-item-opt.opt-wishlist:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1.0625rem; }
@media screen and (max-width: 61.865em) {
.shopping-table-item-opt.opt-wishlist:before {
font-size: 1.16875rem; } }
@media screen and (min-width: 61.875em) {
.shopping-table-item-opt.opt-to-cart {
display: none !important; } }
.shopping-table-item-opt.opt-to-cart:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1.4375rem;
position: relative;
top: -4px; }
@media screen and (max-width: 61.865em) {
.shopping-table-item-opt.opt-to-cart:before {
font-size: 1.58125rem; } }
.shopping-table-item-opt.opt-remove:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1rem;
position: relative;
top: -1px; }
@media screen and (max-width: 61.865em) {
.shopping-table-item-opt.opt-remove:before {
font-size: 1.1rem; } }
.shopping-table-ribbon-discount {
position: absolute;
top: -1px;
right: 0;
overflow: hidden;
width: 60px;
height: 60px; }
.shopping-table-ribbon-discount > span {
width: 84.85714px;
height: 84.85714px;
margin: -42.42857px; }
.shopping-table-ribbon-discount > span > span {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.33333rem /* #{$line-height}px */;
color: #ffffff; }
.shopping-table-ribbon-discount > span {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
float: right;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #d72319; }
.shopping-table-ribbon-discount > span > span {
padding: 0 0 4% 0; }
@media screen and (min-width: 61.875em) {
.shopping-table-ribbon-discount {
top: 1px;
left: 1px;
width: 45px;
height: 45px; }
.shopping-table-ribbon-discount > span {
width: 63.64286px;
height: 63.64286px;
margin: -31.82143px; }
.shopping-table-ribbon-discount > span > span {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #ffffff; }
.shopping-table-ribbon-discount > span {
float: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); } }
@media screen and (max-width: 61.865em) {
.col-image .shopping-table-ribbon-discount {
display: none !important; } }
@media screen and (min-width: 61.875em) {
.col-info .shopping-table-ribbon-discount {
display: none !important; } }
.shopping-cart-chrome {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
@media screen and (min-width: 61.875em) {
.shopping-cart-chrome {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: 12px 0; }
.shopping-cart-chrome .col-left {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
flex: 0 1 50%; }
.shopping-cart-chrome .col-right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
margin: 0 0 0 40px; }
.shopping-cart-chrome .flex-buttons {
margin: 0;
position: relative; } }
@media screen and (max-width: 61.865em) {
.shopping-cart-chrome {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 61.875em) {
.shopping-cart-footer {
border-top: 1px solid #cdd2d2;
border-bottom: 1px solid #cdd2d2;
padding: 5px 0 28px 0;
margin: 30px 0; }
.shopping-cart-footer .col-left {
padding-top: 15px; }
.shopping-cart-footer .totals-label {
-webkit-flex-basis: 60%;
flex-basis: 60%; }
.shopping-cart-footer .totals-price {
-webkit-flex-basis: 40%;
flex-basis: 40%; } }
@media screen and (max-width: 61.865em) {
.shopping-cart-footer .totals {
padding-left: 0;
padding-right: 0; } }
.shopping-cart-footer .flex-buttons {
margin-top: 20px; }
.shopping-cart-advice {
color: #aaafaf;
position: relative;
padding: 0 0 0 28px; }
.shopping-cart-advice:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
position: absolute;
left: 0;
top: 2px; }
@media screen and (min-width: 61.875em) {
.shopping-cart-advice {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin: 0 0 14px 0; } }
@media screen and (max-width: 61.865em) {
.shopping-cart-advice {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 0.8125rem /* #{$line-height}px */;
padding-top: 4px;
margin: 0; } }
.cart-empty {
padding: 0 10px 60px 10px;
border-bottom: 1px solid #cdd2d2;
margin: 0 -10px 20px -10px; }
@media screen and (min-width: 61.875em) {
.cart-empty {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 0 27px 0;
margin: 0 0 20px 0; } }
.cart-empty-msg {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.cart-empty-msg {
border-bottom: 1px solid #cdd2d2;
margin: 0 -10px 10px -10px;
text-align: center;
position: relative; }
.cart-empty-msg:before {
content: '';
display: block;
background: #e8edf8 url("../images/cart_empty.png") no-repeat;
background-size: 100% auto;
padding: 119.87076% 0 0 0; }
.cart-empty-msg > span {
position: absolute;
display: block;
left: 0;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); } }
@media screen and (min-width: 61.875em) {
.cart-empty-msg {
font-size: 1.125rem; } }
.cart-shopping-info {
margin: 0 0 30px 0; }
@media screen and (min-width: 61.875em) {
.cart-delivery-method-group {
margin-top: 60px; } }
@media screen and (max-width: 61.865em) {
.cart-delivery-method-group {
margin-top: 30px; } }
@media screen and (min-width: 61.875em) {
.cart-delivery-method-group .cart-delivery-method-headline {
margin-bottom: 25px; } }
@media screen and (max-width: 61.865em) {
.cart-delivery-method-group .cart-delivery-method-headline {
border-top: 1px solid #5064aa;
margin-top: -1px;
border-bottom: 0; } }
.cart-delivery-method-group:first-child {
margin-top: 0; }
@media screen and (min-width: 61.875em) {
.cart-delivery-method-group.is-aligned-with-button {
margin-top: -38px; } }
.cart-retailer-group + .cart-retailer-group {
margin-top: 40px; }
@media screen and (max-width: 61.865em) {
.cart-retailer-group + .cart-retailer-group.is-attached-mobile {
margin-top: -1px; } }
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
height: 100%;
min-height: 1px;
display: none; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-slide:focus {
outline: none; }
.slick-arrow.slick-hidden {
display: none; }
.slick-dots {
margin-top: 10px; }
.slick-arrow {
position: absolute;
z-index: 1;
top: 50%;
margin-top: -20px; }
.slick-arrow.slick-disabled {
opacity: 0.35; }
.slick-prev-fluid {
left: -60px; }
@media screen and (max-width: 1060px) {
.slick-prev-fluid {
left: -20px; } }
@media screen and (max-width: 61.865em) {
.slick-prev-fluid {
left: 10px; } }
.slick-prev-inside {
left: 10px; }
.slick-next-fluid {
right: -60px; }
@media screen and (max-width: 1060px) {
.slick-next-fluid {
right: -20px; } }
@media screen and (max-width: 61.865em) {
.slick-next-fluid {
right: 10px; } }
.slick-next-inside {
right: 10px; }
.stage {
margin: 0 0 34px 0;
position: relative;
height: 540px;
overflow: hidden; }
.stage.ready {
height: auto;
overflow: visible; }
.stage-item {
position: relative; }
@media screen and (max-width: 61.865em) {
.stage-item {
padding: 0 10px 10px 10px; } }
.stage-item-inner {
position: relative; }
.stage-item-inner:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6));
background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6)); }
@media screen and (max-width: 61.865em) {
.stage-item-inner {
margin: 0 -10px 10px -10px; } }
.stage-item-content {
position: absolute;
bottom: 18px;
left: 10px;
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.stage-item-content {
left: 52px;
bottom: 108px; } }
.stage-item-title {
font-family: 'StoneItalic', sans-serif;
font-size: 1.125rem /* #{$font-size}px */;
line-height: inherit;
font-weight: normal;
margin: 0 0 5px 0; }
@media screen and (min-width: 61.875em) {
.stage-item-title {
font-size: 3rem;
margin-bottom: 10px; } }
.stage-item-text {
font-family: 'StoneItalic', sans-serif;
font-size: 0.625rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.stage-item-text {
font-size: 1.5rem; } }
@media screen and (min-width: 61.875em) {
.stage-item-btn {
position: absolute;
left: 52px;
bottom: 42px; } }
@media screen and (max-width: 61.865em) {
.stage-item-btn {
width: 100%;
display: block;
box-sizing: border-box; } }
.stage-arrow {
margin-top: -30px; }
/**DOC
Tabs
======================
Simple tabs behaviour. 'state-active' classes etc. is handled by JS. Desktop styles only currently!
```
Tab Content
Tab Content
Tab Content
*/
.tabs-wrapper {
margin-bottom: 40px; }
.tabs-wrapper .tabs {
margin-bottom: 10px; }
@media screen and (min-width: 61.875em) {
.tabs-wrapper .tabs {
margin-bottom: 30px; } }
.tabs-wrapper .tabs ul {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
@media screen and (max-width: 61.865em) {
.tabs-wrapper .tabs ul {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; } }
.tabs-wrapper .tabs li {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.tabs-wrapper .tabs li:first-child a {
padding-left: 0; }
.tabs-wrapper .tabs li.state-active a {
color: #82af32; }
.tabs-wrapper .tabs li a {
display: inline-block;
padding: 10px 20px; }
.tabs-wrapper .tabs-content {
display: none;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */; }
.tabs-wrapper .tabs-content.state-active {
display: block; }
@media screen and (max-width: 61.865em) {
.tabs-wrapper .tabs-content {
padding: 0 10px; } }
/**DOC
Text with Info
======================
Displays Text with additional information text on the side.
```
*/
.text-with-info {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.text-with-info-text {
-webkit-box-flex: 0;
-webkit-flex: 0 1 100%;
flex: 0 1 100%; }
.text-with-info-text .text-with-info-headline {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
margin: 0; }
.text-with-info-aside {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
text-align: right; }
@media screen and (min-width: 61.875em) {
.text-with-info {
margin: 15px 0; } }
@media screen and (max-width: 61.865em) {
.text-with-info {
background: #f6f6f6;
padding: 23px 10px;
border-top: 1px solid #5064aa;
border-bottom: 1px solid #5064aa; }
.text-with-info .text-with-info-headline {
line-height: 0.875rem; } }
/**DOC
Redemption options list
======================
```
Versand Prämien-Code per E-Mail und ausdruckbar
Online einlösbar
Vor Ort einlösbar
*/
@media screen and (min-width: 61.875em) {
.voucher-details-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row-reverse;
flex-flow: row-reverse; }
.voucher-details-grid .ctx-col-l {
-webkit-box-flex: 0;
-webkit-flex: 0 468px;
flex: 0 468px;
margin: 0 20px 0 0; }
.voucher-details-grid .ctx-col-r {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; } }
.voucher-details-section {
margin: 15px 0; }
.voucher-details-section small {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem; }
.redemption-options {
margin: 16px 0 26px; }
@media screen and (min-width: 61.875em) {
.redemption-options {
margin-bottom: 16px; } }
.redemption-options > li {
position: relative;
padding: 0 0 0 36px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin: 10px 0; }
.redemption-options > li:before {
position: absolute;
left: 0;
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #5064aa; }
.redemption-options > li.online:before {
content: "";
font-size: 1.5625rem;
top: -7px; }
.redemption-options > li.stationary:before {
content: "";
font-size: 1.3125rem;
top: -1px; }
.redemption-options > li.email:before {
content: "";
font-size: 1.3125rem;
top: -1px; }
.voucher-code {
margin: 20px 0; }
@media screen and (max-width: 61.865em) {
.voucher-code {
text-align: center; } }
.voucher-code-img {
margin: 0 0 20px 0; }
@media screen and (min-width: 61.875em) {
.voucher-code-img {
margin: 0 20px 0 0; } }
.voucher-code-txt {
margin-bottom: 15px; }
@media screen and (min-width: 61.875em) {
.voucher-code-txt {
color: #5064aa; } }
.voucher-image {
margin-top: 6px; }
.voucher-code-label {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
display: block;
margin: 0 0 13px 0; }
.voucher-code-date {
display: block;
margin: 12px 0 0 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.voucher-code-date {
margin: 8px 0 0 0; } }
@media screen and (min-width: 61.875em) {
.voucher-confirmation .voucher-success-message {
margin-bottom: 30px; }
.voucher-confirmation .voucher-success-message p ~ br {
display: none; }
.voucher-confirmation .voucher-confirmation-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.voucher-confirmation .voucher-confirmation-grid .col-left,
.voucher-confirmation .voucher-confirmation-grid .col-right {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.voucher-confirmation .voucher-confirmation-grid .col-left {
min-width: 234px;
max-width: 234px;
margin-right: 20px; }
.voucher-confirmation .voucher-details-section {
margin: 0; }
.voucher-confirmation .voucher-details-section .paragraph-standard {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #5064aa; }
.voucher-confirmation .voucher-redeem-link {
margin-bottom: 30px; }
.voucher-confirmation .voucher-redeem-link p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #5064aa; }
.voucher-confirmation .voucher-redeem-link a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #666666; }
.voucher-confirmation .voucher-conditions-section {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; }
.voucher-confirmation .voucher-conditions-section h4 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; } }
@media screen and (max-width: 61.865em) {
.voucher-confirmation {
padding: 16px 0 0 0; }
.voucher-confirmation > h3 {
margin-bottom: 12px; }
.voucher-confirmation .voucher-image {
text-align: center;
margin: 15px 0; }
.voucher-confirmation .voucher-details-section {
margin: 0; }
.voucher-confirmation .voucher-details-section .paragraph-standard {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa; }
.voucher-confirmation .voucher-redeem-link {
margin-bottom: 30px; }
.voucher-confirmation .voucher-redeem-link p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa; }
.voucher-confirmation .voucher-redeem-link a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; }
.voucher-confirmation .voucher-conditions-section {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #666666; } }
@media print {
.voucher-confirmation .voucher-success-message {
margin-bottom: 30px; }
.voucher-confirmation .voucher-success-message p ~ br {
display: none; }
.voucher-confirmation .voucher-confirmation-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.voucher-confirmation .voucher-confirmation-grid .col-left,
.voucher-confirmation .voucher-confirmation-grid .col-right {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.voucher-confirmation .voucher-confirmation-grid .col-left {
min-width: 234px;
max-width: 234px;
margin-right: 20px; }
.voucher-confirmation .voucher-details-section {
margin: 0; }
.voucher-confirmation .voucher-details-section .paragraph-standard {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #5064aa; }
.voucher-confirmation .voucher-redeem-link {
margin-bottom: 30px; }
.voucher-confirmation .voucher-redeem-link p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #5064aa; }
.voucher-confirmation .voucher-redeem-link a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #666666; }
.voucher-confirmation .voucher-conditions-section {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; }
.voucher-confirmation .voucher-conditions-section h4 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; } }
.my-wishlist {
margin: 0 0 20px 0; }
.my-wishlist .shopping-table-col {
-webkit-flex-basis: auto;
flex-basis: auto; }
.my-wishlist .shopping-table-col.col-price {
-webkit-flex-basis: 120px;
flex-basis: 120px; }
@media screen and (max-width: 61.865em) {
.my-wishlist .shopping-table-col.col-price {
-webkit-flex-basis: 100%;
flex-basis: 100%; } }
.my-wishlist .shopping-table-col.col-info {
max-width: calc(100% - 100px); }
@media screen and (min-width: 61.875em) {
.my-wishlist .shopping-table-col.col-info {
max-width: 400px; } }
.wishlist-empty {
margin: 20px 0; }
@media screen and (max-width: 61.865em) {
.wishlist-empty {
padding: 0 10px; } }
@media screen and (min-width: 61.875em) {
.wishlist-sections {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
margin: -21px 0 0 0; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .intro {
margin-top: 12px; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .intro {
margin-bottom: 20px; } }
.checkout-index-index .intro .content-cell {
padding: 0; }
.checkout-index-index .intro .content-cell p {
margin: 20px 0;
line-height: 1.25rem; }
.checkout-index-index .intro .content-cell:first-child {
padding-left: 10px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .intro .content-cell:nth-child(2) {
display: none; } }
.checkout-index-index .intro .ordersummary {
color: #5064aa;
text-align: right; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .intro .back-link:after {
margin-left: 10px; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .intro {
border-bottom: 1px solid #cdd2d2;
background-color: #ffffff; }
.checkout-index-index .statefulcheckout .intro .headline {
color: #82af32; }
.checkout-index-index .statefulcheckout .intro .back-link {
color: #5064aa; } }
.checkout-index-index .statefulcheckout h3:not([class]) {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.925rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout h3:not([class]) {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout h3:not([class]) {
padding: 0 10px; } }
.checkout-index-index .statefulcheckout .error {
color: #d72319; }
.checkout-index-index .statefulcheckout h4:not([class]) {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout h4:not([class]) {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout h4:not([class]) {
padding: 0 10px;
margin-bottom: 10px; } }
.checkout-index-index .statefulcheckout h5 {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.4rem /* #{$line-height}px */;
font-weight: bold; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout h5 {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout h5 {
padding: 0 10px; } }
.checkout-index-index .statefulcheckout .register-form .ctx-paragraph.no-spacing,
.checkout-index-index .statefulcheckout .register-form .additional-info.no-spacing,
.checkout-index-index .statefulcheckout .flightcheck-form .ctx-paragraph.no-spacing,
.checkout-index-index .statefulcheckout .flightcheck-form .additional-info.no-spacing,
.checkout-index-index .statefulcheckout .deliverypickupdate-form .ctx-paragraph.no-spacing,
.checkout-index-index .statefulcheckout .deliverypickupdate-form .additional-info.no-spacing {
margin: 0; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .register-form,
.checkout-index-index .statefulcheckout .flightcheck-form,
.checkout-index-index .statefulcheckout .deliverypickupdate-form {
margin-bottom: 20px; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout .register-form .check-list,
.checkout-index-index .statefulcheckout .flightcheck-form .check-list,
.checkout-index-index .statefulcheckout .deliverypickupdate-form .check-list {
margin-left: 24px; } }
.checkout-index-index .statefulcheckout .flightcheck-form .additional-info {
margin-bottom: 0; }
.checkout-index-index .statefulcheckout .register-form .additional-info p {
padding: 0 10px; }
.checkout-index-index .statefulcheckout .register-form .additional-info.no-spacing p {
padding: 0; }
.checkout-index-index .statefulcheckout .headlinegrid {
margin: 10px 0 5px 0;
padding: 13px 0; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout .headlinegrid {
border-bottom: 1px solid #cdd2d2; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .headlinegrid {
border-top: 1px solid #cdd2d2; }
.checkout-index-index .statefulcheckout .headlinegrid.has-background-and-borders {
width: calc(100% + (10px * 2));
margin-left: -10px;
background-color: #f6f6f6;
border-top: 1px solid #bec3c3;
border-bottom: 1px solid #5064aa;
padding-bottom: 15px; } }
.checkout-index-index .statefulcheckout .headlinegrid h5 {
margin-bottom: 0; }
.checkout-index-index .statefulcheckout .headlinegrid-first {
margin-top: 15px;
border-top: 1px solid #cdd2d2;
line-height: 26px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .form-action {
border-bottom: 0;
border-top: 0; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .form-action-mobile-bordertop {
margin-top: 5px;
border-top: 1px solid #cdd2d2; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .form-action-mobile-bordertopbottom {
border-top: 1px solid #bec3c3;
border-bottom: 1px solid #bec3c3; } }
.checkout-index-index .checkout-informations {
padding: 40px 10px 10px 10px; }
.checkout-index-index .checkout-informations .content-cell {
padding: 30px 20px;
background-color: #f6f6f6;
color: #5064aa; }
.checkout-index-index .checkout-informations .content-cell span {
display: block;
font-size: 0.875rem;
margin-bottom: 10px; }
.checkout-index-index .checkout-informations .content-cell span:last-child {
font-size: 0.75rem;
margin-bottom: 0; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-informations .content-cell {
margin-bottom: 2px; }
.checkout-index-index .checkout-informations .content-cell:last-child {
margin-bottom: 0; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-informations .content-cell {
margin-right: 2px; }
.checkout-index-index .checkout-informations .content-cell:last-child {
margin-right: 0; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-informations {
padding: 20px 0 0 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-right: 2px; }
.checkout-index-index .checkout-informations:last-child {
margin-right: 0; } }
.checkout-index-index .statefulcheckout .a-right {
text-align: right; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout .desktop-a-right {
text-align: right; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout p.mobile-small {
font-size: 13px; } }
.checkout-index-index .statefulcheckout .base-price-info {
padding: 0; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .input-date {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("../images/ui/dropdown.png");
background-position: 95% 25px;
background-repeat: no-repeat; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout .border-bottom-mobile {
border-bottom: 1px solid #bec3c3; }
.checkout-index-index .statefulcheckout .border-top-mobile {
border-top: 1px solid #bec3c3; }
.checkout-index-index .statefulcheckout .double-border-bottom-mobile {
border-bottom: 2px solid #bec3c3; }
.checkout-index-index .statefulcheckout .double-border-top-mobile {
border-top: 2px solid #bec3c3; } }
.checkout-index-index .statefulcheckout .address-section br, .checkout-index-index .statefulcheckout .payment-section br {
line-height: 1.25rem; }
.checkout-index-index .statefulcheckout table {
width: 100%; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .statefulcheckout table {
width: calc(100% - 20px);
margin: 10px auto; } }
.checkout-index-index .statefulcheckout table h5 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.9375rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #5064aa;
margin-bottom: 0; }
.checkout-index-index .statefulcheckout table td {
vertical-align: top; }
.checkout-index-index .statefulcheckout table td.price {
text-align: right; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout table td.price {
width: 130px;
padding-left: 20px;
line-height: 1.375rem; } }
.checkout-index-index .statefulcheckout table td.price .base-price-info {
line-height: 20px; }
.checkout-index-index .statefulcheckout table.checkout-review-table {
margin-bottom: 30px; }
.checkout-index-index .statefulcheckout table.checkout-review-table td {
border-bottom: 1px solid #cdd2d2; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-image {
width: 80px;
padding: 5px 0;
position: relative; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-image img {
border: 1px solid #ededed; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-image .product-ribbon {
overflow: hidden;
width: 45px;
height: 45px;
position: absolute;
left: 0;
top: 5px; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-image .product-ribbon > span {
width: 63.64286px;
height: 63.64286px;
margin: -31.82143px; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-image .product-ribbon > span > span {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #ffffff; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-image .product-ribbon > span {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
float: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #d72319; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-image .product-ribbon > span > span {
padding: 0 0 4% 0; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.lineprice {
padding: 10px 0; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-infos {
padding: 10px; }
.checkout-index-index .statefulcheckout table.checkout-review-table td.product-infos h5 {
font-size: 16px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
margin: 0; }
.checkout-index-index .statefulcheckout table.checkout-review-totals-table td .price {
font-size: 20px; }
.checkout-index-index .statefulcheckout table.earnresult {
margin-top: 15px; }
.checkout-index-index .statefulcheckout table.earnresult tr {
border-bottom: 1px solid #cdd2d2;
border-top: 1px solid #cdd2d2; }
.checkout-index-index .statefulcheckout table.earnresult td {
padding: 10px 0;
font-size: 14px; }
.checkout-index-index .statefulcheckout table.earnresult td:first-child {
font-weight: bold; }
.checkout-index-index .statefulcheckout table.earnresult tr.summary td {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.checkout-index-index .statefulcheckout table.earnresult td.totalpoints {
font-size: 18px; }
.checkout-index-index .statefulcheckout .subtotalgrid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout .subtotalgrid {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row; } }
.checkout-index-index .statefulcheckout .subtotalgrid table.checkout-review-table td {
border-bottom: 0; }
.checkout-index-index .statefulcheckout .subtotalgrid .pickupinfocell,
.checkout-index-index .statefulcheckout .subtotalgrid .subtotalcell {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .statefulcheckout .subtotalgrid .subtotalcell {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
white-space: nowrap; }
.checkout-index-index .statefulcheckout .subtotalgrid .pickupinfocell {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
margin-right: 20px; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .two-column-box-reverse-flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .two-column-box {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.checkout-index-index .two-column-box-left {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
text-align: left;
margin-right: 20px;
-webkit-align-self: center;
align-self: center; }
.checkout-index-index .two-column-box-right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30%;
flex: 0 0 30%;
text-align: right;
-webkit-align-self: center;
align-self: center; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .two-column-box-mobile {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.checkout-index-index .two-column-box-mobile-left {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.checkout-index-index .two-column-box-mobile-right {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .three-column-box {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.checkout-index-index .three-column-box-left {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; }
.checkout-index-index .three-column-box-mid {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; }
.checkout-index-index .three-column-box-right {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; } }
.checkout-index-index .input-static-placeholder {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #666666;
display: block;
text-align: center; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .input-static-placeholder {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: inherit;
text-align: left;
padding: 10px 0 10px 60px;
color: #5064aa; } }
/**DOC
Flight Data
======================
Renders a flight data bar
```
*/
.flightdata {
border-bottom: 1px solid #cdd2d2;
margin-bottom: 20px; }
@media screen and (max-width: 61.865em) {
.flightdata {
border-bottom: 0; } }
.flightdata-row {
margin-bottom: 18px;
display: -webkit-box;
display: -webkit-flex;
display: flex; }
@media screen and (max-width: 61.865em) {
.flightdata-row {
margin-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; } }
.flightdata-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
padding: 0 10px; }
.flightdata-col:first-child {
padding-left: 0; }
.flightdata-col:last-child {
padding-right: 0;
text-align: right; }
.flightdata-col-title {
-webkit-align-self: center;
align-self: center; }
.flightdata-col-flight {
padding-left: 65px;
position: relative; }
.flightdata-col-flight.state-departure:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #666666;
font-size: 45px;
left: 7px;
top: 0;
position: absolute; }
@media screen and (max-width: 61.865em) {
.flightdata-col-flight.state-departure:before {
display: none; } }
.flightdata-col-flight.state-arrival:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #666666;
font-size: 45px;
left: 7px;
top: 0;
position: absolute; }
@media screen and (max-width: 61.865em) {
.flightdata-col-flight.state-arrival:before {
display: none; } }
@media screen and (max-width: 61.865em) {
.flightdata-col {
border-bottom: 1px solid #cdd2d2;
padding: 12px 0;
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.flightdata-col-title {
-webkit-align-self: stretch;
align-self: stretch; } }
.flightdata-title {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.25rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.flightdata-title {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa; } }
.flightdata-label {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666;
margin-bottom: 5px; }
@media screen and (max-width: 61.865em) {
.flightdata-label {
line-height: 14px;
margin-bottom: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
flex: 1 1 50%; } }
.flightdata-content {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666;
white-space: nowrap; }
@media screen and (max-width: 61.865em) {
.flightdata-content {
font-size: 14px;
line-height: 14px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
flex: 1 1 50%;
text-align: right; } }
@media screen and (max-width: 61.865em) {
.flightdata-flightnumber {
position: relative;
padding-left: 35px;
display: inline-block; }
.flightdata-flightnumber.state-departure:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #666666;
font-size: 27px;
left: 0;
top: -6px;
position: absolute; }
.flightdata-flightnumber.state-arrival:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #666666;
font-size: 27px;
left: 0;
top: -6px;
position: absolute; } }
@media screen and (min-width: 61.875em) {
.flightdata-error {
margin-bottom: 10px; } }
.checkout-index-index .register-form-overview .content-grid {
margin-bottom: 40px; }
.checkout-index-index .register-form-overview .content-grid.intro {
margin-bottom: 0; }
.checkout-index-index .register-form-overview .check-list {
margin: 12px 0 25px 0; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .register-form-overview .check-list {
padding: 0 10px; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery {
margin-bottom: -5px; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .headline-three, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h1, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h1, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h2, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h2, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h3, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h3, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h4, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h4 {
margin-top: -3px;
margin-bottom: 0; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .headline-three, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h1, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h1, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h2, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h2, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h3, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h3, .checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .info-box h4, .checkout-index-index .info-box .register-form-overview .register-form .form-list .has-home-delivery h4 {
padding: 0 10px; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .register-form-overview .register-form .form-list .has-home-delivery .check-list {
min-height: 100px;
margin-top: 18px;
margin-left: 0;
margin-bottom: 0; } }
.checkout-index-index .register-form-overview p {
margin: 20px 0;
line-height: 1.25rem; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .register-form-overview p {
padding: 0 10px; } }
.checkout-index-index .register-form-overview p,
.checkout-index-index .register-form-overview .check-list li {
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
.checkout-index-index .register-form-overview .input-box {
margin-bottom: 10px; }
.checkout-index-index .checkout-success {
font-size: 0.875rem; }
.checkout-index-index .checkout-success p {
font-size: 0.875rem;
line-height: 22px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success p {
padding: 0 10px; } }
.checkout-index-index .checkout-success .texts {
border-bottom: 1px solid #cdd2d2;
margin: 0 0 20px 0; }
.checkout-index-index .checkout-success .texts p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin-bottom: 20px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .texts p {
padding: 0 10px; } }
.checkout-index-index .checkout-success .infotext,
.checkout-index-index .checkout-success .nextsteps {
padding: 0; }
.checkout-index-index .checkout-success .infotext {
margin-bottom: 40px; }
.checkout-index-index .checkout-success .infotext p:first-child {
margin-top: 2px; }
.checkout-index-index .checkout-success .infotext .email {
margin: -10px 10px 10px 10px;
background: #f6f6f6;
padding: 20px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #666666;
text-align: center; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-success .infotext .email {
margin: -10px 0 10px 0; } }
.checkout-index-index .checkout-success .infotext small {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.8125rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .infotext small {
padding: 0 10px; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .headline-three, .checkout-index-index .checkout-success .info-box h1, .checkout-index-index .info-box .checkout-success h1, .checkout-index-index .checkout-success .info-box h2, .checkout-index-index .info-box .checkout-success h2, .checkout-index-index .checkout-success .info-box h3, .checkout-index-index .info-box .checkout-success h3, .checkout-index-index .checkout-success .info-box h4, .checkout-index-index .info-box .checkout-success h4,
.checkout-index-index .checkout-success .pickupinfocell {
padding: 0 10px; } }
.checkout-index-index .checkout-success .nextsteps {
padding-left: 10px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .nextsteps {
border-top: 1px solid #cdd2d2; }
.checkout-index-index .checkout-success .nextsteps h4 {
text-align: center;
padding-top: 10px; } }
.checkout-index-index .checkout-success .nextsteps ol {
list-style: none;
padding: 0;
margin: 27px 0;
margin-bottom: 0; }
.checkout-index-index .checkout-success .nextsteps ol li {
display: inline-block;
vertical-align: top;
counter-increment: step;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
line-height: 22px;
color: #5064aa;
margin: 0 0 0 35px; }
.checkout-index-index .checkout-success .nextsteps ol li:first-child {
margin: 0; }
.checkout-index-index .checkout-success .nextsteps ol li:before {
content: counter(step);
background: #adb9d8;
color: #ffffff;
border-radius: 50%;
display: inline-block;
text-align: center;
vertical-align: middle;
width: 22px;
height: 22px;
margin: 0 4px 0 0;
font-size: 14px;
line-height: 22px; }
.checkout-index-index .checkout-success .nextsteps ol li.current {
color: #82af32; }
.checkout-index-index .checkout-success .nextsteps ol li.current:before {
background: #82af32; }
.checkout-index-index .checkout-success .nextsteps ol li.state-completed,
.checkout-index-index .checkout-success .nextsteps ol li.state-completed a {
color: #999999; }
.checkout-index-index .checkout-success .nextsteps ol li.state-completed:before {
background: #999999; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .nextsteps ol {
display: none; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .nextsteps ol {
display: block;
padding: 0 10px; } }
.checkout-index-index .checkout-success .nextsteps ol li {
margin: 0 0 20px 0;
color: #666666;
padding-left: 40px;
position: relative;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
.checkout-index-index .checkout-success .nextsteps ol li:before {
position: absolute;
top: 1px;
left: 0;
text-indent: 1px; }
.checkout-index-index .checkout-success .nextsteps ol li:first-child {
margin: 0 0 20px 0; }
.checkout-index-index .checkout-success .product-widgets {
margin: 30px 0; }
.checkout-index-index .checkout-success .product-widgets > .content-cell {
padding: 0; }
.checkout-index-index .checkout-success .product-widgets > .content-cell > h4 {
border-top: 1px solid #ededed;
padding-top: 30px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-success .product-widgets .widget-results .product-container, .checkout-index-index .checkout-success .product-widgets .widget-results .product-container:nth-child(3n) {
margin-right: 2px;
min-width: 238px;
max-width: 238px; }
.checkout-index-index .checkout-success .product-widgets .widget-results .product-container:nth-child(4n) {
margin-right: 0;
min-width: 240px;
max-width: 240px; } }
.checkout-index-index .checkout-success .order-details td.product-infos, .checkout-index-index .checkout-success .order-details td.price {
vertical-align: middle; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .order-loyalty-block {
margin-top: 30px; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .order-loyalty-block p {
padding: 0 10px; } }
.checkout-index-index .checkout-success p {
line-height: 1.375rem; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-success .headlinegrid {
border-bottom: 0; } }
.checkout-index-index .checkout-success .totals-price {
min-width: 30%; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-success .totals-price {
min-width: 125px; } }
.checkout-index-index .checkout-success .order-loyalty-block h4 {
border-bottom: 1px solid #bec3c3;
padding-bottom: 15px; }
.checkout-index-index .checkout-success .order-loyalty-block .additional-info {
margin-top: 15px; }
.checkout-index-index .checkout-success .additional-info small {
font-size: 0.875rem;
line-height: 1.3; }
.checkout-index-index .checkout-success #wishlist-table .shopping-table-item-opts,
.checkout-index-index .checkout-success #wishlist-table .shopping-table-item-date {
display: none; }
.checkout-index-index .checkout-success #wishlist-table .shopping-table-item-desc {
padding: 0; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-success .additional-info {
margin-bottom: 30px; }
.checkout-index-index .checkout-success #wishlist-table .col-price {
-webkit-align-self: flex-start;
align-self: flex-start; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-success .headline-box .two-column-box-right h3 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */; } }
.checkout-index-index .checkout-success .order-number {
padding-left: 10px;
padding-right: 10px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa; }
.checkout-index-index .checkout-summary {
font-size: 0.875rem; }
.checkout-index-index .checkout-summary .icon-checkmark {
color: #a5c86e;
margin-right: 5px; }
.checkout-index-index .checkout-summary .icon-checkmark:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 2rem; }
.checkout-index-index .checkout-summary .totals-price {
min-width: 30%; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-summary .totals-price {
min-width: 125px; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-summary .validitems .headlinegrid-first {
border-top: 0; }
.checkout-index-index .checkout-summary .validitems .headlinegrid {
border-bottom: 0; } }
.checkout-index-index .checkout-summary .invaliditems {
margin-bottom: 20px; }
.checkout-index-index .checkout-summary p {
font-size: 0.875rem;
line-height: 22px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-summary p {
padding: 0 10px; } }
.checkout-index-index .checkout-summary .checkout-noitems-wrapper .form-action-btn {
margin-top: 10px; }
.checkout-index-index .checkout-summary .submit-actions {
border-top: 0; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-summary .additional-info {
margin-bottom: 30px; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-summary .order-loyalty-block h4 {
padding-bottom: 15px;
border-bottom: 1px solid #bec3c3; } }
.checkout-index-index .checkout-summary .order-loyalty-block .additional-info {
margin-top: 15px; }
.checkout-index-index .checkout-summary .additional-info small {
font-size: 0.875rem;
line-height: 1.3; }
.checkout-index-index .checkout-summary .listing-box .listing-box-cell {
font-size: 16px; }
.checkout-index-index .checkout-summary .listing-box .listing-box-cell .price {
font-size: 22px; }
.checkout-index-index .checkout-summary .listing-box .listing-box-cell-one {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
flex-shrink: 1;
max-width: 100%; }
.checkout-index-index .checkout-summary .listing-box .listing-box-cell-one span {
font-weight: normal; }
.checkout-index-index .checkout-summary .listing-box .listing-box-button-container {
width: 100%; }
.checkout-index-index .checkout-summary .listing-box .listing-box-button-container .listing-box-button-container {
float: right;
margin-top: 20px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .checkout-summary .listing-box .listing-box-button-container .listing-box-button-container {
width: 100%; }
.checkout-index-index .checkout-summary .listing-box .listing-box-button-container .listing-box-button-container.blue-border {
margin-top: 40px; } }
.checkout-index-index .checkout-summary .listing-box .listing-box-button-container .listing-box-button-container button, .checkout-index-index .checkout-summary .listing-box .listing-box-button-container .listing-box-button-container div {
float: right; }
.checkout-index-index .checkout-summary .listing-box .listing-box-button-container .listing-box-button-container.blue-border {
padding: 20px;
border: 1px solid #5064aa; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .checkout-summary .address-section .two-column-box-right,
.checkout-index-index .checkout-summary .payment-section .two-column-box-right {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
flex: 1 1 30%; } }
/**DOC
Basic button
======================
Renders a button with hover effect
```
Click here
Click here
Click here
Click here
Click here
Click here
Radio Button
Radio Button (active)
Radio Button (inactive)
*/
.button {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c; }
.button.state-loading, .button.state-loading:hover, .button.state-loading:active, .button.state-loading:focus, .button.state-loading:visited, .button.state-loading-prevent-auto-remove, .button.state-loading-prevent-auto-remove:hover, .button.state-loading-prevent-auto-remove:active, .button.state-loading-prevent-auto-remove:focus, .button.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.button:focus, .button:active, .button:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.button:hover, .button:active {
background-color: #a5c86e; } }
.btn-primary {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c; }
.btn-primary.state-loading, .btn-primary.state-loading:hover, .btn-primary.state-loading:active, .btn-primary.state-loading:focus, .btn-primary.state-loading:visited, .btn-primary.state-loading-prevent-auto-remove, .btn-primary.state-loading-prevent-auto-remove:hover, .btn-primary.state-loading-prevent-auto-remove:active, .btn-primary.state-loading-prevent-auto-remove:focus, .btn-primary.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.btn-primary:focus, .btn-primary:active, .btn-primary:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.btn-primary:hover, .btn-primary:active {
background-color: #a5c86e; } }
.btn-secondary {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: 700;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #adb9d8;
border-bottom-color: #8296c8; }
.btn-secondary:focus, .btn-secondary:active, .btn-secondary:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.btn-secondary:hover, .btn-secondary:active {
background-color: #bcc6e0; } }
.btn-tertiary {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent; }
.btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary:visited {
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.btn-tertiary:hover, .btn-tertiary:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
.btn-radio {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #666666;
background: #f6f6f6;
border-bottom-color: #cdd2d2;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
margin-bottom: 0; }
.btn-radio:focus, .btn-radio:active, .btn-radio:visited {
color: #666666; }
@media screen and (min-width: 61.875em) {
.btn-radio:hover, .btn-radio:active {
background-color: #ededed;
color: #666666; } }
.btn-radio.state-inactive {
color: #999999;
background: #f6f6f6; }
.btn-radio.state-inactive:hover, .btn-radio.state-inactive:active, .btn-radio.state-inactive:focus {
outline: none;
cursor: not-allowed; }
.btn-radio.state-active {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c;
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
.btn-radio.state-active.state-loading, .btn-radio.state-active.state-loading:hover, .btn-radio.state-active.state-loading:active, .btn-radio.state-active.state-loading:focus, .btn-radio.state-active.state-loading:visited, .btn-radio.state-active.state-loading-prevent-auto-remove, .btn-radio.state-active.state-loading-prevent-auto-remove:hover, .btn-radio.state-active.state-loading-prevent-auto-remove:active, .btn-radio.state-active.state-loading-prevent-auto-remove:focus, .btn-radio.state-active.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.btn-radio.state-active:focus, .btn-radio.state-active:active, .btn-radio.state-active:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.btn-radio.state-active:hover, .btn-radio.state-active:active {
background-color: #a5c86e; } }
.btn-radio:hover, .btn-radio:focus {
outline: none; }
.ext-btn-more:after, .btn-more:after, .btn-tertiary-more:after, .brand-widget-bottom .show-all-brands-desktop:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-left: 10px; }
.ext-btn-more:after, .btn-more:after, .btn-tertiary-more:after, .brand-widget-bottom .show-all-brands-desktop:after {
margin: -4px 0 -2px; }
.btn-more {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c; }
.btn-more.state-loading, .btn-more.state-loading:hover, .btn-more.state-loading:active, .btn-more.state-loading:focus, .btn-more.state-loading:visited, .btn-more.state-loading-prevent-auto-remove, .btn-more.state-loading-prevent-auto-remove:hover, .btn-more.state-loading-prevent-auto-remove:active, .btn-more.state-loading-prevent-auto-remove:focus, .btn-more.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.btn-more:focus, .btn-more:active, .btn-more:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.btn-more:hover, .btn-more:active {
background-color: #a5c86e; } }
.btn-tertiary-more {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent; }
.btn-tertiary-more:focus, .btn-tertiary-more:active, .btn-tertiary-more:visited {
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.btn-tertiary-more:hover, .btn-tertiary-more:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
.btn-shopping {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #adb9d8;
border-bottom-color: #8296c8; }
.btn-shopping:focus, .btn-shopping:active, .btn-shopping:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.btn-shopping:hover, .btn-shopping:active {
background-color: #bcc6e0; } }
@media screen and (min-width: 61.875em) {
.btn-shopping {
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent; }
.btn-shopping:focus, .btn-shopping:active, .btn-shopping:visited {
color: #5064aa; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.btn-shopping:hover, .btn-shopping:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
.btn-notification {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: inherit;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent; }
.btn-notification:hover, .btn-notification:visited, .btn-notification:focus {
color: inherit; }
@media screen and (max-width: 61.865em) {
.btn-mobile-block {
display: block;
width: 100%; } }
.btn-disabled {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent;
cursor: default; }
.btn-disabled:focus, .btn-disabled:active, .btn-disabled:visited {
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.btn-disabled:hover, .btn-disabled:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
.btn-disabled, .btn-disabled:hover, .btn-disabled:active, .btn-disabled:focus {
color: #999999;
background: rgba(0, 0, 0, 0.05); }
.btn-block {
display: block;
width: 100%; }
/**DOC
Action button
======================
Use this class if you want to render a button in a form including a loading animation on click. To let JS activate a animation on click you need to set the data-javascript="button-loading" attribute.
```
Click here
Option 1
Option 1
Option 2
Option 2
*/
@media screen and (min-width: 61.875em) {
.checkbox + .checkbox,
.checkbox + .radio,
.radio + .checkbox,
.radio + .radio {
margin-left: 34px; } }
.checkbox .ctx-paragraph,
.radio .ctx-paragraph {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
margin: -1px 0 -2px 0; }
@media screen and (min-width: 61.875em) {
.checkbox .ctx-paragraph,
.radio .ctx-paragraph {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
.checkbox .ctx-paragraph p,
.radio .ctx-paragraph p {
margin: 0;
color: inherit; }
.checkbox .ctx-paragraph b,
.checkbox .ctx-paragraph strong,
.radio .ctx-paragraph b,
.radio .ctx-paragraph strong {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; }
@media screen and (max-width: 61.865em) {
.checkbox,
.radio {
padding: 10px 34px 15px 10px;
color: #666666;
display: block;
border-bottom: 1px solid #cdd2d2;
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
.checkbox input,
.checkbox .ctx-control,
.radio input,
.radio .ctx-control {
left: auto;
right: 10px;
top: 50%;
margin-top: -9px; } }
.check-section {
display: block;
padding: 0 10px;
margin: 8px 0; }
.check-section > .label {
margin-bottom: 20px; }
@media screen and (max-width: 61.865em) {
.check-section > .label {
margin-top: 10px;
color: #666666;
margin-bottom: 5px;
padding: 0; } }
> .label + .check-section {
margin-top: 0; }
@media screen and (max-width: 61.865em) {
.check-section .checkbox,
.check-section .radio {
margin: 0 -10px; } }
@media screen and (min-width: 61.875em) {
.check-section {
padding: 10px 0;
border-bottom: 1px solid #cdd2d2; } }
.check-section .input-box {
display: block; }
.check-section.is-multiline-desktop {
margin-bottom: 20px; }
@media screen and (min-width: 61.875em) {
.check-section.is-multiline-desktop {
padding: 0;
border-bottom: 0; }
.check-section.is-multiline-desktop .checkbox,
.check-section.is-multiline-desktop .radio {
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #cdd2d2;
position: relative; }
.check-section.is-multiline-desktop .checkbox input,
.check-section.is-multiline-desktop .checkbox .ctx-control,
.check-section.is-multiline-desktop .radio input,
.check-section.is-multiline-desktop .radio .ctx-control {
top: 50%;
margin-top: -7px; }
.check-section.is-multiline-desktop .checkbox + .checkbox,
.check-section.is-multiline-desktop .checkbox + .radio,
.check-section.is-multiline-desktop .radio + .checkbox,
.check-section.is-multiline-desktop .radio + .radio {
margin-left: 0; } }
@media screen and (min-width: 61.875em) {
.check-toggle-label {
display: none; } }
@media screen and (max-width: 61.865em) {
.check-toggles-section {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0;
padding: 10px;
border-bottom: 1px solid #cdd2d2;
border-top: 1px solid #cdd2d2; }
.check-toggles-section .check-toggle {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
margin: 0;
width: 50%;
height: 40px;
color: transparent;
border: 0; }
.check-toggles-section .check-toggle .ctx-control {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
background-color: #a5c86e;
border: 0;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #666666;
background: #f6f6f6;
border-bottom-color: #bec3c3;
display: block;
width: 100%;
height: auto;
top: 0;
left: 0;
right: auto; }
.check-toggles-section .check-toggle .ctx-control, .check-toggles-section .check-toggle .ctx-control:hover, .check-toggles-section .check-toggle .ctx-control:active, .check-toggles-section .check-toggle .ctx-control:focus {
text-decoration: none;
/* [4] */
outline: none; }
.check-toggles-section .check-toggle .ctx-control::-moz-focus-inner {
border: 0;
padding: 0; }
.check-toggles-section .check-toggle .ctx-control, .check-toggles-section .check-toggle .ctx-control:hover, .check-toggles-section .check-toggle .ctx-control:active, .check-toggles-section .check-toggle .ctx-control:focus, .check-toggles-section .check-toggle .ctx-control:visited {
color: #666666; }
.check-toggles-section .check-toggle input {
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
right: auto; }
.check-toggles-section .check-toggle input:checked + .ctx-control {
background: #82af32;
color: #ffffff;
border-color: #6f962c; }
.check-toggles-section .check-toggle input:checked + .ctx-control:before {
content: none; } }
/**DOC
Basic input field
======================
Renders an input field
```
*/
.input-text {
display: block;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 60px;
padding: 20px 10px;
border: 1px solid #bec3c3;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: 0 0 0;
outline: none;
background-color: #f6f6f6;
background-image: none;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; }
.input-text.state-loading, .input-text.state-loading-prevent-auto-remove {
background-color: #ededed;
color: #aaafaf; }
.input-text[type="search"] {
box-sizing: border-box; }
@media screen and (min-width: 61.875em) {
.input-text {
line-height: 1.25rem;
height: 40px;
padding: 10px 13.33333px;
border: 1px solid #cdd2d2;
background-color: #ffffff; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.input-text.state-loading, .input-text.state-loading-prevent-auto-remove {
color: #999999;
background-color: rgba(0, 0, 0, 0.05);
border-color: transparent; } }
.input-text.is-disabled {
background-color: #f6f6f6;
border: none;
color: #999999;
cursor: not-allowed; }
@media screen and (max-width: 61.865em) {
.input-text.is-disabled {
border-bottom: 1px solid #bec3c3; } }
.ext-input-special {
background: #f6f6f6;
text-align: center;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: inherit;
height: 70px;
padding-top: 20px;
padding-bottom: 20px;
border-color: transparent; }
.input-date {
display: block;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 60px;
padding: 20px 10px;
border: 1px solid #bec3c3;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: 0 0 0;
outline: none;
background-color: #f6f6f6;
background-image: none;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; }
.input-date.state-loading, .input-date.state-loading-prevent-auto-remove {
background-color: #ededed;
color: #aaafaf; }
.input-date[type="search"] {
box-sizing: border-box; }
@media screen and (min-width: 61.875em) {
.input-date {
line-height: 1.25rem;
height: 40px;
padding: 10px 13.33333px;
border: 1px solid #cdd2d2;
background-color: #ffffff; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.input-date.state-loading, .input-date.state-loading-prevent-auto-remove {
color: #999999;
background-color: rgba(0, 0, 0, 0.05);
border-color: transparent; } }
.input-date.is-disabled {
background-color: #f6f6f6;
border: none;
color: #999999;
cursor: not-allowed; }
@media screen and (max-width: 61.865em) {
.input-date.is-disabled {
border-bottom: 1px solid #bec3c3; } }
textarea.input-text {
height: 120px;
resize: vertical; }
@media screen and (min-width: 61.875em) {
textarea.input-text {
height: 192px; } }
label,
.label {
font-family: 'Noto SansBold', sans-serif;
font-weight: bold;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa;
display: inline-block;
margin: 0 0 8px; }
label[for],
.label[for] {
cursor: pointer; }
label .optional,
.label .optional {
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
@media screen and (max-width: 61.865em) {
label,
.label {
padding: 20px 10px 14px 10px;
margin: 0; } }
.leaflet-control-layers label {
padding: 0;
margin: 0; }
@media screen and (max-width: 61.865em) {
.field-label {
display: none; } }
.input-info {
margin: 25px 0 5px 0; }
.input-info label,
.input-info .label {
margin-bottom: 2px; }
@media screen and (max-width: 61.865em) {
.input-info label,
.input-info .label {
padding: 0; } }
@media screen and (min-width: 61.875em) {
.input-info {
margin-top: 0; } }
.input-info-text,
.input-info-text-alt {
font-size: 0.875rem;
line-height: 1.25rem;
color: #666666; }
.input-info-text p,
.input-info-text-alt p {
margin: 0; }
@media screen and (min-width: 61.875em) {
.input-info-text,
.input-info-text-alt {
color: #5064aa; } }
@media screen and (min-width: 61.875em) {
.input-info-text-alt {
color: #666666; } }
@media screen and (min-width: 61.875em) {
.form-list > li {
margin: 16px 0 0 0; }
.form-list > li .check-section {
padding-top: 4px; }
.form-list > li:first-child {
margin: 0; } }
@media screen and (max-width: 61.865em) {
.form-list > li:last-child .input-text {
margin-bottom: -1px; } }
.form-edit fieldset {
border: 0;
padding: 0;
margin: 0; }
@media screen and (min-width: 61.875em) {
.form-edit fieldset + fieldset {
margin-top: 20px; } }
@media screen and (min-width: 61.875em) {
.form-edit {
width: 470px; } }
@media screen and (max-width: 61.865em) {
.form-edit .input-info {
padding: 0 10px; }
.form-edit .check-section .label {
color: #5064aa; } }
.form-edit .fieldset-title {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */;
padding: 10px 0 0 10px; }
@media screen and (min-width: 61.875em) {
.form-edit .fieldset-title {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.form-edit .fieldset-title {
padding-left: 0;
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.form-edit .fieldset-title {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.edit-email {
margin: 30px 0; }
@media screen and (min-width: 61.875em) {
.contact-form fieldset + fieldset {
margin: 16px 0 0 0; } }
.input-with-icon {
position: relative; }
.input-with-icon-input {
padding-right: 40px; }
.input-with-icon-icon {
color: #999999;
display: block;
padding: 0; }
.input-with-icon-icon:before {
position: absolute;
right: 12px;
top: 12px; }
@media screen and (max-width: 61.865em) {
.input-with-icon-icon:before {
top: 21px; } }
.input-with-icon-icon.icon-calendar:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
@media screen and (max-width: 61.865em) {
.date-box {
display: none; } }
@media screen and (min-width: 61.875em) {
.date-box {
margin: 0 -5px;
display: -webkit-box;
display: -webkit-flex;
display: flex; } }
@media screen and (max-width: 61.865em) {
.date-input {
line-height: 60px;
padding-top: 0;
padding-bottom: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("../images/ui/dropdown.png");
background-position: 95% 25px;
background-repeat: no-repeat;
min-width: 100%; } }
@media screen and (min-width: 61.875em) {
.date-input {
display: none; } }
.datepicker-box .date-input-original {
display: none; }
.date-select {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
width: 33.33333%; }
.date-select > .select2 {
min-width: 100%;
max-width: 100%; }
.date-select:first-child {
width: 27.65957%; }
@media screen and (min-width: 61.875em) {
.date-select {
padding: 0 5px; } }
@media screen and (max-width: 61.865em) {
.date-select {
border-left: 1px solid #bec3c3; }
.date-select:first-child {
border: 0; } }
.daterange {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.daterange .input-box-daterange {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.daterange .input-box-daterange:first-child {
margin: 0 20px 0 0; }
/**
* Styles from https://github.com/longbill/jquery-date-range-picker
*/
.date-picker {
width: 170px;
height: 25px;
padding: 0;
border: 0;
line-height: 25px;
padding-left: 10px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
color: #666666;
position: relative;
z-index: 2; }
.date-picker-wrapper {
position: absolute;
z-index: 1;
border: 1px solid #cdd2d2;
background-color: #f6f6f6;
padding: 5px 12px;
font-size: 12px;
line-height: 20px;
color: #666666;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
box-sizing: border-box; }
.date-picker-wrapper.inline-wrapper {
position: relative;
box-shadow: none;
display: inline-block; }
.date-picker-wrapper.single-date {
width: auto; }
@media screen and (max-width: 61.865em) {
.date-picker-wrapper.single-date {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
margin-top: -66px;
width: 100%; } }
.date-picker-wrapper.no-shortcuts {
padding-bottom: 12px; }
.date-picker-wrapper.no-topbar {
padding-top: 12px; }
.date-picker-wrapper .footer {
font-size: 11px;
padding-top: 3px; }
.date-picker-wrapper .footer {
display: none; }
.date-picker-wrapper b {
color: #666666;
font-weight: 700; }
.date-picker-wrapper a {
color: #82af32;
text-decoration: underline; }
.date-picker-wrapper .month-name {
text-transform: uppercase; }
.date-picker-wrapper .month-wrapper {
border: 1px solid #cdd2d2;
border-radius: 3px;
background-color: #ffffff;
padding: 5px;
cursor: default;
position: relative; }
@media screen and (max-width: 61.865em) {
.date-picker-wrapper .month-wrapper {
width: 100% !important; } }
.date-picker-wrapper .month-wrapper table {
width: 190px;
float: left; }
@media screen and (max-width: 61.865em) {
.date-picker-wrapper .month-wrapper table {
width: 100% !important; } }
.date-picker-wrapper .month-wrapper table.month2 {
width: 190px;
float: left; }
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
vertical-align: middle;
text-align: center;
line-height: 14px;
margin: 0;
padding: 0; }
.date-picker-wrapper .month-wrapper table .day {
padding: 5px 0;
line-height: 1.75;
font-size: 12px;
margin-bottom: 1px;
color: #aaafaf;
cursor: not-allowed; }
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
color: #999999;
cursor: default; }
.date-picker-wrapper .month-wrapper table .day.checked {
background-color: #bcc6e0; }
.date-picker-wrapper .month-wrapper table .week-name {
height: 20px;
line-height: 20px;
font-weight: 100;
text-transform: uppercase; }
.date-picker-wrapper .month-wrapper table .week-name th {
width: 14.28571%; }
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
cursor: help !important; }
.date-picker-wrapper .time label {
white-space: nowrap; }
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
color: #666666;
cursor: pointer; }
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
background-color: #c8d7a5; }
.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth {
display: none; }
.date-picker-wrapper .month-wrapper table .day.real-today {
background-color: #e8edf8; }
.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
background-color: #c8d7a5; }
.date-picker-wrapper table .caption {
height: 40px; }
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
padding: 0 5px;
cursor: pointer;
height: 20px;
line-height: 17px;
display: inline-block; }
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
background-color: #a5c86e;
color: white; }
.date-picker-wrapper .gap {
position: relative;
z-index: 1;
width: 15px;
font-size: 0;
line-height: 0;
float: left;
top: -5px;
margin: 0 10px -10px;
visibility: hidden;
height: 0; }
.date-picker-wrapper .gap .gap-lines {
height: 100%;
overflow: hidden; }
.date-picker-wrapper .gap .gap-line {
height: 15px;
width: 15px;
position: relative; }
.date-picker-wrapper .gap .gap-line .gap-1 {
z-index: 1;
height: 0;
border-left: 8px solid white;
border-top: 8px solid #eee;
border-bottom: 8px solid #eee; }
.date-picker-wrapper .gap .gap-line .gap-2 {
position: absolute;
right: 0;
top: 0px;
z-index: 2;
height: 0;
border-left: 8px solid transparent;
border-top: 8px solid white; }
.date-picker-wrapper .gap .gap-line .gap-3 {
position: absolute;
right: 0;
top: 8px;
z-index: 2;
height: 0;
border-left: 8px solid transparent;
border-bottom: 8px solid white; }
.date-picker-wrapper .gap .gap-top-mask {
width: 6px;
height: 1px;
position: absolute;
top: -1px;
left: 1px;
background-color: #eee;
z-index: 3; }
.date-picker-wrapper .gap .gap-bottom-mask {
width: 6px;
height: 1px;
position: absolute;
bottom: -1px;
left: 7px;
background-color: #eee;
z-index: 3; }
.date-picker-wrapper .selected-days {
display: none; }
.date-picker-wrapper .drp_top-bar {
line-height: 1.4;
position: relative;
padding: 10px 40px 10px 0; }
.date-picker-wrapper .drp_top-bar .error-top {
display: none; }
.date-picker-wrapper .drp_top-bar .normal-top {
display: none; }
.date-picker-wrapper .drp_top-bar .default-top {
display: block; }
.date-picker-wrapper .drp_top-bar.error .default-top {
display: none; }
.date-picker-wrapper .drp_top-bar.error .error-top {
display: block;
color: red; }
.date-picker-wrapper .drp_top-bar.normal .default-top {
display: none; }
.date-picker-wrapper .drp_top-bar.normal .normal-top {
display: block; }
.date-picker-wrapper .drp_top-bar .apply-btn {
position: absolute;
right: 0;
top: 6px;
padding: 3px 5px;
margin: 0;
font-size: 12px;
border-radius: 4px;
cursor: pointer;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
color: white;
line-height: initial; }
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
cursor: pointer;
color: #606060;
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }
/*time styling*/
.date-picker-wrapper .time {
position: relative; }
.date-picker-wrapper.single-month .time {
display: block; }
.date-picker-wrapper .time input[type=range] {
vertical-align: middle;
width: 129px;
padding: 0;
margin: 0;
height: 20px; }
.date-picker-wrapper .time1, .time2 {
width: 180px;
padding: 0 5px;
text-align: center; }
.date-picker-wrapper .time1 {
float: left; }
.date-picker-wrapper .time2 {
float: right; }
.date-picker-wrapper .hour, .minute {
text-align: right; }
.date-picker-wrapper .hide {
display: none; }
.date-picker-wrapper .first-date-selected {
background-color: #82af32 !important;
color: #ffffff !important; }
.date-picker-wrapper .last-date-selected {
background-color: #a5c86e !important;
color: white !important; }
.date-picker-wrapper .date-range-length-tip {
position: absolute;
margin-top: -4px;
margin-left: -8px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
display: none;
background-color: yellow;
padding: 0 6px;
border-radius: 2px;
font-size: 12px;
line-height: 16px; }
.date-picker-wrapper .date-range-length-tip:after {
content: '';
position: absolute;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid yellow;
left: 50%;
margin-left: -4px;
bottom: -4px; }
.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
display: none; }
.date-picker-wrapper .week-number {
padding: 5px 0;
line-height: 1;
font-size: 12px;
margin-bottom: 1px;
color: #999;
cursor: pointer; }
.date-picker-wrapper .week-number.week-number-selected {
color: #a5c86e;
font-weight: bold; }
.form-intro {
color: #666666; }
@media screen and (min-width: 61.875em) {
.form-intro {
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
/* not sure if we can rely on a common paragraph styling, here we need a smaller font size */
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding-bottom: 15px; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.form-intro {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.form-intro p {
margin: 0; } }
@media screen and (max-width: 61.865em) {
.form-intro {
padding-top: 14px;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.1875rem /* #{$line-height}px */; } }
@media screen and (max-width: 61.865em) and (min-width: 61.875em) {
.form-intro {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.has-error .check-section,
.has-error .select2-selection,
.has-error .checkbox,
.has-error .radio,
.validation-failed .check-section,
.validation-failed .select2-selection,
.validation-failed .checkbox,
.validation-failed .radio,
.validation-error .check-section,
.validation-error .select2-selection,
.validation-error .checkbox,
.validation-error .radio {
border-color: #d72319; }
.has-error .input-text,
.has-error .input-date,
.has-error .select2-selection,
.validation-failed .input-text,
.validation-failed .input-date,
.validation-failed .select2-selection,
.validation-error .input-text,
.validation-error .input-date,
.validation-error .select2-selection {
border-color: #d72319;
position: relative; }
.has-error .input-text, .has-error .input-text::-webkit-input-placeholder,
.has-error .input-date,
.has-error .input-date::-webkit-input-placeholder,
.has-error .select2-selection,
.has-error .select2-selection::-webkit-input-placeholder,
.validation-failed .input-text,
.validation-failed .input-text::-webkit-input-placeholder,
.validation-failed .input-date,
.validation-failed .input-date::-webkit-input-placeholder,
.validation-failed .select2-selection,
.validation-failed .select2-selection::-webkit-input-placeholder,
.validation-error .input-text,
.validation-error .input-text::-webkit-input-placeholder,
.validation-error .input-date,
.validation-error .input-date::-webkit-input-placeholder,
.validation-error .select2-selection,
.validation-error .select2-selection::-webkit-input-placeholder {
color: #d72319; }
.has-error .input-text, .has-error .input-text::-moz-placeholder,
.has-error .input-date,
.has-error .input-date::-moz-placeholder,
.has-error .select2-selection,
.has-error .select2-selection::-moz-placeholder,
.validation-failed .input-text,
.validation-failed .input-text::-moz-placeholder,
.validation-failed .input-date,
.validation-failed .input-date::-moz-placeholder,
.validation-failed .select2-selection,
.validation-failed .select2-selection::-moz-placeholder,
.validation-error .input-text,
.validation-error .input-text::-moz-placeholder,
.validation-error .input-date,
.validation-error .input-date::-moz-placeholder,
.validation-error .select2-selection,
.validation-error .select2-selection::-moz-placeholder {
color: #d72319; }
.has-error .input-text, .has-error .input-text:-ms-input-placeholder,
.has-error .input-date,
.has-error .input-date:-ms-input-placeholder,
.has-error .select2-selection,
.has-error .select2-selection:-ms-input-placeholder,
.validation-failed .input-text,
.validation-failed .input-text:-ms-input-placeholder,
.validation-failed .input-date,
.validation-failed .input-date:-ms-input-placeholder,
.validation-failed .select2-selection,
.validation-failed .select2-selection:-ms-input-placeholder,
.validation-error .input-text,
.validation-error .input-text:-ms-input-placeholder,
.validation-error .input-date,
.validation-error .input-date:-ms-input-placeholder,
.validation-error .select2-selection,
.validation-error .select2-selection:-ms-input-placeholder {
color: #d72319; }
.has-error .input-text, .has-error .input-text::placeholder,
.has-error .input-date,
.has-error .input-date::placeholder,
.has-error .select2-selection,
.has-error .select2-selection::placeholder,
.validation-failed .input-text,
.validation-failed .input-text::placeholder,
.validation-failed .input-date,
.validation-failed .input-date::placeholder,
.validation-failed .select2-selection,
.validation-failed .select2-selection::placeholder,
.validation-error .input-text,
.validation-error .input-text::placeholder,
.validation-error .input-date,
.validation-error .input-date::placeholder,
.validation-error .select2-selection,
.validation-error .select2-selection::placeholder {
color: #d72319; }
.validation-advice,
.help-block {
display: block;
margin: 0;
padding: 7px 10px;
font-size: 0.75rem;
line-height: 1.2; }
.check-section + .validation-advice, .check-section +
.help-block {
margin: -8px 0 8px; }
@media screen and (max-width: 61.865em) {
.check-toggles-section + .validation-advice, .check-toggles-section +
.help-block {
margin-top: 0; } }
@media screen and (min-width: 61.875em) {
.validation-advice,
.help-block {
padding: 7px 0; } }
.validation-advice.state-big,
.help-block.state-big {
padding: 0;
font-size: 1.125rem; }
@media screen and (max-width: 61.865em) {
.validation-advice.state-big,
.help-block.state-big {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.3125rem /* #{$line-height}px */;
padding: 0 0 0 32px;
position: relative; }
.validation-advice.state-big:before,
.help-block.state-big:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1.25rem;
position: absolute;
top: 1px;
left: 5px; } }
@media screen and (max-width: 61.865em) and (max-width: 61.865em) {
.validation-advice.state-big:before,
.help-block.state-big:before {
top: -1px; } }
@media screen and (max-width: 61.865em) and (max-width: 61.865em) {
.validation-advice.state-big,
.help-block.state-big {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
margin: 20px -5px 10px; } }
.validation-advice.state-icon,
.help-block.state-icon {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.3125rem /* #{$line-height}px */;
padding: 0 0 0 32px;
position: relative; }
.validation-advice.state-icon:before,
.help-block.state-icon:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1.25rem;
position: absolute;
top: 1px;
left: 5px; }
@media screen and (max-width: 61.865em) {
.validation-advice.state-icon:before,
.help-block.state-icon:before {
top: -1px; } }
@media screen and (max-width: 61.865em) {
.validation-advice.state-icon,
.help-block.state-icon {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
margin: 20px -5px 10px; } }
.validation-advice.state-small,
.help-block.state-small {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
margin-bottom: 10px; }
@media screen and (max-width: 61.865em) {
.validation-advice.state-small,
.help-block.state-small {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */; } }
.validation-advice,
.form-error,
.help-block.form-error {
color: #d72319; }
p.form-error {
margin-bottom: 5px; }
/**
-----------------------------------------------------------------------
FEEDBACK
-----------------------------------------------------------------------
*/
.feedback {
color: #666666;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
padding: 10px 10px 0 10px;
margin-bottom: 35px;
/**
-----------------------------------------------------------------------
FORM ERRORS
-----------------------------------------------------------------------
*/ }
@media screen and (min-width: 61.875em) {
.feedback {
color: #666666;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin-top: -4px;
padding: 0; } }
.feedback.feedback-error {
color: #d72319; }
/**DOC
Form actions row
======================
A form actions row including links and buttons
```
*/
.form-actions,
.form-actions-edit,
.form-actions-reverse {
padding: 0 0 1px; }
@media screen and (min-width: 61.875em) {
.form-actions,
.form-actions-edit,
.form-actions-reverse {
padding: 10px 0;
display: -webkit-box;
display: -webkit-flex;
display: flex; } }
@media screen and (max-width: 61.865em) {
.form-actions,
.form-actions-edit,
.form-actions-reverse {
margin-bottom: -1px; } }
@media screen and (max-width: 61.865em) {
.form-action {
border-top: 1px solid #bec3c3;
border-bottom: 1px solid #bec3c3;
margin-bottom: -1px;
padding: 10px; }
.form-action.single {
border: 0;
margin-bottom: 0; }
.form-action.no-border-top {
border-top: 0; } }
@media screen and (min-width: 61.875em) {
.form-action {
margin: 0 0 0 20px;
-webkit-box-flex: 1;
-webkit-flex: auto 0 0;
flex: auto 0 0;
-webkit-align-self: center;
align-self: center; }
.form-action:first-child {
margin: 0; }
.form-action.stretch {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; }
.form-action.is-aligned-top {
-webkit-align-self: flex-start;
align-self: flex-start; } }
@media screen and (min-width: 61.875em) {
.form-action-title {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
margin: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
color: #5064aa; } }
@media screen and (max-width: 61.865em) {
.form-action-title {
display: none; } }
.form-actions-edit,
.form-actions-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media screen and (min-width: 61.875em) {
.form-actions-edit .form-action,
.form-actions-reverse .form-action {
margin: 0 20px 0 0; }
.form-actions-edit .form-action:first-child,
.form-actions-reverse .form-action:first-child {
margin: 0; } }
@media screen and (max-width: 61.865em) {
.form-actions-edit .form-action {
border: 0;
padding-top: 0;
padding-bottom: 0;
margin: 10px 0; } }
@media screen and (min-width: 61.875em) {
.form-actions-reverse .form-action + .form-action, .form-actions-reverse .form-action:first-child {
-webkit-box-flex: 1;
-webkit-flex: auto 0 0;
flex: auto 0 0; }
.form-actions-reverse .form-action:first-child + .form-action {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; } }
@media screen and (max-width: 61.865em) {
.form-action-link {
white-space: "nowrap";
position: relative;
display: block;
overflow: hidden;
padding: 10px 20px 10px 0;
text-overflow: ellipsis;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa; }
.form-action-link:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 27px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 2px;
right: 5px; } }
@media screen and (min-width: 61.875em) {
.form-action-link {
white-space: "nowrap";
position: relative;
line-height: inherit;
display: inline-block;
padding: 0 0 0 25px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.form-action-link:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
content: "";
font-size: 14px;
display: inline;
margin-right: 10px;
vertical-align: baseline;
position: absolute;
top: 2px;
left: 0; }
.form-action-link:hover, .form-action-link:focus {
color: #a5c86e; }
.form-action-link:hover:before, .form-action-link:focus:before {
color: #a5c86e; } }
.form-action-link.light {
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
.form-action-link.multiline {
white-space: normal; }
.button-action,
.button-action-right {
padding: 10px 0; }
@media screen and (min-width: 61.875em) {
.button-action-right {
text-align: right; } }
.button-actions {
margin: 10px 0; }
@media screen and (min-width: 61.875em) {
.button-actions {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.button-actions .action-btn {
margin: 0 0 0 20px; }
.button-actions .action-btn:first-child {
margin: 0; } }
@media screen and (max-width: 61.865em) {
.button-actions .action-btn {
margin: 10px 0; } }
@media screen and (max-width: 61.865em) {
.form-action-back {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
background-color: #a5c86e;
border: 0;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent;
display: block; }
.form-action-back, .form-action-back:hover, .form-action-back:active, .form-action-back:focus {
text-decoration: none;
/* [4] */
outline: none; }
.form-action-back::-moz-focus-inner {
border: 0;
padding: 0; }
.form-action-back:focus, .form-action-back:active, .form-action-back:visited {
color: #5064aa; } }
@media screen and (max-width: 61.865em) and (min-width: 61.875em) {
.form-action-back:hover, .form-action-back:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
@media screen and (max-width: 61.865em) {
.form-action-back:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 0.875rem;
margin-right: 10px;
vertical-align: 0; } }
@media screen and (min-width: 61.875em) {
.form-action-back {
white-space: "nowrap";
position: relative;
line-height: inherit;
display: inline-block;
padding: 0 0 0 25px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.form-action-back:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
content: "";
font-size: 14px;
display: inline;
margin-right: 10px;
vertical-align: baseline;
position: absolute;
top: 2px;
left: 0; }
.form-action-back:hover, .form-action-back:focus {
color: #a5c86e; }
.form-action-back:hover:before, .form-action-back:focus:before {
color: #a5c86e; }
.form-action-back:before {
content: ""; } }
@media screen and (min-width: 61.875em) {
.flex-buttons {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
margin: 10px 0; }
.flex-buttons [class*=' btn-'],
.flex-buttons [class^='btn-'] {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
flex: 1 auto; }
.flex-buttons [class*=' btn-'] ~ *,
.flex-buttons [class^='btn-'] ~ * {
margin-left: 10px; } }
@media screen and (max-width: 61.865em) {
.flex-buttons [class*=' btn-'],
.flex-buttons [class^='btn-'] {
display: block;
width: 100%;
margin: 10px 0; } }
@media screen and (max-width: 61.865em) {
.flex-buttons.reverse-mobile {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-buttons.reverse-mobile [class*=' btn-'],
.flex-buttons.reverse-mobile [class^='btn-'] {
margin: 5px 0; }
.flex-buttons.reverse-mobile [class*=' btn-']:first-child,
.flex-buttons.reverse-mobile [class^='btn-']:first-child {
margin-bottom: 10px; }
.flex-buttons.reverse-mobile [class*=' btn-']:last-child,
.flex-buttons.reverse-mobile [class^='btn-']:last-child {
margin-top: 0; } }
.input-box-phone {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.input-box-phone .input-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.input-box-phone .input-box:first-child {
-webkit-box-flex: 1;
-webkit-flex: auto 0 0;
flex: auto 0 0;
width: 27.65957%;
margin: 0 10px 0 0; }
@media screen and (max-width: 61.865em) {
.input-box-phone .input-box:first-child {
margin: 0; }
.input-box-phone .input-text {
border-right-width: 1px; } }
@media screen and (min-width: 61.875em) {
.input-box-city,
.input-box-street {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.input-box-city .input-box,
.input-box-street .input-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.input-box-city .input-box:first-child,
.input-box-street .input-box:first-child {
-webkit-box-flex: 1;
-webkit-flex: auto 0 0;
flex: auto 0 0;
width: 27.65957%;
margin: 0 10px 0 0; } }
@media screen and (max-width: 61.865em) {
.input-box-city .input-box:first-child .input-text,
.input-box-street .input-box:first-child .input-text {
margin-bottom: 0; } }
.input-box-street {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse; }
@media screen and (min-width: 61.875em) {
.input-box-street {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse; }
.input-box-street .input-box:first-child {
margin: 0 0 0 10px; } }
@media screen and (min-width: 61.875em) {
.input-box-desktop-50-50 {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.input-box-desktop-50-50 > .input-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.input-box-desktop-50-50 > .input-box:first-child {
-webkit-flex-basis: 50%;
flex-basis: 50%;
margin-right: 10px; }
.input-box-desktop-50-50 > .input-box:last-child {
-webkit-flex-basis: 50%;
flex-basis: 50%; }
.input-box-desktop-65-35 {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.input-box-desktop-65-35 > .input-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.input-box-desktop-65-35 > .input-box:first-child {
-webkit-flex-basis: 65%;
flex-basis: 65%;
margin-right: 10px; }
.input-box-desktop-65-35 > .input-box:last-child {
-webkit-flex-basis: 35%;
flex-basis: 35%; }
.input-box-desktop-100-0 {
display: block; }
.input-box-desktop-100-0 > .input-box:first-child {
margin-right: 0; } }
@media screen and (max-width: 61.865em) {
.input-box-inner, .input-box-inner.select2-selection {
border-right: 1px solid #cdd2d2; }
.input-box-mobile-50-50 {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.input-box-mobile-50-50 > .input-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.input-box-mobile-50-50 > .input-box:first-child {
-webkit-flex-basis: 50%;
flex-basis: 50%;
margin-right: 10px; }
.input-box-mobile-50-50 > .input-box:last-child {
-webkit-flex-basis: 50%;
flex-basis: 50%; }
.input-box-mobile-50-50 > .input-box:first-child {
margin-right: 0; }
.input-box-mobile-100-0 {
display: block; }
.input-box-mobile-100-0 > .input-box:first-child {
margin-right: 0; }
.input-box-mobile-100-0 > .input-box:first-child {
margin-right: 0; } }
input.clean-number-input {
-moz-appearance: textfield; }
input.clean-number-input::-webkit-outer-spin-button, input.clean-number-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
input.clean-number-input::-ms-clear {
display: none; }
/**DOC
Search form/box
======================
```
*/
.search-box {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
@media screen and (max-width: 61.865em) {
.search-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
margin: 0 -10px; } }
.btn-search-box {
background: #f6f6f6;
padding: 9px 6px 9px 12px;
border: 1px solid #bec3c3;
border-width: 0 0 1px 0;
color: #5064aa;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease; }
.btn-search-box::-moz-focus-inner {
border: 0;
padding: 0; }
.btn-search-box:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-left: 10px;
padding-left: 0; }
@media screen and (max-width: 61.865em) {
.btn-search-box:after {
font-size: 1.5rem; } }
@media screen and (min-width: 61.875em) {
.btn-search-box {
background: #ffffff;
color: #5064aa;
margin: 0;
border: 1px solid #cdd2d2;
border-left: 0;
padding: 9px 12px; }
.btn-search-box:hover {
background: #82af32;
border-color: transparent;
color: #ffffff; } }
/**DOC
A filter with a simple selection
================================
Renders a label, a select box and a submit button
```
*/
.select-filter {
padding: 10px 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (min-width: 61.875em) {
.select-filter {
margin: 10px 0; } }
@media screen and (max-width: 61.865em) {
.select-filter {
margin: 20px 0; } }
.select-filter-label, .select-filter-select, .select-filter-button {
margin: 0 0 0 20px;
-webkit-box-flex: 1;
-webkit-flex: auto 0 0;
flex: auto 0 0;
-webkit-align-self: center;
align-self: center; }
@media screen and (min-width: 61.875em) {
.select-filter-label, .select-filter-select, .select-filter-button {
margin: 0 0 0 20px; } }
@media screen and (max-width: 61.865em) {
.select-filter-label, .select-filter-select, .select-filter-button {
margin: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 1 100%;
flex: 0 1 100%; } }
@media screen and (min-width: 61.875em) {
.select-filter-label {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
text-align: right; } }
@media screen and (max-width: 61.865em) {
.select-filter-label {
text-align: center; } }
.select-filter-label label {
margin-bottom: 0; }
.select-filter-select select {
width: 150px; }
.input-select {
width: 100%; }
.select2 {
min-width: 100%;
max-width: 100%; }
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.select2-container,
.selection,
.select2-results {
display: block; }
.select2-selection {
display: block;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 60px;
padding: 20px 10px;
border: 1px solid #bec3c3;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: 0 0 0;
outline: none;
background-color: #f6f6f6;
background-image: none;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666;
display: inline-block;
cursor: pointer;
position: relative; }
.select2-selection.state-loading, .select2-selection.state-loading-prevent-auto-remove {
background-color: #ededed;
color: #aaafaf; }
.select2-selection[type="search"] {
box-sizing: border-box; }
@media screen and (min-width: 61.875em) {
.select2-selection {
line-height: 1.25rem;
height: 40px;
padding: 10px 13.33333px;
border: 1px solid #cdd2d2;
background-color: #ffffff; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.select2-selection.state-loading, .select2-selection.state-loading-prevent-auto-remove {
color: #999999;
background-color: rgba(0, 0, 0, 0.05);
border-color: transparent; } }
.select2-selection.is-disabled {
background-color: #f6f6f6;
border: none;
color: #999999;
cursor: not-allowed; }
@media screen and (max-width: 61.865em) {
.select2-selection.is-disabled {
border-bottom: 1px solid #bec3c3; } }
.select2-selection.state-error {
border-color: #d72319;
position: relative; }
.select2-selection.state-error, .select2-selection.state-error::-webkit-input-placeholder {
color: #d72319; }
.select2-selection.state-error, .select2-selection.state-error::-moz-placeholder {
color: #d72319; }
.select2-selection.state-error, .select2-selection.state-error:-ms-input-placeholder {
color: #d72319; }
.select2-selection.state-error, .select2-selection.state-error::placeholder {
color: #d72319; }
@media screen and (max-width: 61.865em) {
.select2-selection.state-error {
border-bottom-color: #cdd2d2; } }
@media screen and (min-width: 61.875em) {
.select2-selection {
text-align: left; } }
@media screen and (max-width: 61.865em) {
.select2-selection {
background: #ffffff;
color: #5064aa;
text-align: center;
margin-top: -1px; }
.select2-selection, .select2-selection.state-error {
border-top: 1px solid #cdd2d2; } }
.select2-search__field {
display: block;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 60px;
padding: 20px 10px;
border: 1px solid #bec3c3;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: 0 0 0;
outline: none;
background-color: #f6f6f6;
background-image: none;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666;
width: calc(100% + 2px);
margin: -1px 0 0 -1px; }
.select2-search__field.state-loading, .select2-search__field.state-loading-prevent-auto-remove {
background-color: #ededed;
color: #aaafaf; }
.select2-search__field[type="search"] {
box-sizing: border-box; }
@media screen and (min-width: 61.875em) {
.select2-search__field {
line-height: 1.25rem;
height: 40px;
padding: 10px 13.33333px;
border: 1px solid #cdd2d2;
background-color: #ffffff; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.select2-search__field.state-loading, .select2-search__field.state-loading-prevent-auto-remove {
color: #999999;
background-color: rgba(0, 0, 0, 0.05);
border-color: transparent; } }
.select2-search__field.is-disabled {
background-color: #f6f6f6;
border: none;
color: #999999;
cursor: not-allowed; }
@media screen and (max-width: 61.865em) {
.select2-search__field.is-disabled {
border-bottom: 1px solid #bec3c3; } }
.select2-search__field[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.select2-selection__placeholder {
opacity: .5; }
.select2-selection__arrow {
position: relative;
margin: 0 0 0 6px;
top: -1px; }
.select2-selection__arrow:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 22px; }
.select2-container--open .select2-selection__arrow:before {
content: ""; }
@media screen and (min-width: 61.875em) {
.select2-selection__arrow {
position: absolute;
right: 6px;
margin: 0;
top: 8px; } }
.select2-selection__rendered {
position: relative;
display: inline-block; }
@media screen and (min-width: 61.875em) {
.select2-selection__rendered {
display: block; } }
.select2-selection__clear {
display: inline-block;
text-indent: -9999px;
width: 16px;
height: 16px;
margin: 0 8px 0 0;
position: relative;
top: 1px;
color: #5064aa; }
.select2-selection__clear:hover {
color: #a5c86e; }
@media screen and (min-width: 61.875em) {
.select2-selection__clear {
margin: 0;
right: 20px;
top: 0;
display: block;
position: absolute; } }
.select2-selection__clear:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
display: block;
text-indent: 0;
position: absolute;
left: 0;
top: 0; }
.select2-search--hide {
display: none; }
.select2-results {
max-height: 300px;
overflow-y: auto; }
.select2-dropdown {
display: block;
border: 1px solid #bec3c3;
overflow: hidden;
position: relative;
z-index: 200; }
.select2-dropdown.select2-dropdown--above {
border-bottom: 0; }
.select2-dropdown.select2-dropdown--below {
border-top: 0; }
.select2-results__options > li {
border-top: 1px solid #ededed;
padding: 10px;
background-color: #ffffff;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
cursor: pointer;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
.select2-results__options > li:first-child {
border-top: 0; }
.select2-results__options > li:hover {
background-color: #f6f6f6;
color: #82af32; }
@media screen and (max-width: 61.865em) {
.select2-results__options > li {
text-align: center; } }
.global-header-bar {
position: relative;
height: 60px; }
@media screen and (min-width: 61.875em) {
.global-header-bar {
border-radius: 3px;
background: #ffffff;
height: 68px;
z-index: 400;
box-shadow: 2.5px 4.33px 20px 0 rgba(0, 1, 1, 0.25);
max-width: 100%;
margin: 15px; } }
@media screen and (min-width: 77.5em) {
.global-header-bar {
max-width: 1240px;
margin: 15px auto; } }
.btn-home {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #82af32;
border-bottom-color: #6f962c;
border-bottom: 0;
margin-bottom: 0; }
.btn-home.state-loading, .btn-home.state-loading:hover, .btn-home.state-loading:active, .btn-home.state-loading:focus, .btn-home.state-loading:visited, .btn-home.state-loading-prevent-auto-remove, .btn-home.state-loading-prevent-auto-remove:hover, .btn-home.state-loading-prevent-auto-remove:active, .btn-home.state-loading-prevent-auto-remove:focus, .btn-home.state-loading-prevent-auto-remove:visited {
color: #ffffff;
background: #82af32;
border-bottom-color: #82af32; }
.btn-home:focus, .btn-home:active, .btn-home:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.btn-home:hover, .btn-home:active {
background-color: #a5c86e; } }
.btn-home, .btn-home:hover, .btn-home:active {
background: none; }
.btn-home:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-left: 10px;
font-size: 20px;
padding-left: 0; }
.button-avatar {
border-radius: 50%;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
display: inline-block;
vertical-align: middle;
position: relative;
background: rgba(255, 255, 255, 0.05); }
@media screen and (min-width: 61.875em) {
.button-avatar {
width: 40px;
height: 40px;
line-height: 40px; } }
.button-avatar, .button-avatar:visited, .button-avatar:hover, .button-avatar:focus {
color: #ffffff;
outline: none; }
.button-avatar:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 20px;
position: relative;
top: -1px; }
.button-avatar .badge {
position: absolute;
top: -7px;
right: -11px; }
.button-avatar > img {
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
max-width: 100%;
height: auto;
display: none; }
body.state-logged-in .button-avatar > img {
display: block; }
/**
-----------------------------------------------------------------------
HEADER NAVIGATION DROPDOWN MYAIRPORT
-----------------------------------------------------------------------
*/
/* through this long selector we need to force that on mobile the dropdown is not shown */
@media screen and (max-width: 61.865em) {
.dropdown.dropdown-myairport:hover .dropdown-layer {
display: none; } }
@media screen and (min-width: 61.875em) {
html.state-overlay-active .dropdown-myairport.state-active .dropdown-layer {
border-top: 1px solid #ededed; }
.dropdown-myairport {
float: left;
/* Be very deep with selectors to override default in _dropdowns.scss */ }
.dropdown-myairport .grid-cell-headline h2 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa;
margin-bottom: 20px; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-list {
margin-bottom: 10px;
max-height: 275px;
overflow: hidden; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-list .headercart-list-item {
/* in case the template doesn't get a producturl apply the flexbox properties to headercart-list-item instead */
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 10px; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-list .headercart-list-item:last-child {
margin-bottom: 0; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-list .headercart-list-item > a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-basis: 100%;
flex-basis: 100%;
color: #666666;
padding: 0; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-list .headercart-list-item > a:before {
content: none; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-list .headercart-list-item .item-image {
margin: 0 10px 0 0;
width: 60px;
height: 60px; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-list .headercart-list-item .item-content {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
line-height: 20px;
max-height: 68px;
width: 180px; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-links {
margin-bottom: 20px; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-links .iconlink {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #5064aa;
display: block;
margin-bottom: -3px; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-links .iconlink:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
font-size: 14px;
line-height: 24px;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
margin-right: 5px; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-links .iconlink:hover {
color: #82af32; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-links .iconlink:hover:before {
color: #82af32; }
.dropdown-myairport .dropdown-content .grid-cell .headercart .headercart-links .btn-primary {
margin-top: 17px; }
.dropdown-myairport .dropdown-layer {
width: 100%; }
.dropdown-myairport .dropdown-content {
background: #f6f6f6; }
.dropdown-myairport .dropdown-footer a {
color: #ffffff;
background: #adb9d8;
display: block;
text-align: center;
padding: 10px 20px; }
.dropdown-myairport .dropdown-footer a:hover, .dropdown-myairport .dropdown-footer a:focus {
background: #a5c86e; }
.dropdown-myairport .dropdown-footer .login,
.dropdown-myairport .dropdown-footer .logout {
background: #a5c86e; }
.dropdown-myairport .slides {
text-align: left;
position: relative;
width: 100%;
height: 100vh;
/* initial value, gets recalculated with js later */
left: -100%;
-webkit-transition: left 0.5s ease-in-out;
transition: left 0.5s ease-in-out; }
.dropdown-myairport .slides.state-loginslide-active {
left: 0; }
.dropdown-myairport .slide-teasers,
.dropdown-myairport .slide-login {
position: absolute;
top: 0;
width: 100%;
height: auto; }
.dropdown-myairport .slide-teasers {
left: 100%; }
.dropdown-myairport .slide-teasers .dropdown-content {
padding: 0; }
.dropdown-myairport .slide-teasers .dropdown-content .grid-cell:first-child {
padding-left: 30px; }
.dropdown-myairport .slide-teasers .dropdown-content .grid-cell:last-child {
padding-right: 30px; }
.dropdown-myairport .slide-teasers .dropdown-content .grid-cell:hover {
background: #ffffff; }
.dropdown-myairport .slide-teasers .dropdown-content .grid-cell:hover .grid-cell-headline a {
color: #6f962c; }
.dropdown-myairport .slide-teasers .dropdown-footer .grid-cell {
width: 25%; }
.dropdown-myairport .slide-login {
left: 0;
display: block;
/* TODO no final design for that! */ }
body.state-logged-in .dropdown-myairport .slide-login {
display: none; }
.dropdown-myairport .slide-login .dropdown-content {
border-radius: 0 0 2px 2px;
padding: 40px 40px 35px 40px; }
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-register,
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-login:first-child,
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-login {
padding-left: 0; }
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-login .form-actions-reverse {
padding-top: 20px; }
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-register,
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-login {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; }
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-register:hover,
.dropdown-myairport .slide-login .dropdown-content .dropdown-grid .cell-login:hover {
background-color: transparent; }
.dropdown-myairport .slide-login .grid-cell {
position: relative;
width: 50%;
margin-top: -9px;
/* need to shift it up due to the back-link icon alignment */ }
.dropdown-myairport .slide-login .grid-cell-headline {
display: block;
color: #5064aa;
padding-top: 65px;
margin-bottom: 13px; }
.dropdown-myairport .slide-login .cell-register {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin-left: 80px; }
.dropdown-myairport .slide-login .cell-register .check-list {
margin-bottom: 30px; }
.dropdown-myairport .slide-login .cell-register .check-list li {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
.dropdown-myairport .slide-login .cell-register .btn-secondary {
float: right; } }
.dropdown.dropdown-default .dropdown-label,
.dropdown.dropdown-default .dropdown-layer, .dropdown.dropdown-myairport .dropdown-label,
.dropdown.dropdown-myairport .dropdown-layer {
visibility: hidden; }
.dropdown.dropdown-default .dropdown-layer, .dropdown.dropdown-myairport .dropdown-layer {
max-height: 0; }
@media screen and (min-width: 61.875em) {
.dropdown.dropdown-default, .dropdown.dropdown-myairport {
visibility: visible;
position: relative;
position: static; }
.dropdown.dropdown-default.state-active .dropdown-layer, .dropdown.dropdown-myairport.state-active .dropdown-layer {
max-height: 600px; }
.dropdown.dropdown-default .dropdown-layer, .dropdown.dropdown-myairport .dropdown-layer {
position: absolute;
left: 0;
min-width: 100%;
visibility: visible;
overflow: hidden;
z-index: 300;
max-height: 0;
-webkit-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1); }
.dropdown.dropdown-default.state-active .dropdown-label, .dropdown.dropdown-myairport.state-active .dropdown-label {
background-color: #a5c86e; }
.dropdown.dropdown-default.state-active .dropdown-label:after, .dropdown.dropdown-myairport.state-active .dropdown-label:after {
content: ""; }
.dropdown.dropdown-default.state-active .dropdown-layer, .dropdown.dropdown-myairport.state-active .dropdown-layer {
visibility: visible;
max-height: 900px; }
.dropdown.dropdown-default .dropdown-label, .dropdown.dropdown-myairport .dropdown-label {
color: #666666;
background: #ffffff;
border-bottom-color: #bec3c3; }
.dropdown.dropdown-default .dropdown-label:focus, .dropdown.dropdown-default .dropdown-label:active, .dropdown.dropdown-default .dropdown-label:visited, .dropdown.dropdown-myairport .dropdown-label:focus, .dropdown.dropdown-myairport .dropdown-label:active, .dropdown.dropdown-myairport .dropdown-label:visited {
color: #666666; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.dropdown.dropdown-default .dropdown-label:hover, .dropdown.dropdown-default .dropdown-label:active, .dropdown.dropdown-myairport .dropdown-label:hover, .dropdown.dropdown-myairport .dropdown-label:active {
background-color: #a5c86e;
color: #ffffff; } }
@media screen and (min-width: 61.875em) {
.dropdown.dropdown-default.state-active .dropdown-label, .dropdown.dropdown-myairport.state-active .dropdown-label {
background-color: #a5c86e;
color: #ffffff; }
.dropdown.dropdown-default .dropdown-layer, .dropdown.dropdown-myairport .dropdown-layer {
left: 0;
width: 100%;
z-index: 300; }
.dropdown.dropdown-default .dropdown-label:after, .dropdown.dropdown-myairport .dropdown-label:after {
content: none;
display: none; } }
@media screen and (max-width: 61.865em) {
.dropdown.dropdown-default .dropdown-label, .dropdown.dropdown-myairport .dropdown-label {
display: none; }
.global-header-bar .dropdown.dropdown-default, .global-header-bar .dropdown.dropdown-myairport {
position: absolute;
right: 18px;
top: 12px; } }
@media screen and (min-width: 61.875em) {
.dropdown.dropdown-default .dropdown-label, .dropdown.dropdown-myairport .dropdown-label, .dropdown.dropdown-lang .dropdown-label {
line-height: 20px;
padding: 20px;
border-bottom: 0;
margin-bottom: 0;
padding: 24px 20px; } }
@media screen and (max-width: 61.865em) {
.dropdown .dropdown-myairport-btn {
position: absolute;
top: 0;
right: 0; } }
@media screen and (min-width: 61.875em) {
.dropdown .dropdown-myairport-btn {
position: relative;
pointer-events: none; }
.dropdown .dropdown-myairport-btn .dropdown-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
visibility: visible;
padding: 25px 20px 23px 74px;
height: 68px;
max-width: 207px; }
.dropdown .dropdown-myairport-btn .button-avatar {
position: absolute;
left: 20px;
top: 15px;
background: rgba(0, 0, 0, 0.05); }
.dropdown .dropdown-myairport-btn .button-avatar, .dropdown .dropdown-myairport-btn .button-avatar:visited, .dropdown .dropdown-myairport-btn .button-avatar:hover {
color: #666666; } }
@media screen and (min-width: 77.5em) {
.dropdown .dropdown-myairport-btn .dropdown-label {
max-width: 255px; } }
@media screen and (max-width: 61.865em) {
.dropdown.dropdown-lang {
display: none !important; } }
@media screen and (min-width: 61.875em) {
.dropdown.dropdown-lang {
border-left: 1px solid #ededed; }
.dropdown.dropdown-lang .dropdown-label {
color: #666666;
background: #ffffff;
border-bottom-color: #bec3c3; }
.dropdown.dropdown-lang .dropdown-label:focus, .dropdown.dropdown-lang .dropdown-label:active, .dropdown.dropdown-lang .dropdown-label:visited {
color: #666666; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.dropdown.dropdown-lang .dropdown-label:hover, .dropdown.dropdown-lang .dropdown-label:active {
background-color: #a5c86e;
color: #ffffff; } }
@media screen and (min-width: 61.875em) {
.dropdown.dropdown-lang.state-active .dropdown-label {
background-color: #a5c86e;
color: #ffffff; }
.dropdown.dropdown-lang .dropdown-label {
border-radius: 0 3px 3px 0;
width: 66px;
padding-left: 0;
padding-right: 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
.dropdown.dropdown-lang .dropdown-label:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
.dropdown.dropdown-lang .dropdown-label:after {
padding-left: 2px; }
.dropdown.dropdown-lang:hover {
border-left-color: transparent; }
.dropdown.dropdown-lang:hover .dropdown-label {
border-radius: 0 3px 0 0; }
.dropdown.dropdown-lang:hover .dropdown-content {
border-radius: 0 0 3px 3px; }
.dropdown.dropdown-lang .dropdown-layer {
width: 100%; }
.dropdown.dropdown-lang .dropdown-content {
padding: 0; }
.dropdown.dropdown-lang .languages-list li {
text-align: center; }
.dropdown.dropdown-lang .languages-list li:first-child a {
border-top: 1px solid #ffffff; }
.dropdown.dropdown-lang .languages-list li:last-child a {
border-radius: 0 0 3px 3px; }
.dropdown.dropdown-lang .languages-list a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666;
display: block;
padding: 20px;
border-top: 1px solid #ededed;
-webkit-transition: none;
transition: none; }
.dropdown.dropdown-lang .languages-list a:hover, .dropdown.dropdown-lang .languages-list a:focus {
background-color: #a5c86e;
color: #ffffff; }
.global-header-nav.state-active + .global-header-service-nav + .global-header-items-right .dropdown.dropdown-lang .dropdown-label,
.dropdown-myairport.state-active + .dropdown.dropdown-lang .dropdown-label {
border-radius: 0 3px 0 0; } }
.dropdown .clear:before, .dropdown .clear:after {
content: ' ';
display: table; }
.dropdown .clear:after {
clear: both; }
@media screen and (min-width: 61.875em) {
.dropdown-myairport .grid-cell-headline h2,
.dropdown-default .grid-cell-headline h2 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa;
margin-bottom: 20px; }
.dropdown-myairport .dropdown-layer,
.dropdown-default .dropdown-layer {
width: 1240px; }
.dropdown-myairport .dropdown-content,
.dropdown-default .dropdown-content {
background: #f6f6f6;
padding: 0; }
.dropdown-myairport .dropdown-content .grid-cell,
.dropdown-default .dropdown-content .grid-cell {
padding: 20px;
width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto; }
.dropdown-myairport .dropdown-content .grid-cell img,
.dropdown-default .dropdown-content .grid-cell img {
margin-bottom: 13px;
width: 100%;
max-width: 100%; }
.dropdown-myairport .dropdown-content .grid-cell p,
.dropdown-default .dropdown-content .grid-cell p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666;
margin-bottom: 10px; }
.dropdown-myairport .dropdown-content .grid-cell p.fra_copy_8,
.dropdown-default .dropdown-content .grid-cell p.fra_copy_8 {
font-weight: bold; }
.dropdown-myairport .dropdown-content .grid-cell ul,
.dropdown-default .dropdown-content .grid-cell ul {
display: block; }
.dropdown-myairport .dropdown-content .grid-cell ul > li,
.dropdown-default .dropdown-content .grid-cell ul > li {
display: block; }
.dropdown-myairport .dropdown-content .grid-cell:first-child,
.dropdown-default .dropdown-content .grid-cell:first-child {
padding-left: 30px; }
.dropdown-myairport .dropdown-content .grid-cell:last-child,
.dropdown-default .dropdown-content .grid-cell:last-child {
padding-right: 30px; }
.dropdown-myairport .dropdown-content .grid-cell:hover,
.dropdown-default .dropdown-content .grid-cell:hover {
background: #ffffff; }
.dropdown-myairport .dropdown-content .grid-cell:hover .grid-cell-headline a,
.dropdown-default .dropdown-content .grid-cell:hover .grid-cell-headline a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
color: #6f962c; }
.dropdown-myairport .dropdown-footer a,
.dropdown-default .dropdown-footer a {
color: #ffffff;
background: #adb9d8;
display: block;
text-align: center;
padding: 10px 20px; }
.dropdown-myairport .dropdown-footer a:hover, .dropdown-myairport .dropdown-footer a:focus,
.dropdown-default .dropdown-footer a:hover,
.dropdown-default .dropdown-footer a:focus {
background: #a5c86e; }
.dropdown-myairport .dropdown-footer .login,
.dropdown-myairport .dropdown-footer .logout,
.dropdown-default .dropdown-footer .login,
.dropdown-default .dropdown-footer .logout {
background: #a5c86e; }
.dropdown-myairport .dropdown-footer .grid-cell,
.dropdown-default .dropdown-footer .grid-cell {
width: 33%; }
.dropdown-lang {
float: left; } }
.global-header-nav ul .search-wrapper .dropdown-layer .dropdown-content {
background-color: #ffffff; }
.global-header-intro {
display: none; }
@media screen and (min-width: 61.875em) {
.global-header-intro {
display: block;
text-align: center;
padding-top: 15px;
padding-bottom: 25px; }
.global-header-intro > hgroup {
display: inline-block; }
.global-header-intro h1,
.global-header-intro h2 {
color: #ffffff;
text-align: left;
font-weight: normal; }
.global-header-intro h1 {
font-family: 'StoneItalic', sans-serif;
font-size: 3rem /* #{$font-size}px */;
line-height: inherit;
margin-bottom: 10px; }
.global-header-intro h2 {
font-family: 'StoneItalic', sans-serif;
font-size: 1.5rem /* #{$font-size}px */;
line-height: inherit; } }
@media screen and (min-width: 61.875em) {
.global-header-items-right {
float: right; } }
@media screen and (max-width: 61.865em) {
.global-header-logo {
line-height: 60px; }
.global-header-logo .logo {
margin: 0 auto; } }
@media screen and (min-width: 61.875em) {
.global-header-logo {
float: left;
background: #445591;
border-radius: 2px 0 0 2px;
max-width: 190px;
padding: 0;
z-index: 100; } }
@media screen and (max-width: 61.865em) {
.global-header-nav {
position: absolute;
left: 0;
top: 8px; }
.global-header-nav > ul {
display: none; } }
@media screen and (min-width: 61.875em) {
.global-header-nav {
float: left;
width: calc(100% - 274px - 190px); }
.global-header-nav .btn-home {
display: none; }
.global-header-nav > ul {
display: table;
width: 100%; }
.global-header-nav > ul .dropdown-layer {
left: 0;
width: 100%;
z-index: 300;
max-height: 0; }
.global-header-nav > ul .dropdown-content {
background: #f6f6f6; }
.global-header-nav > ul > li {
display: table-cell;
position: static;
border-left: 1px solid #ededed; }
.global-header-nav > ul > li:first-child {
border-left: 1px solid transparent; }
.global-header-nav > ul > li.state-active .dropdown.state-active .dropdown-layer {
max-height: 1500px; }
.global-header-nav > ul > li.state-active:first-child {
border-left: 1px solid #a5c86e; }
.global-header-nav > ul > li > .menu-item-container {
position: relative;
overflow: hidden;
height: 68px; }
.global-header-nav > ul > li > .menu-item-container > a.menu-item,
.global-header-nav > ul > li > a.servicenav-search-opener {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 0.875rem /* #{$line-height}px */;
color: #5064aa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: block;
text-align: center;
-webkit-transition: none;
transition: none;
line-height: 68px;
padding: 0 20px;
background: #ffffff; }
.global-header-nav > ul > li > .menu-item-container > a.menu-item span.subtitle,
.global-header-nav > ul > li > a.servicenav-search-opener span.subtitle {
display: none;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
bottom: 7px;
left: 0;
right: 0;
padding: 0 10px; }
.global-header-nav > ul > li > a.servicenav-search-opener {
position: absolute;
top: 0;
left: 0; }
.global-header-nav > ul > li.state-active > .menu-item-container {
cursor: pointer;
background: #a5c86e;
border-color: transparent;
color: #ffffff;
text-decoration: none; }
.global-header-nav > ul > li.state-active > .menu-item-container > a.menu-item {
color: #ffffff;
background: #a5c86e; }
.global-header-nav > ul > li.state-active > .menu-item-container > a.menu-item span.subtitle {
display: block; }
.global-header-nav > ul > li.search {
position: relative;
width: 66px;
border-right: 1px solid #ededed; }
.global-header-nav > ul > li.search .servicenav-search-opener {
padding: 0 22px 0 23px;
z-index: 100;
height: 68px; }
.global-header-nav > ul > li.search .servicenav-search-opener:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 16px;
height: 16px;
line-height: 66px;
font-size: 16px;
height: 66px;
-webkit-transition: none;
transition: none; }
.global-header-nav > ul > li.search .servicenav-search-opener:hover {
color: #ffffff;
background: #a5c86e; }
.global-header-nav > ul > li.search .search-wrapper {
-webkit-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
position: absolute;
right: 65px;
top: 0;
width: 0;
line-height: 68px;
z-index: 90;
background: #f6f6f6; }
.global-header-nav > ul > li.search .input-text {
display: block;
width: 100%;
padding: 5px;
height: 68px;
border: 0;
color: #999999;
background: transparent;
-webkit-transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1);
transition: all 100ms cubic-bezier(0.86, 0, 0.07, 1); }
.global-header-nav > ul > li.search .servicenav-search-opener:hover {
color: #ffffff; }
.global-header-nav > ul > li.search.state-active .servicenav-search-opener + .search-wrapper {
width: 662px; }
.global-header-nav > ul > li.search.state-active .servicenav-search-opener + .search-wrapper .input-text {
background: #f6f6f6;
padding: 5px 20px; } }
@media screen and (min-width: 77.5em) {
.global-header-nav {
width: calc(100% - 322px - 190px); }
.global-header-nav > ul {
width: calc(100% - 50px); }
.global-header-nav > ul > li > .menu-item-container > a.menu-item,
.global-header-nav > ul > li > a.servicenav-search-opener {
padding: 27px 20px; }
.global-header-nav > ul > li > .menu-item-container > a.menu-item:hover span.subtitle, .global-header-nav > ul > li > .menu-item-container > a.menu-item:focus span.subtitle,
.global-header-nav > ul > li > a.servicenav-search-opener:hover span.subtitle,
.global-header-nav > ul > li > a.servicenav-search-opener:focus span.subtitle {
display: block; }
.global-header-nav > ul > li > .menu-item-container > a.menu-item {
line-height: inherit; }
.global-header-nav > ul > li.search .servicenav-search-opener {
padding: 0; }
.global-header-nav > ul > li.search.state-active .servicenav-search-opener + .search-wrapper {
width: 653px; } }
/** TODO Hotfix. Remove this as soon as possible! Somehow IE + Firefox need a 8px bigger width !? */
/** Source: http://stackoverflow.com/questions/5874122/is-it-possible-to-detect-firefox-users-in-pure-css */
@media screen and (-ms-high-contrast: active) and (min-width: 61.875em), screen and (-ms-high-contrast: none) and (min-width: 61.875em) {
.global-header-nav > ul > li.search.state-active .servicenav-search-opener + .search-wrapper {
width: 461px; } }
@media screen and (-ms-high-contrast: active) and (min-width: 77.5em), screen and (-ms-high-contrast: none) and (min-width: 77.5em) {
.global-header-nav > ul > li.search.state-active .servicenav-search-opener + .search-wrapper {
width: 661px; } }
@-moz-document url-prefix() {
@media screen and (min-width: 61.875em) {
.global-header-nav > ul > li.search.state-active .servicenav-search-opener + .search-wrapper {
width: 461px; } }
@media screen and (min-width: 77.5em) {
.global-header-nav > ul > li.search.state-active .servicenav-search-opener + .search-wrapper {
width: 661px; } } }
@media screen and (min-width: 61.875em) {
.cms-no-route .root {
background: url("../images/404_bg.jpg") no-repeat;
background-size: cover;
padding-bottom: 60px; }
.cms-no-route .header-wrapper {
background: none; }
.cms-no-route .global-footer-wrapper {
margin-top: 0; } }
@media screen and (min-width: 61.875em) {
.no-route-content {
background: url("../images/404.png") no-repeat;
padding: 290px 35px 0 35px;
color: #ffffff;
width: 461px;
margin: 0 auto; } }
@media screen and (min-width: 61.875em) {
.main-content .no-route-content h2:not([class]) {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.5rem /* #{$font-size}px */;
line-height: 1.625rem /* #{$line-height}px */;
color: #ffffff; } }
@media screen and (max-width: 61.865em) {
.main-content .no-route-content h2:not([class]) {
line-height: 1.5rem;
margin-bottom: 8px; } }
.no-route-content p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.no-route-content p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (max-width: 61.865em) {
.no-route-content p {
color: #666666; } }
.no-route-content .search-box {
margin-top: 20px; }
@media screen and (min-width: 61.875em) {
.no-route-content .search-box {
margin-bottom: 10px; } }
@media screen and (min-width: 61.875em) {
.no-route-content .flex-button-row [class*=' btn-']:first-child,
.no-route-content .flex-button-row [class^='btn-']:first-child {
margin-right: 0; }
.no-route-content .flex-button-row [class*=' btn-']:first-child ~ *,
.no-route-content .flex-button-row [class^='btn-']:first-child ~ * {
margin-left: 20px; } }
@media screen and (max-width: 61.865em) {
.no-route-content .flex-button-row {
margin-bottom: 0; } }
@media screen and (max-width: 61.865em) {
.no-route-content {
position: relative; }
.no-route-content:before, .no-route-content:after {
content: '';
display: block;
margin: 0 -10px 20px -10px;
padding: 56.25% 0 0 0; }
.no-route-content:before {
background: url("../images/404_bg.jpg") no-repeat;
background-size: 100% auto; }
.no-route-content:after {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
max-width: 76%;
width: 424px;
background: url("../images/404.png") no-repeat center center;
background-size: contain; } }
/**
-----------------------------------------------------------------------
COMMON STYLES FOR HTML & BODY
-----------------------------------------------------------------------
*/
@media screen and (max-width: 61.865em) {
body {
overflow-x: hidden;
/* to hide absolute positioned mobile service nav */
position: relative; } }
@media screen and (min-width: 61.875em) {
html {
min-height: 100%;
position: relative; }
html body {
height: 100%; } }
@media screen and (min-width: 61.875em) {
.contact-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; }
.contact-grid .contact-main,
.contact-grid .contact-aside {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.contact-grid .contact-main {
max-width: 632px;
min-width: 632px; }
.contact-grid .contact-aside {
max-width: 230px;
min-width: 230px; } }
@media screen and (max-width: 61.865em) {
.contact-grid {
padding: 10px 0 0 0; }
.contact-grid .contact-aside {
margin: 50px -10px -60px -10px;
padding: 20px 10px 60px 10px;
background: #f6f6f6;
border-top: 1px solid #cdd2d2; }
.contact-grid .contact-aside h3 {
text-align: center; } }
body:before {
content: '{"mobile":"480px","desktop":"990px","desktop-large":"1240px"}';
display: none; }
@media screen and (min-width: 61.875em) {
.layout-2-cols,
.layout-cms {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.layout-2-cols aside[role='complementary'],
.layout-cms aside[role='complementary'] {
min-width: 226px;
max-width: 226px;
margin-right: 20px; }
.layout-2-cols div[role='main'],
.layout-cms div[role='main'] {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; } }
@media screen and (min-width: 61.875em) {
.layout-cms aside[role='complementary'] {
margin-right: 0;
margin-left: 20px; } }
@media screen and (max-width: 61.865em) {
.container,
.container-padding-mobile {
padding-left: 10px;
padding-right: 10px; }
.container-inner-stretch {
margin: 0 -10px; }
.container-inner-shrink {
margin: 0 10px; } }
@media screen and (max-width: 61.865em) {
.mobile-content-heading {
padding: 20px 0 0 0; } }
.footer-logo-wrapper {
background: #384678;
padding-left: 10px;
padding-right: 10px;
min-height: 60px;
line-height: 60px; }
.footer-logo-wrapper .logo {
left: -14px; }
@media screen and (min-width: 61.875em) {
.footer-logo-wrapper {
display: none; } }
/**
-----------------------------------------------------------------------
GLOBAL FOOTER
-----------------------------------------------------------------------
*/
.global-footer-wrapper {
position: relative;
background: #5064aa;
margin-top: 80px; }
.global-footer-wrapper > .container {
padding-left: 0;
padding-right: 0; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper {
border-top: 10px solid #445591; } }
.global-footer-wrapper > div:nth-child(even) {
background-color: #5064aa; }
.global-footer-wrapper .global-footer {
padding: 20px 0 5px 0; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer {
padding: 25px 0 0 0; } }
.global-footer-wrapper .global-footer-row {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 40px; }
@media (min-width: 990px) {
.global-footer-wrapper .global-footer-row {
float: left;
width: 16.66667%; } }
.global-footer-wrapper .global-footer-row:nth-child(even) {
clear: both;
border-right: 1px solid #8296c8; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-row {
margin-bottom: 0; }
.global-footer-wrapper .global-footer-row:nth-child(even) {
clear: none;
border-right: 0; } }
.global-footer-wrapper .global-footer-row h4 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-row h4 {
font-size: inherit; } }
.global-footer-wrapper .global-footer-row li a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; }
.global-footer-wrapper .global-footer-row h4,
.global-footer-wrapper .global-footer-row li {
margin-bottom: 20px; }
.global-footer-wrapper .global-footer-row h4:last-child,
.global-footer-wrapper .global-footer-row li:last-child {
margin-bottom: 0; }
.global-footer-wrapper .global-footer-row h4:last-child .btn,
.global-footer-wrapper .global-footer-row li:last-child .btn {
margin-bottom: 0; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-row h4,
.global-footer-wrapper .global-footer-row li {
margin-bottom: 15px; } }
.global-footer-wrapper .global-footer-row,
.global-footer-wrapper .global-footer-row a {
color: #ffffff; }
.global-footer-wrapper .global-footer-row ul.links li {
display: block;
float: left;
margin-right: 20px;
margin-bottom: 20px; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-row ul.links li {
margin-right: 15px;
margin-bottom: 15px; } }
.global-footer-wrapper .global-footer-row .copyright-information {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: inherit;
color: #8296c8; }
.global-footer-wrapper .global-footer-row .btn {
background: #445591;
position: relative;
padding: 13px 36px 13px 10px;
border-bottom: 0;
margin: 0 0 -5px 0;
text-align: left; }
.global-footer-wrapper .global-footer-row .btn:hover {
background: #8296c8; }
.global-footer-wrapper .global-footer-row .btn .fra_icon {
max-width: 16px;
position: absolute;
top: 12px;
right: 10px; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-row .btn {
min-width: 143px; } }
@media screen and (max-width: 61.865em) {
.global-footer-wrapper .global-footer-row .btn {
max-width: 200px;
width: 100%; } }
.global-footer-wrapper .global-footer-navigation:nth-child(odd) {
padding-left: 20px; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-navigation:nth-child(odd) {
padding-left: inherit; } }
.global-footer-wrapper .global-footer-row-full {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-row-full {
margin-bottom: 25px; } }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-overview {
padding-bottom: 30px; } }
.global-footer-wrapper .global-footer-links {
margin-bottom: 10px; }
.global-footer-wrapper .global-footer-headline {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
padding-bottom: 40px; }
.global-footer-wrapper .global-footer-headline h2 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit; }
@media screen and (min-width: 61.875em) {
.global-footer-wrapper .global-footer-headline {
padding-bottom: 25px; }
.global-footer-wrapper .global-footer-headline h2 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.5rem /* #{$font-size}px */;
line-height: inherit; } }
/**
-----------------------------------------------------------------------
HEADER WRAPPER
-----------------------------------------------------------------------
*/
.header-wrapper {
position: relative;
background: #384678; }
@media screen and (min-width: 61.875em) {
.header-wrapper {
overflow: inherit;
background: #5064aa;
margin-bottom: 2.5rem /* #{$px}px */; } }
.header-wrapper .container {
padding-left: 0;
padding-right: 0; }
@media screen and (min-width: 61.875em) {
.header-wrapper .container {
padding-left: 15px;
padding-right: 15px; } }
@media screen and (min-width: 61.875em) {
.header-wrapper.ratio-16-9 {
padding-bottom: 0;
display: block;
position: relative; }
.header-wrapper.ratio-16-9:before {
content: '';
display: block;
padding-top: 56.3%; }
.header-wrapper.ratio-16-9 .ratio-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #ffffff;
background-size: cover; }
.header-wrapper.ratio-16-9 .visual {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1; }
.header-wrapper.ratio-16-9 .shop-header-navigation {
margin-top: -60px; }
.header-wrapper.ratio-16-9 .navigation-container {
position: relative;
z-index: 1;
margin-top: -60px; } }
@media screen and (min-width: 61.875em) and (min-width: 80em) {
.header-wrapper.ratio-16-9:before {
padding-top: 720px; }
.header-wrapper.ratio-16-9 .visual {
width: 1280px;
left: 50%;
margin-left: -640px; }
.header-wrapper.ratio-16-9 .ratio-content {
background-color: #ffffff; } }
@media screen and (max-width: 61.865em) {
.header-wrapper.ratio-16-9 {
padding-bottom: 56.3%; }
.header-wrapper.ratio-16-9 .ratio-content {
background-image: none; }
.header-wrapper.ratio-16-9 .visual {
position: absolute;
margin-top: 120px;
width: 100%; } }
.header-wrapper:before, .header-wrapper:after {
content: ' ';
display: table; }
.header-wrapper:after {
clear: both; }
.fraport-customer-order-view .map-wrapper {
margin-top: 20px; }
.fraport-customer-order-view .map-wrapper:first-child {
margin-top: 0; }
.fraport-customer-order-view .headline-container {
margin-bottom: 5px; }
.fraport-customer-order-view .fra-map {
display: inline-block; }
/**
-----------------------------------------------------------------------
OVERLAY
-----------------------------------------------------------------------
*/
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.6);
z-index: 200;
width: 100%;
height: 100%;
display: none; }
@media screen and (max-width: 61.865em) {
html.state-overlay-active {
position: relative; }
html.state-overlay-active body {
position: relative; }
html.state-overlay-active body .header-wrapper,
html.state-overlay-active body .shop-nav-list-inner-mobile {
z-index: 300; } }
@media screen and (max-width: 61.865em) {
.catalog-product-view .main-content {
padding: 0; }
.catalog-product-view .product-intro,
.catalog-product-view .product-media,
.catalog-product-view .price-box,
.catalog-product-view .base-price-info,
.catalog-product-view .availability-box {
padding: 0 10px; } }
@media screen and (max-width: 61.865em) and (max-width: 61.865em) {
.catalog-product-view .homepage-service-teaser h3 {
padding: 0 10px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) {
.product-view .slick-slider {
min-height: 370px; } }
.product-view .product-essential {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px; }
.product-view .product-essential .product-complementary {
width: 100%; }
.product-view .product-essential .product-main {
width: 100%; }
.product-view .product-service-teaser {
margin-bottom: 40px; }
@media screen and (max-width: 61.865em) {
.product-view .product-service-teaser h3 {
padding-left: 10px;
padding-right: 10px; } }
.product-view .product-nutrition-information {
margin: 5px 0; }
.product-view .product-nutrition-information th,
.product-view .product-nutrition-information td {
text-align: left;
border: 1px solid #cdd2d2;
padding: 5px 10px; }
.product-view .product-nutrition-information tr td:first-child {
width: 35%; }
@media screen and (min-width: 61.875em) {
.product-view .product-essential {
margin-bottom: 0;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
.product-view .product-essential .product-complementary {
min-width: 282px;
max-width: 282px;
margin-left: 20px; }
.product-view .product-essential .product-main {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; } }
.slideable-item-list {
width: calc(100% + (10px * 2));
margin-left: -10px;
padding: 15px 10px;
border-bottom: 1px solid #bec3c3;
overflow: scroll;
-webkit-overflow-scrolling: touch; }
.slideable-item-list::-webkit-scrollbar {
height: 0; }
.slideable-item-list .facet-pagetype-list,
.slideable-item-list .slideable-item-list-list {
white-space: nowrap;
display: inline-block;
margin-left: 50%;
margin-right: 50%;
width: auto; }
.slideable-item-list .facet-pagetype-list li,
.slideable-item-list .slideable-item-list-list li {
display: inline;
margin-right: 20px;
margin-left: -4px; }
.slideable-item-list .facet-pagetype-list li:first-child,
.slideable-item-list .slideable-item-list-list li:first-child {
margin-left: 0; }
.slideable-item-list .facet-pagetype-list li a,
.slideable-item-list .slideable-item-list-list li a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.slideable-item-list .facet-pagetype-list li.cur a,
.slideable-item-list .slideable-item-list-list li.cur a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #82af32; }
.slideable-item-list .facet-pagetype-list li:last-child,
.slideable-item-list .slideable-item-list-list li:last-child {
margin-right: 0; }
@media screen and (min-width: 61.875em) {
.slideable-item-list {
width: 100%;
margin-left: 0;
border-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden; }
.slideable-item-list .slideable-item-list-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-left: 0;
margin-right: 0; } }
.product-view .product-attributes-table {
width: 100%;
margin: 0 0 20px; }
.product-view .product-attributes-table > thead > tr > td,
.product-view .product-attributes-table > thead > tr > th,
.product-view .product-attributes-table > tbody > tr > td,
.product-view .product-attributes-table > tbody > tr > th {
vertical-align: top;
padding: 10px;
text-align: left; }
@media screen and (min-width: 61.875em) {
.product-view .product-attributes-table > thead > tr > td,
.product-view .product-attributes-table > thead > tr > th,
.product-view .product-attributes-table > tbody > tr > td,
.product-view .product-attributes-table > tbody > tr > th {
padding: 10px 0; } }
.product-view .product-attributes-table > thead > tr .a-right,
.product-view .product-attributes-table > tbody > tr .a-right {
text-align: right; }
.product-view .product-attributes-table > thead > tr > th {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.product-view .product-attributes-table > thead > tr > th {
font-size: 1.125rem; } }
.product-view .product-attributes-table > tbody > tr > th {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding-right: 10px; }
@media screen and (min-width: 61.875em) {
.product-view .product-attributes-table > tbody > tr > th {
padding-right: 20px; } }
.product-view .product-attributes-table > tbody > tr > th .sub-th {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
.product-view .product-attributes-table > tbody > tr > td {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
@media screen and (max-width: 61.865em) {
.product-view .product-attributes-table > tbody > tr > td {
text-align: right; } }
.product-view .product-attributes-table > tbody > tr > th,
.product-view .product-attributes-table > tbody > tr > td {
border-bottom: 1px solid #cdd2d2; }
.product-view .product-attributes-table > tbody > tr:first-child > th,
.product-view .product-attributes-table > tbody > tr:first-child > td {
border-top: 1px solid #cdd2d2; }
.product-view .product-attributes-table > tbody > tr > th,
.product-view .product-attributes-table > tbody > tr > td {
width: 50%; }
@media screen and (min-width: 61.875em) {
.product-view .product-attributes-table > tbody > tr > th,
.product-view .product-attributes-table > tbody > tr > td {
padding-left: 10px;
padding-right: 10px; } }
.product-view .product-attributes-table > tbody > tr > td {
text-align: right; }
.product-view .product-attributes-table > tbody > tr:nth-child(even) > td,
.product-view .product-attributes-table > tbody > tr:nth-child(even) > th {
background-color: #ededed; }
@media screen and (max-width: 61.865em) {
.product-view .button-wrapper {
padding: 10px; }
.product-view .add-to-box + .button-wrapper {
padding-top: 0; }
.product-view .btn-shoppinglist {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
background-color: #a5c86e;
border: 0;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #adb9d8;
border-bottom-color: #8296c8;
position: relative;
text-align: left;
width: 100%;
margin-bottom: 35px;
text-align: center; }
.product-view .btn-shoppinglist, .product-view .btn-shoppinglist:hover, .product-view .btn-shoppinglist:active, .product-view .btn-shoppinglist:focus {
text-decoration: none;
/* [4] */
outline: none; }
.product-view .btn-shoppinglist::-moz-focus-inner {
border: 0;
padding: 0; }
.product-view .btn-shoppinglist:focus, .product-view .btn-shoppinglist:active, .product-view .btn-shoppinglist:visited {
color: #ffffff; } }
@media screen and (max-width: 61.865em) and (min-width: 61.875em) {
.product-view .btn-shoppinglist:hover, .product-view .btn-shoppinglist:active {
background-color: #bcc6e0; } }
@media screen and (max-width: 61.865em) {
.product-view .btn-shoppinglist:after {
position: absolute;
right: 0;
margin: 3px 12px 0 0; }
.product-view .btn-shoppinglist span:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-right: 10px;
padding-left: 0;
padding-right: 10px; }
.product-view .btn-shoppinglist.state-loading:before {
content: '';
left: 50%;
margin-left: -20px;
margin-top: 1px; } }
@media screen and (min-width: 61.875em) {
.product-view .quantity-add-to-cart {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.product-view .quantity-add-to-cart .btn-cart {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: flex-end;
align-self: flex-end;
height: 41px; }
.product-view .variant-box .label {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.875rem /* #{$line-height}px */;
color: #666666;
display: block;
margin-bottom: 10px; }
.product-view .add-to-cart-action {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: relative; }
.product-view .add-to-cart-action .variant-box,
.product-view .add-to-cart-action .quantity-add-to-cart {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 20px; }
.product-view .add-to-cart-action .variant-box {
margin-left: 0;
width: 250px; }
.product-view .add-to-cart-action .configurable-copy:empty + .quantity-add-to-cart {
margin-left: 0; }
.product-view .add-to-cart-action .quantity-with-label .quantity-input {
margin-left: -20px; }
.product-view .add-to-cart-action .form-action-btn {
position: absolute;
right: 0;
top: 23px; }
.product-view .add-to-cart-action .label {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.875rem /* #{$line-height}px */;
color: #666666;
display: block;
margin-bottom: 10px; }
.product-view .btn-shoppinglist {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
background-color: #a5c86e;
border: 0;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #adb9d8;
border-bottom-color: #8296c8;
position: relative;
text-align: left;
width: 100%;
margin-bottom: 35px; }
.product-view .btn-shoppinglist, .product-view .btn-shoppinglist:hover, .product-view .btn-shoppinglist:active, .product-view .btn-shoppinglist:focus {
text-decoration: none;
/* [4] */
outline: none; }
.product-view .btn-shoppinglist::-moz-focus-inner {
border: 0;
padding: 0; }
.product-view .btn-shoppinglist:focus, .product-view .btn-shoppinglist:active, .product-view .btn-shoppinglist:visited {
color: #ffffff; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.product-view .btn-shoppinglist:hover, .product-view .btn-shoppinglist:active {
background-color: #bcc6e0; } }
@media screen and (min-width: 61.875em) {
.product-view .btn-shoppinglist:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-left: 10px; }
.product-view .btn-shoppinglist:after {
position: absolute;
right: 0;
margin: 3px 12px 0 0; }
.product-view .btn-shoppinglist.state-loading:after {
content: '';
left: 50%;
margin-left: -20px;
margin-top: 1px; } }
@media screen and (max-width: 61.865em) {
.product-view .product-complementary .retailer-links > ul a {
white-space: normal;
position: relative;
display: block;
overflow: hidden;
padding: 10px 20px 10px 0;
text-overflow: ellipsis;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa;
display: block;
white-space: normal;
position: relative;
padding: 5px 20px 5px 25px; }
.product-view .product-complementary .retailer-links > ul a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 27px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 2px;
right: 5px; } }
@media screen and (max-width: 61.865em) and (max-width: 61.865em) {
.product-view .product-complementary .retailer-links > ul a {
line-height: 1.25rem;
/* override inherit value in mixin */
padding-right: 0; } }
@media screen and (max-width: 61.865em) and (min-width: 61.875em) {
.product-view .product-complementary .retailer-links > ul a {
line-height: 1.375rem;
/* override inherit value in mixin */ } }
@media screen and (max-width: 61.865em) {
.product-view .product-complementary .retailer-links > ul a:before {
position: absolute;
left: 0; } }
@media screen and (max-width: 61.865em) and (max-width: 61.865em) {
.product-view .product-complementary .retailer-links > ul a:before {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 18px;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
@media screen and (max-width: 61.865em) and (min-width: 61.875em) {
.product-view .product-complementary .retailer-links > ul a:before {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 14px;
top: 5px; } }
@media screen and (min-width: 61.875em) {
.product-view .product-complementary .retailer-links > ul a {
white-space: normal;
position: relative;
line-height: inherit;
display: inline-block;
padding: 0 0 0 25px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa;
display: block;
white-space: normal;
position: relative;
padding: 5px 20px 5px 25px; }
.product-view .product-complementary .retailer-links > ul a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
content: "";
font-size: 14px;
display: inline;
margin-right: 10px;
vertical-align: baseline;
position: absolute;
top: 2px;
left: 0; }
.product-view .product-complementary .retailer-links > ul a:hover, .product-view .product-complementary .retailer-links > ul a:focus {
color: #a5c86e; }
.product-view .product-complementary .retailer-links > ul a:hover:before, .product-view .product-complementary .retailer-links > ul a:focus:before {
color: #a5c86e; } }
@media screen and (min-width: 61.875em) and (max-width: 61.865em) {
.product-view .product-complementary .retailer-links > ul a {
line-height: 1.25rem;
/* override inherit value in mixin */
padding-right: 0; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.product-view .product-complementary .retailer-links > ul a {
line-height: 1.375rem;
/* override inherit value in mixin */ } }
@media screen and (min-width: 61.875em) {
.product-view .product-complementary .retailer-links > ul a:before {
position: absolute;
left: 0; } }
@media screen and (min-width: 61.875em) and (max-width: 61.865em) {
.product-view .product-complementary .retailer-links > ul a:before {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 18px;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.product-view .product-complementary .retailer-links > ul a:before {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 14px;
top: 5px; } }
@media screen and (min-width: 61.875em) {
.product-view .product-complementary .retailer-links > ul li:first-child a {
margin-top: -4px; } }
@media screen and (max-width: 61.865em) {
.product-view .product-complementary .retailer-info-box {
border-top: 1px solid #cdd2d2;
border-bottom: 1px solid #cdd2d2;
padding: 10px;
margin-bottom: 10px; }
.product-view .product-complementary .retailer-info-box .logo-headline-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.product-view .product-complementary .retailer-info-box h3 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-bottom: 0;
padding-right: 10px;
-webkit-align-self: center;
align-self: center; }
.product-view .product-complementary .retailer-info-box .retailer-links {
width: 100%;
margin-top: 10px; }
.product-view .product-complementary .availability-box {
border-top: 1px solid #cdd2d2;
border-bottom: 1px solid #cdd2d2;
padding-top: 10px;
padding-bottom: 10px; }
.product-view .product-complementary .availability-box.is-attached {
padding-top: 0;
padding-bottom: 0;
border: none; }
.product-view .product-complementary .availability-box .delivery-method {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666;
margin-bottom: 15px; } }
@media screen and (min-width: 61.875em) {
.product-view .product-complementary .retailer-info-box {
padding-bottom: 12px;
margin: -5px 0 35px 0;
border-bottom: 1px solid #cdd2d2; }
.product-view .product-complementary .retailer-info-box .retailer-logo {
width: 82px;
float: left; }
.product-view .product-complementary .retailer-info-box .retailer-logo + .retailer-links {
padding-left: 92px; }
.product-view .product-complementary .add-to-cart-action,
.product-view .product-complementary .add-to-box,
.product-view .product-complementary .loyalityprogramme-teaser,
.product-view .product-complementary .service-teaser {
margin-bottom: 40px; }
.product-view .product-complementary .base-price-info {
padding-top: 0; }
.product-view .product-complementary .availability-box {
margin-bottom: 40px; }
.product-view .product-complementary .availability-box .is-available,
.product-view .product-complementary .availability-box .is-not-available {
margin-bottom: 5px; }
.product-view .product-complementary .availability-box .delivery-method {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #666666;
margin-bottom: 15px; }
.product-view .product-complementary .base-price-info + .availability-box {
margin-top: 40px; }
.product-view .product-complementary .variant-box {
margin-bottom: 15px; }
.product-view .product-complementary .product-options {
border: 0; }
.product-view .product-complementary .add-to-cart-action .variant-box {
display: none; }
.product-view .product-complementary .add-to-cart-action .quantity-add-to-cart {
margin-left: 0; } }
@media screen and (max-width: 61.865em) {
.product-view .product-intro .product-headlines {
margin-top: 15px; }
.product-view .product-intro .product-headlines h2,
.product-view .product-intro .product-headlines h3 {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */; }
.product-view .product-intro .product-headlines .product-headline-content {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
margin-bottom: 0; } }
@media screen and (min-width: 61.875em) {
.product-view .product-intro {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 35px; }
.product-view .product-intro .product-headlines {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto; }
.product-view .product-intro .product-headlines h2,
.product-view .product-intro .product-headlines h3 {
margin-bottom: 0; }
.product-view .product-intro .product-headline-content {
color: #5064aa;
font-weight: normal;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.875rem /* #{$font-size}px */;
line-height: 2.625rem /* #{$line-height}px */; }
.product-view .product-intro .product-brand-image {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
width: 282px;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 20px;
text-align: right; }
.product-view .product-intro .product-brand-image img {
min-height: 70px;
max-height: 70px; } }
body.lb-disable-scrolling {
overflow: hidden; }
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none; }
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal; }
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit; }
.lightbox a img {
border: none; }
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto; }
.lb-outerContainer:after {
content: "";
display: table;
clear: both; }
.lb-container {
padding: 4px; }
.lb-loader {
position: absolute;
top: 50%;
margin-top: -38px;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0; }
.lb-cancel {
display: block;
width: 50px;
height: 50px;
margin: 0 auto;
background-image: url("../images/ui/spinner/spinner-blue.svg");
display: inline-block;
width: 75px;
height: 75px;
-webkit-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear; }
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10; }
.lb-container > .nav {
left: 0; }
.lb-nav a {
outline: none;
background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block; }
.lb-nav a.lb-prev {
width: 50%;
left: 0;
float: left;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s; }
.lb-nav a.lb-prev:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 16px;
position: absolute;
top: 50%;
margin-top: -21px;
background: #adb9d8;
color: #ffffff;
border-radius: 100%;
padding: 12px;
margin-left: 10px;
left: 0; }
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.lb-nav a.lb-next {
width: 50%;
right: 0;
float: right;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s; }
.lb-nav a.lb-next:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 16px;
position: absolute;
top: 50%;
margin-top: -21px;
background: #adb9d8;
color: #ffffff;
border-radius: 100%;
padding: 12px;
margin-right: 10px;
right: 0; }
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.lb-dataContainer:after {
content: "";
display: table;
clear: both; }
.lb-data {
padding: 0 4px;
color: #ccc; }
.lb-data .lb-details {
display: none;
width: 85%;
float: left;
text-align: left;
line-height: 1.1em; }
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em; }
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999; }
.lb-data .lb-close {
cursor: pointer;
display: block;
float: right;
width: 30px;
height: 30px;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
color: #ffffff; }
.lb-data .lb-close:hover {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.lb-data .lb-close:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 25px;
margin-right: -8px; }
.lp-info {
color: #5064aa;
background: #f6f6f6;
padding: 10px;
margin-bottom: -10px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */; }
.lp-info-points {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
margin-bottom: 4px;
display: block; }
@media screen and (max-width: 61.865em) {
.lp-info {
margin-right: 10px; } }
@media screen and (max-width: 61.865em) {
.product-view .product-media {
margin-bottom: 20px; } }
.product-view .product-media .ribbon-red,
.product-view .product-media .ribbon-green {
position: absolute;
top: 0;
left: 0;
z-index: 10; }
.product-view .product-media-images-wrap {
margin: 0 auto;
border: 1px solid #cdd2d2;
position: relative;
overflow: hidden;
width: 658px;
height: 370px; }
@media screen and (max-width: 61.865em) {
.product-view .product-media-images-wrap {
width: auto;
height: auto;
border: none; } }
.product-view .product-media-image {
display: block;
width: 100%; }
.product-view .product-media-thumbnails {
display: -webkit-box;
display: -webkit-flex;
display: flex;
overflow: hidden; }
@media screen and (max-width: 61.865em) {
.product-view .product-media-thumbnails {
display: none; } }
.product-view .product-media-thumb {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;
border: 1px solid #cdd2d2;
border-radius: 0;
background: none;
opacity: 1;
width: 64px;
height: 64px;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 2px 0 0 2px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.product-view .product-media-thumb:first-child, .product-view .product-media-thumb:nth-child(10n+1) {
margin-left: 0; }
.product-view .product-media-thumb:hover, .product-view .product-media-thumb:focus {
cursor: pointer; }
.product-view .product-media-thumb.state-active {
border-color: #82af32; }
.product-view .product-media-thumb img {
max-height: 64px;
max-width: 64px;
width: 100%; }
.price-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding-bottom: 10px; }
@media screen and (max-width: 61.865em) {
.price-container {
padding-bottom: 20px; } }
.price-container-main {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
flex: 1 1 45%;
-webkit-align-self: flex-end;
align-self: flex-end; }
.price-container-aside {
-webkit-box-flex: 1;
-webkit-flex: 1 1 55%;
flex: 1 1 55%;
-webkit-align-self: flex-end;
align-self: flex-end; }
.product-view .tabs-wrapper {
margin-top: 40px; }
.product-view .tabs-content dt {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #666666;
margin-top: 20px; }
.product-view .tabs-content dt:first-child {
margin-top: 0; }
.product-view .teaser-container .loyalityprogramme-teaser,
.contact-grid .teaser-container .loyalityprogramme-teaser {
background: #f6f6f6; }
.product-view .teaser-container .loyalityprogramme-teaser h3,
.contact-grid .teaser-container .loyalityprogramme-teaser h3 {
margin-bottom: 10px; }
.product-view .teaser-container .loyalityprogramme-teaser p,
.contact-grid .teaser-container .loyalityprogramme-teaser p {
margin-top: 15px; }
.product-view .teaser-container .loyalityprogramme-teaser p:first-child,
.contact-grid .teaser-container .loyalityprogramme-teaser p:first-child {
margin-top: 0; }
.product-view .teaser-container .loyalityprogramme-teaser ul,
.contact-grid .teaser-container .loyalityprogramme-teaser ul {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666;
padding: 0 10px; }
.product-view .teaser-container .loyalityprogramme-teaser ul li,
.contact-grid .teaser-container .loyalityprogramme-teaser ul li {
position: relative;
margin: 10px 0 0;
padding: 0 0 0 30px;
line-height: 20px; }
.product-view .teaser-container .loyalityprogramme-teaser ul li:first-child,
.contact-grid .teaser-container .loyalityprogramme-teaser ul li:first-child {
margin: 0; }
.product-view .teaser-container .loyalityprogramme-teaser ul li:before,
.contact-grid .teaser-container .loyalityprogramme-teaser ul li:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 20px;
margin-right: 10px;
color: #5064aa;
position: absolute;
left: 0;
top: 2px; }
.product-view .teaser-container .loyalityprogramme-teaser p + ul,
.contact-grid .teaser-container .loyalityprogramme-teaser p + ul {
margin-top: 15px; }
@media screen and (max-width: 61.865em) {
.product-view .teaser-container .loyalityprogramme-teaser,
.contact-grid .teaser-container .loyalityprogramme-teaser {
border-top: 1px solid #cdd2d2;
border-bottom: 1px solid #cdd2d2;
padding: 10px 0; }
.product-view .teaser-container .loyalityprogramme-teaser h3,
.contact-grid .teaser-container .loyalityprogramme-teaser h3 {
padding: 0 10px 10px 10px;
border-bottom: 1px solid #cdd2d2;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
text-align: center; }
.product-view .teaser-container .loyalityprogramme-teaser p,
.contact-grid .teaser-container .loyalityprogramme-teaser p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666;
padding: 0 10px; }
.product-view .teaser-container .loyalityprogramme-teaser a,
.contact-grid .teaser-container .loyalityprogramme-teaser a {
white-space: "nowrap";
position: relative;
display: block;
overflow: hidden;
padding-left: 30px;
text-overflow: ellipsis;
margin-top: 10px;
text-decoration: none;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
color: #5064aa; }
.product-view .teaser-container .loyalityprogramme-teaser a:before,
.contact-grid .teaser-container .loyalityprogramme-teaser a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 18px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 1px;
left: 5px; }
.product-view .teaser-container .service-teaser h3,
.contact-grid .teaser-container .service-teaser h3 {
padding: 10px;
margin-bottom: 10px; }
.product-view .teaser-container .service-teaser h3:first-child,
.contact-grid .teaser-container .service-teaser h3:first-child {
text-align: center;
margin-bottom: 20px;
border-bottom: 1px solid #cdd2d2;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */; }
.product-view .teaser-container .service-teaser p,
.contact-grid .teaser-container .service-teaser p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa;
margin-bottom: 0;
padding: 0 10px; }
.product-view .teaser-container .service-teaser ul,
.contact-grid .teaser-container .service-teaser ul {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666;
padding: 0 10px; }
.product-view .teaser-container .service-teaser .footnote,
.contact-grid .teaser-container .service-teaser .footnote {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #666666;
margin-top: 20px; } }
@media screen and (min-width: 61.875em) {
.product-view .teaser-container .loyalityprogramme-teaser,
.contact-grid .teaser-container .loyalityprogramme-teaser {
background: #f6f6f6;
padding: 15px; }
.product-view .teaser-container .loyalityprogramme-teaser p,
.contact-grid .teaser-container .loyalityprogramme-teaser p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.875rem /* #{$line-height}px */;
color: #666666; }
.product-view .teaser-container .loyalityprogramme-teaser a,
.contact-grid .teaser-container .loyalityprogramme-teaser a {
white-space: "nowrap";
position: relative;
line-height: inherit;
display: inline-block;
padding: 0 0 0 25px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa;
margin-top: 10px;
text-decoration: none; }
.product-view .teaser-container .loyalityprogramme-teaser a:before,
.contact-grid .teaser-container .loyalityprogramme-teaser a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
content: "";
font-size: 14px;
display: inline;
margin-right: 10px;
vertical-align: baseline;
position: absolute;
top: 2px;
left: 0; }
.product-view .teaser-container .loyalityprogramme-teaser a:hover, .product-view .teaser-container .loyalityprogramme-teaser a:focus,
.contact-grid .teaser-container .loyalityprogramme-teaser a:hover,
.contact-grid .teaser-container .loyalityprogramme-teaser a:focus {
color: #a5c86e; }
.product-view .teaser-container .loyalityprogramme-teaser a:hover:before, .product-view .teaser-container .loyalityprogramme-teaser a:focus:before,
.contact-grid .teaser-container .loyalityprogramme-teaser a:hover:before,
.contact-grid .teaser-container .loyalityprogramme-teaser a:focus:before {
color: #a5c86e; }
.product-view .teaser-container .service-teaser h3:first-child,
.contact-grid .teaser-container .service-teaser h3:first-child {
border-bottom: 1px solid #cdd2d2;
margin-bottom: 20px;
padding-bottom: 20px; }
.product-view .teaser-container .service-teaser p,
.contact-grid .teaser-container .service-teaser p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #5064aa;
margin-bottom: 10px; }
.product-view .teaser-container .service-teaser ul,
.contact-grid .teaser-container .service-teaser ul {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #666666; }
.product-view .teaser-container .service-teaser .footnote,
.contact-grid .teaser-container .service-teaser .footnote {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
color: #666666;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #cdd2d2; } }
@media screen and (max-width: 61.865em) {
.retailer-location-common .ratio-16-9 {
background: -webkit-linear-gradient(top, #384678 0%, #384678 61px, #ffffff 61px, #ffffff 100%);
background: linear-gradient(to bottom, #384678 0%, #384678 61px, #ffffff 61px, #ffffff 100%);
padding-bottom: 56.4%; }
.retailer-location-common .ratio-16-9 .visual {
margin-top: 60px; } }
.headline-badge {
position: relative;
color: #ffffff;
padding: 5px 10px;
margin: 40px 0 30px 0;
background: #999999;
display: inline-block;
font-family: 'Noto SansBold'; }
.headline-badge:before {
content: '';
position: absolute;
width: 0;
height: 0;
left: 0;
bottom: -10px;
border: 5px solid;
border-color: #cdd2d2 transparent transparent #cdd2d2; }
@media screen and (min-width: 61.875em) {
.headline-badge {
margin: 0 0 30px 0; } }
@media screen and (min-width: 61.875em) {
.retailer-logo {
float: right; } }
.flex-button-row {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse; }
.flex-button-row [class*=' btn-'],
.flex-button-row [class^='btn-'] {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
width: 100%;
margin-top: 20px; }
@media screen and (min-width: 61.875em) {
.flex-button-row [class*=' btn-'],
.flex-button-row [class^='btn-'] {
width: 50%; }
.flex-button-row [class*=' btn-']:first-child,
.flex-button-row [class^='btn-']:first-child {
margin-right: 10px; }
.flex-button-row [class*=' btn-']:first-child:nth-last-child(1),
.flex-button-row [class^='btn-']:first-child:nth-last-child(1) {
margin-right: 0; } }
@media screen and (min-width: 61.875em) {
.flex-button-row {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 40px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row; }
.flex-button-row [class*=' btn-'],
.flex-button-row [class^='btn-'] {
margin-top: 10px; } }
@media screen and (max-width: 61.865em) {
.main-content .retailer-information .headline-map {
text-align: center; } }
.main-content .retailer-information h2:not([class]),
.main-content .retailer-information .headline-map {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.main-content .retailer-information h2:not([class]),
.main-content .retailer-information .headline-map {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.main-content .retailer-information h3:not([class]) {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.925rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.main-content .retailer-information h3:not([class]) {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.retailer-information .headline-two {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 2.625rem /* #{$font-size}px */;
line-height: 3.675rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.retailer-information .headline-two {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (max-width: 61.865em) {
.retailer-information .headline-two {
display: none !important; } }
@media screen and (max-width: 61.865em) {
.retailer-information .my-data-table {
table-layout: fixed; } }
.retailer-information .my-data-table th {
width: 50%; }
.retailer-information .my-data-table td + td,
.retailer-information .my-data-table th + td {
text-align: right; }
.retailer-information .my-data-table a {
color: #666666;
text-decoration: underline; }
@media screen and (max-width: 61.865em) {
.retailer-information .my-data-table .opening-hours th {
white-space: nowrap;
width: auto; } }
.retailer-information .my-data-table .contact-informations td + td p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
@media screen and (min-width: 61.875em) {
.retailer-information .my-data-table .contact-informations p {
margin-bottom: 17px; } }
.retailer-information .my-data-table .contact-informations p:last-child {
margin-bottom: 0; }
.cms-search .layout-1-col {
min-height: 300px; }
.cms-search div[role="main"] {
min-height: 200px; }
@media screen and (min-width: 61.875em) {
.search-results,
.widget-results {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; } }
.search-results .all-container,
.widget-results .all-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
margin-top: 2px;
overflow: hidden;
margin-bottom: 0;
margin-top: 10px;
padding-bottom: 10px; }
.search-results .all-container:first-child,
.widget-results .all-container:first-child {
margin-top: 0; }
@media screen and (min-width: 61.875em) {
.search-results .all-container,
.widget-results .all-container {
border-bottom: 1px solid #bec3c3;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
min-width: 100%;
max-width: 100%;
width: 100%; } }
.search-results .all-container:first-child,
.widget-results .all-container:first-child {
margin-top: 10px; }
@media screen and (min-width: 61.875em) {
.search-results .all-container:first-child,
.widget-results .all-container:first-child {
margin-top: 0; } }
.search-results .all-container-information,
.widget-results .all-container-information {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 18px 12px;
max-height: 150px;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information,
.widget-results .all-container-information {
display: block;
padding: 15px 22px 25px 15px; } }
.search-results .all-container-information .all-container-headline,
.widget-results .all-container-information .all-container-headline {
overflow: hidden;
margin-bottom: 5px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
color: #5064aa; }
.search-results .all-container-information .all-container-headline a,
.widget-results .all-container-information .all-container-headline a {
display: block;
height: 1.0625rem; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information .all-container-headline,
.widget-results .all-container-information .all-container-headline {
margin-bottom: -8px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #5064aa; }
.search-results .all-container-information .all-container-headline a,
.widget-results .all-container-information .all-container-headline a {
height: 1.375rem; } }
.search-results .all-container-information .all-container-breadcrumb,
.widget-results .all-container-information .all-container-breadcrumb {
display: block;
margin-bottom: 3px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #666666; }
.search-results .all-container-information .all-container-breadcrumb .breadcrumb-divider,
.widget-results .all-container-information .all-container-breadcrumb .breadcrumb-divider {
margin: 0 5px; }
.search-results .all-container-information .all-container-breadcrumb .breadcrumb-divider:after,
.widget-results .all-container-information .all-container-breadcrumb .breadcrumb-divider:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 14px; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information .all-container-breadcrumb,
.widget-results .all-container-information .all-container-breadcrumb {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.3125rem /* #{$line-height}px */;
color: #666666;
margin-bottom: 10px; }
.search-results .all-container-information .all-container-breadcrumb .breadcrumb-divider,
.widget-results .all-container-information .all-container-breadcrumb .breadcrumb-divider {
font-size: 16px; } }
.search-results .all-container-information .all-container-description,
.widget-results .all-container-information .all-container-description {
overflow: hidden;
display: inline-block;
max-height: 2.8125rem;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #666666; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information .all-container-description,
.widget-results .all-container-information .all-container-description {
width: 100%;
display: inline-block;
max-height: 3.75rem;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; } }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information,
.widget-results .all-container-information {
min-height: 150px;
max-height: 150px; } }
.search-results .all-container-price,
.widget-results .all-container-price {
display: none;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
padding-top: 15px;
text-align: right; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-price,
.widget-results .all-container-price {
display: -webkit-box;
display: -webkit-flex;
display: flex; } }
.search-results .all-container-price .product-container-information-price,
.widget-results .all-container-price .product-container-information-price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa;
display: block;
min-width: 50px; }
.search-results .all-container-price .product-container-information-price.product-has-special-price,
.widget-results .all-container-price .product-container-information-price.product-has-special-price {
text-decoration: line-through;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #adb9d8; }
.search-results .all-container-price .product-container-information-price.product-special-price,
.widget-results .all-container-price .product-container-information-price.product-special-price {
color: #d72319; }
.search-results .all-container-price .product-container-information-price.product-special-price,
.widget-results .all-container-price .product-container-information-price.product-special-price {
display: block;
margin-bottom: 2px; }
.search-results .all-container-price .product-container-price-per-unit,
.widget-results .all-container-price .product-container-price-per-unit {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.search-results .all-container-image {
width: 170px;
height: 170px;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-self: center;
align-self: center; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-image {
width: 117px;
height: 117px;
float: none; } }
.search-results .all-container-image img {
width: 100%; }
.search-results .all-container-information {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 18px 12px;
max-height: 170px;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information {
display: block;
padding: 15px 22px 25px 15px; } }
.search-results .all-container-information .all-container-headline {
overflow: hidden;
margin-bottom: 5px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
color: #5064aa; }
.search-results .all-container-information .all-container-headline a {
display: block;
height: 1.0625rem; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information .all-container-headline {
margin-bottom: -8px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #5064aa; }
.search-results .all-container-information .all-container-headline a {
height: 1.375rem; } }
.search-results .all-container-information .all-container-breadcrumb {
display: block;
margin-bottom: 3px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #666666; }
.search-results .all-container-information .all-container-breadcrumb .breadcrumb-divider {
margin: 0 5px; }
.search-results .all-container-information .all-container-breadcrumb .breadcrumb-divider:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 14px; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information .all-container-breadcrumb {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.3125rem /* #{$line-height}px */;
color: #666666;
margin-bottom: 10px; }
.search-results .all-container-information .all-container-breadcrumb .breadcrumb-divider {
font-size: 16px; } }
.search-results .all-container-information .all-container-description {
overflow: hidden;
display: inline-block;
max-height: 2.8125rem;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #666666; }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information .all-container-description {
width: 100%;
display: inline-block;
max-height: 3.75rem;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; } }
@media screen and (min-width: 61.875em) {
.search-results .all-container-information {
min-height: 150px;
max-height: 150px; } }
.widget-results .all-container-image {
width: 150px;
height: 150px;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media screen and (min-width: 61.875em) {
.widget-results .all-container-image {
width: 150px;
height: 150px;
float: none; } }
.widget-results .all-container-image img {
width: 100%; }
.widget-results .all-container-information {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 18px 12px;
max-height: 150px;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media screen and (min-width: 61.875em) {
.widget-results .all-container-information {
display: block;
padding: 15px 22px 25px 15px; } }
.widget-results .all-container-information .all-container-headline {
overflow: hidden;
margin-bottom: 5px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
color: #5064aa; }
.widget-results .all-container-information .all-container-headline a {
display: block;
height: 1.0625rem; }
@media screen and (min-width: 61.875em) {
.widget-results .all-container-information .all-container-headline {
margin-bottom: -8px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #5064aa; }
.widget-results .all-container-information .all-container-headline a {
height: 1.375rem; } }
.widget-results .all-container-information .all-container-breadcrumb {
display: block;
margin-bottom: 3px;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #666666; }
.widget-results .all-container-information .all-container-breadcrumb .breadcrumb-divider {
margin: 0 5px; }
.widget-results .all-container-information .all-container-breadcrumb .breadcrumb-divider:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 14px; }
@media screen and (min-width: 61.875em) {
.widget-results .all-container-information .all-container-breadcrumb {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.3125rem /* #{$line-height}px */;
color: #666666;
margin-bottom: 10px; }
.widget-results .all-container-information .all-container-breadcrumb .breadcrumb-divider {
font-size: 16px; } }
.widget-results .all-container-information .all-container-description {
overflow: hidden;
display: inline-block;
max-height: 2.8125rem;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #666666; }
@media screen and (min-width: 61.875em) {
.widget-results .all-container-information .all-container-description {
width: 100%;
display: inline-block;
max-height: 3.75rem;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; } }
@media screen and (min-width: 61.875em) {
.widget-results .all-container-information {
min-height: 150px;
max-height: 150px; } }
ul.brands-selector {
margin-bottom: 0; }
@media screen and (min-width: 61.875em) {
ul.brands-selector {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
width: 100%;
margin-bottom: 1em; }
ul.brands-selector li {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; } }
ul.brands-selector .widget-static-block {
display: inline-block; }
a.brands-selector-active {
color: #82af32; }
.container-wrapper {
width: 100%; }
@media screen and (max-width: 61.865em) {
.container-wrapper {
width: calc(100% + 20px);
margin-left: -10px;
border-bottom: 1px solid #bec3c3;
padding: 0 10px; } }
.searchperience {
display: -webkit-box;
display: -webkit-flex;
display: flex;
min-width: 100%;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/* Search display has no own template (uses the layout-x-col(s) template of the current page), so we
need to ignore the layout-x-col(s) classes and define the searchs layout here */ }
.searchperience aside[role='complementary'] {
min-width: 226px;
max-width: 226px;
margin-right: 20px;
margin-top: 170px; }
.searchperience.searchperience-category-list aside[role='complementary'] {
margin-top: 10px; }
.searchperience img.categoryimage {
width: 100%;
display: block;
margin-top: 10px;
margin-bottom: 20px; }
.searchperience.searchperience-category-overview aside[role='complementary'] {
margin-top: 10px; }
.searchperience .page-title {
width: 100%; }
.searchperience div[role='main'] {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; }
.searchperience .title {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
flex: 1 0 100%; }
.searchperience .title .searchperience-headline {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.875rem /* #{$font-size}px */;
line-height: 2.625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.searchperience .title .searchperience-headline {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.searchperience .sort,
.searchperience .back-link {
height: 55px;
margin-top: 10px;
margin-bottom: 20px; }
.searchperience .sort {
float: right; }
@media screen and (min-width: 61.875em) {
.searchperience .sort {
position: absolute;
z-index: 70;
margin-top: 70px;
margin-left: 514px; }
.searchperience .sort .label {
display: none; } }
.searchperience .sort .select,
.searchperience .sort .label,
.searchperience .sort .dropdown {
float: right; }
.searchperience .sort .label {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.375rem /* #{$line-height}px */;
color: #445591;
margin-right: 20px; }
.searchperience .sort .selected {
display: none; }
.searchperience .sort .dropdown-label {
min-width: 200px;
text-align: left; }
.searchperience .sort .dropdown-label:after {
float: right;
font-size: 23px;
top: 9px; }
@media screen and (min-width: 61.875em) {
.searchperience.searchperience-category-list .sort {
margin-top: 0; } }
.searchperience .searchperience-result-display {
clear: both; }
@media screen and (max-width: 61.865em) {
.searchperience .searchperience-result-display .b-items-list {
margin-top: 10px; } }
.searchperience .searchperience-result-display .searchfor,
.searchperience .searchperience-result-display .didyoumean {
display: inline; }
.searchperience .searchperience-result-display .searchfor .item a,
.searchperience .searchperience-result-display .didyoumean .item a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #445591;
text-decoration: underline; }
.searchperience .searchperience-result-display .searchfor .item:after,
.searchperience .searchperience-result-display .didyoumean .item:after {
content: ','; }
.searchperience .searchperience-result-display .searchfor .item:last-child:after,
.searchperience .searchperience-result-display .didyoumean .item:last-child:after {
content: ''; }
.searchperience .main {
clear: both;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; }
.searchperience aside[role='complementary'] .l-sidebar {
margin-top: -38px; }
.searchperience aside[role='complementary'] .sidebar-filter .sidebar-filter-headline {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.875rem /* #{$line-height}px */;
color: #445591;
padding: 5px 10px 13px 10px; }
.searchperience aside[role='complementary'] .sidebar-filter .b-filter-toggle-element li:first-child {
border-top: 0; }
.searchperience aside[role='complementary'] .sidebar-filter ul {
width: 100%; }
.searchperience aside[role='complementary'] .sidebar-filter ul li {
padding: 5px 10px;
border-bottom: 1px solid #ededed; }
.searchperience aside[role='complementary'] .sidebar-filter ul li:first-child {
border-top: 1px solid #ededed; }
.searchperience aside[role='complementary'] .sidebar-filter ul li.show-all {
border-top: 0; }
.searchperience aside[role='complementary'] .sidebar-filter ul li a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #445591; }
.searchperience aside[role='complementary'] .sidebar-filter ul li a:hover {
color: #82af32; }
.searchperience aside[role='complementary'] .sidebar-filter ul li.cur a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #82af32; }
.searchperience aside[role='complementary'] .sidebar-filter ul li.reset-all a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */; }
.searchperience aside[role='complementary'] .sidebar-filter ul li.show-all {
border-bottom: 0; }
.searchperience aside[role='complementary'] .sidebar-filter ul li.show-all .b-filter-toggle {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #445591;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
cursor: pointer; }
.searchperience aside[role='complementary'] .sidebar-filter ul li.show-all .b-filter-toggle:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.25rem;
float: right; }
.searchperience aside[role='complementary'] .sidebar-filter ul li.show-all .b-filter-toggle:hover {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #82af32; }
.searchperience aside[role='complementary'] .sidebar-filter.b-filter-body .resetfilterlink span {
visibility: hidden; }
.searchperience aside[role='complementary'] .sidebar-filter.b-filter-body .resetfilterlink:hover span {
visibility: hidden; }
.searchperience aside[role='complementary'] .sidebar-filter.b-filter-toggle-off .toggle-close {
display: none; }
.searchperience aside[role='complementary'] .sidebar-filter.b-filter-toggle-off .b-filter-toggle:after {
content: ""; }
.searchperience aside[role='complementary'] .sidebar-filter.b-filter-toggle-off .b-filter-toggle-element {
display: none; }
.searchperience aside[role='complementary'] .sidebar-filter.b-filter-toggle-on .toggle-open {
display: none; }
.searchperience aside[role='complementary'] .sidebar-filter.b-filter-toggle-on .b-filter-toggle:after {
content: ""; }
.searchperience aside[role='complementary'] .facet-pr_attr_s_brand_code .fade-out-gradient {
position: absolute;
z-index: 100;
content: '';
width: 100%;
height: 35px;
bottom: 0;
/* rgba because Safari doesn't support 'transparent' */
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
pointer-events: none; }
.searchperience aside[role='complementary'] .facet-pr_attr_s_brand_code .b-filter-head {
border-bottom: 1px solid #ededed;
margin-bottom: 10px; }
.searchperience aside[role='complementary'] .facet-pr_attr_s_brand_code .facet-filter-input {
margin-bottom: 15px;
padding-left: 35px; }
.searchperience aside[role='complementary'] .facet-pr_attr_s_brand_code ul .placeholder {
height: 20px; }
.searchperience aside[role='complementary'] .facet-pr_attr_s_brand_code ul .no-result {
display: none;
border-bottom: 0; }
.searchperience aside[role='complementary'] .facet-pr_attr_s_brand_code ul li:first-child.reset-all {
border-top: 0; }
.searchperience aside[role='complementary'] .facet-pr_attr_s_brand_code .icon-search:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #999999;
position: absolute;
margin: -42px 10px;
font-size: 15px; }
.searchperience aside[role='complementary'] .reset-all-filters {
margin-top: 30px;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent;
position: relative;
text-align: left;
width: 100%; }
.searchperience aside[role='complementary'] .reset-all-filters:focus, .searchperience aside[role='complementary'] .reset-all-filters:active, .searchperience aside[role='complementary'] .reset-all-filters:visited {
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.searchperience aside[role='complementary'] .reset-all-filters:hover, .searchperience aside[role='complementary'] .reset-all-filters:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
.searchperience aside[role='complementary'] .reset-all-filters:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-left: 10px; }
.searchperience aside[role='complementary'] .reset-all-filters:after {
position: absolute;
right: 0;
margin: 2px 8px 0 0; }
.searchperience aside[role='complementary'] .b-filter-head {
margin-top: 25px; }
.searchperience aside[role='complementary'] .info-link {
display: none; }
@media screen and (max-width: 61.865em) {
.searchperience aside[role='complementary'],
.searchperience .title,
.searchperience .sort {
display: none; } }
.searchperience .b-resultinfo {
width: calc(100% + (10px * 2));
margin-left: -10px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
color: #5064aa;
background-color: #f6f6f6;
border-bottom: 1px solid #bec3c3;
padding: 15px 10px; }
.searchperience .b-resultinfo span {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.searchperience .b-resultinfo .item a {
text-decoration: underline; }
.searchperience .b-resultinfo .item:after {
content: ','; }
.searchperience .b-resultinfo .item:last-child:after {
content: ''; }
@media screen and (min-width: 61.875em) {
.searchperience .b-resultinfo {
position: absolute;
z-index: 80;
margin-left: -244px;
background-color: transparent;
border-bottom: 0;
padding: 0;
width: 960px; } }
.searchperience.searchperience-category-list .b-resultinfo {
display: none; }
@media screen and (min-width: 61.875em) {
.searchperience .search-results {
padding-top: 170px; }
.searchperience .search-results.no-facets-shown {
padding-top: 0; } }
@media screen and (min-width: 61.875em) {
.searchperience.searchperience-category-list .search-results {
padding-top: 80px; } }
@media screen and (min-width: 61.875em) {
.searchperience.searchperience-category-overview .search-results {
padding-top: 10px; } }
.searchperience .b-simple-tabs {
width: calc(100% + (10px * 2));
margin-left: -10px;
padding: 15px 10px;
border-bottom: 1px solid #bec3c3;
overflow: scroll;
-webkit-overflow-scrolling: touch; }
.searchperience .b-simple-tabs::-webkit-scrollbar {
height: 0; }
.searchperience .b-simple-tabs .facet-pagetype-list,
.searchperience .b-simple-tabs .slideable-item-list-list {
white-space: nowrap;
display: inline-block;
margin-left: 50%;
margin-right: 50%;
width: auto; }
.searchperience .b-simple-tabs .facet-pagetype-list li,
.searchperience .b-simple-tabs .slideable-item-list-list li {
display: inline;
margin-right: 20px;
margin-left: -4px; }
.searchperience .b-simple-tabs .facet-pagetype-list li:first-child,
.searchperience .b-simple-tabs .slideable-item-list-list li:first-child {
margin-left: 0; }
.searchperience .b-simple-tabs .facet-pagetype-list li a,
.searchperience .b-simple-tabs .slideable-item-list-list li a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.searchperience .b-simple-tabs .facet-pagetype-list li.cur a,
.searchperience .b-simple-tabs .slideable-item-list-list li.cur a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #82af32; }
.searchperience .b-simple-tabs .facet-pagetype-list li:last-child,
.searchperience .b-simple-tabs .slideable-item-list-list li:last-child {
margin-right: 0; }
@media screen and (min-width: 61.875em) {
.searchperience .b-simple-tabs {
position: absolute;
z-index: 50;
left: 0;
width: 100%;
background-color: #e8edf8;
margin-left: 0;
height: 100px;
border-bottom: 0;
margin-top: 30px;
overflow: hidden; }
.searchperience .b-simple-tabs .facet-information_class_sm,
.searchperience .b-simple-tabs .facet-pagetype,
.searchperience .b-simple-tabs .slideable-item-list-container {
margin-top: 25px;
margin-left: calc(50% - 470px); } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.searchperience .b-simple-tabs .facet-pagetype-list,
.searchperience .b-simple-tabs .slideable-item-list-list {
background-color: #ffffff;
margin-left: 0;
margin-right: 0; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.searchperience .b-simple-tabs .facet-pagetype-list li,
.searchperience .b-simple-tabs .slideable-item-list-list li {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
background-color: #a5c86e;
border: 0;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent;
background-color: #ffffff;
margin-right: -5px;
border: 1px solid #cdd2d2; }
.searchperience .b-simple-tabs .facet-pagetype-list li, .searchperience .b-simple-tabs .facet-pagetype-list li:hover, .searchperience .b-simple-tabs .facet-pagetype-list li:active, .searchperience .b-simple-tabs .facet-pagetype-list li:focus,
.searchperience .b-simple-tabs .slideable-item-list-list li,
.searchperience .b-simple-tabs .slideable-item-list-list li:hover,
.searchperience .b-simple-tabs .slideable-item-list-list li:active,
.searchperience .b-simple-tabs .slideable-item-list-list li:focus {
text-decoration: none;
/* [4] */
outline: none; }
.searchperience .b-simple-tabs .facet-pagetype-list li::-moz-focus-inner,
.searchperience .b-simple-tabs .slideable-item-list-list li::-moz-focus-inner {
border: 0;
padding: 0; }
.searchperience .b-simple-tabs .facet-pagetype-list li:focus, .searchperience .b-simple-tabs .facet-pagetype-list li:active, .searchperience .b-simple-tabs .facet-pagetype-list li:visited,
.searchperience .b-simple-tabs .slideable-item-list-list li:focus,
.searchperience .b-simple-tabs .slideable-item-list-list li:active,
.searchperience .b-simple-tabs .slideable-item-list-list li:visited {
color: #5064aa; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) and (min-width: 61.875em) {
.searchperience .b-simple-tabs .facet-pagetype-list li:hover, .searchperience .b-simple-tabs .facet-pagetype-list li:active,
.searchperience .b-simple-tabs .slideable-item-list-list li:hover,
.searchperience .b-simple-tabs .slideable-item-list-list li:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.searchperience .b-simple-tabs .facet-pagetype-list li.cur, .searchperience .b-simple-tabs .facet-pagetype-list li:hover,
.searchperience .b-simple-tabs .slideable-item-list-list li.cur,
.searchperience .b-simple-tabs .slideable-item-list-list li:hover {
background-color: #a5c86e;
border: 1px solid #cdd2d2;
margin-right: -5px; }
.searchperience .b-simple-tabs .facet-pagetype-list li.cur a, .searchperience .b-simple-tabs .facet-pagetype-list li:hover a,
.searchperience .b-simple-tabs .slideable-item-list-list li.cur a,
.searchperience .b-simple-tabs .slideable-item-list-list li:hover a {
color: #ffffff; }
.searchperience .b-simple-tabs .facet-pagetype-list li.cur a,
.searchperience .b-simple-tabs .slideable-item-list-list li.cur a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; } }
.searchperience .b-simple-tabs.rhp-facet-pagetype {
background-color: transparent; }
.searchperience .b-simple-tabs.rhp-facet-pagetype ul {
background-color: transparent; }
.searchperience .b-simple-tabs.rhp-facet-pagetype ul li {
border: 0;
background-color: transparent;
margin-right: 40px; }
.searchperience .b-simple-tabs.rhp-facet-pagetype ul li a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.searchperience .b-simple-tabs.rhp-facet-pagetype ul li.cur, .searchperience .b-simple-tabs.rhp-facet-pagetype ul li:hover {
border: 0;
background-color: transparent;
margin-right: 40px; }
.searchperience .b-simple-tabs.rhp-facet-pagetype ul li.cur a, .searchperience .b-simple-tabs.rhp-facet-pagetype ul li:hover a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #a5c86e; }
.searchperience .b-simple-tabs.rhp-facet-pagetype ul li:last-child {
margin-right: 0; }
.searchperience .result-count {
position: absolute;
margin-top: 15px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; }
.service-block {
margin-top: 40px; }
.flight-search-result-container {
width: calc(100% + (10px * 2));
margin-left: -10px;
background-color: #e8edf8;
border-bottom: 1px solid #bec3c3;
padding: 20px 10px; }
@media screen and (min-width: 61.875em) {
.flight-search-result-container {
width: 100%;
margin: 0;
border-bottom: 0;
padding: 20px; } }
.flight-search-result-container .flight-name-container {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.flight-search-result-container .flight-name,
.flight-search-result-container .current-time {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.flight-search-result-container .flight-name,
.flight-search-result-container .current-time {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; } }
.flight-search-result-container .flight-name {
-webkit-box-flex: 1;
-webkit-flex: 1 0 50%;
flex: 1 0 50%; }
.flight-search-result-container .current-time {
padding-left: 20px; }
.flight-search-result-container .flight-location-date {
margin-bottom: 10px;
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #666666; }
.flight-search-result-container .flight-location-date .arrival-departure-headline {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5625rem /* #{$line-height}px */;
color: #666666;
display: block; }
.flight-search-result-container .arrival-time,
.flight-search-result-container .departure-time {
color: #82af32; }
.flight-search-result-container .terminal,
.flight-search-result-container .gate {
color: #5064aa; }
.flight-search-result-container .arrival-time-name,
.flight-search-result-container .departure-time-name {
display: block; }
.flight-search-result-container .flight-delay {
margin-top: 10px;
display: block;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #666666; }
.flight-search-result-container .airport-shortname {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.flight-search-result-container .airport-shortname {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 2.625rem /* #{$font-size}px */;
line-height: inherit;
margin-top: -3px; } }
@media screen and (min-width: 61.875em) {
.flight-search-result-container .departure {
float: left;
width: 50%; } }
.flight-search-result-container .arrival {
margin-top: 20px; }
@media screen and (min-width: 61.875em) {
.flight-search-result-container .arrival {
margin-top: 0;
float: left;
width: 50%; } }
.flight-search-result-container table {
width: 100%; }
.flight-search-result-container table td {
width: 33.3%;
padding-right: 10px; }
.flight-search-result-container table thead td {
padding-bottom: 10px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #666666; }
.flight-search-result-container table tbody td {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa;
width: 20%; }
@media screen and (min-width: 61.875em) {
.flight-search-result-container table tbody td {
width: auto; } }
.flight-search-result-container table tbody td:first-child {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #82af32;
width: 60%; }
.flight-search-result-container .flight-visualization-container {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
flex: 1 0 100%;
margin-top: 30px;
margin-bottom: 30px; }
.flight-search-result-container .dot-box,
.flight-search-result-container .airplane-container {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.flight-search-result-container .airplane-container {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
position: relative; }
.flight-search-result-container .airplane-container .airplane {
position: absolute;
right: 20%;
margin-top: -5px;
width: 44px;
height: 30px;
background-color: #e8edf8; }
@media screen and (min-width: 61.875em) {
.flight-search-result-container .airplane-container .airplane {
margin-top: 6px; } }
.flight-search-result-container .airplane-container .airplane:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 27px;
color: #82af32;
line-height: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.flight-search-result-container .airplane-container .horizontal-line {
width: 100%;
height: 1px;
background: -webkit-linear-gradient(left, #82af32 0%, #82af32 75%, #aaafaf 75%, #aaafaf 100%);
background: linear-gradient(to right, #82af32 0%, #82af32 75%, #aaafaf 75%, #aaafaf 100%);
-webkit-align-self: center;
align-self: center; }
.flight-search-result-container .dot-box .dot {
width: 8px;
height: 8px;
border-radius: 4px;
-webkit-align-self: center;
align-self: center;
margin-bottom: 1px;
margin-left: 10px;
margin-right: 10px; }
@media screen and (min-width: 61.875em) {
.flight-search-result-container .dot-box .dot {
width: 10px;
height: 10px;
border-radius: 5px; } }
.flight-search-result-container .dot-box .dot.dot-green {
background-color: #82af32; }
.flight-search-result-container .dot-box .dot.dot-gray {
background-color: #aaafaf; }
.search .dropdown-content {
padding: 40px; }
.search .ls-results .menu-row {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.search .dropdown-layer {
z-index: 150; }
.search.servicenav-search .remove-user-input {
position: absolute;
cursor: pointer;
display: block;
color: #5064aa;
top: 0;
right: 10px;
margin-top: -1px; }
.search.servicenav-search .remove-user-input:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
.search.servicenav-search .remove-user-input:hover {
color: #a5c86e; }
.search.servicenav-search .ls-results .menu-column .menu-row {
display: block; }
.search.servicenav-search .ls-results .menu-column .menu-row .product-listing li {
min-width: 0; }
.search.servicenav-search .ls-results .menu-column .menu-row .menu-content .showmorelink {
font-size: 1rem;
line-height: 1.5rem; }
.search.servicenav-search .ls-results .menu-column .menu-row .menu-content .showmorelink:after {
content: ''; }
.ls-results .menu-row {
border-bottom: 1px solid #ededed;
display: block; }
.ls-results .menu-row:last-child {
border-bottom: 0; }
.ls-results .menu-row:first-child .menu-headline,
.ls-results .menu-row:first-child .menu-content {
padding-top: 0; }
.ls-results .menu-row .menu-headline {
padding: 20px 0;
min-width: 160px;
max-width: 160px; }
.ls-results .menu-row .menu-headline h3 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.ls-results .menu-row .menu-headline strong {
font-weight: normal; }
.ls-results .menu-row .menu-content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 80%;
flex: 1 0 80%;
padding: 20px 0 20px 20px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.ls-results .menu-row .menu-content:first-child {
padding-top: 0; }
.ls-results .menu-row .suggestionitem {
cursor: pointer;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
.ls-results .menu-row .suggestionitem:hover {
color: #82af32; }
.ls-results .menu-row .suggestlist {
display: block;
height: 20px;
overflow: hidden;
width: 100%; }
.ls-results .menu-row .suggestlist li {
display: block;
float: left;
padding-right: 40px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.ls-results .menu-row .suggestlist li:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-right: 10px; }
.ls-results .menu-row .product-listing {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.ls-results .menu-row .product-listing .ribbon-red,
.ls-results .menu-row .product-listing .ribbon-green {
display: none; }
.ls-results .menu-row .product-listing li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
min-width: 350px;
max-width: 350px; }
.ls-results .menu-row .product-listing:nth-child(odd) .suggestion-product-container-image {
margin-right: 10px; }
.ls-results .menu-row .product-listing:nth-child(odd) .suggestion-product-container-description {
margin-right: 20px; }
.ls-results .menu-row .image-listing {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
flex: 1 0 100%; }
.ls-results .menu-row .image-listing li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: content-box;
width: 123px;
height: 70px;
padding: 0 10px;
border-right: 1px solid #ededed;
text-align: center; }
.ls-results .menu-row .image-listing li:first-child {
padding-left: 0;
border-left: 0; }
.ls-results .menu-row .image-listing li:last-child {
padding-right: 0;
border-right: 0; }
.ls-results .menu-row .suggestion-product-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0 0 10px 0; }
.ls-results .menu-row .suggestion-product-container > a {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
flex: 1 1 0;
min-width: 90px; }
.ls-results .menu-row .suggestion-product-container img {
min-width: 80px;
max-width: 80px;
min-height: 80px;
max-height: 80px; }
.ls-results .menu-row .showmorelink {
margin-bottom: -10px;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.3125rem /* #{$line-height}px */;
color: #5064aa; }
.ls-results .menu-row .showmorelink:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
padding-left: 10px; }
.ls-results .menu-row .showmorelink:hover {
color: #82af32; }
.ls-results .menu-row .product-container-title,
.ls-results .menu-row .product-container-price,
.ls-results .menu-row .product-container-price-per-unit {
display: block; }
.ls-results .menu-row .product-container-title {
height: 2.5rem;
overflow: hidden;
word-wrap: break-word;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
.ls-results .menu-row .product-container-price {
margin-top: 5px; }
.ls-results .menu-row .product-container-price-per-unit {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.ls-results .menu-row .product-container-information-price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; }
.ls-results .menu-row .product-container-information-price.product-has-special-price {
text-decoration: line-through;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #adb9d8; }
.ls-results .menu-row .product-container-information-price.product-special-price {
color: #d72319; }
.ls-results .menu-row .product-container-information-price.product-special-price {
margin-left: 5px; }
.servicenav-search .ls-results,
.fra_js_search_content__autosuggest .ls-results {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.servicenav-search .ls-results .menu-column,
.fra_js_search_content__autosuggest .ls-results .menu-column {
min-width: 50%;
max-width: 50%;
padding-left: 10px; }
.servicenav-search .ls-results .menu-column:first-child,
.fra_js_search_content__autosuggest .ls-results .menu-column:first-child {
padding-left: 0;
padding-right: 10px; }
.servicenav-search .ls-results .menu-column .menu-row,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
border-bottom: 0; }
.servicenav-search .ls-results .menu-column .menu-row .menu-content,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-content {
padding: 0; }
.servicenav-search .ls-results .menu-column .menu-row .menu-content .suggestionitem,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-content .suggestionitem {
width: 100%;
min-width: auto;
max-width: auto;
padding-bottom: 10px; }
.servicenav-search .ls-results .menu-column .menu-row .menu-content .suggestionitem:last-child,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-content .suggestionitem:last-child {
padding-bottom: 0; }
.servicenav-search .ls-results .menu-column .menu-row .menu-content .suggestionitem a,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-content .suggestionitem a {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.servicenav-search .ls-results .menu-column .menu-row .menu-content .showmorelink,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-content .showmorelink {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 0.875rem /* #{$line-height}px */;
color: #5064aa;
margin-top: 20px;
margin-bottom: 40px; }
.servicenav-search .ls-results .menu-column .menu-row .menu-content .showmorelink:last-child,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-content .showmorelink:last-child {
margin-bottom: 20px; }
.servicenav-search .ls-results .menu-column .menu-row .menu-content .showmorelink:hover,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-content .showmorelink:hover {
color: #82af32; }
.servicenav-search .ls-results .menu-column .menu-row .menu-headline,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-headline {
width: 100%; }
.servicenav-search .ls-results .menu-column .menu-row .menu-headline h3,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .menu-headline h3 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #5064aa; }
.servicenav-search .ls-results .menu-column .menu-row .suggestion-product-container,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .suggestion-product-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100px;
flex: 1 0 100px; }
.servicenav-search .ls-results .menu-column .menu-row .suggestion-product-container-description,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .suggestion-product-container-description {
margin-right: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100px;
flex: 1 0 100px; }
.servicenav-search .ls-results .menu-column .menu-row .suggestion-product-container-description .product-container-title,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .suggestion-product-container-description .product-container-title {
height: auto;
max-height: 3.375rem;
overflow: hidden;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666; }
.servicenav-search .ls-results .menu-column .menu-row .suggestion-product-container-description h3,
.fra_js_search_content__autosuggest .ls-results .menu-column .menu-row .suggestion-product-container-description h3 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #666666;
max-height: 1.125rem;
overflow: hidden;
margin-bottom: 5px; }
.servicenav-search .dropdown-content,
.fra_js_search_content__autosuggest .dropdown-content {
padding: 20px 10px; }
@media screen and (min-width: 61.875em) {
.search-results,
.widget-results,
.result-items {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; } }
.search-results .product-container,
.widget-results .product-container,
.result-items .product-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
margin-top: 2px;
overflow: hidden;
margin-bottom: 0; }
.search-results .product-container:first-child,
.widget-results .product-container:first-child,
.result-items .product-container:first-child {
margin-top: 0; }
@media screen and (min-width: 61.875em) {
.search-results .product-container,
.widget-results .product-container,
.result-items .product-container {
min-width: 237px;
max-width: 237px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 0;
margin-bottom: 2px;
margin-right: 2px;
border: 1px solid #eeeeee; }
.search-results .product-container:nth-child(3n),
.widget-results .product-container:nth-child(3n),
.result-items .product-container:nth-child(3n) {
margin-right: 0;
min-width: 236px;
max-width: 236px; } }
.search-results .product-container-image,
.widget-results .product-container-image,
.result-items .product-container-image {
width: 150px;
height: 150px;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
@media screen and (min-width: 61.875em) {
.search-results .product-container-image,
.widget-results .product-container-image,
.result-items .product-container-image {
width: 239px;
height: 239px;
float: none; } }
.search-results .product-container-image img,
.widget-results .product-container-image img,
.result-items .product-container-image img {
width: 100%; }
.search-results .product-container-information,
.widget-results .product-container-information,
.result-items .product-container-information {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 18px 12px;
background-color: #f6f6f6;
max-height: 150px; }
@media screen and (min-width: 61.875em) {
.search-results .product-container-information,
.widget-results .product-container-information,
.result-items .product-container-information {
padding: 15px 22px 25px 15px; } }
.search-results .product-container-information .product-container-headline,
.widget-results .product-container-information .product-container-headline,
.result-items .product-container-information .product-container-headline {
overflow: hidden;
margin-bottom: 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #5064aa;
-webkit-box-flex: 1;
-webkit-flex: 1 0;
flex: 1 0; }
.search-results .product-container-information .product-container-headline a,
.widget-results .product-container-information .product-container-headline a,
.result-items .product-container-information .product-container-headline a {
display: block;
height: 3.75rem; }
@media screen and (min-width: 61.875em) {
.search-results .product-container-information .product-container-headline,
.widget-results .product-container-information .product-container-headline,
.result-items .product-container-information .product-container-headline {
max-height: 132px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
color: #5064aa; }
.search-results .product-container-information .product-container-headline a,
.widget-results .product-container-information .product-container-headline a,
.result-items .product-container-information .product-container-headline a {
height: 5.5rem; } }
.search-results .product-container-information .product-container-price,
.widget-results .product-container-information .product-container-price,
.result-items .product-container-information .product-container-price {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.search-results .product-container-information .product-container-price *,
.widget-results .product-container-information .product-container-price *,
.result-items .product-container-information .product-container-price * {
-webkit-flex-basis: 100%;
flex-basis: 100%; }
.search-results .product-container-information .product-container-price .product-container-information-price,
.widget-results .product-container-information .product-container-price .product-container-information-price,
.result-items .product-container-information .product-container-price .product-container-information-price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.search-results .product-container-information .product-container-price .product-container-information-price,
.widget-results .product-container-information .product-container-price .product-container-information-price,
.result-items .product-container-information .product-container-price .product-container-information-price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa; } }
.search-results .product-container-information .product-container-price .product-container-information-price.product-has-special-price,
.widget-results .product-container-information .product-container-price .product-container-information-price.product-has-special-price,
.result-items .product-container-information .product-container-price .product-container-information-price.product-has-special-price {
text-decoration: line-through;
margin-bottom: 5px;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 0.9375rem /* #{$line-height}px */;
color: #adb9d8; }
@media screen and (min-width: 61.875em) {
.search-results .product-container-information .product-container-price .product-container-information-price.product-has-special-price,
.widget-results .product-container-information .product-container-price .product-container-information-price.product-has-special-price,
.result-items .product-container-information .product-container-price .product-container-information-price.product-has-special-price {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #adb9d8; } }
.search-results .product-container-information .product-container-price .product-container-information-price.product-special-price,
.widget-results .product-container-information .product-container-price .product-container-information-price.product-special-price,
.result-items .product-container-information .product-container-price .product-container-information-price.product-special-price {
color: #d72319;
margin-bottom: 2px; }
.search-results .product-container-information .product-container-price-per-unit,
.widget-results .product-container-information .product-container-price-per-unit,
.result-items .product-container-information .product-container-price-per-unit {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.5rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.search-results .product-container-information .product-container-price-per-unit,
.widget-results .product-container-information .product-container-price-per-unit,
.result-items .product-container-information .product-container-price-per-unit {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
color: #5064aa; } }
@media screen and (min-width: 61.875em) {
.search-results .product-container-information,
.widget-results .product-container-information,
.result-items .product-container-information {
min-height: 210px;
max-height: 210px; } }
@media screen and (min-width: 61.875em) {
.search-results .slick-track,
.widget-results .slick-track,
.result-items .slick-track {
width: 100% !important; } }
.promoted-container {
width: 100%;
height: 100%;
padding-bottom: 3px;
margin-left: -1px; }
.ls-results h3 {
margin: 0;
padding: 0; }
.ls-results ul {
margin: 0;
padding: 0; }
.ls-results a {
text-decoration: none;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease; }
.brand-widget-top {
width: calc(100% + (10px * 2));
margin-left: -10px;
background-color: #f6f6f6;
border-top: 1px solid #bec3c3;
padding-top: 45px; }
@media screen and (min-width: 61.875em) {
.brand-widget-top {
width: 100%;
margin: 0;
padding: 0;
background-color: transparent;
border-top: 1px solid #ededed; } }
.brand-widget-top h3 {
display: none; }
@media screen and (min-width: 61.875em) {
.brand-widget-top h3 {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */;
display: block;
margin-top: 30px;
margin-bottom: 20px; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.brand-widget-top h3 {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.brand-widget-container {
width: calc(100% + (10px * 2));
margin-left: -10px; }
@media screen and (min-width: 61.875em) {
.brand-widget-container {
width: 100%;
margin: 0;
background-color: transparent; } }
.brand-widget-container .brand-widget {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 10px;
overflow: hidden; }
@media screen and (min-width: 61.875em) {
.brand-widget-container .brand-widget {
padding: 0;
margin: 0 0 10px; } }
.brand-widget-container .brand-widget .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
text-align: center;
overflow: hidden;
min-width: calc(50% - 2px);
max-width: calc(50% - 2px);
margin-bottom: 2px;
-webkit-flex-basis: 49%;
flex-basis: 49%; }
.brand-widget-container .brand-widget .item:nth-child(1n) {
margin-right: 2px; }
@media screen and (min-width: 61.875em) {
.brand-widget-container .brand-widget .item {
min-width: 170px;
max-width: 170px;
margin-bottom: 0;
-webkit-flex-basis: auto;
flex-basis: auto; }
.brand-widget-container .brand-widget .item:nth-child(1n) {
margin-right: 0; }
.brand-widget-container .brand-widget .item:first-child {
margin-left: -31px; }
.brand-widget-container .brand-widget .item:last-child {
margin-right: -31px; } }
.brand-widget-container .brand-widget .item .image {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #ffffff;
padding: 20px 0;
min-height: 100px;
max-height: 100px; }
.brand-widget-container .brand-widget .item .image img {
max-height: 60px;
max-width: 90%; }
@media screen and (min-width: 61.875em) {
.brand-widget-container .brand-widget .item .image {
height: 70px;
padding: 0;
border-right: 1px solid #cdd2d2;
background-color: transparent;
min-height: initial;
max-height: initial; }
.brand-widget-container .brand-widget .item .image img {
max-height: 60px;
max-width: 107px; }
.brand-widget-container .brand-widget .item .image a {
width: 170px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; } }
@media screen and (min-width: 61.875em) {
.brand-widget-container .brand-widget .item:last-child .image {
border-right: 0; } }
.brand-widget-container .brand-widget .item .brand-name {
display: none; }
@media screen and (min-width: 61.875em) {
.brand-widget-container .brand-widget .item .brand-name {
margin-top: 15px;
display: block;
text-align: center;
padding-left: 31px;
padding-right: 31px;
padding-bottom: 5px; } }
.brand-widget-bottom {
width: calc(100% + (10px * 2));
margin-left: -10px;
background-color: #f6f6f6;
border-bottom: 1px solid #bec3c3; }
@media screen and (min-width: 61.875em) {
.brand-widget-bottom {
width: 100%;
margin: 0;
background-color: transparent;
border-bottom: 1px solid #ededed; } }
.brand-widget-bottom .buttons {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: 0 10px; }
@media screen and (min-width: 61.875em) {
.brand-widget-bottom .buttons {
padding: 0 0 42px 0;
margin: 0; } }
.brand-widget-bottom .show-all-brands-mobile {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #ffffff;
background: #adb9d8;
border-bottom-color: #8296c8;
width: 100%;
margin-top: 10px;
margin-bottom: 60px; }
.brand-widget-bottom .show-all-brands-mobile:focus, .brand-widget-bottom .show-all-brands-mobile:active, .brand-widget-bottom .show-all-brands-mobile:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.brand-widget-bottom .show-all-brands-mobile:hover, .brand-widget-bottom .show-all-brands-mobile:active {
background-color: #bcc6e0; } }
@media screen and (min-width: 61.875em) {
.brand-widget-bottom .show-all-brands-mobile {
display: none; } }
.brand-widget-bottom .show-all-brands-desktop {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #5064aa;
background: rgba(0, 0, 0, 0.05);
border-bottom-color: transparent;
display: none;
margin-top: 35px;
float: right; }
.brand-widget-bottom .show-all-brands-desktop:focus, .brand-widget-bottom .show-all-brands-desktop:active, .brand-widget-bottom .show-all-brands-desktop:visited {
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.brand-widget-bottom .show-all-brands-desktop:hover, .brand-widget-bottom .show-all-brands-desktop:active {
background-color: rgba(0, 0, 0, 0.1);
color: #5064aa; } }
@media screen and (min-width: 61.875em) {
.brand-widget-bottom .show-all-brands-desktop {
display: inline-block; } }
@media screen and (min-width: 61.875em) {
.widget-height-productsingle,
.widget-height-productslider {
min-height: 451px; } }
@media screen and (min-width: 61.875em) {
.widget-height-productdouble {
min-height: 902px; } }
@media screen and (min-width: 61.875em) {
.widget-height-brandsingle {
min-height: 80px; } }
.widget-loader .loader {
background-image: url("../images/ui/spinner/spinner-blue.svg");
display: inline-block;
width: 65px;
height: 65px;
-webkit-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: block; }
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.product-container-widget .product-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
margin-top: 2px;
overflow: hidden;
margin-bottom: 0; }
.product-container-widget .product-container:first-child {
margin-top: 0; }
@media screen and (min-width: 61.875em) {
.product-container-widget .product-container {
min-width: 239px;
max-width: 239px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 0;
margin-bottom: 2px;
margin-right: 2px;
border: 1px solid #eeeeee; }
.product-container-widget .product-container:nth-child(3n) {
margin-right: 2px;
min-width: 239px;
max-width: 239px; }
.product-container-widget .product-container:nth-child(4n) {
margin-right: 0; }
.product-container-widget .product-container:nth-child(odd) {
min-width: 238px;
max-width: 238px; } }
.searchperience-result-display .product-container-widget .product-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
margin-top: 2px;
overflow: hidden;
margin-bottom: 0; }
.searchperience-result-display .product-container-widget .product-container:first-child {
margin-top: 0; }
@media screen and (min-width: 61.875em) {
.searchperience-result-display .product-container-widget .product-container {
min-width: 237px;
max-width: 237px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 0;
margin-bottom: 2px;
margin-right: 2px;
border: 1px solid #eeeeee; }
.searchperience-result-display .product-container-widget .product-container:nth-child(3n) {
margin-right: 0;
min-width: 236px;
max-width: 236px; } }
.mobile-servicenav {
right: -100%;
position: absolute;
top: 60px;
z-index: 500;
background-color: #ffffff;
width: 100%;
overflow-y: hidden;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.mobile-servicenav ul > li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
position: relative;
border-top: 1px solid #bec3c3;
border-bottom: 1px solid #bec3c3;
margin-bottom: -1px; }
@media screen and (min-width: 61.875em) {
.mobile-servicenav ul > li {
width: auto;
border-top: 0;
border-bottom: 0;
margin-bottom: 0; } }
.mobile-servicenav ul > li.indented-item > a {
white-space: "nowrap";
position: relative;
display: block;
overflow: hidden;
padding-left: 30px;
text-overflow: ellipsis;
margin-top: 10px;
text-decoration: none;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
color: #5064aa;
margin-top: 0; }
.mobile-servicenav ul > li.indented-item > a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 18px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 1px;
left: 5px; }
.mobile-servicenav ul > li.indented-item > a:before {
top: auto;
left: 10px;
font-size: 0.875rem; }
.mobile-servicenav ul > li > a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
color: #5064aa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: block;
background: #ffffff;
color: #5064aa;
width: 100%;
padding: 10px;
cursor: pointer; }
.mobile-servicenav ul > li > a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 27px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 10px;
right: 5px; }
.mobile-servicenav ul > li > a.back {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
color: #5064aa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: block;
background: #ffffff;
color: #5064aa;
width: 100%;
padding: 10px;
cursor: pointer;
padding-left: 40px; }
.mobile-servicenav ul > li > a.back:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 27px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 10px;
left: 5px; }
@media screen and (min-width: 61.875em) {
.mobile-servicenav,
.global-header-service-nav {
display: none !important; } }
.state-mobile-service-nav-active .mobile-servicenav {
right: -100%; }
.state-mobile-service-nav-active .global-header-service-nav,
.state-mobile-service-nav-active .mobile-servicenav {
right: 0; }
.state-mobile-service-nav-active .global-header-logo,
.state-mobile-service-nav-active .global-header-nav {
position: absolute;
width: 100%;
right: 100%;
top: 0; }
.state-mobile-service-nav-active .dropdown .dropdown-myairport-btn {
right: calc(100% - 60px); }
.global-header-service-nav .btn-close {
position: absolute;
margin: 0;
right: 18px;
background: transparent none repeat scroll 0 0;
border: 0;
outline: none; }
.global-header-service-nav .btn-close:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 20px;
position: relative;
top: -1px; }
@media screen and (max-width: 61.865em) {
.global-header-service-nav {
height: 60px;
line-height: 60px;
color: #ffffff;
right: -100%;
width: 100%;
position: absolute;
text-align: center;
display: block; }
.global-header-logo,
.global-header-nav,
.dropdown-myairport-btn,
.global-header-service-nav {
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
position: absolute;
width: 100%; }
.global-header-service-nav span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
width: calc(100% - 110px); }
.global-header-logo {
right: 0; }
.dropdown-myairport-btn {
text-align: right; }
.global-header-nav {
left: auto;
right: 0;
position: absolute; }
.global-header-nav .btn-home {
position: absolute;
z-index: 500; } }
.shop-header-navigation .dropdown-content {
padding: 40px; }
@media screen and (max-width: 61.865em) {
html.state-mobile-shop-nav-active .header-wrapper {
overflow: visible; }
html.state-mobile-shop-nav-active.state-overlay-active .shop-nav-list {
overflow: visible; }
html.state-mobile-shop-nav-active.state-overlay-active .shop-nav-list-inner-mobile {
overflow: hidden;
overflow-y: auto; }
html.state-mobile-shop-nav-active.state-overlay-active .main-content {
width: 100vw; }
.shop-nav-list-inner-mobile {
position: absolute;
width: 100%;
top: 119px;
left: 0;
z-index: 10;
visibility: visible; }
.shop-nav-list {
position: relative;
overflow: hidden;
max-height: 0;
height: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: max-height 600ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 600ms cubic-bezier(0.86, 0, 0.07, 1), max-height 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 600ms cubic-bezier(0.86, 0, 0.07, 1), max-height 600ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 600ms cubic-bezier(0.86, 0, 0.07, 1);
/* first level only */ }
.shop-nav-list .item-outer {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 300;
max-height: 0;
-webkit-transition: none;
transition: none;
overflow: visible; }
.shop-nav-list .item-container {
width: 100%; }
.shop-nav-list li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
position: relative;
border-top: 1px solid #bec3c3;
border-bottom: 1px solid #bec3c3;
margin-bottom: -1px;
position: static; } }
@media screen and (max-width: 61.865em) and (min-width: 61.875em) {
.shop-nav-list li {
width: auto;
border-top: 0;
border-bottom: 0;
margin-bottom: 0; } }
@media screen and (max-width: 61.865em) {
.shop-nav-list > li.state-active .item-outer {
opacity: 1; }
.shop-nav-list > li.state-active .item-inner {
z-index: 500; }
.shop-nav-list > li > .item-container > a,
.shop-nav-list > li > a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
color: #5064aa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: block;
background: #ffffff;
color: #5064aa;
width: 100%;
padding: 10px;
cursor: pointer; }
.shop-nav-list > li > .item-container > a:before,
.shop-nav-list > li > a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 27px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 10px;
right: 5px; }
.shop-nav-list > li > .item-container > a.back,
.shop-nav-list > li > a.back {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
color: #5064aa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: block;
background: #ffffff;
color: #5064aa;
width: 100%;
padding: 10px;
cursor: pointer;
padding-left: 40px; }
.shop-nav-list > li > .item-container > a.back:before,
.shop-nav-list > li > a.back:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 27px;
color: #5064aa;
line-height: 38px;
position: absolute;
top: 10px;
left: 5px; } }
@media screen and (min-width: 61.875em) {
.shop-nav-list {
background: #ffffff;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.shop-nav-list > li .dropdown-label {
color: #666666;
background: #ffffff;
border-bottom-color: #bec3c3;
border-bottom: 0;
margin-bottom: 0;
line-height: 20px;
padding: 20px; }
.shop-nav-list > li .dropdown-label:focus, .shop-nav-list > li .dropdown-label:active, .shop-nav-list > li .dropdown-label:visited {
color: #666666; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.shop-nav-list > li .dropdown-label:hover, .shop-nav-list > li .dropdown-label:active {
background-color: #a5c86e;
color: #ffffff; } }
@media screen and (min-width: 61.875em) {
.shop-nav-list > li .dropdown-label, .shop-nav-list > li .dropdown-label:focus, .shop-nav-list > li .dropdown-label:visited {
color: #5064aa; }
.shop-nav-list > li .dropdown-label:hover {
color: #ffffff; }
.shop-nav-list > li .dropdown-label:after {
font-size: 22px;
line-height: 12px;
height: 14px;
margin: 0 -10px 0 0;
padding: 0 0 0 6px;
float: right; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.shop-nav-list > li .dropdown-label:after {
float: none;
margin-top: 0; } }
@media screen and (min-width: 61.875em) {
.shop-nav-list > li .dropdown-layer {
border: 0; }
.shop-nav-list > li .dropdown-layer:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
box-shadow: 2.5px 4.33px 20px 0 rgba(0, 1, 1, 0.25); }
.shop-nav-list > li.state-active .dropdown-label {
background-color: #a5c86e;
color: #ffffff; }
.shop-nav-list > li .dropdown {
position: static;
display: block; }
.shop-nav-list > li .dropdown-layer {
left: 0;
width: 100%; }
.shop-nav-list > li .dropdown-layer:before {
box-shadow: none; }
.boxshadow .shop-nav-list > li .dropdown-layer {
width: calc(100% + 20px * 2);
margin-left: -20px; }
.boxshadow .shop-nav-list > li .dropdown-layer .dropdown-layer-shadow {
box-shadow: 2.5px 4.33px 20px 0 rgba(0, 1, 1, 0.25), -20px 0 0 0 transparent, 20px 0 0 0 transparent;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px; }
.shop-nav-list > li > a {
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font: inherit;
/* [3] */
text-align: center;
/* [4] */
margin: 0;
/* [4] */
cursor: pointer;
/* [5] */
overflow: visible;
/* [6] */
background-color: #a5c86e;
border: 0;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding: 10px 10px 10px 10px;
margin-bottom: -1px;
border-bottom: 1px solid transparent;
white-space: nowrap;
border-radius: 0;
color: #666666;
background: #ffffff;
border-bottom-color: #bec3c3;
border-bottom: 0;
margin-bottom: 0;
line-height: 20px;
padding: 20px; }
.shop-nav-list > li > a, .shop-nav-list > li > a:hover, .shop-nav-list > li > a:active, .shop-nav-list > li > a:focus {
text-decoration: none;
/* [4] */
outline: none; }
.shop-nav-list > li > a::-moz-focus-inner {
border: 0;
padding: 0; }
.shop-nav-list > li > a:focus, .shop-nav-list > li > a:active, .shop-nav-list > li > a:visited {
color: #666666; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.shop-nav-list > li > a:hover, .shop-nav-list > li > a:active {
background-color: #a5c86e;
color: #ffffff; } }
@media screen and (min-width: 61.875em) {
.shop-nav-list > li > a, .shop-nav-list > li > a:focus, .shop-nav-list > li > a:visited {
color: #5064aa; }
.shop-nav-list > li > a:hover {
color: #ffffff; }
.shop-nav-list > li .dropdown-label,
.shop-nav-list > li > a {
text-align: left;
display: inline-block; }
.shop-nav-list > li.state-active > a {
color: #82af32; }
.shop-nav-list > li.state-active > a:hover {
color: #ffffff; }
.shop-nav-list .dropdown.state-active > a, .shop-nav-list .dropdown.state-active > a:hover {
color: #ffffff;
background: #a5c86e; } }
/**
-----------------------------------------------------------------------
SHOP NAVIGATION DROPDOWN BRANDS
-----------------------------------------------------------------------
*/
@media screen and (min-width: 61.875em) {
.shop-nav-list .brands .brand-widget {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 40px; }
.shop-nav-list .brands .brand-widget .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
min-width: 156px;
max-width: 156px; }
.shop-nav-list .brands .brand-widget .item .image a {
width: 156px; }
.shop-nav-list .brands .brand-widget .item:first-child {
margin-left: -28px; }
.shop-nav-list .brands .brand-widget .item .brand-name {
display: none; }
.shop-nav-list .brands .action {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end; } }
/**
-----------------------------------------------------------------------
SHOP NAVIGATION DROPDOWN CATEGORIES
-----------------------------------------------------------------------
.dropdown-content on desktop gives us a width of 960px - 20px - 20px PAdding on both sides = 920px inner width
This is used by $dropdown-level1-item-width-desktop on the left
*/
@media screen and (max-width: 61.865em) {
.shop-nav-list .categories.state-active .level-2 > ul > li {
display: block; }
.shop-nav-list .categories.state-active .level-2 > ul > li.state-active .level-3 > ul > li {
display: block; } }
@media screen and (min-width: 61.875em) {
.shop-nav-list .categories .dropdown.state-active .dropdown-layer .categories-menu {
min-height: 450px; }
.shop-nav-list .categories .dropdown-content {
padding: 20px; }
.shop-nav-list .categories .categories-menu > ul {
position: relative; }
.shop-nav-list .categories .categories-menu > ul > li {
background: #ffffff; }
.shop-nav-list .categories .categories-menu > ul > li > a {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
display: block;
padding: 12px 20px;
border-right: 1px solid #ededed;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease; }
.shop-nav-list .categories .categories-content-wrapper {
display: none;
position: absolute;
top: 0;
left: 180px;
padding-left: 20px;
width: 740px;
height: 100%; }
.shop-nav-list .categories .categories-content-row1 {
padding-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 360px; }
.shop-nav-list .categories .categories-content-row1 .categories-list {
margin-right: 0;
width: 540px;
-webkit-columns: 3 160px;
-moz-columns: 3 160px;
columns: 3 160px;
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; }
.shop-nav-list .categories .categories-content-row1 .categories-list > ul a {
display: block;
padding: 10px 0;
font-size: 0.85rem; }
.shop-nav-list .categories .categories-content-row1.categories-large .categories-list {
width: 540px;
-webkit-columns: 4 125px;
-moz-columns: 4 125px;
columns: 4 125px; }
.shop-nav-list .categories .categories-content-row1.categories-verylarge {
height: 450px; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
width: 180px; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container,
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-image,
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-widget {
width: 180px;
min-width: 180px; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-image {
height: 180px; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-information {
min-height: 125px;
max-height: 228px; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-information .product-container-headline {
max-height: 70px;
margin-bottom: 10px;
height: 14px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-information .product-container-headline a {
height: auto; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-information .product-container-price {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; }
.shop-nav-list .categories .categories-content-row1 .product-badge-container .widget-results .product-container-information .product-container-price-per-unit {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; }
.shop-nav-list .categories .categories-content-row2 {
height: 90px; }
.shop-nav-list .categories .categories-content-row2 .brand-widget-container .item .brand-name {
display: none; }
.shop-nav-list .categories .categories-menu > ul {
width: 180px; }
.shop-nav-list .categories .categories-menu > ul > li > a {
width: 180px; }
.shop-nav-list .categories .categories-menu > ul > li.state-active > a {
background-color: #a5c86e;
color: #ffffff; }
.shop-nav-list .categories .categories-menu > ul > li.state-active .categories-content-wrapper {
display: block; } }
/**
-----------------------------------------------------------------------
SHOP NAVIGATION DROPDOWN BRANDS
-----------------------------------------------------------------------
*/
.shop-nav-list .search {
display: none;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin: 0 10px 0 10px; }
@media screen and (min-width: 61.875em) {
.shop-nav-list .search {
display: block; } }
.shop-nav-list .search .form-search {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
position: relative;
border-top: 1px solid #bec3c3;
border-bottom: 1px solid #bec3c3;
margin-bottom: -1px; }
@media screen and (min-width: 61.875em) {
.shop-nav-list .search .form-search {
width: auto;
border-top: 0;
border-bottom: 0;
margin-bottom: 0; } }
.shop-nav-list .search .search-input-wrapper {
width: 100%;
position: relative; }
.shop-nav-list .search .solr-suggest-field {
padding-right: 30px; }
.shop-nav-list .search .remove-user-input {
position: absolute;
cursor: pointer;
display: block;
color: #5064aa;
right: 10px;
top: 11px; }
.shop-nav-list .search .remove-user-input:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ""; }
.shop-nav-list .search .remove-user-input:hover {
color: #a5c86e; }
.shop-nav-list .search form {
padding: 10px 0; }
/**
-----------------------------------------------------------------------
SHOP NAVIGATION DROPDOWN SHOPS
-----------------------------------------------------------------------
*/
@media screen and (min-width: 61.875em) {
.shop-nav-list .shops .shop-tiles {
display: -webkit-box;
display: -webkit-flex;
display: flex; }
.shop-nav-list .shops .shop-tiles .tile {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
overflow: hidden;
width: 25%;
padding-left: 2px;
max-height: 218px; }
.shop-nav-list .shops .shop-tiles .tile .tile-frame {
padding-bottom: 100%; }
.shop-nav-list .shops .shop-tiles .tile .tile-background {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.shop-nav-list .shops .shop-tiles .tile .tile-background:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #5064aa;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 300ms cubic-bezier(0.86, 0, 0.07, 1);
transition: opacity 300ms cubic-bezier(0.86, 0, 0.07, 1); }
.shop-nav-list .shops .shop-tiles .tile .tile-background img {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: auto; }
.shop-nav-list .shops .shop-tiles .tile .tile-text {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 150%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 150%); }
.shop-nav-list .shops .shop-tiles .tile .tile-text h4,
.shop-nav-list .shops .shop-tiles .tile .tile-text p {
color: #ffffff; } }
@media screen and (min-width: 61.875em) and (max-width: 61.865em) {
.shop-nav-list .shops .shop-tiles .tile .tile-text {
padding: 0 0 10px 10px; }
.shop-nav-list .shops .shop-tiles .tile .tile-text h4 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.125rem /* #{$line-height}px */;
margin-bottom: 10px; }
.shop-nav-list .shops .shop-tiles .tile .tile-text p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.75rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */;
margin-bottom: 7px; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.shop-nav-list .shops .shop-tiles .tile .tile-text {
padding: 0 20px 13px 20px; }
.shop-nav-list .shops .shop-tiles .tile .tile-text h4 {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.625rem /* #{$line-height}px */;
margin-bottom: 10px; }
.shop-nav-list .shops .shop-tiles .tile .tile-text p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
margin-bottom: 7px; } }
@media screen and (min-width: 61.875em) {
.shop-nav-list .shops .shop-tiles .tile .tile-text .additional {
display: none; }
.shop-nav-list .shops .shop-tiles .tile span {
display: block;
width: 100%; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.shop-nav-list .shops .shop-tiles .tile:hover .tile-background:before {
opacity: 0.95; }
.shop-nav-list .shops .shop-tiles .tile:hover .tile-text {
background: none; } }
@media screen and (min-width: 61.875em) {
.shop-nav-list .shops .shop-tiles .tile:hover .tile-text .additional {
display: block; }
.shop-nav-list .shops .shop-tiles .tile:first-child {
padding-left: 0; }
.shop-nav-list .shops .shop-tiles .tile .tile-frame {
position: relative; } }
/**
-----------------------------------------------------------------------
SHOP NAVIGATION DROPDOWN BRANDS
-----------------------------------------------------------------------
*/
.shop-nav-list .home {
display: none; }
.shop-nav-list .home > a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 20px;
font-size: 22px;
margin: -8px 0; }
.shop-nav-list .home + li {
border-left: 1px solid #ededed; }
@media screen and (min-width: 61.875em) {
.shop-nav-list .home {
display: block; } }
.dl-menuwrapper {
width: 100%;
max-width: none;
float: left;
position: relative;
/* Dynamically added submenu outside of the menu context */ }
.dl-menuwrapper ul {
padding: 0;
list-style: none; }
.dl-menuwrapper li {
position: relative;
border-bottom: 1px solid #bec3c3;
/* Hide the inner submenus */ }
.dl-menuwrapper li .dl-submenu {
display: none; }
.dl-menuwrapper li:last-child {
border-bottom: none; }
.dl-menuwrapper li.dl-back a {
padding-left: 35px; }
.dl-menuwrapper li.dl-back a:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 40px;
font-size: 27px;
color: #5064aa;
position: absolute;
z-index: 1000;
left: 0; }
.dl-menuwrapper li a {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 2.5rem /* #{$line-height}px */;
color: #5064aa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: block;
background: #ffffff;
color: #5064aa;
width: 100%;
cursor: pointer;
padding: 10px;
outline: none; }
.dl-menuwrapper li > a:not(:only-child):after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 40px;
font-size: 27px;
color: #5064aa;
position: absolute;
z-index: 1000;
right: 5px; }
.dl-menuwrapper .dl-menu {
margin: 0;
position: absolute;
z-index: 1000;
width: 100%;
pointer-events: none;
max-height: 0;
overflow: hidden; }
.dl-menuwrapper .dl-menu.dl-menuopen {
pointer-events: auto;
max-height: 1500px; }
.dl-menuwrapper .dl-menu.dl-menu-toggle {
-webkit-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out; }
.dl-menuwrapper > .dl-submenu {
position: absolute;
z-index: 1000;
width: 100%;
top: 60px;
left: 0;
margin: 0; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
animation: SubMenuAnimIn2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
animation: SubMenuAnimOut2 0.3s ease-in-out; }
.dl-menu {
/* Animation classes for moving out and in */ }
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out; }
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out; }
/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none; }
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block; }
@-webkit-keyframes MenuAnimOut2 {
0% {
opacity: 1; }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1; } }
@keyframes MenuAnimOut2 {
0% {
opacity: 1; }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1; } }
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1; }
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
@keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1; }
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1; }
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1; } }
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1; }
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1; } }
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
.mobile-navigation {
height: 60px;
position: relative;
width: 100%;
background: #ffffff;
border-bottom: 1px solid #bec3c3; }
.mobile-navigation.dl-active .menu-opener:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
font-size: 25px;
line-height: 13px; }
.mobile-navigation .search-opener {
height: 59px;
position: absolute;
width: "auto";
background-color: #ffffff;
top: 0;
right: 0;
padding: 19px 7px 19px 19px;
color: #5064aa; }
.mobile-navigation .search-opener:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 19px; }
.mobile-navigation .menu-opener {
height: 59px;
position: absolute;
width: 100%;
background-color: #ffffff;
display: block;
padding: 22px;
font-size: 14px;
line-height: 16px;
text-align: center;
font-weight: bold; }
.mobile-navigation .menu-opener, .mobile-navigation .menu-opener:visited {
color: #82af32; }
.mobile-navigation .menu-opener:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #5064aa;
font-size: 25px;
line-height: 13px; }
.mobile-navigation .menu-title {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 100%;
padding: 0 22px;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 0.875rem;
line-height: 1rem;
color: #5064aa;
text-align: center; }
.mobile-navigation .menu-back {
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
z-index: 1; }
.mobile-navigation .menu-back, .mobile-navigation .menu-back:visited {
color: #5064aa; }
.mobile-navigation .menu-back:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 2.125rem; }
.mobile-navigation .search-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 59px;
position: absolute;
width: 100%;
background-color: #f6f6f6;
right: -100%;
-webkit-transition: right 1s;
transition: right 1s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.mobile-navigation .search-container .search-close {
margin: 0; }
.mobile-navigation .search-container .search-close:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1.875rem;
color: #384678; }
.mobile-navigation .search-container .clearx {
padding: 20px 10px; }
.mobile-navigation .search-container .clearx:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 22px;
color: #445591; }
.mobile-navigation .search-container form {
-webkit-box-flex: 1;
-webkit-flex: 1 0 50px;
flex: 1 0 50px; }
.mobile-navigation .search-container input {
margin: 15px 0;
border: 0;
background-color: #f6f6f6;
width: 100%;
outline: none; }
.mobile-navigation .search-container.show {
right: 0;
z-index: 1; }
.mobile-navigation .search-container.rhp-search-container {
position: static; }
.mobile-navigation .search-container.rhp-search-container form {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 0 10px;
margin-top: 2px; }
.mobile-navigation .search-container.rhp-search-container .rhp-search-submit {
cursor: pointer;
-webkit-align-self: center;
align-self: center; }
.mobile-navigation .search-container.rhp-search-container .rhp-search-submit:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
width: 22px;
height: 22px;
line-height: 22px;
font-size: 22px;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.mobile-navigation {
display: none; } }
table .nowrap {
white-space: nowrap; }
table .td-fullwidth {
width: 100%; }
table .negative {
color: #d72319; }
/**DOC
Simple data table
======================
```
Name
Herr Roman Langolf
Mitgliedsnummer
12345 6789 1234567
Meine Fra-Punkte (12.03.2015)
500 Punkte verfallen zum 30.06.2015
900 Punkte
Mein Status
Ihr Status verfällt zum 10.05.2016.
Base
News table
*/
.data-table {
width: 100%;
margin: 0 0 20px; }
.data-table > thead > tr > td,
.data-table > thead > tr > th,
.data-table > tbody > tr > td,
.data-table > tbody > tr > th {
vertical-align: top;
padding: 10px;
text-align: left; }
@media screen and (min-width: 61.875em) {
.data-table > thead > tr > td,
.data-table > thead > tr > th,
.data-table > tbody > tr > td,
.data-table > tbody > tr > th {
padding: 10px 0; } }
.data-table > thead > tr .a-right,
.data-table > tbody > tr .a-right {
text-align: right; }
.data-table > thead > tr > th {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.data-table > thead > tr > th {
font-size: 1.125rem; } }
.data-table > tbody > tr > th {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
padding-right: 10px; }
@media screen and (min-width: 61.875em) {
.data-table > tbody > tr > th {
padding-right: 20px; } }
.data-table > tbody > tr > th .sub-th {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal; }
.data-table > tbody > tr > td {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; }
@media screen and (max-width: 61.865em) {
.data-table > tbody > tr > td {
text-align: right; } }
.data-table > tbody > tr > th,
.data-table > tbody > tr > td {
border-bottom: 1px solid #cdd2d2; }
.data-table > tbody > tr:first-child > th,
.data-table > tbody > tr:first-child > td {
border-top: 1px solid #cdd2d2; }
@media screen and (max-width: 61.865em) {
.data-table {
margin-top: -1px; } }
.data-table .td-actions {
padding: 0;
text-align: left; }
@media screen and (min-width: 61.875em) {
.data-table .td-actions {
text-align: right;
border-bottom: 0; } }
@media screen and (min-width: 61.875em) {
.data-table .table-actions {
display: inline-block; } }
@media screen and (max-width: 61.865em) {
.data-table .table-actions {
margin: -1px 0 0 0; }
.data-table .table-actions .form-action {
padding-top: 0;
padding-bottom: 0; } }
@media screen and (max-width: 61.865em) {
.ext-news-table {
margin-bottom: 40px; } }
.ext-news-table > tbody > tr > th {
width: 200px;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.ext-news-table > tbody > tr > th {
display: none; } }
@media screen and (max-width: 61.865em) {
.ext-news-table > tbody > tr > td {
text-align: left;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; } }
.ext-news-table .news-tr-link {
display: block;
padding: 10px 0;
margin: -10px 0;
min-height: 40px; }
@media screen and (max-width: 61.865em) {
.ext-news-table .news-tr-link:before {
content: attr(data-date);
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal; } }
@media screen and (min-width: 61.875em) {
.ext-news-table .news-tr-link {
position: relative;
left: -200px;
width: calc(100% + 200px);
padding-left: 200px; } }
/**DOC
History table
======================
```
Points
Date
Partner
Action
Punkte
Accessorize
29.12.2016
Einlösung
Accessorize Einlösung
570
Fossil
28.12.2016
5 Fach Punkte
Fossil 5 Fach Punkte
-315
Orders
Datum
Bestellnummer
Gesamtsumme
Bestellstatus
200000014
67,50 € Bearbeitung
Anzeigen
200000011
55,00 € Storniert
Anzeigen
*/
.history-table {
width: 100%;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #666666; }
@media screen and (max-width: 61.865em) {
.history-table {
border-top: 1px solid #cdd2d2;
margin-top: -1px; } }
.history-table .price {
font-size: inherit; }
@media screen and (min-width: 61.875em) {
.history-table .price {
color: #666666;
font-family: 'Noto Sans', sans-serif;
font-weight: normal; } }
.history-table > tbody > tr > td,
.history-table > tbody > tr > th,
.history-table > thead > tr > td,
.history-table > thead > tr > th {
padding: 20px;
border-bottom: 1px solid #cdd2d2;
text-align: center; }
@media screen and (min-width: 61.875em) {
.history-table > tbody > tr > td,
.history-table > tbody > tr > th,
.history-table > thead > tr > td,
.history-table > thead > tr > th {
white-space: nowrap; } }
@media screen and (max-width: 61.865em) {
.history-table > tbody > tr > td,
.history-table > tbody > tr > th,
.history-table > thead > tr > td,
.history-table > thead > tr > th {
white-space: normal;
padding: 10px; } }
.history-table > tbody > tr > th,
.history-table > thead > tr > th {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.history-table > tbody > tr .td-date,
.history-table > thead > tr .td-date {
padding: 0; } }
@media screen and (max-width: 61.865em) {
.history-table > thead {
display: none !important; } }
@media screen and (max-width: 61.865em) {
.history-table > tbody > tr > td {
display: none;
vertical-align: top; }
.history-table > tbody > tr > td.td-date, .history-table > tbody > tr > td.td-main, .history-table > tbody > tr > td.td-price, .history-table > tbody > tr > td.td-points {
display: table-cell; }
.history-table > tbody > tr > td.td-date {
text-align: left; }
.history-table > tbody > tr > td.td-price, .history-table > tbody > tr > td.td-points {
text-align: right; }
.history-table > tbody > tr > td.td-main {
text-align: left;
padding: 10px; } }
@media screen and (min-width: 61.875em) {
.history-table > tbody > tr:nth-child(even) > td,
.history-table > tbody > tr:nth-child(even) > th {
background-color: #e8edf8; } }
@media screen and (max-width: 61.865em) {
.history-table .td-date-inner {
padding: 10px;
position: relative;
font-size: 0.75rem;
line-height: 0.9375rem; } }
@media screen and (max-width: 61.865em) {
.history-table .date {
display: block;
margin: 0 0 2px 0;
color: #5064aa;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit; } }
.history-table .more-link {
float: right; }
.listing-box {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px;
background-color: #ededed; }
@media screen and (max-width: 61.865em) {
.listing-box {
padding: 10px; } }
.listing-box > .listing-box-row {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 90%;
flex: 1 0 90%;
padding: 20px;
line-height: 1.1875rem; }
@media screen and (max-width: 61.865em) {
.listing-box > .listing-box-row {
padding: 20px 0 0 0; } }
@media screen and (min-width: 61.875em) {
.listing-box > .listing-box-row:nth-child(odd) {
background-color: #ffffff; } }
.listing-box > .listing-box-row .listing-box-cell {
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.listing-box > .listing-box-row .listing-box-cell {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; } }
.listing-box > .listing-box-row .listing-box-cell-one {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
max-width: 30%;
font-weight: bold; }
.listing-box > .listing-box-row .listing-box-cell-two {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; }
@media screen and (max-width: 61.865em) {
.listing-box > .listing-box-row .listing-box-cell-two {
-webkit-flex-shrink: 1;
flex-shrink: 1; } }
.totals {
margin: 20px 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.totals {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa;
padding: 0 10px; } }
.totals .price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.totals .price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa;
line-height: 1.3; } }
.totals.is-main {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.5625rem /* #{$line-height}px */;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.totals.is-main {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.1875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; } }
.totals.is-main .price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.5rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.totals.is-main .price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.1875rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; } }
.totals.is-main .totals-label-subtext {
font-size: 1.125rem; }
@media screen and (max-width: 61.865em) {
.totals.is-main .totals-label-subtext {
font-size: 1rem; } }
.totals.is-small {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.totals.is-small .price {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
.totals-label {
-webkit-box-flex: 0;
-webkit-flex: 0 1 80%;
flex: 0 1 80%;
padding-right: 10px;
text-align: right; }
@media screen and (max-width: 61.865em) {
.totals-label {
-webkit-flex-basis: 50%;
flex-basis: 50%;
text-align: left; } }
.totals-label.state-left-aligned {
text-align: left; }
.totals-label-subtext {
display: block;
font-size: 0.875rem;
margin-top: 5px; }
@media screen and (max-width: 61.865em) {
.totals-label-subtext {
font-size: 0.75rem; } }
.totals-price {
-webkit-box-flex: 1;
-webkit-flex: 1 0 20%;
flex: 1 0 20%;
text-align: right; }
.totals-price-subtext {
display: block;
color: #5064aa;
padding: 6px 0 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */;
padding-top: 4px;
margin-bottom: -5px; }
.totals-price-subtext a {
text-decoration: underline; }
.totals-divider {
height: 1px;
border-top: 1px solid #bec3c3;
margin: 30px 0; }
@media screen and (max-width: 61.865em) {
.totals-divider {
border-top-width: 2px; } }
.totals-divider-footer {
margin: 0 -10px; }
/**DOC
Check-List
======================
Renders a list with checkmark icons as bullets
```
*/
.check-list li {
position: relative;
margin: 10px 0 0;
padding: 0 0 0 30px;
line-height: 20px; }
.check-list li:first-child {
margin: 0; }
.check-list li:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 20px;
margin-right: 10px;
color: #5064aa;
position: absolute;
left: 0;
top: 2px; }
/**DOC
Typo common
======================
```
5.000 Punkte
*/
.text-highlight {
background: #e8edf8;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: inherit;
text-align: center;
padding: 24px 10px;
color: #5064aa;
display: block;
margin: 0 0 14px 0; }
@media screen and (min-width: 61.875em) {
.text-highlight {
margin-bottom: 36px; } }
.text-points {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: inherit;
color: #5064aa; }
@media screen and (min-width: 61.875em) {
.text-points {
font-size: 1.375rem; } }
.text-minor {
display: block;
color: #5064aa;
padding: 6px 0 0;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: 0.75rem /* #{$line-height}px */; }
.text-minor a {
text-decoration: underline; }
.text-small {
font-size: 0.875rem; }
.text-block {
display: block; }
/**DOC
Headlines
======================
Renders a headline that is defined to be h2, but can be on any text element.
```
Headline 2 Große Auswahl an nationalen und internationalen Zeitschriften und Zeitungen
Headline 2 Große Auswahl an nationalen und internationalen Zeitschriften und Zeitungen
Headline 3 Große Auswahl an nationalen und internationalen Zeitschriften und Zeitungen
Headline 3 Große Auswahl an nationalen und internationalen Zeitschriften und Zeitungen
Page subheading special f.e. in shopping cart or shopping list
*/
.main-content h2:not([class]),
.headline-two {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.3125rem /* #{$font-size}px */;
line-height: 1.8375rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.main-content h2:not([class]),
.headline-two {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.main-content h2:not([class]),
.headline-two {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.875rem /* #{$font-size}px */;
line-height: 2.625rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.main-content h2:not([class]),
.headline-two {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.main-content .searchperience_page-title {
color: #5064aa;
font-weight: normal;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.875rem /* #{$font-size}px */;
line-height: 2.625rem /* #{$line-height}px */; } }
.main-content h3:not([class]),
.headline-three,
.checkout-index-index .info-box h1,
.checkout-index-index .info-box h2,
.checkout-index-index .info-box h3,
.checkout-index-index .info-box h4 {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.main-content h3:not([class]),
.headline-three,
.checkout-index-index .info-box h1,
.checkout-index-index .info-box h2,
.checkout-index-index .info-box h3,
.checkout-index-index .info-box h4 {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.main-content h3:not([class]),
.headline-three,
.checkout-index-index .info-box h1,
.checkout-index-index .info-box h2,
.checkout-index-index .info-box h3,
.checkout-index-index .info-box h4 {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */;
margin: 0 0 15px 0; } }
.headline-four {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.headline-four {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.headline-four {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.4rem /* #{$line-height}px */;
margin: 0 0 6px 0; } }
.headline-five {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.225rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.headline-five {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.headline-five {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.4rem /* #{$line-height}px */;
margin: 0 0 6px 0; } }
.headline-six {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.headline-six {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (max-width: 61.865em) {
.headline-six {
padding: 0 10px;
margin-bottom: 10px; } }
.main-content h1:not([class]),
.page-title {
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.3125rem /* #{$font-size}px */;
line-height: 1.8375rem /* #{$line-height}px */;
display: none; }
@media screen and (min-width: 61.875em) {
.main-content h1:not([class]),
.page-title {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.main-content h1:not([class]),
.page-title {
display: block;
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 2.625rem /* #{$font-size}px */;
line-height: 3.675rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.main-content h1:not([class]),
.page-title {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.main-content .mobile-headline-bar {
width: calc(100% + (10px * 2));
margin-left: -10px;
padding: 10px 10px;
border-bottom: 1px solid #bec3c3; }
@media screen and (min-width: 61.875em) {
.main-content .mobile-headline-bar {
display: none !important; } }
.main-content .mobile-headline-bar h2 {
margin-bottom: 0; }
@media screen and (min-width: 61.875em) {
.mobile-page-subheading,
.page-subheading-special {
color: #5064aa;
font-weight: normal;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.575rem /* #{$line-height}px */;
margin: 0 0 15px 0; } }
@media screen and (max-width: 61.865em) {
.mobile-page-subheading,
.page-subheading-special {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
color: #5064aa;
background: #e8edf8;
border-bottom: 1px solid #5064aa;
padding: 20px 0;
text-align: center; } }
@media screen and (min-width: 61.875em) {
.mobile-page-subheading {
display: none !important; } }
@media screen and (min-width: 61.875em) {
.brand-title {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #5064aa;
font-weight: normal;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 2.625rem /* #{$font-size}px */;
line-height: 3.675rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.brand-title {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (max-width: 61.865em) {
.brand-title .ctx-text {
display: none !important; } }
.brand-title .ctx-logo {
line-height: 0;
margin: 20px 0; }
@media screen and (min-width: 61.875em) {
.brand-title .ctx-logo {
margin: 0 0 0 20px; } }
@media screen and (max-width: 61.865em) {
.brand-title .ctx-logo {
display: block; } }
.headline-checkout-step {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.375rem /* #{$font-size}px */;
line-height: 1.925rem /* #{$line-height}px */;
color: #5064aa;
margin: 0 0 15px 0; }
@media screen and (max-width: 61.865em) {
.headline-checkout-step {
font-size: 18px; } }
/**DOC
Links
======================
```
*/
.edit-link {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
white-space: nowrap; }
.edit-link:after {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin: -5px 0 0 10px; }
.more-link,
.more-link-alt,
.icon-link,
.icon-link-before {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */;
position: relative;
white-space: nowrap; }
.more-link:before,
.more-link-alt:before,
.icon-link:before,
.icon-link-before:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
position: absolute; }
@media screen and (min-width: 61.875em) {
.more-link:before,
.more-link-alt:before,
.icon-link:before,
.icon-link-before:before {
color: #5064aa; }
.more-link:hover, .more-link:focus,
.more-link-alt:hover,
.more-link-alt:focus,
.icon-link:hover,
.icon-link:focus,
.icon-link-before:hover,
.icon-link-before:focus {
color: #a5c86e; }
.more-link:hover:before, .more-link:focus:before,
.more-link-alt:hover:before,
.more-link-alt:focus:before,
.icon-link:hover:before,
.icon-link:focus:before,
.icon-link-before:hover:before,
.icon-link-before:focus:before {
color: #a5c86e; } }
.more-link:before,
.more-link-alt:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 1.3125rem;
position: absolute;
top: -1px; }
@media screen and (min-width: 61.875em) {
.more-link:before,
.more-link-alt:before {
content: "";
font-size: 0.875rem;
top: 3px; } }
.more-link,
.icon-link {
padding: 0 20px 0 0; }
@media screen and (min-width: 61.875em) {
.more-link,
.icon-link {
padding-right: 25px; } }
.more-link:before,
.icon-link:before {
right: 0; }
.more-link-alt,
.icon-link-before {
padding: 0 0 0 20px; }
@media screen and (min-width: 61.875em) {
.more-link-alt,
.icon-link-before {
padding-left: 25px; } }
.more-link-alt:before,
.icon-link-before:before {
left: 0; }
.icon-link-before.icon-link-back:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 0.875rem;
top: 3px; }
@media screen and (min-width: 61.875em) {
.link-benefit,
.link-occasion,
.link-coupon {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.125rem /* #{$font-size}px */;
line-height: 1.625rem /* #{$line-height}px */;
display: inline-block;
position: relative;
padding: 0 0 0 45px; }
.link-benefit:before,
.link-occasion:before,
.link-coupon:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
position: absolute;
left: 0;
top: 0;
font-size: 1.625rem; }
.link-benefit:before,
.link-occasion:before,
.link-coupon:before {
color: #5064aa; }
.link-benefit:hover, .link-benefit:focus,
.link-occasion:hover,
.link-occasion:focus,
.link-coupon:hover,
.link-coupon:focus {
color: #a5c86e; }
.link-benefit:hover:before, .link-benefit:focus:before,
.link-occasion:hover:before,
.link-occasion:focus:before,
.link-coupon:hover:before,
.link-coupon:focus:before {
color: #a5c86e; } }
@media screen and (min-width: 61.875em) {
.link-benefit:before {
content: "";
font-size: 2.25rem;
top: -4px;
left: -4px; } }
@media screen and (min-width: 61.875em) {
.link-coupon:before {
content: "";
font-size: 2.125rem;
top: -3px;
left: -3px; } }
.filter-toggle {
display: inline-block;
position: relative;
padding: 0 30px 0 0;
color: #5064aa;
cursor: pointer;
line-height: 1.25rem;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal; }
.filter-toggle:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
position: absolute;
right: 0;
top: 0;
font-size: 1.25rem; }
[data-link-target]:hover {
cursor: pointer; }
a.link-underlined {
color: #82af32;
text-decoration: underline; }
a.link-underlined:hover, a.link-underlined:focus {
color: #a5c86e;
text-decoration: underline; }
/**DOC
Paragraph
======================
Renders a standard paragraph.
```
Große Auswahl an nationalen und internationalen Zeitschriften und Zeitungen. Nebenbei findet man auch jede Menge
Reise- und Sprachführer. Und wem das alles noch nicht genug ist, der greift einfach auf aktuelle Bücher,
Taschenbücher und Bestseller zurück. Spezielle Services für Sie:Bestellservice, PayPass (kontaktloses Bezahlen),
LassoFlow (Internetzugang über mobilen Hotspot), Print on Demand (internationale Tageszeitungen in
jeder Sprache vor Ort drucken).
*/
.paragraph-standard {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.paragraph-standard {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.paragraph-standard {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.paragraph-standard {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
/**DOC
Paragraph
======================
Renders a large paragraph (only larger on desktop).
```
Große Auswahl an nationalen und internationalen Zeitschriften und Zeitungen. Nebenbei findet man auch jede Menge
Reise- und Sprachführer. Und wem das alles noch nicht genug ist, der greift einfach auf aktuelle Bücher,
Taschenbücher und Bestseller zurück. Spezielle Services für Sie:Bestellservice, PayPass (kontaktloses Bezahlen),
LassoFlow (Internetzugang über mobilen Hotspot), Print on Demand (internationale Tageszeitungen in
jeder Sprache vor Ort drucken).
*/
.paragraph-large {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.1875rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.paragraph-large {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.paragraph-large {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.paragraph-large {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.no-border-bottom-desktop {
border-bottom: 0 !important; } }
@media screen and (max-width: 61.865em) {
.no-border-bottom-mobile {
border-bottom: 0 !important; } }
/**DOC
Margin utility
======================
Adds flex-basis to a container in steps of 10 starting at 0 to 100
```
10% flex-basis desktop, 30% flex-basis mobile
20% flex-basis desktop, 10% flex-basis mobile
80% flex-basis desktop, 50% flex-basis mobile
50% flex-basis desktop, 10% flex-basis mobile
*/
@media screen and (min-width: 61.875em) {
.flex-basis-desktop-35 {
-webkit-flex-basis: 35% !important;
flex-basis: 35% !important; }
.flex-basis-desktop-40 {
-webkit-flex-basis: 40% !important;
flex-basis: 40% !important; }
.flex-basis-desktop-50 {
-webkit-flex-basis: 50% !important;
flex-basis: 50% !important; }
.flex-basis-desktop-60 {
-webkit-flex-basis: 60% !important;
flex-basis: 60% !important; }
.flex-basis-desktop-100 {
-webkit-flex-basis: 100% !important;
flex-basis: 100% !important; } }
@media screen and (max-width: 61.865em) {
.flex-basis-mobile-35 {
-webkit-flex-basis: 35% !important;
flex-basis: 35% !important; }
.flex-basis-mobile-40 {
-webkit-flex-basis: 40% !important;
flex-basis: 40% !important; }
.flex-basis-mobile-50 {
-webkit-flex-basis: 50% !important;
flex-basis: 50% !important; }
.flex-basis-mobile-60 {
-webkit-flex-basis: 60% !important;
flex-basis: 60% !important; }
.flex-basis-mobile-100 {
-webkit-flex-basis: 100% !important;
flex-basis: 100% !important; } }
/**DOC
Margin utility
======================
Adds margin to a container (top or right or bottom or left) in steps of 5 starting at 0 to 50
```
10px margin top desktop, 25px margin top mobile
20px margin right desktop, 10px margin right mobile
35px margin bottom desktop, 50px margin bottom mobile
50px margin left desktop, 10px margin left mobile
*/
@media screen and (min-width: 61.875em) {
.margin-top-desktop-minus30 {
margin-top: -30px !important; }
.margin-right-desktop-minus30 {
margin-right: -30px !important; }
.margin-bottom-desktop-minus30 {
margin-bottom: -30px !important; }
.margin-left-desktop-minus30 {
margin-left: -30px !important; }
.margin-top-desktop-minus20 {
margin-top: -20px !important; }
.margin-right-desktop-minus20 {
margin-right: -20px !important; }
.margin-bottom-desktop-minus20 {
margin-bottom: -20px !important; }
.margin-left-desktop-minus20 {
margin-left: -20px !important; }
.margin-top-desktop-minus10 {
margin-top: -10px !important; }
.margin-right-desktop-minus10 {
margin-right: -10px !important; }
.margin-bottom-desktop-minus10 {
margin-bottom: -10px !important; }
.margin-left-desktop-minus10 {
margin-left: -10px !important; }
.margin-top-desktop-minus9 {
margin-top: -9px !important; }
.margin-right-desktop-minus9 {
margin-right: -9px !important; }
.margin-bottom-desktop-minus9 {
margin-bottom: -9px !important; }
.margin-left-desktop-minus9 {
margin-left: -9px !important; }
.margin-top-desktop-minus1 {
margin-top: -1px !important; }
.margin-right-desktop-minus1 {
margin-right: -1px !important; }
.margin-bottom-desktop-minus1 {
margin-bottom: -1px !important; }
.margin-left-desktop-minus1 {
margin-left: -1px !important; }
.margin-top-desktop-0 {
margin-top: 0px !important; }
.margin-right-desktop-0 {
margin-right: 0px !important; }
.margin-bottom-desktop-0 {
margin-bottom: 0px !important; }
.margin-left-desktop-0 {
margin-left: 0px !important; }
.margin-top-desktop-3 {
margin-top: 3px !important; }
.margin-right-desktop-3 {
margin-right: 3px !important; }
.margin-bottom-desktop-3 {
margin-bottom: 3px !important; }
.margin-left-desktop-3 {
margin-left: 3px !important; }
.margin-top-desktop-5 {
margin-top: 5px !important; }
.margin-right-desktop-5 {
margin-right: 5px !important; }
.margin-bottom-desktop-5 {
margin-bottom: 5px !important; }
.margin-left-desktop-5 {
margin-left: 5px !important; }
.margin-top-desktop-10 {
margin-top: 10px !important; }
.margin-right-desktop-10 {
margin-right: 10px !important; }
.margin-bottom-desktop-10 {
margin-bottom: 10px !important; }
.margin-left-desktop-10 {
margin-left: 10px !important; }
.margin-top-desktop-12 {
margin-top: 12px !important; }
.margin-right-desktop-12 {
margin-right: 12px !important; }
.margin-bottom-desktop-12 {
margin-bottom: 12px !important; }
.margin-left-desktop-12 {
margin-left: 12px !important; }
.margin-top-desktop-15 {
margin-top: 15px !important; }
.margin-right-desktop-15 {
margin-right: 15px !important; }
.margin-bottom-desktop-15 {
margin-bottom: 15px !important; }
.margin-left-desktop-15 {
margin-left: 15px !important; }
.margin-top-desktop-20 {
margin-top: 20px !important; }
.margin-right-desktop-20 {
margin-right: 20px !important; }
.margin-bottom-desktop-20 {
margin-bottom: 20px !important; }
.margin-left-desktop-20 {
margin-left: 20px !important; }
.margin-top-desktop-25 {
margin-top: 25px !important; }
.margin-right-desktop-25 {
margin-right: 25px !important; }
.margin-bottom-desktop-25 {
margin-bottom: 25px !important; }
.margin-left-desktop-25 {
margin-left: 25px !important; }
.margin-top-desktop-30 {
margin-top: 30px !important; }
.margin-right-desktop-30 {
margin-right: 30px !important; }
.margin-bottom-desktop-30 {
margin-bottom: 30px !important; }
.margin-left-desktop-30 {
margin-left: 30px !important; }
.margin-top-desktop-35 {
margin-top: 35px !important; }
.margin-right-desktop-35 {
margin-right: 35px !important; }
.margin-bottom-desktop-35 {
margin-bottom: 35px !important; }
.margin-left-desktop-35 {
margin-left: 35px !important; }
.margin-top-desktop-40 {
margin-top: 40px !important; }
.margin-right-desktop-40 {
margin-right: 40px !important; }
.margin-bottom-desktop-40 {
margin-bottom: 40px !important; }
.margin-left-desktop-40 {
margin-left: 40px !important; }
.margin-top-desktop-45 {
margin-top: 45px !important; }
.margin-right-desktop-45 {
margin-right: 45px !important; }
.margin-bottom-desktop-45 {
margin-bottom: 45px !important; }
.margin-left-desktop-45 {
margin-left: 45px !important; }
.margin-top-desktop-50 {
margin-top: 50px !important; }
.margin-right-desktop-50 {
margin-right: 50px !important; }
.margin-bottom-desktop-50 {
margin-bottom: 50px !important; }
.margin-left-desktop-50 {
margin-left: 50px !important; }
.margin-top-desktop-55 {
margin-top: 55px !important; }
.margin-right-desktop-55 {
margin-right: 55px !important; }
.margin-bottom-desktop-55 {
margin-bottom: 55px !important; }
.margin-left-desktop-55 {
margin-left: 55px !important; }
.margin-top-desktop-60 {
margin-top: 60px !important; }
.margin-right-desktop-60 {
margin-right: 60px !important; }
.margin-bottom-desktop-60 {
margin-bottom: 60px !important; }
.margin-left-desktop-60 {
margin-left: 60px !important; } }
@media screen and (max-width: 61.865em) {
.margin-top-mobile-minus30 {
margin-top: -30px !important; }
.margin-right-mobile-minus30 {
margin-right: -30px !important; }
.margin-bottom-mobile-minus30 {
margin-bottom: -30px !important; }
.margin-left-mobile-minus30 {
margin-left: -30px !important; }
.margin-top-mobile-minus20 {
margin-top: -20px !important; }
.margin-right-mobile-minus20 {
margin-right: -20px !important; }
.margin-bottom-mobile-minus20 {
margin-bottom: -20px !important; }
.margin-left-mobile-minus20 {
margin-left: -20px !important; }
.margin-top-mobile-minus10 {
margin-top: -10px !important; }
.margin-right-mobile-minus10 {
margin-right: -10px !important; }
.margin-bottom-mobile-minus10 {
margin-bottom: -10px !important; }
.margin-left-mobile-minus10 {
margin-left: -10px !important; }
.margin-top-mobile-minus9 {
margin-top: -9px !important; }
.margin-right-mobile-minus9 {
margin-right: -9px !important; }
.margin-bottom-mobile-minus9 {
margin-bottom: -9px !important; }
.margin-left-mobile-minus9 {
margin-left: -9px !important; }
.margin-top-mobile-minus1 {
margin-top: -1px !important; }
.margin-right-mobile-minus1 {
margin-right: -1px !important; }
.margin-bottom-mobile-minus1 {
margin-bottom: -1px !important; }
.margin-left-mobile-minus1 {
margin-left: -1px !important; }
.margin-top-mobile-0 {
margin-top: 0px !important; }
.margin-right-mobile-0 {
margin-right: 0px !important; }
.margin-bottom-mobile-0 {
margin-bottom: 0px !important; }
.margin-left-mobile-0 {
margin-left: 0px !important; }
.margin-top-mobile-3 {
margin-top: 3px !important; }
.margin-right-mobile-3 {
margin-right: 3px !important; }
.margin-bottom-mobile-3 {
margin-bottom: 3px !important; }
.margin-left-mobile-3 {
margin-left: 3px !important; }
.margin-top-mobile-5 {
margin-top: 5px !important; }
.margin-right-mobile-5 {
margin-right: 5px !important; }
.margin-bottom-mobile-5 {
margin-bottom: 5px !important; }
.margin-left-mobile-5 {
margin-left: 5px !important; }
.margin-top-mobile-10 {
margin-top: 10px !important; }
.margin-right-mobile-10 {
margin-right: 10px !important; }
.margin-bottom-mobile-10 {
margin-bottom: 10px !important; }
.margin-left-mobile-10 {
margin-left: 10px !important; }
.margin-top-mobile-12 {
margin-top: 12px !important; }
.margin-right-mobile-12 {
margin-right: 12px !important; }
.margin-bottom-mobile-12 {
margin-bottom: 12px !important; }
.margin-left-mobile-12 {
margin-left: 12px !important; }
.margin-top-mobile-15 {
margin-top: 15px !important; }
.margin-right-mobile-15 {
margin-right: 15px !important; }
.margin-bottom-mobile-15 {
margin-bottom: 15px !important; }
.margin-left-mobile-15 {
margin-left: 15px !important; }
.margin-top-mobile-20 {
margin-top: 20px !important; }
.margin-right-mobile-20 {
margin-right: 20px !important; }
.margin-bottom-mobile-20 {
margin-bottom: 20px !important; }
.margin-left-mobile-20 {
margin-left: 20px !important; }
.margin-top-mobile-25 {
margin-top: 25px !important; }
.margin-right-mobile-25 {
margin-right: 25px !important; }
.margin-bottom-mobile-25 {
margin-bottom: 25px !important; }
.margin-left-mobile-25 {
margin-left: 25px !important; }
.margin-top-mobile-30 {
margin-top: 30px !important; }
.margin-right-mobile-30 {
margin-right: 30px !important; }
.margin-bottom-mobile-30 {
margin-bottom: 30px !important; }
.margin-left-mobile-30 {
margin-left: 30px !important; }
.margin-top-mobile-35 {
margin-top: 35px !important; }
.margin-right-mobile-35 {
margin-right: 35px !important; }
.margin-bottom-mobile-35 {
margin-bottom: 35px !important; }
.margin-left-mobile-35 {
margin-left: 35px !important; }
.margin-top-mobile-40 {
margin-top: 40px !important; }
.margin-right-mobile-40 {
margin-right: 40px !important; }
.margin-bottom-mobile-40 {
margin-bottom: 40px !important; }
.margin-left-mobile-40 {
margin-left: 40px !important; }
.margin-top-mobile-45 {
margin-top: 45px !important; }
.margin-right-mobile-45 {
margin-right: 45px !important; }
.margin-bottom-mobile-45 {
margin-bottom: 45px !important; }
.margin-left-mobile-45 {
margin-left: 45px !important; }
.margin-top-mobile-50 {
margin-top: 50px !important; }
.margin-right-mobile-50 {
margin-right: 50px !important; }
.margin-bottom-mobile-50 {
margin-bottom: 50px !important; }
.margin-left-mobile-50 {
margin-left: 50px !important; }
.margin-top-mobile-55 {
margin-top: 55px !important; }
.margin-right-mobile-55 {
margin-right: 55px !important; }
.margin-bottom-mobile-55 {
margin-bottom: 55px !important; }
.margin-left-mobile-55 {
margin-left: 55px !important; }
.margin-top-mobile-60 {
margin-top: 60px !important; }
.margin-right-mobile-60 {
margin-right: 60px !important; }
.margin-bottom-mobile-60 {
margin-bottom: 60px !important; }
.margin-left-mobile-60 {
margin-left: 60px !important; } }
/**DOC
Margin utility
======================
Adds min-width to a container
```
10px min-width desktop, 25px min-width mobile
*/
@media screen and (min-width: 61.875em) {
.min-width-desktop-465 {
min-width: 465px !important; }
.min-width-desktop-600 {
min-width: 600px !important; } }
@media screen and (max-width: 61.865em) {
.min-width-mobile-465 {
min-width: 465px !important; }
.min-width-mobile-600 {
min-width: 600px !important; } }
.text-align-right {
text-align: right !important; }
.text-align-left {
text-align: left !important; }
@media screen and (max-width: 61.865em) {
.text-align-right-mobile {
text-align: right !important; }
.display-flex-mobile {
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important; }
.flex-mobile {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 0 auto !important;
flex: 1 0 auto !important; }
.full-width-mobile {
width: calc(100% + 20px) !important;
margin-left: -10px !important; }
.flex-wrap-mobile {
-webkit-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.width-100-mobile {
width: 100%; } }
@media screen and (min-width: 61.875em) {
.align-flex-start-desktop {
-webkit-align-self: flex-start !important;
align-self: flex-start !important; }
.display-flex-desktop {
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important; }
.flex-desktop {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 0 auto !important;
flex: 1 0 auto !important; }
.height-0-desktop {
height: 0 !important; }
.flex-wrap-desktop {
-webkit-flex-wrap: wrap !important;
flex-wrap: wrap !important; } }
/**DOC
Margin utility
======================
Adds padding to a container (top or right or bottom or left) in steps of 5 starting at 0 to 50
```
10px padding top desktop, 25px padding top mobile
20px padding right desktop, 10px padding right mobile
35px padding bottom desktop, 50px padding bottom mobile
50px padding left desktop, 10px padding left mobile
*/
@media screen and (min-width: 61.875em) {
.padding-top-desktop-0 {
padding-top: 0px !important; }
.padding-right-desktop-0 {
padding-right: 0px !important; }
.padding-bottom-desktop-0 {
padding-bottom: 0px !important; }
.padding-left-desktop-0 {
padding-left: 0px !important; }
.padding-top-desktop-10 {
padding-top: 10px !important; }
.padding-right-desktop-10 {
padding-right: 10px !important; }
.padding-bottom-desktop-10 {
padding-bottom: 10px !important; }
.padding-left-desktop-10 {
padding-left: 10px !important; }
.padding-top-desktop-40 {
padding-top: 40px !important; }
.padding-right-desktop-40 {
padding-right: 40px !important; }
.padding-bottom-desktop-40 {
padding-bottom: 40px !important; }
.padding-left-desktop-40 {
padding-left: 40px !important; } }
@media screen and (max-width: 61.865em) {
.padding-top-mobile-0 {
padding-top: 0px !important; }
.padding-right-mobile-0 {
padding-right: 0px !important; }
.padding-bottom-mobile-0 {
padding-bottom: 0px !important; }
.padding-left-mobile-0 {
padding-left: 0px !important; }
.padding-top-mobile-10 {
padding-top: 10px !important; }
.padding-right-mobile-10 {
padding-right: 10px !important; }
.padding-bottom-mobile-10 {
padding-bottom: 10px !important; }
.padding-left-mobile-10 {
padding-left: 10px !important; }
.padding-top-mobile-40 {
padding-top: 40px !important; }
.padding-right-mobile-40 {
padding-right: 40px !important; }
.padding-bottom-mobile-40 {
padding-bottom: 40px !important; }
.padding-left-mobile-40 {
padding-left: 40px !important; } }
.checkout-index-index {
/**
-----------------------------------------------------------------------
COMMON TAGS
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------
*/
/**
-----------------------------------------------------------------------
MAIN CONTAINER
-----------------------------------------------------------------------
*/
/* override some styles from the generic main/back-link.scss */
/**
-----------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------
*/ }
.checkout-index-index html {
height: 100%; }
.checkout-index-index body {
min-height: 100%;
background: #5064aa; }
.checkout-index-index .wrapper {
background: #ffffff; }
.checkout-index-index .header-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
margin: 0 auto;
max-width: none;
height: 60px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .header-wrapper {
height: auto;
width: 95vw;
max-width: 1240px;
padding: 15px 0; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .header-wrapper {
background: transparent;
border-bottom: 1px solid #bec3c3;
padding-top: 30px;
padding-bottom: 10px; } }
.checkout-index-index .header-logo-wrapper {
line-height: 0;
padding: 0 15px; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .header-logo-wrapper {
line-height: 60px;
background: #445591;
text-align: center;
width: 100%; } }
.checkout-index-index .logo-header {
margin-left: auto;
margin-right: auto; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .logo-header {
height: 68px;
width: 190px;
margin: -14px 0 -12px -14px;
background-image: url("../images/logo.svg"); } }
.checkout-index-index .container {
margin: 0 auto; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .container {
padding-left: 15px;
padding-right: 15px;
width: 990px; } }
.checkout-index-index .intro {
position: relative;
background: #8296c8;
padding-left: 10px;
padding-right: 10px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .intro {
padding-left: 0;
padding-right: 0; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .intro {
background: #ffffff; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .intro.intro-mobile-light {
border-bottom: 1px solid #cdd2d2;
background-color: #ffffff;
margin-left: -10px;
margin-right: -10px; }
.checkout-index-index .intro.intro-mobile-light .headline {
color: #82af32; }
.checkout-index-index .intro.intro-mobile-light .back-link {
color: #5064aa; } }
.checkout-index-index .headline {
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1rem /* #{$line-height}px */;
font-weight: normal;
color: #ffffff;
display: block;
padding: 22px;
text-align: center; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .headline {
font-family: 'Noto SansLight', sans-serif;
font-weight: normal;
font-size: 1.75rem /* #{$font-size}px */;
line-height: 1.875rem /* #{$line-height}px */;
color: #5064aa;
text-align: left;
padding-left: 62px;
padding-bottom: 28px; } }
.checkout-index-index .back-link {
padding: 19px 29px 19px 0; }
.checkout-index-index .footer {
margin-top: 60px;
background: #5064aa; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .footer {
border-top: 10px solid #445591; } }
.checkout-index-index .footer-container {
padding-left: 10px;
padding-right: 10px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .footer-container {
padding-left: 0;
padding-right: 0; } }
.checkout-index-index .footer-copyright {
padding-bottom: 20px;
background: #5064aa; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .footer-copyright {
background: transparent;
padding-top: 11px; } }
.checkout-index-index .copyright-information {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.625rem /* #{$font-size}px */;
line-height: inherit;
color: #8296c8; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .copyright-information {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: inherit;
color: #adb9d8; } }
.checkout-index-index .footer-links {
padding-top: 18px;
padding-bottom: 18px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .footer-links {
padding-top: 35px;
padding-bottom: 0; } }
.checkout-index-index .footer-links-list > li {
display: inline-block;
vertical-align: top;
margin: 0 10px 0 0;
font-size: 14px; }
.checkout-index-index .footer-links-list a, .checkout-index-index .footer-links-list a:visited {
color: #ffffff; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .intro {
margin: 12px 0 0; } }
.checkout-index-index .content-grid {
font-size: 14px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .content-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0 -10px; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .content-cell {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
flex-basis: auto;
padding: 0 10px;
width: 50%; } }
.checkout-index-index .info-box {
padding: 38px 30px 38px 42px;
background: #f6f6f6; }
.checkout-index-index .info-box ul li,
.checkout-index-index .info-box ol li {
position: relative;
margin: 10px 0 0;
padding: 0 0 0 30px;
line-height: 20px; }
.checkout-index-index .info-box ul li:first-child,
.checkout-index-index .info-box ol li:first-child {
margin: 0; }
.checkout-index-index .info-box ul li:before,
.checkout-index-index .info-box ol li:before {
font-size: 16px;
font-family: "fraport-icons";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 20px;
margin-right: 10px;
color: #5064aa;
position: absolute;
left: 0;
top: 2px; }
.checkout-index-index .info-box ul + p,
.checkout-index-index .info-box ol + p {
margin-top: 19px; }
.checkout-index-index .info-box p {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .info-box p {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .info-box p {
color: #666666;
margin-bottom: 1.0625rem /* #{$spacing-mobile} */;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
@media screen and (min-width: 61.875em) and (min-width: 61.875em) {
.checkout-index-index .info-box p {
margin-bottom: 1.1875rem /* #{$spacing-desktop} */; } }
.checkout-index-index .info-box p:last-child {
margin-bottom: 0; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .info-box {
display: none; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .register-form .submit-actions {
padding-top: 20px; } }
.checkout-index-index .register-form-lp .actions-suggest {
padding-bottom: 0; }
.checkout-index-index .actions-suggest {
padding-top: 5px;
padding-bottom: 5px; }
.checkout-index-index .additional-info p {
color: #666666;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.0625rem /* #{$line-height}px */;
margin: 0 0 10px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .additional-info p {
color: #666666;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.25rem /* #{$line-height}px */; } }
.checkout-index-index .additional-info p.additional-info-error {
color: #d72319; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .additional-info {
padding: 0 10px;
margin: 14px 0 17px; } }
.checkout-index-index .success-info {
margin: 0 0 -8px; }
.checkout-index-index .success-info h1,
.checkout-index-index .success-info h2,
.checkout-index-index .success-info h3 {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1.5rem /* #{$font-size}px */;
line-height: inherit;
font-weight: normal;
margin: 0 0 24px;
color: #5064aa; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .success-info h1,
.checkout-index-index .success-info h2,
.checkout-index-index .success-info h3 {
font-size: 16px;
margin: 0 0 14px; } }
.checkout-index-index .success-info p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.1875rem /* #{$line-height}px */;
margin: 0 0 14px; }
@media screen and (min-width: 61.875em) {
.checkout-index-index .success-info p {
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 1rem /* #{$font-size}px */;
line-height: 1.5rem /* #{$line-height}px */;
margin: 0 0 14px; } }
@media screen and (min-width: 61.875em) {
.checkout-index-index .success-info {
color: #5064aa;
margin: 0 0 29px; } }
@media screen and (max-width: 61.865em) {
.checkout-index-index .success-info {
padding: 22px 10px 0; } }
.checkout-index-index .progress-list {
list-style: none;
padding: 0;
margin: 27px 0; }
.checkout-index-index .progress-list li {
display: inline-block;
vertical-align: top;
counter-increment: step;
font-family: 'Noto SansBold', sans-serif;
font-weight: normal;
font-size: 0.875rem /* #{$font-size}px */;
line-height: 1.375rem /* #{$line-height}px */;
line-height: 22px;
color: #5064aa;
margin: 0 0 0 35px; }
.checkout-index-index .progress-list li:first-child {
margin: 0; }
.checkout-index-index .progress-list li:before {
content: counter(step);
background: #adb9d8;
color: #ffffff;
border-radius: 50%;
display: inline-block;
text-align: center;
vertical-align: middle;
width: 22px;
height: 22px;
margin: 0 4px 0 0;
font-size: 14px;
line-height: 22px; }
.checkout-index-index .progress-list li.current {
color: #82af32; }
.checkout-index-index .progress-list li.current:before {
background: #82af32; }
.checkout-index-index .progress-list li.state-completed,
.checkout-index-index .progress-list li.state-completed a {
color: #999999; }
.checkout-index-index .progress-list li.state-completed:before {
background: #999999; }
@media screen and (max-width: 61.865em) {
.checkout-index-index .progress-list {
display: none; } }
body.checkout-index-index {
background: #5064aa; }
@media print {
.hide-on-print,
.header-wrapper,
.mobile-servicenav,
.global-footer-wrapper,
.form-actions,
.form-actions-reverse,
.form-actions-edit,
.member-card-print {
display: none !important; }
.main-content h1:not([class]),
.page-title {
display: block; } }
/* */
/*# sourceMappingURL=common_01_styles.e8545bcb.css.map */ 
