@charset "UTF-8"; /** * @name Functions API * This are all the API functions that are exposed by gridle. */ /** * Get states count * @return {Integer} The number of states defined * @author Olivier Bossel */ /** * Get the current state map * @return {Map} The current state map * @author Olivier Bossel */ /** * Get the current state name * @return {String} The current state name * @author Olivier Bossel */ /** * Get the column width in percent for the global or a specific context * * @param {Integer} [$columns=1] The number of columns to calculate * @param {Integer} [$stateMap-or-stateName=current] The state to calculate the column width for * @return {Percent} The width in percent * @author Olivier Bossel */ /* * Get a state map * * @param {String|Map} [$state=current] The name or map of the state to get * @return {Map} A state map object * @author Olivier Bossel */ /** * Check if a state exist : * @param {String} $name The name of the state to check * @return {Boolean} true if exist * @author Olivier Bossel */ /** * Get a state variable * * @param {String} $varName The variable name * @param {String} [$stateMap-or-stateName=current] The state name or a map state value * @return {Mixed} The finded value */ /** * Set a variable in a state * @param {String} $var Variable name to assign * @param {Mixed} $newValue The new value to assign * @param {String} [$state=current] The state to apply the variable for * @return {List} The states list (full) * @author Olivier Bossel */ /** * get the registered gridle states * @return {Map} All the registered states * @author Olivier Bossel */ /** * get the registered gridle states names * @return {List} All the registered states names * @author Olivier Bossel */ /** * Get the register columns map * @param {String|List} [$state=current] The state name or map * @return {Map} The map of registered columns for the specified state * @author Olivier Bossel */ /** * Will return the generated selector depending on the "package" wanted, the state and some optional values that might be needed by the package (like for row-align that need a "side" value) * @param {String} $package The package to generate the selector for (see _settings.scss file) * @param {String|List */ /** * Return the current used driver * @return {String} The used driver like default or driver * @author Olivier Bossel */ /** * Check if the used driver is the specified one * @param {String} $driver The driver to check * @return {Boolean} True if is the current driver * @author Olivier Bossel */ /** * Get the media query for a particular state, or width, etc... * * @param {Mixed} [$stateName-or-stateMap=current] The state name of the min width * @return {String} The media query string without the @media */ /** * @name Setting mixins * This are all the mixins that are exposed by gridle for the setting up your grid. */ /** * Setting up your grid * @param {Map} $settings Your default grid settings * @example scss * // default settings * $_gridle-settings : ( * name : default, * min-width : null, * max-width : null, * query : null, * classes : true, * context : 12, * column-width : null, * gutter-width : 20px, * gutter-height : 0, * gutter-top : 0, * gutter-right : 10px, * gutter-bottom : 0, * gutter-left : 10px, * direction : ltr, * dir-attribute : false, * name-multiplicator : 1, * states-classes : false, * classes-prefix : null * ); * * // setting up your grid * \@include g-setup(( * context : 12 * // other settings * )); * * @author Olivier Bossel */ /** * Register a new state with some settings * @param {String} $name The new state name * @param {Map} $settings The state settings * @example scss * \@include g-register-state(mobile, ( * max-width : 600px * )); * * @author Olivier Bossel */ /** * Register some clear each that will been generated in classes * @param {Integer} $count The n each item to clear * @param {String} $what What to clear (left, right, both) * @example scss * \@include g-register-clear-each(2, left); * * @author Olivier Bossel */ /** * Register a new custom column in case the generated ones are not enough. * This is useful when you have a 12 columns grid and you need some 1/5 ones. * @param {String} $name The column name * @param {Integer} $columns The column width * @param {Integer} $context The context on which to calculate the column width * * @example scss * \@include g-register-column(1on5, 1, 5); * * @author Olivier Bossel */ /** * Set a pattern for a specified package used to generate the classnames * @param {String} $package The package name to specify the pattern for * @param {List} $pattern The new classname pattern * * @example scss * \@include g-set-classname-map(grid, ('grid','-','%count','@','%state')); * * @author Olivier Bossel */ /** * Set a generic selector for a specific package. This generic selector will be used to target some elements like [class*="gr-"]. * If not specified for a package, the generic selector will be generated automatically but sometimes it's better to hardcode it. * @param {String} $package The package to specify the generic selector for * @param {String} $selector The generic selector like [class*="gr-"], or whatever... * @example scss * \@include g-set-generic-selector(grid, '[class*="gr-"]'); * * @author Olivier Bossel */ /** * Register some basics states: * * - mobile : 0 to 480px * - tablet : 481px to 1024px * * @example scss * \@include g-register-default-states(); * * @author Olivier Bossel */ /** * Register some basics mobile first states: * * - mobile : 320px to infinite * - tablet : 640px to infinite * - desktop : 992px to infinite * - large : 1200px to infinite * * @example scss * \@include g-register-mobile-first-states(); * * @author Olivier Bossel */ /** * Register bootstrap 3 states * * - xs : 0 to 750px * - sm : 750px to infinite * - md : 970px to infinite * - lg : 1170px to infinite * * @example scss * \@include g-register-bootstrap3-states(); * * @author Olivier Bossel */ /** * Register bootstrap 4 states * * - xs : 0 to 576px * - sm : 576px to infinite * - md : 970px to infinite * - lg : 1200px to infinite * * @example scss * \@include g-register-bootstrap4-states(); * * @author Olivier Bossel */ /** * @name Base API * This are all the base API mixins that are exposed by gridle. */ /** * Specify a layout using a single call like in the example bellow * @param {Map} $layout The map layout wanted * @param {Map|List|String} [$context=null] The context in which to apply the layout * @example scss * body { * \@include g-layout(( * '#header' : 12, * '#sidebar' : 4 mobile 12, * '#content' : 8 mobile 12, * '#footer' : 12 * )); * } * * @author Olivier Bossel */ /** * Apply some styling in a passed state * @param {Map|List|String} $states The states to apply the css for. Can be a state map, a list of states or a state name * @example scss * .my-cool-element { * // specify a register state name * \@include g-state(mobile) { * // your css code here... * } * // specify more than one register states * \@include g-state(mobile tablet) { * // your css code here... * } * // specify a min and max width * \@include g-state(200px, 500px) { * // your css code here... * } * // passing a state map (complexe usage) * \@include g-state(( * query : 'print only' * )) { * // your code here... * } * } * * @author Olivier Bossel */ /** * Apply some css depending on the element size (element queries) * **Using this mixin requires that you import the ```gridle-eq.js``` file into your javascript code** * @param {Number} $size The size to take care of. If negative, mean lower than, if positive, mean greater than. * @param {Boolean} [$height=false] Set to true to handle height instead of width * @example scss * .my-cool-element { * \@include g-eq(-400px) { * // your css that will be applied when element * // is between 0 and 399px wide * } * } * * @author Olivier Bossel */ /** * Basically, this is the same as the ```g-state``` mixin, with the difference that it will not print any media queries. It will just create a state context in which your inside code will refer. * @param {Map|List|String} $states The states to apply the css for. Can be a state map, a list of states or a state name * @example scss * @warn(g-get-state-var(min-width)); // will output the min-width of the default state * \@include g-state-context(mobile) { * @warn(g-get-state-var(min-width)); // will output the min-width of the mobile state * } * * @author Olivier Bossel */ /** * Will print the generated selector depending on the "package" wanted, the state and some optional values that might be needed by the package (like for row-align that need a "side" value) * @param {String} $package The package to generate the selector for (see _settings.scss file) * @param {String|List */ /** * Helper gridle mixin that let you specify the grid properties through ```g-set``` map, or a list of properties like "8 push 2 mobile 12 push 0" * @param {Map|List} $properties The grid properties to apply * @example scss * #content { * // using list * \@include gridle(8 mobile 12); * // using a map * \@include gridle(( * grid : 8, * mobile : ( * grid : 12 * ) * )); * } * * @author Olivier Bossel */ /** * Helper mixin that let you specify the grid properties through map formated like in the example bellow. * Here's the possible properties: * * - ```grid``` {Integer} : The grid column count * - ```container``` {Boolean} : Set the element as container * - ```grid-grow``` {Boolean} : Set the element a grid column that grow * - ```grid-adapt``` {Boolean} : Set the element a grid column that adapt * - ```grid-table``` {Boolean} : Set the element a grid column of type table * - ```push``` {Integer} : Set the push count * - ```pull``` {Integer} : Set the pull count * - ```prefix``` {Integer} : Set the prefix count * - ```suffix``` {Integer} : Set the suffix count * - ```clear-each``` {Integer} : Set the clear each count * - ```grid-centered``` {Boolean} : Set the grid column as centered * - ```row``` {Boolean} : Set the element as a grid row * - ```row-full``` {Boolean} : Set the element as a grid row full * - ```col``` {Boolean} : Set the element as a grid column (vertical) * - ```row-align``` {String} : Set the row alignement * - ```row-no-gutter``` {Boolean} : Remove the gutters on columns inside this row * - ```nowrap``` {Boolean} : Set a nowrap on the row * - ```wrap``` {Boolean} : Reset the wrap property on the row * - ```order``` {Integer} : Set the order of the column (flex driver) * - ```hide``` {Boolean} : Hide the element * - ```show``` {Boolean} : Show the element * - ```visible``` {Boolean} : Set the visibility of the element to visible * - ```not-visible``` {Boolean} : Set the visibility of the element to hidden * - ```invisible``` {Boolean} : Set the visibility of the element to hidden * - ```show-inline``` {Boolean} : Set the display of the element to inline-block * - ```float``` {String} : Set the specified float of the element * - ```clear``` {String} : Clear the specified float of the element * - ```no-gutter``` {Boolean|String|List} : Remove the specified gutters * - ```gutter``` {Boolean|String|List} : Apply the specified gutters * * @param {Map} $properties The grid map properties to apply * @example scss * #content { * // using a map * \@include gridle(( * grid : 8, * push : 2 * mobile : ( * grid : 12 * ), * {stateName} : {mapProperties} * )); * } * * @author Olivier Bossel */ /** * Set the push count for the column * @param {Integer} $columns The number of columns to push this column * @param {Integer} [$context=null] The context on which to calculate the push value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-push(2); * } * * @author Olivier Bossel */ /** * Set the pull count for the column * @param {Integer} $columns The number of columns to pull this column * @param {Integer} [$context=null] The context on which to calculate the pull value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-pull(2); * } * * @author Olivier Bossel */ /** * Set the prefix count for the column * @param {Integer} $columns The number of columns to prefix this column * @param {Integer} [$context=null] The context on which to calculate the prefix value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-prefix(2); * } * * @author Olivier Bossel */ /** * Set the suffix count for the column * @param {Integer} $columns The number of columns to suffix this column * @param {Integer} [$context=null] The context on which to calculate the suffix value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-suffix(2); * } * * @author Olivier Bossel */ /** * Display a debug grid on top of the row * @example scss * .my-row { * \@include g-row-debug(); * } * * @author Olivier Bossel */ /** * Make the element a grid container * @example scss * .my-cool-container { * \@include g-container(); * } * * @author Olivier Bossel */ /** * Remove the gutters on each columns inside the row * @param {String|List} [$sides=top right bottom left] The sides to clear * @example scss * .my-cool-row { * \@include g-row-no-gutter(left right); * } * * @author Olivier Bossel */ /** * Make a column centered * @example scss * .my-cool-column { * \@include g-grid-centered(); * } * * @author Olivier Bossel */ /** * Hide an element * @example scss * .my-cool-element { * \@include g-hide(); * } * * @author Olivier Bossel */ /** * Set the visibility of an element to hidden * @example scss * .my-cool-element { * \@include g-not-visible(); * } * * @author Olivier Bossel */ /** * Set the visibility of an element to hidden * @example scss * .my-cool-element { * \@include g-invisible(); * } * * @author Olivier Bossel */ /** * Set the display of an element to block * @example scss * .my-cool-element { * \@include g-show(); * } * * @author Olivier Bossel */ /** * Set the display of an element to inline-block * @example scss * .my-cool-element { * \@include g-show(); * } * * @author Olivier Bossel */ /** * Set the visibility of an element to visible * @example scss * .my-cool-element { * \@include g-show(); * } * * @author Olivier Bossel */ /** * Set the float property of the element to the specified direction * @param {String} [$float=left] The float direction to set * @example scss * .my-cool-element { * \@include g-float(right); * } * * @author Olivier Bossel */ /** * Clear the float property of the element to the specified direction * @param {String} [$float=left] The float direction to clear * @example scss * .my-cool-element { * \@include g-clear(right); * } * * @author Olivier Bossel */ /** * Remove the gutters on the column * @param {String|List} [$sides=top right bottom left] The sides to clear * @example scss * .my-cool-column { * \@include g-no-gutter(left right); * } * * @author Olivier Bossel */ /** * Set the gutters on the column * @param {String|List} [$sides=top right bottom left] The sides to apply gutters on * @example scss * .my-cool-column { * \@include g-gutter(left right); * } * * @author Olivier Bossel */ /** * @name Generate mixins * This are all the mixins that you can use to generate classes to use inside your HTML codebase */ /** * Generate a custom class for all the states * @param {List} $pattern The name pattern of the class * @param {List} [$statesNames=null] The states names to generate. If null or all, will generate the class for all registered states * @example scss * \@include g-generate-custom-class(('my','-','cool','-','class','-','%state')) { * color: pink; * padding: g-get-state-var(gutter-left); * } * * @author Olivier Bossel */ /** * Generate all the classes depending on the packages you have specified like: * - ```.container@{state}``` : default container * - ```.row@{state}``` : default row * - ```.row-align-{align}@{state}``` : default row-align * - ```.row-full@{state}``` : default row-full * - ```.row-debug@{state}``` : default row-debug * - ```.row-no-gutter@{state}``` : default row-no-gutter * - ```.nowrap@{state}``` : default nowrap * - ```.wrap@{state}``` : default wrap * - ```.col@{state}``` : default col * - ```.gr-{column}@{state}``` : default grid * - ```.gr-table@{state}``` : default gr-table * - ```.gr-grow@{state}``` : default gr-grow * - ```.gr-adapt@{state}``` : default gr-adapt * - ```.gr-centered@{state}``` : default gr-centered * - ```.push@{state}``` : default push * - ```.pull@{state}``` : default pull * - ```.prefix@{state}``` : default prefix * - ```.suffix@{state}``` : default suffix * - ```.hide@{state}``` : helpers hide * - ```.show@{state}``` : helpers show * - ```.show-inline@{state}``` : helpers show-inline * - ```.not-visible@{state}``` : helpers not-visible * - ```.visible@{state}``` : helpers visible * - ```.float-{%float}@{state}``` : helpers float * - ```.clear-{%float}@{state}``` : helpers clear * - ```.clear-each-{%count}@{state}``` : helpers clear-each * - ```.gutter-{%side}@{state}``` : helpers gutter * - ```.no-gutter-{%side}@{state}``` : helpers no-gutter * - ```.auto-height@{state}``` : helpers auto-height * - ```.order-{%column-count}@{state}``` : helpers order * * @param {String|List} [$states=all] The states to generate the classes for * @param {String|List} [$package=all] The packages to generate the classes for * @param {String} [$scope=null] A classname to scope the classes in * * @example scss * // generate all the classes * \@include g-classes(); * // generate only certain states * \@include g-classes(mobile tablet); * // generate only the helpers for all the states * \@include g-classes(all, helpers); * * @author Olivier Bossel */ /** * @name Default driver API * This are all the API mixins that are exposed by gridle for the flex driver. */ /** * Set the element as a row * @param {Boolean} [$reverse=false] Revert the columns order if true * @example scss * .my-cool-row { * \@include g-row(); * } * * @author Olivier Bossel */ /** * Set the element as a col * @param {Boolean} [$reverse=false] Revert the columns order if true * @example scss * .my-cool-col { * \@include g-col(); * } * * @author Olivier Bossel */ /** * Apply a nowrap on the element * @example scss * .my-cool-element { * \@include g-nowrap(); * } * * @author Olivier Bossel */ /** * Reset the nowrap on the element * @example scss * .my-cool-element { * \@include g-wrap(); * } * * @author Olivier Bossel */ /** * Apply a column width on the element * @param {Integer|String} $columns The column count to apply or a registered column name * @param {Integer} [$context=null] The context on which to calculate the column width. If null, take the context setted with ```g-setup``` * @example scss * .my-cool-column { * \@include g-grid(2); * } * * @author Olivier Bossel */ /** * Set the width of the row element to full viewport width * @example scss * .my-cool-row { * \@include g-row(); * \@include g-row-full(); * } * * @author Olivier Bossel */ /** * Set the width of the grid element to adapt to his content * @example scss * .my-cool-column { * \@include g-grid-adapt(); * // or * \@include g-grid(adapt); * } * * @author Olivier Bossel */ /** * Set the width of the grid element to grow depending on the place it has at disposal * @example scss * .my-cool-column { * \@include g-grid-grow(); * // or * \@include g-grid(grow); * } * * @author Olivier Bossel */ /** * Set the position that the column has to take inside the row to rearange the order * @example scss * .my-cool-column { * \@include g-grid(2); * \@include g-order(1); * } * * @author Olivier Bossel */ /** * Set the alignement of the columns inside the row using these alignement properties: * * - top : Align vertical top * - middle : Align vertical middle * - bottom : Align vertical bottom * - left : Align horizontal left * - center : Align horizontal center * - right : Align horizontal right * * @example scss * .my-cool-row { * \@include g-row-align(middle center); * \@include g-row-align(right); * \@include g-row-align(middle); * // etc... * } * * @author Olivier Bossel */ /* line 1, dev/sass/includes/_reset.scss */ * { margin: 0; bottom: 0; padding: 0; } /* line 7, dev/sass/includes/_reset.scss */ .invisible, .hide, .hidden { display: none; } /** * @name default State * Here's the settings for the **default** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name default * @gridle-min-width * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-wide State * Here's the settings for the **from-wide** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-wide * @gridle-min-width 1590px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-desktop State * Here's the settings for the **til-desktop** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-desktop * @gridle-min-width * @gridle-max-width 1590px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-tablet State * Here's the settings for the **til-tablet** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-tablet * @gridle-min-width * @gridle-max-width 1160px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-tabletPortrait State * Here's the settings for the **til-tabletPortrait** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-tabletPortrait * @gridle-min-width * @gridle-max-width 800px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-handheld State * Here's the settings for the **til-handheld** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-handheld * @gridle-min-width * @gridle-max-width 600px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-mobile State * Here's the settings for the **til-mobile** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-mobile * @gridle-min-width * @gridle-max-width 480px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-wide State * Here's the settings for the **from-wide** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-wide * @gridle-min-width 1590px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-desktop State * Here's the settings for the **from-desktop** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-desktop * @gridle-min-width 1160px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-tablet State * Here's the settings for the **from-tablet** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-tablet * @gridle-min-width 800px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-tabletPortrait State * Here's the settings for the **from-tabletPortrait** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-tabletPortrait * @gridle-min-width 600px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-handheld State * Here's the settings for the **from-handheld** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-handheld * @gridle-min-width 480px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-wide State * Here's the settings for the **on-wide** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-wide * @gridle-min-width 1590px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-desktop State * Here's the settings for the **on-desktop** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-desktop * @gridle-min-width 1160px * @gridle-max-width 1590px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-tablet State * Here's the settings for the **on-tablet** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-tablet * @gridle-min-width 800px * @gridle-max-width 1160px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-tabletPortrait State * Here's the settings for the **on-tabletPortrait** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-tabletPortrait * @gridle-min-width 600px * @gridle-max-width 800px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-handheld State * Here's the settings for the **on-handheld** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-handheld * @gridle-min-width 480px * @gridle-max-width 600px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-mobile State * Here's the settings for the **on-mobile** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-mobile * @gridle-min-width * @gridle-max-width 480px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 50% { opacity: 0.1; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 50% { opacity: 0.1; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* line 34, dev/sass/includes/_animations.scss */ .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-light { font-weight: 300; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-regular { font-weight: 400; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-semibold { font-weight: 500; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-extrabold { font-weight: 700; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-bold { font-weight: 700; } /* line 1, dev/sass/modules/_defaults.scss */ * { border: none; } /* line 5, dev/sass/modules/_defaults.scss */ html, body { color: #2d2d2d; overflow-x: hidden; background-color: #eee; } /* line 12, dev/sass/modules/_defaults.scss */ img { vertical-align: bottom; } /* line 16, dev/sass/modules/_defaults.scss */ html { height: 100%; } /* line 20, dev/sass/modules/_defaults.scss */ body { font-family: "Proxima Nova", sans-serif; font-weight: 300; } /* line 29, dev/sass/modules/_defaults.scss */ a { text-decoration: none; color: #606060; } /* line 34, dev/sass/modules/_defaults.scss */ p { margin-bottom: 15px; } /* line 38, dev/sass/modules/_defaults.scss */ header, footer, #main { position: relative; } /* line 42, dev/sass/modules/_defaults.scss */ h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size: 1.6666666667rem; } /* line 46, dev/sass/modules/_defaults.scss */ h1, .h1, h2, .h2, h3, .h3 { font-size: 2.2222222222rem; } /* line 50, dev/sass/modules/_defaults.scss */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { padding-bottom: 20px; } /* line 54, dev/sass/modules/_defaults.scss */ [class*='mod_'] { position: relative; } /* line 58, dev/sass/modules/_defaults.scss */ #wrapper { width: 100%; max-width: 1590px; margin: 0 auto; background-color: #fff; } /* line 65, dev/sass/modules/_defaults.scss */ #container { padding-top: 70px; } /* line 3, dev/sass/modules/_header.scss */ #header { height: 70px; z-index: 1000; position: fixed; width: 100%; top: 0; } /* line 10, dev/sass/modules/_header.scss */ #header .inside { width: 100%; max-width: 1610px; margin: 0 auto; height: 100%; background-color: white; position: relative; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .inside, .ce_form .formbody, .ce_rsce_m11_teaserwall .wrapper, .ce_rsce_m12_image_text .wrapper, .ce_rsce_m12_presse_image_text .wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .ce_hyperlink, #header .mod_navigation, #header.small_logo .mod_navigation, .ce_rsce_h_logo, .small_logo .ce_rsce_h_logo, .ce_form .formbody > fieldset, .ce_rsce_m10_icon_text .item > .image_container, .ce_rsce_m10_icon_text .item > .text, .ce_rsce_m11_teaserwall, .ce_rsce_m11_teaserwall .item, .ce_rsce_m12_image_text, .ce_rsce_m12_image_text .image_container, .ce_rsce_m12_image_text .text, #main .ce_downloads ul li, #main .ce_downloads ul li a, #main .ce_downloads ul li a.button, .ce_rsce_m12_presse_image_text .meta, .ce_rsce_m12_presse_image_text .text { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .mod_navigation, #header.small_logo .mod_navigation, .ce_rsce_m11_teaserwall, .ce_rsce_m12_image_text { position: relative; } @media screen and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m9_iconslider { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_form, .mod_newslist, .mod_newsreader, .ce_rsce_m2_textcontainer, .ce_rsce_m3_image_text_cols .m3_boxes, .ce_rsce_m3_image_text_cols .m3_boxes .m3_box, .ce_rsce_m5_image_text_cols .m5_boxes, .ce_rsce_m5_image_text_cols .m5_boxes .m5_box, .ce_rsce_m7_textcontainer_bg .wrapper, .ce_rsce_m8_image_list_cols, .ce_rsce_m8_image_list_cols .m8_box, .ce_rsce_m9_iconslider, .ce_rsce_m10_icon_text, .ce_rsce_m10_icon_text .item, h1, h2, h3, .mod_article > .inside > .ce_text, .ce_headline, .mod_article > .ce_text, #main .ce_downloads ul li a, #main .ce_downloads ul li a.button, .ce_rsce_m12_presse_image_text .meta, .ce_rsce_m12_presse_image_text .text, .mod_article.first .mod_breadcrumb:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (max-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .mod_navigation, .ce_rsce_h_logo, .ce_rsce_f_text_cols .item, .ce_rsce_m11_teaserwall .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (max-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .mod_navigation, .ce_rsce_h_logo { position: relative; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m9_iconslider { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_form, .mod_newslist, .mod_newsreader, .ce_rsce_m2_textcontainer, .ce_rsce_m3_image_text_cols .m3_boxes, .ce_rsce_m3_image_text_cols .m3_boxes .m3_box, .ce_rsce_m5_image_text_cols .m5_boxes, .ce_rsce_m5_image_text_cols .m5_boxes .m5_box, .ce_rsce_m7_textcontainer_bg .wrapper, .ce_rsce_m8_image_list_cols, .ce_rsce_m8_image_list_cols .m8_box, .ce_rsce_m9_iconslider, .ce_rsce_m10_icon_text, .ce_rsce_m10_icon_text .item, h1, h2, h3, .mod_article > .inside > .ce_text, .ce_headline, .mod_article > .ce_text, .mod_article.first .mod_breadcrumb:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_form, .mod_newslist, .mod_newsreader, .ce_rsce_m2_textcontainer, .ce_rsce_m3_image_text_cols .m3_boxes, .ce_rsce_m5_image_text_cols .m5_boxes, .ce_rsce_m7_textcontainer_bg .wrapper, .ce_rsce_m8_image_list_cols, .ce_rsce_m9_iconslider, .ce_rsce_m10_icon_text, h1, h2, h3, .mod_article > .inside > .ce_text, .ce_headline, .mod_article > .ce_text, .mod_article.first .mod_breadcrumb:first-child { position: relative; } } @media screen and (min-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_f_text_cols { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_f_text_cols.cols_1 .item, .ce_rsce_f_text_cols.cols_2 .item, .ce_rsce_f_text_cols.cols_3 .item, .ce_rsce_f_text_cols.cols_4 .item, .ce_rsce_f_text_cols.cols_5 .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m11_teaserwall, .ce_rsce_m12_image_text { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m11_teaserwall, .ce_rsce_m12_image_text { position: relative; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m11_teaserwall .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > #header .inside { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } /* line 19, dev/sass/includes/_mixins.scss */ #header .inside::before { right: 100%; } /* line 23, dev/sass/includes/_mixins.scss */ #header .inside::after { left: 100%; } /* line 28, dev/sass/includes/_mixins.scss */ #header .inside::before, #header .inside::after { display: block; position: absolute; content: ""; width: 100vw; height: 100%; top: 0; background: white; display: block; } /* line 20, dev/sass/modules/_header.scss */ #header .ce_hyperlink { -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } /* line 22, dev/sass/modules/_header.scss */ #header .ce_hyperlink .image_container { width: 100%; } /* line 24, dev/sass/modules/_header.scss */ #header .ce_hyperlink .image_container img { width: 100%; height: auto; } /* line 30, dev/sass/modules/_header.scss */ #header .mod_navigation { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 33.3333333333%; right: auto; text-align: right; display: flex; justify-content: center; height: 100%; position: relative; } @media screen and (max-width: 600px) { /* line 30, dev/sass/modules/_header.scss */ #header .mod_navigation { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 0%; right: auto; } } /* line 37, dev/sass/modules/_header.scss */ #header .mod_navigation ul { list-style: none; } /* line 40, dev/sass/modules/_header.scss */ #header .mod_navigation li { font-size: 1rem; } /* line 43, dev/sass/modules/_header.scss */ #header .mod_navigation .level_1 > li { display: inline-block; } /* line 46, dev/sass/modules/_header.scss */ #header .mod_navigation input, #header .mod_navigation label { display: none; } @media screen and (max-width: 1160px) { /* line 50, dev/sass/modules/_header.scss */ #header .mod_navigation label { display: block; width: 40px; height: 30px; cursor: pointer; position: absolute; right: 20px; top: calc(50% - 15px); } /* line 58, dev/sass/modules/_header.scss */ #header .mod_navigation label:before, #header .mod_navigation label:after { position: relative; content: ''; display: block; left: 0; width: 100%; height: 50%; border-top: 2px solid black; border-bottom: 2px solid black; box-sizing: border-box; } /* line 69, dev/sass/modules/_header.scss */ #header .mod_navigation label:before { border-bottom-width: 1px; top: 0; } /* line 73, dev/sass/modules/_header.scss */ #header .mod_navigation label:after { border-top-width: 1px; bottom: 0; } /* line 78, dev/sass/modules/_header.scss */ #header .mod_navigation ul { display: none; } /* line 86, dev/sass/modules/_header.scss */ #header .mod_navigation input:checked ~ ul { display: block; position: absolute; right: 0; top: 70px; bottom: auto; background-color: white; max-height: calc(100vh - 70px); overflow-y: auto; } /* line 95, dev/sass/modules/_header.scss */ #header .mod_navigation input:checked ~ ul li { padding-top: 10px; padding-bottom: 10px; } } /* line 103, dev/sass/modules/_header.scss */ #header .logo .image_container { box-sizing: border-box; padding: 20px; width: 250px; background-color: white; } /* line 111, dev/sass/modules/_header.scss */ #header.small_logo .mod_navigation { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 0%; right: auto; display: flex; } /* line 3, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo { -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } @media screen and (max-width: 600px) { /* line 3, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 0%; right: auto; } } /* line 7, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo a { width: 100%; display: inline-block; } /* line 12, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .logo { width: 100%; padding: 40px; background: white; box-sizing: border-box; } /* line 20, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo img { max-width: 100%; height: auto; width: 100%; } /* line 25, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .normal { display: block; } /* line 29, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .small { display: none; padding: 15px; } /* line 33, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .small img { max-height: 100%; width: auto; } /* line 39, dev/sass/modules/_h_logo.scss */ .small_logo .ce_rsce_h_logo { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } /* line 41, dev/sass/modules/_h_logo.scss */ .small_logo .ce_rsce_h_logo .normal { display: none; } /* line 44, dev/sass/modules/_h_logo.scss */ .small_logo .ce_rsce_h_logo .small { display: block; } /* line 2, dev/sass/modules/_footer.scss */ #footer { height: 350px; } /* line 4, dev/sass/modules/_footer.scss */ #footer .mod_navigation { font-size: 0; text-align: center; } /* line 7, dev/sass/modules/_footer.scss */ #footer .mod_navigation input { display: none; } /* line 10, dev/sass/modules/_footer.scss */ #footer .mod_navigation li { padding: 0 10px; box-sizing: border-box; display: inline-block; font-size: 1rem; border-right: 1px solid; } /* line 17, dev/sass/modules/_footer.scss */ #footer .mod_navigation li.last { border-right: none; } /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { font-size: 0; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 17, dev/sass/modules/_f_forms.scss */ .ce_form .formbody { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_form .formbody { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } /* line 19, dev/sass/modules/_f_forms.scss */ .ce_form .formbody > fieldset { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } /* line 21, dev/sass/modules/_f_forms.scss */ .ce_form .formbody > fieldset .widget { padding: 0; } /* line 29, dev/sass/modules/_f_forms.scss */ .ce_form .widget { margin-bottom: 15px; font-size: 1rem; display: inline-block; box-sizing: border-box; padding: 0 10px; width: 100%; } /* line 36, dev/sass/modules/_f_forms.scss */ .ce_form .widget > label { display: none; } /* line 41, dev/sass/modules/_f_forms.scss */ .ce_form .widget-explanation { display: block; width: 100%; } /* line 45, dev/sass/modules/_f_forms.scss */ .ce_form label { position: relative; } /* line 49, dev/sass/modules/_f_forms.scss */ .ce_form input, .ce_form select, .ce_form textarea, .ce_form button { font-family: "Proxima Nova", sans-serif; min-height: 42px; background-color: #dfdfdf; box-sizing: border-box; width: 100%; padding-left: 15px; padding-right: 15px; } /* line 62, dev/sass/modules/_f_forms.scss */ .ce_form textarea { padding-top: 15px; padding-bottom: 15px; } /* line 68, dev/sass/modules/_f_forms.scss */ .ce_form input, .ce_form select, .ce_form button { line-height: 42px; height: 42px; } /* line 72, dev/sass/modules/_f_forms.scss */ .ce_form ::placeholder { font-size: 0.8888888889rem; } /* line 75, dev/sass/modules/_f_forms.scss */ .ce_form .widget-submit { text-align: center; } /* line 78, dev/sass/modules/_f_forms.scss */ .ce_form .submit { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; font-size: 0.8888888889rem; white-space: nowrap; cursor: pointer; width: auto; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_form .submit a { text-decoration: none; } /* line 86, dev/sass/modules/_f_forms.scss */ .ce_form legend { display: none; margin-bottom: 15px; } /* line 92, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox_container fieldset > span, .ce_form .radio_container fieldset > span { display: block; } /* line 95, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox_container legend, .ce_form .radio_container legend { display: block; } /* line 100, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox, .ce_form .radio { clip: rect(0, 0, 0, 0); position: absolute; display: none; } /* line 105, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox + label, .ce_form .radio + label { display: block; width: 100%; box-sizing: border-box; vertical-align: bottom; padding-left: 40px; padding-bottom: 15px; min-width: 25px; min-height: 25px; } /* line 118, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox + label::before, .ce_form .checkbox + label::after, .ce_form .radio + label::before, .ce_form .radio + label::after { content: ''; width: 25px; height: 25px; position: absolute; top: 0; left: 0; } /* line 126, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox + label::before, .ce_form .radio + label::before { background: #dfdfdf; } /* line 133, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox:checked + label::after, .ce_form .radio:checked + label::after { color: #2d2d2d; content: '✔'; font-size: 25px; text-align: center; margin-top: -5px; } /* line 144, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox:checked + label::after { content: '✔'; } /* line 147, dev/sass/modules/_f_forms.scss */ .ce_form .radio:checked + label::after { content: '\2022'; margin-top: -2px; } /* line 152, dev/sass/modules/_f_forms.scss */ .ce_form .small { font-size: 0.7777777778rem; } @media screen and (min-width: 600px) { /* line 1, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; margin: 0; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_f_text_cols { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_1 .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_2 .item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_3 .item { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_4 .item { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_5 .item { -webkit-flex-basis: 20%; -moz-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media screen and (max-width: 600px) { /* line 14, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols .item { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 600px) and (max-width: 600px) and (max-width: 600px) { /* line 14, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 1, dev/sass/modules/_news.scss */ .mod_newslist { padding: 0 0 20px 0; display: flex; flex-flow: row wrap; justify-content: center; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_news.scss */ .mod_newslist { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_news.scss */ .mod_newslist { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 14, dev/sass/modules/_news.scss */ .mod_newslist > div { flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 10px; box-sizing: border-box; } /* line 20, dev/sass/modules/_news.scss */ .mod_newslist > div .image_container img { width: 100%; height: auto; } /* line 25, dev/sass/modules/_news.scss */ .mod_newslist > div.pagination { display: none; } /* line 28, dev/sass/modules/_news.scss */ .mod_newslist > div.load_more { max-width: 100%; flex-basis: 100%; cursor: pointer; display: block; text-align: center; } /* line 34, dev/sass/modules/_news.scss */ .mod_newslist > div.load_more span { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; } /* line 129, dev/sass/includes/_mixins.scss */ .mod_newslist > div.load_more span a { text-decoration: none; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 40, dev/sass/modules/_news.scss */ .mod_newsreader { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 40, dev/sass/modules/_news.scss */ .mod_newsreader { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 9, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider { position: relative; white-space: nowrap; font-size: 0; display: flex; margin-bottom: 20px; } /* line 17, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider.small { height: 15vw; } /* line 20, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider.normal { height: 30vw; } /* line 24, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .image_container { position: relative; width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; } /* line 34, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .item { margin-top: 0; display: none; height: 100%; width: 100%; position: relative; transform: translateZ(0); } /* line 43, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider img { max-width: 100%; height: auto; vertical-align: top; } /* line 48, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .toggle { clip: rect(0, 0, 0, 0); position: absolute; top: 0; margin-left: -99999px; } /* line 55, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider :checked + * { display: block; } /* line 58, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .control { font-size: 1rem; position: absolute; top: 50%; width: 100%; height: 0; margin-top: 2.7386127875px; } /* line 66, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .control > * { cursor: pointer; border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 7.5px; width: 0; } /* line 76, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .next { position: absolute; right: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* line 83, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .prev { position: absolute; left: 5px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } /* line 89, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider input[type=radio] { display: none; } /* line 91, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider input[type=radio]:checked + .slide { position: relative; opacity: 1; } /* line 95, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider input[type=radio]:not(:checked) + .slide { position: absolute; opacity: 0; } /* line 100, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .slide { display: block; width: 100%; transition: opacity 0.9s ease; } /* line 1, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer { text-align: center; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; left: 16.6666666667%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 9, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer .m_cta_wrapper { text-align: center; } /* line 12, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m2_textcontainer .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) { /* line 2, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { display: flex; flex-flow: row nowrap; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 2, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 7, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 7, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 2, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { /* line 14, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { padding-bottom: 20px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 14, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 20, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { text-align: center; } /* line 22, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box figure { max-width: 100%; position: relative; padding-bottom: 20px; } /* line 26, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box figure img { max-width: 100%; height: auto; } /* line 34, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; } /* line 37, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) { /* line 2, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { display: flex; flex-flow: row nowrap; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 2, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 7, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 7, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 2, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { /* line 14, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { padding-bottom: 20px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 14, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 20, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { text-align: center; } /* line 22, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box figure { max-width: 100%; position: relative; padding-bottom: 20px; } /* line 26, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box figure img { max-width: 100%; height: auto; } /* line 34, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m_cta_wrapper { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; } /* line 37, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m5_image_text_cols .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg { overflow: hidden; position: relative; } /* line 4, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper { z-index: 2; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 4, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 4, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 15, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper .m_cta_wrapper { display: block; text-align: center; } /* line 18, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m7_textcontainer_bg .wrapper .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 25, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .background { z-index: 1; position: absolute; top: 0; left: 0; } /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) { /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { display: flex; flex-flow: row nowrap; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 6, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 6, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 13, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 18, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { text-align: left; margin-bottom: 20px; } /* line 22, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box .ce_text ul { margin-left: 1em; } /* line 25, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box figure { max-width: 100%; position: relative; padding-bottom: 20px; } /* line 29, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box figure img { max-width: 100%; height: auto; } /* line 36, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m_cta_wrapper { display: block; text-align: center; } /* line 39, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m8_image_list_cols .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { position: relative; margin-bottom: 20px; } @media screen and (min-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m9_iconslider { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m9_iconslider { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } /* line 15, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider input[type=radio] { display: none; } /* line 17, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider input[type=radio]:checked + .slide { opacity: 1; position: relative; } /* line 21, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider input[type=radio]:not(:checked) + .slide { opacity: 0; position: absolute; } /* line 27, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0 10px; box-sizing: border-box; } /* line 34, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide .item { max-width: 20%; overflow: hidden; display: block; } /* line 39, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide img { max-width: 100%; height: auto; } /* line 45, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide { transition: all 0.9s ease; } /* line 48, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide_back, .ce_rsce_m9_iconslider .slide_forward { position: absolute; vertical-align: middle; top: 0; font-size: 3em; color: white; text-shadow: 0 0 2px black; cursor: pointer; z-index: 10; height: 100%; display: flex; align-items: center; } /* line 62, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide_forward { right: 0; } /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { overflow: hidden; position: relative; } /* line 2, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text figure.image_container { z-index: -1; position: absolute; top: 0; } /* line 8, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .wrapper { z-index: 1; overflow: hidden; display: flex; flex-flow: row wrap; padding-top: 20px; position: relative; } @media screen and (min-width: 800px) { /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { padding-bottom: 20px; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 20, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 20, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 28, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 33, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { display: flex; flex-flow: row nowrap; padding-bottom: 10px; } /* line 36, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .image_container { -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; max-width: 100%; position: relative; padding-bottom: 20px; } /* line 41, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .image_container img { max-width: 100%; height: auto; } /* line 46, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .text { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } /* line 49, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .text.dark { color: black; } /* line 52, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .text.light { color: white; } /* line 1, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 1, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; left: 0%; right: auto; } } /* line 3, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .wrapper { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; position: relative; display: flex; flex-wrap: wrap; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m11_teaserwall .wrapper { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 3, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .wrapper { margin-bottom: 10px; margin-top: -10px; } } /* line 17, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 17, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (max-width: 600px) { /* line 17, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 21, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item::before { content: ''; display: block; padding-top: 100%; } /* line 27, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .square { position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-sizing: border-box; padding: 10px; } /* line 38, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .inner { background-color: lightgray; height: 100%; } /* line 42, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall a { position: relative; display: block; height: 100%; } /* line 48, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .image_container { display: flex; align-items: center; height: 100%; justify-content: center; } /* line 55, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall img { max-width: 100%; height: auto; } /* line 60, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .text_1, .ce_rsce_m11_teaserwall .text_2 { background-color: white; display: inline-block; position: absolute; padding: 10px; max-width: calc(100% - 40px); } /* line 68, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .text_1 { top: 10px; left: 10px; bottom: auto; font-weight: bold; } /* line 74, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .text_2 { bottom: 10px; right: 10px; } /* line 1, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; margin-bottom: 20px; } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 1, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; left: 0%; right: auto; } } /* line 4, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .wrapper { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m12_image_text .wrapper { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } /* line 7, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .image_container { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; padding-bottom: 20px; } /* line 11, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .image_container img { max-width: 100%; height: auto; } /* line 15, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .image_container:after { content: attr(data-copyright); bottom: 0; } /* line 20, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .text { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } @font-face { font-family: "Archivo"; src: url("/files/theme/fonts/Archivo-Regular.ttf") format("truetype"); font-weight: 400; } @font-face { font-family: "Archivo"; src: url("/files/theme/fonts/Aleo-LightItalic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Archivo"; src: url("/files/theme/fonts/Archivo-SemiBold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: "Archivo"; src: url("/files/theme/fonts/Archivo-Bold.ttf") format("truetype"); font-weight: 700; } /* line 45, dev/sass/klub2025.scss */ body { font-family: "Archivo", sans-serif; color: #1f2827; font-size: 18px; line-height: 150%; background-color: #1f2827; } /* line 53, dev/sass/klub2025.scss */ #wrapper { max-width: 100%; } /* line 56, dev/sass/klub2025.scss */ #wrapper #main .mod_article:not(.banner) { padding: 40px 20px; } /* line 58, dev/sass/klub2025.scss */ #wrapper #main .mod_article:not(.banner) > .inside { max-width: 1024px; margin: auto; } /* line 63, dev/sass/klub2025.scss */ #wrapper #main .mod_article.banner { padding: 0; } /* line 69, dev/sass/klub2025.scss */ a { color: #1f2827; } /* line 74, dev/sass/klub2025.scss */ #main a { color: #0093cc; } /* line 79, dev/sass/klub2025.scss */ img { max-width: 100%; height: auto; } /* line 84, dev/sass/klub2025.scss */ h1, h2, h3 { text-align: center; font-size: 133.333333333%; line-height: 130%; padding-bottom: 10px; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 84, dev/sass/klub2025.scss */ h1, h2, h3 { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 84, dev/sass/klub2025.scss */ h1, h2, h3 { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 95, dev/sass/klub2025.scss */ h1 ~ .ce_rsce_m2_textcontainer, h2 ~ .ce_rsce_m2_textcontainer, h3 ~ .ce_rsce_m2_textcontainer { padding-top: 0; } /* line 98, dev/sass/klub2025.scss */ .left h1, h1.left, .left h2, h2.left, .left h3, h3.left { text-align: left; left: 0; padding-left: 0; } /* line 106, dev/sass/klub2025.scss */ h1.ce_headline { font-size: 200%; margin-top: -139px; color: #fff; line-height: 110%; height: 119px; box-sizing: border-box; padding-bottom: 40px; position: relative; z-index: 1; } /* line 116, dev/sass/klub2025.scss */ h1.ce_headline.no_margin { margin-top: 0; height: auto; color: #000; } @media screen and (max-width: 800px) { /* line 106, dev/sass/klub2025.scss */ h1.ce_headline { font-size: 116.666666667%; display: flex; flex-direction: column; justify-content: center; padding-bottom: 20px; margin-top: -119px; } /* line 129, dev/sass/klub2025.scss */ h1.ce_headline.no_margin { margin-top: 0; } } /* line 137, dev/sass/klub2025.scss */ .ce_rsce_m2_textcontainer .m_cta, .ce_rsce_m3_image_text_cols .m_cta_wrapper .m_cta { color: #0093cc; border-color: #0093cc; } /* line 140, dev/sass/klub2025.scss */ .ce_rsce_m2_textcontainer .m_cta a, .ce_rsce_m3_image_text_cols .m_cta_wrapper .m_cta a { color: #0093cc; } /* line 146, dev/sass/klub2025.scss */ .ce_rsce_m1_slider { min-height: 119px; } /* line 149, dev/sass/klub2025.scss */ .ce_rsce_m1_slider img { width: 100%; } /* line 152, dev/sass/klub2025.scss */ .ce_rsce_m1_slider .blur { display: none; } @media screen and (max-width: 800px) { /* line 155, dev/sass/klub2025.scss */ .ce_rsce_m1_slider.small { height: auto; } } /* line 163, dev/sass/klub2025.scss */ .ce_rsce_m12_image_text { padding-top: 20px; max-width: 100%; width: 100%; left: auto; } /* line 169, dev/sass/klub2025.scss */ .ce_rsce_m12_image_text .image_container:after { font-size: 77.7777777778%; } /* line 173, dev/sass/klub2025.scss */ .ce_rsce_m12_image_text p { font-size: 77.7777777778%; line-height: 140%; } /* line 176, dev/sass/klub2025.scss */ .ce_rsce_m12_image_text p em { display: block; font-size: 130%; line-height: 150%; } @media screen and (max-width: 800px) { /* line 163, dev/sass/klub2025.scss */ .ce_rsce_m12_image_text { width: 100%; left: 0; } /* line 186, dev/sass/klub2025.scss */ .ce_rsce_m12_image_text .wrapper > * { width: 100%; flex-basis: 100%; max-width: 100%; } /* line 191, dev/sass/klub2025.scss */ .ce_rsce_m12_image_text .wrapper .image_container { padding-bottom: 20px; } } /* line 199, dev/sass/klub2025.scss */ #header .inside { max-width: 1280px; justify-content: space-between; margin: auto; flex-wrap: nowrap; } /* line 207, dev/sass/klub2025.scss */ #header .mod_navigation { flex-basis: auto; max-width: 100%; left: auto; text-align: center; } /* line 213, dev/sass/klub2025.scss */ #header .mod_navigation ul li { font-size: 100%; font-weight: 600; padding: 0 20px; } /* line 217, dev/sass/klub2025.scss */ #header .mod_navigation ul li.active { color: #d90012; } @media screen and (max-width: 1160px) { /* line 207, dev/sass/klub2025.scss */ #header .mod_navigation { flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } /* line 228, dev/sass/klub2025.scss */ #header .marke { max-height: 100%; } @media screen and (max-width: 1160px) { /* line 228, dev/sass/klub2025.scss */ #header .marke { display: none; } } /* line 233, dev/sass/klub2025.scss */ #header .marke a { width: auto; display: flex; align-items: center; height: 100%; } /* line 236, dev/sass/klub2025.scss */ #header .marke .logo { width: 200px; padding: 0; } /* line 240, dev/sass/klub2025.scss */ #header .marke .logo img { height: auto; width: 100%; } /* line 249, dev/sass/klub2025.scss */ #header .ce_rsce_h_logo { flex-basis: auto; max-width: 240px; flex-shrink: 1; } @media screen and (max-width: 800px) { /* line 249, dev/sass/klub2025.scss */ #header .ce_rsce_h_logo { flex-basis: 66.6666666667%; max-width: 66.6666666667%; } /* line 259, dev/sass/klub2025.scss */ #header .ce_rsce_h_logo img { max-width: 100%; height: auto; width: auto; } } /* line 266, dev/sass/klub2025.scss */ @media screen and (max-width: 1160px) { /* line 271, dev/sass/klub2025.scss */ #header.small_logo .ce_rsce_h_logo { flex-basis: 66.6666666667%; max-width: 66.6666666667%; } } /* line 279, dev/sass/klub2025.scss */ #header.small_logo .mod_navigation { flex-basis: auto; max-width: 100%; left: auto; } @media screen and (max-width: 1160px) { /* line 279, dev/sass/klub2025.scss */ #header.small_logo .mod_navigation { flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } /* line 288, dev/sass/klub2025.scss */ #header.small_logo .marke { max-height: 100%; } /* line 290, dev/sass/klub2025.scss */ /* line 292, dev/sass/klub2025.scss */ #header.small_logo .marke .logo img { height: auto; width: 100%; } /* line 301, dev/sass/klub2025.scss */ #footer { height: auto; padding: 20px 0 20px; } /* line 304, dev/sass/klub2025.scss */ #footer .mod_navigation { text-align: center; font-weight: 600; } /* line 308, dev/sass/klub2025.scss */ #footer .mod_navigation ul li { list-style: none; padding: 0 10px; display: inline-block; border-right: 1px solid #1f2827; } /* line 313, dev/sass/klub2025.scss */ #footer .mod_navigation ul li.last { border-right: none; } /* line 321, dev/sass/klub2025.scss */ .ce_image.headline { margin-bottom: 20px; padding: 0 20px; } /* line 324, dev/sass/klub2025.scss */ .ce_image.headline figure { text-align: center; } /* line 327, dev/sass/klub2025.scss */ .ce_image.headline img { width: auto; height: auto; max-width: 100%; max-height: 20px; } /* line 333, dev/sass/klub2025.scss */ .ce_image.headline.mobil { display: none; } /* line 335, dev/sass/klub2025.scss */ .ce_image.headline.mobil img { max-height: 40px; } @media screen and (max-width: 800px) { /* line 340, dev/sass/klub2025.scss */ .ce_image.headline.mobil { display: block; } /* line 343, dev/sass/klub2025.scss */ .ce_image.headline.desktop { display: none; } } /* line 349, dev/sass/klub2025.scss */ .ce_rsce_m2_textcontainer { font-size: 111.111111111%; text-align: left; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 349, dev/sass/klub2025.scss */ .ce_rsce_m2_textcontainer { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 349, dev/sass/klub2025.scss */ .ce_rsce_m2_textcontainer { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 360, dev/sass/klub2025.scss */ .mod_article { padding: 20px 20px; } /* line 362, dev/sass/klub2025.scss */ .mod_article.first { padding-top: 0; padding-bottom: 0; } /* line 366, dev/sass/klub2025.scss */ .mod_article.darkGrey { padding: 20px 20px; background-color: #1f2827; color: #fff; } /* line 19, dev/sass/includes/_mixins.scss */ .mod_article.darkGrey::before { right: 100%; } /* line 23, dev/sass/includes/_mixins.scss */ .mod_article.darkGrey::after { left: 100%; } /* line 28, dev/sass/includes/_mixins.scss */ .mod_article.darkGrey::before, .mod_article.darkGrey::after { display: block; position: absolute; content: ""; width: 100vw; height: 100%; top: 0; background: #1f2827; display: block; } /* line 372, dev/sass/klub2025.scss */ .mod_article.lightGrey { padding: 20px 20px; background-color: #f7f7f7; } /* line 19, dev/sass/includes/_mixins.scss */ .mod_article.lightGrey::before { right: 100%; } /* line 23, dev/sass/includes/_mixins.scss */ .mod_article.lightGrey::after { left: 100%; } /* line 28, dev/sass/includes/_mixins.scss */ .mod_article.lightGrey::before, .mod_article.lightGrey::after { display: block; position: absolute; content: ""; width: 100vw; height: 100%; top: 0; background: #f7f7f7; display: block; } /* line 376, dev/sass/klub2025.scss */ .mod_article.lightGrey h1 { font-size: 140%; text-align: left; font-weight: 400; } /* line 381, dev/sass/klub2025.scss */ .mod_article.lightGrey .ce_rsce_m2_textcontainer { font-size: 100%; text-align: left; } /* line 386, dev/sass/klub2025.scss */ .mod_article > .inside > .ce_text { margin-bottom: 20px; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 386, dev/sass/klub2025.scss */ .mod_article > .inside > .ce_text { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 386, dev/sass/klub2025.scss */ .mod_article > .inside > .ce_text { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 395, dev/sass/klub2025.scss */ .mod_article.gradient_top { position: relative; } /* line 397, dev/sass/klub2025.scss */ .mod_article.gradient_top:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 7px; background: linear-gradient(90deg, #63c4f1 0%, #00a3e2 22%, #4571ae 47%, #ca0830 100%); } /* line 410, dev/sass/klub2025.scss */ .ce_headline { padding-top: 20px; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 410, dev/sass/klub2025.scss */ .ce_headline { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; left: 16.6666666667%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 410, dev/sass/klub2025.scss */ .ce_headline { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 420, dev/sass/klub2025.scss */ .ce_form { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; left: 16.6666666667%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 420, dev/sass/klub2025.scss */ .ce_form { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 427, dev/sass/klub2025.scss */ .ce_form input, .ce_form textarea, .ce_form .checkbox + label:before { background-color: #f7f7f7; } /* line 430, dev/sass/klub2025.scss */ .ce_form .checkbox + label:before { border: 3px solid #0093cc; box-sizing: border-box; } /* line 434, dev/sass/klub2025.scss */ .ce_form .checkbox:checked + label:after { margin-top: 0; } /* line 437, dev/sass/klub2025.scss */ .ce_form textarea { height: 156px; } /* line 440, dev/sass/klub2025.scss */ .ce_form .submit { color: #0093cc; border-color: #0093cc; background-color: transparent; } /* line 445, dev/sass/klub2025.scss */ .ce_form .contact_ways .checkbox_container { margin-top: -20px; padding-left: 40px; } /* line 448, dev/sass/klub2025.scss */ .ce_form .contact_ways .checkbox_container legend { display: inline-block; padding-right: 20px; float: left; } @media screen and (max-width: 800px) { /* line 448, dev/sass/klub2025.scss */ .ce_form .contact_ways .checkbox_container legend { display: block; float: none; } } /* line 457, dev/sass/klub2025.scss */ .ce_form .contact_ways .checkbox_container > span { display: inline-block; } /* line 459, dev/sass/klub2025.scss */ .ce_form .contact_ways .checkbox_container > span label { padding-right: 20px; } /* line 466, dev/sass/klub2025.scss */ .ce_rsce_m8_image_list_cols .m8_box { padding: 0 20px; } /* line 469, dev/sass/klub2025.scss */ .ce_rsce_m8_image_list_cols .m8_box:last-of-type { border-right: none; } /* line 473, dev/sass/klub2025.scss */ .ce_rsce_m8_image_list_cols .m8_box .ce_text ul { font-size: 88.8888888889%; } /* line 477, dev/sass/klub2025.scss */ .ce_rsce_m8_image_list_cols .m8_box .image_container { text-align: center; } @media screen and (max-width: 800px) { /* line 466, dev/sass/klub2025.scss */ .ce_rsce_m8_image_list_cols .m8_box { border-right: none; border-bottom: 1px solid #505050; } /* line 483, dev/sass/klub2025.scss */ .ce_rsce_m8_image_list_cols .m8_box:last-of-type { border-bottom: none; } } /* line 491, dev/sass/klub2025.scss */ #main > .inside > .first { padding-bottom: 20px; } @media screen and (max-width: 800px) { /* line 491, dev/sass/klub2025.scss */ #main > .inside > .first { padding-bottom: 0; } } /* line 498, dev/sass/klub2025.scss */ #main ul { margin-left: 0; } /* line 500, dev/sass/klub2025.scss */ #main ul li { margin-left: 30px; list-style: none; position: relative; padding: 10px 0; } /* line 505, dev/sass/klub2025.scss */ #main ul li:before { content: ''; position: absolute; left: -30px; width: 24px; height: 24px; background: url("/files/2025/check.png") center no-repeat; background-size: contain; } /* line 517, dev/sass/klub2025.scss */ #main ul.gold li:before { background: url("/files/2025/check-gold.png") center no-repeat; } /* line 524, dev/sass/klub2025.scss */ #main ul.silber li:before { background: url("/files/2025/check-silber.png") center no-repeat; } /* line 531, dev/sass/klub2025.scss */ #main ul.bronze li:before { background: url("/files/2025/check-bronze.png") center no-repeat; } /* line 539, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg { margin-bottom: 20px; } /* line 541, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg .lightGrey { color: #bfbfbf; } /* line 544, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg ul { column-count: 2; column-gap: 20px; } @media screen and (max-width: 800px) { /* line 544, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg ul { column-count: 1; padding: 0 10px; } } /* line 551, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg ul li { -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ } /* line 557, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg .m_cta_wrapper { padding-top: 20px; } /* line 559, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg .m_cta_wrapper .m_cta { color: #0093cc; border-color: #0093cc; margin-bottom: 0; } /* line 563, dev/sass/klub2025.scss */ .ce_rsce_m7_textcontainer_bg .m_cta_wrapper .m_cta a { color: #0093cc; } /* line 570, dev/sass/klub2025.scss */ .ce_rsce_m9_iconslider { margin-left: 0; margin-right: 0; } /* line 574, dev/sass/klub2025.scss */ .ce_rsce_m9_iconslider .slide .item { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } /* line 581, dev/sass/klub2025.scss */ .ce_rsce_m9_iconslider img { filter: grayscale(100%); } /* line 586, dev/sass/klub2025.scss */ .ce_rsce_h_logo .logo { padding: 20px; } @media screen and (max-width: 800px) { /* line 589, dev/sass/klub2025.scss */ .ce_rsce_h_logo .logo.normal { display: none; } /* line 592, dev/sass/klub2025.scss */ .ce_rsce_h_logo .logo.small { display: block; } } /* line 599, dev/sass/klub2025.scss */ p strong { font-weight: 700; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 605, dev/sass/klub2025.scss */ .mod_article > .ce_text { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; left: 16.6666666667%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 605, dev/sass/klub2025.scss */ .mod_article > .ce_text { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 1160px) { /* line 615, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols { margin: 0 -20px; } } /* line 619, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { justify-content: center; flex-wrap: wrap; } @media screen and (max-width: 1160px) { /* line 619, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { flex-direction: row; display: flex; } } @media screen and (max-width: 1160px) { /* line 626, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { flex-basis: 50%; max-width: 50%; padding-bottom: 20px; } /* line 630, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box .ce_text { display: none; } } /* line 635, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box .image_container { background-color: #f7f7f7; padding-bottom: 0; } /* line 638, dev/sass/klub2025.scss */ .darkGrey .ce_rsce_m3_image_text_cols .m3_boxes .m3_box .image_container { background-color: transparent; } /* line 644, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper { padding-bottom: 0; } /* line 646, dev/sass/klub2025.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper .m_cta { margin: 0; } /* line 656, dev/sass/klub2025.scss */ .ce_rsce_m11_teaserwall .item { margin: 10px 0; } /* line 659, dev/sass/klub2025.scss */ .ce_rsce_m11_teaserwall .text_1 { background-color: transparent; color: #fff; font-size: 133.333333333%; } @media screen and (max-width: 600px) { /* line 666, dev/sass/klub2025.scss */ .ce_rsce_h_logo { flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media screen and (max-width: 1160px) { /* line 676, dev/sass/klub2025.scss */ #header .mod_navigation label { width: 30px; right: 10px; } /* line 680, dev/sass/klub2025.scss */ #header .mod_navigation input:checked ~ label { transform: rotate(90deg); } /* line 683, dev/sass/klub2025.scss */ #header .mod_navigation input:checked ~ ul { padding: 20px; box-sizing: border-box; width: 100vw; right: -10px; display: flex; flex-flow: column nowrap; align-items: flex-end; justify-content: center; } /* line 692, dev/sass/klub2025.scss */ #header .mod_navigation input:checked ~ ul li { display: block; padding: 10px 0; width: 130px; box-sizing: border-box; border-bottom: 1px solid black; } /* line 698, dev/sass/klub2025.scss */ #header .mod_navigation input:checked ~ ul li.last { border-bottom: none; } } /* line 707, dev/sass/klub2025.scss */ .ce_hyperlink { text-align: center; padding-bottom: 20px; } /* line 710, dev/sass/klub2025.scss */ .ce_hyperlink a { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; color: #0093cc; border-color: #0093cc; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_hyperlink a a { text-decoration: none; } /* line 716, dev/sass/klub2025.scss */ .ce_hyperlink .image_container a { border: none; } /* line 721, dev/sass/klub2025.scss */ .ce_hyperlink.invert a { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; background-color: #0093cc; border-color: #0093cc; border-color: #fff; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_hyperlink.invert a a { text-decoration: none; } /* line 726, dev/sass/klub2025.scss */ #main .ce_hyperlink.invert a { color: #fff; } /* line 744, dev/sass/klub2025.scss */ .ce_sliderStart .slider-control { margin-bottom: 20px; } /* line 746, dev/sass/klub2025.scss */ .ce_sliderStart .slider-control .slider-prev, .ce_sliderStart .slider-control .slider-next { display: none; } /* line 749, dev/sass/klub2025.scss */ .ce_sliderStart .slider-control .slider-menu { width: 100%; left: 0; margin-left: 0; } /* line 753, dev/sass/klub2025.scss */ .ce_sliderStart .slider-control .slider-menu b { width: 10px; height: 10px; box-sizing: border-box; margin: 0 5px; border: 1px solid #505050; border-radius: 50%; background-color: #bfbfbf; font-size: 0; display: inline-block; } @media screen and (max-width: 800px) { /* line 753, dev/sass/klub2025.scss */ .ce_sliderStart .slider-control .slider-menu b { width: 20px; height: 20px; margin: 0 10px; } } /* line 768, dev/sass/klub2025.scss */ .ce_sliderStart .slider-control .slider-menu b.active { background-color: #505050; } /* line 776, dev/sass/klub2025.scss */ .ce_rsce_m5_image_text_cols { padding-bottom: 0; } /* line 777, dev/sass/klub2025.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { padding: 0; } @media screen and (min-width: 800px) { /* line 777, dev/sass/klub2025.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { display: flex; flex-flow: row nowrap; justify-content: center; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 777, dev/sass/klub2025.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; left: 16.6666666667%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 777, dev/sass/klub2025.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { /* line 786, dev/sass/klub2025.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { padding-bottom: 0; } } /* line 795, dev/sass/klub2025.scss */ .m_cta_wrapper, .ce_hyperlink { padding-top: 20px; } /* line 801, dev/sass/klub2025.scss */ #main .ce_downloads ul { margin: 0 -20px; } /* line 803, dev/sass/klub2025.scss */ #main .ce_downloads ul li { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-left: 94px; padding-right: 20px; margin: 0; display: flex; flex-flow: row wrap; align-items: center; background-color: #fff; } /* line 812, dev/sass/klub2025.scss */ #main .ce_downloads ul li:nth-of-type(2n) { background-color: #f7f7f7; } /* line 815, dev/sass/klub2025.scss */ #main .ce_downloads ul li:before { left: 20px; height: 54px; width: 54px; background-image: url("/files/2025/download.png"); } /* line 821, dev/sass/klub2025.scss */ #main .ce_downloads ul li a { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; display: block; text-align: left; color: #4e4e4e; font-weight: 600; } @media screen and (max-width: 800px) { /* line 821, dev/sass/klub2025.scss */ #main .ce_downloads ul li a { padding-bottom: 10px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 821, dev/sass/klub2025.scss */ #main .ce_downloads ul li a { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 831, dev/sass/klub2025.scss */ #main .ce_downloads ul li a .size { font-weight: 400; } /* line 834, dev/sass/klub2025.scss */ #main .ce_downloads ul li a.button { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; text-align: center; font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; color: #0093cc; border-color: #0093cc; } /* line 129, dev/sass/includes/_mixins.scss */ #main .ce_downloads ul li a.button a { text-decoration: none; } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 834, dev/sass/klub2025.scss */ #main .ce_downloads ul li a.button { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 850, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text { margin: 0 -20px; background-color: #fff; padding: 20px 8.3333333333%; } @media screen and (max-width: 800px) { /* line 850, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text { padding: 20px; } } /* line 857, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text:nth-of-type(2n) { background-color: #f7f7f7; } /* line 860, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .wrapper { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m12_presse_image_text .wrapper { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_presse_image_text .wrapper .ce_rsce_m12_presse_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } /* line 863, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .meta { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } @media screen and (max-width: 800px) { /* line 863, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .meta { padding-bottom: 20px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 863, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .meta { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 869, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .meta .image_container { margin-bottom: 20px; } /* line 872, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .meta img { max-width: 100%; height: auto; } /* line 880, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .text { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 880, dev/sass/klub2025.scss */ .ce_rsce_m12_presse_image_text .text { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 890, dev/sass/klub2025.scss */ #main #datenschutz h2 { text-align: left; left: auto; width: 100%; padding: 20px 0; } /* line 898, dev/sass/klub2025.scss */ #main #datenschutz ul li:before { display: none; } /* line 903, dev/sass/klub2025.scss */ #main #datenschutz strong { font-weight: 700; } /* line 911, dev/sass/klub2025.scss */ #main .datenschutz ul { list-style: disc; } /* line 913, dev/sass/klub2025.scss */ #main .datenschutz ul li { list-style: disc; } /* line 915, dev/sass/klub2025.scss */ #main .datenschutz ul li:before { display: none; } /* line 923, dev/sass/klub2025.scss */ .googleOptOut { cursor: pointer; } /* line 929, dev/sass/klub2025.scss */ #main .slick-slider .slick-track, #main .slick-slider .slick-list { min-width: 100%; padding: 0; box-sizing: border-box; } /* line 934, dev/sass/klub2025.scss */ #main .slick-slider .slick-track { display: flex; align-items: center; } /* line 938, dev/sass/klub2025.scss */ #main .slick-slider .slick-dots { width: 100%; text-align: center; } /* line 941, dev/sass/klub2025.scss */ #main .slick-slider .slick-dots li { display: inline-block; margin: 0; } /* line 944, dev/sass/klub2025.scss */ #main .slick-slider .slick-dots li:before { display: none; } /* line 947, dev/sass/klub2025.scss */ #main .slick-slider .slick-dots li button { width: 10px; height: 10px; box-sizing: border-box; margin: 0 5px; border: 1px solid #505050; border-radius: 50%; background-color: #bfbfbf; font-size: 0; display: inline-block; cursor: pointer; } @media screen and (max-width: 800px) { /* line 947, dev/sass/klub2025.scss */ #main .slick-slider .slick-dots li button { width: 20px; height: 20px; margin: 0 10px; } } /* line 965, dev/sass/klub2025.scss */ #main .slick-slider .slick-dots li.slick-active button { background-color: #505050; } /* line 972, dev/sass/klub2025.scss */ #main .slick-slider .slick-slide > div { display: flex; flex-flow: row wrap; align-items: center; } /* line 977, dev/sass/klub2025.scss */ #main .slick-slider .slick-slide img { display: inline-block; } /* line 982, dev/sass/klub2025.scss */ #main .slick-slider.mod_newslist .slick-track { align-items: flex-start; } /* line 986, dev/sass/klub2025.scss */ #main .slick-slider.mod_newslist .slick-slide > div { align-items: flex-start; } /* line 993, dev/sass/klub2025.scss */ #main .ce_gallery { margin-bottom: 20px; } /* line 995, dev/sass/klub2025.scss */ #main .ce_gallery ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } /* line 1000, dev/sass/klub2025.scss */ #main .ce_gallery ul li { margin: 0; padding: 20px; box-sizing: border-box; } /* line 1004, dev/sass/klub2025.scss */ #main .ce_gallery ul li:before { display: none; } /* line 1007, dev/sass/klub2025.scss */ #main .ce_gallery ul li .image_container { text-align: center; display: flex; justify-content: center; align-items: center; } /* line 1013, dev/sass/klub2025.scss */ #main .ce_gallery ul li img { max-width: 100%; height: auto; } /* line 1020, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_1 { padding: 20px 0; } /* line 1022, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_1 > li { width: 100%; padding: 10px; text-align: center; flex-grow: 1; } /* line 1020, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_2 { padding: 20px 0; } /* line 1022, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_2 > li { width: 50%; padding: 10px; text-align: center; flex-grow: 1; } /* line 1020, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_3 { padding: 20px 0; } /* line 1022, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_3 > li { width: 33.3333333333%; padding: 10px; text-align: center; flex-grow: 1; } /* line 1020, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_4 { padding: 20px 0; } /* line 1022, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_4 > li { width: 25%; padding: 10px; text-align: center; flex-grow: 1; } /* line 1020, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_5 { padding: 20px 0; } /* line 1022, dev/sass/klub2025.scss */ #main .ce_gallery ul.cols_5 > li { width: 20%; padding: 10px; text-align: center; flex-grow: 1; } /* line 1034, dev/sass/klub2025.scss */ .mod_newslist { width: 100%; max-width: 100%; left: auto; margin: 40px 0; } /* line 1039, dev/sass/klub2025.scss */ .mod_newslist .layout_latest { position: relative; padding: 0 20px; box-sizing: border-box; } /* line 1043, dev/sass/klub2025.scss */ .mod_newslist .layout_latest .image_container { margin-bottom: 20px; } /* line 1046, dev/sass/klub2025.scss */ .mod_newslist .layout_latest h2 { width: 100%; max-width: 100%; left: auto; font-size: 18px; text-align: left; padding-left: 0; } /* line 1055, dev/sass/klub2025.scss */ #main .mod_newslist .layout_latest a { color: #1f2827; } /* line 1059, dev/sass/klub2025.scss */ .mod_newslist .layout_latest .archive { position: absolute; top: 0; bottom: auto; left: 20px; padding: 5px 10px; background-color: #fff; color: #1f2827; font-weight: 700; } /* line 1073, dev/sass/klub2025.scss */ .mod_newsreader .back { display: none; } /* line 1078, dev/sass/klub2025.scss */ .ce_banner { background-position: center; background-size: cover; } /* line 1081, dev/sass/klub2025.scss */ .ce_banner.large { padding: 100px 20px; } /* line 1084, dev/sass/klub2025.scss */ .ce_banner .content { color: #fff; text-align: center; padding: 60px 20px; max-width: 1024px; box-sizing: border-box; margin: auto; } /* line 1092, dev/sass/klub2025.scss */ .ce_banner .content > h1, .ce_banner .content > h2, .ce_banner .content > h3, .ce_banner .content > h4, .ce_banner .content > h5, .ce_banner .content > h6, .ce_banner .content > .h1, .ce_banner .content > .h2, .ce_banner .content > .h3, .ce_banner .content > .h4, .ce_banner .content > .h5, .ce_banner .content > .h6 { text-transform: uppercase; } /* line 1098, dev/sass/klub2025.scss */ .ce_banner .content .ce_text h1, .ce_banner .content .ce_text h2, .ce_banner .content .ce_text h3, .ce_banner .content .ce_text h4, .ce_banner .content .ce_text h5, .ce_banner .content .ce_text h6 { font-weight: 400; } /* line 1104, dev/sass/klub2025.scss */ .ce_banner .content .ce_hyperlink a { background-color: #0093cc; font-weight: 600; } /* line 1107, dev/sass/klub2025.scss */ #main .ce_banner .content .ce_hyperlink a { color: #fff; } /* line 1114, dev/sass/klub2025.scss */ .ce_banner.col-2 .content { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } /* line 1120, dev/sass/klub2025.scss */ .ce_banner.col-2 .ce_text { width: 75%; } @media screen and (max-width: 800px) { /* line 1120, dev/sass/klub2025.scss */ .ce_banner.col-2 .ce_text { width: 100%; } } /* line 1126, dev/sass/klub2025.scss */ .ce_banner.col-2 .ce_hyperlink { width: 25%; } @media screen and (max-width: 800px) { /* line 1126, dev/sass/klub2025.scss */ .ce_banner.col-2 .ce_hyperlink { width: 100%; } } /* line 1131, dev/sass/klub2025.scss */ .ce_banner.col-2 .ce_hyperlink a { background-color: transparent; border-color: #fff; } /* line 1139, dev/sass/klub2025.scss */ .nimm_platz { background-color: #0093cc; color: #fff; display: flex; flex-flow: row wrap; justify-content: stretch; align-items: stretch; } /* line 1146, dev/sass/klub2025.scss */ .nimm_platz .c33l, .nimm_platz .c66r { margin: 0; padding: 0; } /* line 1150, dev/sass/klub2025.scss */ .nimm_platz .c33l { overflow: hidden; position: relative; } /* line 1153, dev/sass/klub2025.scss */ .nimm_platz .c33l .image_container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* line 1159, dev/sass/klub2025.scss */ .nimm_platz .c33l .image_container img { object-fit: cover; width: 100%; height: 100%; } /* line 1166, dev/sass/klub2025.scss */ .nimm_platz .c66r { padding: 40px; } /* line 1168, dev/sass/klub2025.scss */ .nimm_platz .c66r .ce_text, .nimm_platz .c66r .ce_hyperlink { text-align: left; } /* line 1171, dev/sass/klub2025.scss */ .nimm_platz .c66r h1, .nimm_platz .c66r h2, .nimm_platz .c66r h3, .nimm_platz .c66r h4, .nimm_platz .c66r h5, .nimm_platz .c66r h6, .nimm_platz .c66r .h1, .nimm_platz .c66r .h2, .nimm_platz .c66r .h3, .nimm_platz .c66r .h4, .nimm_platz .c66r .h5, .nimm_platz .c66r .h6 { text-align: left; max-width: 100%; padding: 0; left: 0; margin-bottom: 20px; } @media screen and (max-width: 800px) { /* line 1139, dev/sass/klub2025.scss */ .nimm_platz { margin: 0 -20px -40px; padding: 20px; } /* line 1183, dev/sass/klub2025.scss */ .nimm_platz .c33l, .nimm_platz .c66r { width: 100%; padding: 0; } /* line 1187, dev/sass/klub2025.scss */ .nimm_platz .c33l { padding-bottom: 20px; } /* line 1189, dev/sass/klub2025.scss */ .nimm_platz .c33l .image_container { position: relative; } /* line 1194, dev/sass/klub2025.scss */ .nimm_platz .c66r .ce_hyperlink { text-align: center; } } /* line 1202, dev/sass/klub2025.scss */ .subcolumns > * { padding: 10px; box-sizing: border-box; } @media screen and (max-width: 800px) { /* line 1207, dev/sass/klub2025.scss */ .subcolumns .c33l, .subcolumns .c33r, .subcolumns .c66l, .subcolumns .c66r, .subcolumns .c50l, .subcolumns .c50r { width: 100%; } } /* line 1214, dev/sass/klub2025.scss */ .ce_image.top_image { text-align: center; margin-top: -65px; } /* line 1222, dev/sass/klub2025.scss */ #main .mod_navigation input, #main .mod_navigation label { display: none; } /* line 1225, dev/sass/klub2025.scss */ #main .mod_navigation ul { display: flex; flex-flow: row wrap; justify-content: center; } /* line 1229, dev/sass/klub2025.scss */ #main .mod_navigation ul li { width: 25%; padding: 10px; margin: 0; box-sizing: border-box; text-align: center; } /* line 1235, dev/sass/klub2025.scss */ #main .mod_navigation ul li a { display: inline-block; text-align: left; } /* line 1239, dev/sass/klub2025.scss */ #main .mod_navigation ul li:before { display: none; } /* line 1242, dev/sass/klub2025.scss */ #main .mod_navigation ul li.active { display: none !important; } /* line 1253, dev/sass/klub2025.scss */ .founder #main .ce_rsce_m12_image_text .name { display: none; } /* line 1259, dev/sass/klub2025.scss */ .founder #main .ce_text ul li { list-style: disc; padding: 0; } /* line 1262, dev/sass/klub2025.scss */ .founder #main .ce_text ul li:before { display: none; } /* line 1273, dev/sass/klub2025.scss */ #main .founder.mod_navigation .slick-slider .slick-slide > div { align-items: flex-start; } /* line 1282, dev/sass/klub2025.scss */ .ce_social_share { display: flex; flex-flow: row wrap; justify-content: center; max-width: 1024px; margin: auto; } /* line 1288, dev/sass/klub2025.scss */ .ce_social_share a { line-height: 30px; margin: 0 20px; font-weight: 600; text-align: center; width: calc(33.3333333333% - 40px); margin-bottom: 20px; } @media screen and (max-width: 800px) { /* line 1288, dev/sass/klub2025.scss */ .ce_social_share a { width: 100%; } } /* line 1299, dev/sass/klub2025.scss */ #main .ce_social_share a { color: #000; } /* line 1302, dev/sass/klub2025.scss */ .ce_social_share a span { border-radius: 15px; line-height: 30px; display: inline-block; padding: 0 20px; background-color: #1f2827; color: #fff; margin-right: 5px; } /* line 1312, dev/sass/klub2025.scss */ #main > .inside > .ce_social_share { padding: 40px 0; } /* line 1317, dev/sass/klub2025.scss */ .pate { background-color: #1f2827; color: #fff; position: relative; padding: 40px 10px; margin: 40px auto; } /* line 19, dev/sass/includes/_mixins.scss */ .pate::before { right: 100%; } /* line 23, dev/sass/includes/_mixins.scss */ .pate::after { left: 100%; } /* line 28, dev/sass/includes/_mixins.scss */ .pate::before, .pate::after { display: block; position: absolute; content: ""; width: 100vw; height: 100%; top: 0; background: #1f2827; display: block; } /* line 1324, dev/sass/klub2025.scss */ .pate h1, .pate h2, .pate h3 { text-align: left; left: 0; padding-left: 0; } /* line 1329, dev/sass/klub2025.scss */ .pate .border { top: 0; left: 0; right: 0; height: 7px; background: linear-gradient(90deg, #0093cc 0%, #d90012 100%); position: absolute; z-index: 1; } /* line 19, dev/sass/includes/_mixins.scss */ .pate .border::before { right: 100%; } /* line 23, dev/sass/includes/_mixins.scss */ .pate .border::after { left: 100%; } /* line 28, dev/sass/includes/_mixins.scss */ .pate .border::before, .pate .border::after { display: block; position: absolute; content: ""; width: 100vw; height: 100%; top: 0; background: #0093cc; display: block; } /* line 1338, dev/sass/klub2025.scss */ .pate .border:after { background-color: #d90012; } /* line 1342, dev/sass/klub2025.scss */ .pate .wrapper { display: flex; flex-flow: row wrap; } /* line 1345, dev/sass/klub2025.scss */ .pate .wrapper .image_container { width: 33.3333333333%; } @media screen and (max-width: 800px) { /* line 1345, dev/sass/klub2025.scss */ .pate .wrapper .image_container { width: 100%; } } /* line 1350, dev/sass/klub2025.scss */ .pate .wrapper .image_container p { margin-top: 10px; } /* line 1354, dev/sass/klub2025.scss */ .pate .wrapper .text { padding: 10px 20px; width: 66.6666666667%; box-sizing: border-box; } @media screen and (max-width: 800px) { /* line 1354, dev/sass/klub2025.scss */ .pate .wrapper .text { width: 100%; padding: 0; } } /* line 1367, dev/sass/klub2025.scss */ .mod_article.first .mod_breadcrumb:first-child { margin: 40px 0 0; padding-top: 60px; margin-top: -40px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1367, dev/sass/klub2025.scss */ .mod_article.first .mod_breadcrumb:first-child { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1367, dev/sass/klub2025.scss */ .mod_article.first .mod_breadcrumb:first-child { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 1382, dev/sass/klub2025.scss */ .mod_article.first .mod_breadcrumb:first-child .border { top: 0; left: 0; right: 0; height: 14px; background: linear-gradient(90deg, #0093cc 0%, #d90012 100%); position: absolute; z-index: 1; } /* line 19, dev/sass/includes/_mixins.scss */ .mod_article.first .mod_breadcrumb:first-child .border::before { right: 100%; } /* line 23, dev/sass/includes/_mixins.scss */ .mod_article.first .mod_breadcrumb:first-child .border::after { left: 100%; } /* line 28, dev/sass/includes/_mixins.scss */ .mod_article.first .mod_breadcrumb:first-child .border::before, .mod_article.first .mod_breadcrumb:first-child .border::after { display: block; position: absolute; content: ""; width: 100vw; height: 100%; top: 0; background: #0093cc; display: block; } /* line 1391, dev/sass/klub2025.scss */ .mod_article.first .mod_breadcrumb:first-child .border:after { background-color: #d90012; } /* line 1398, dev/sass/klub2025.scss */ .mod_breadcrumb { color: #0093cc; max-width: 1024px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } /* line 1407, dev/sass/klub2025.scss */ .mod_breadcrumb .ce_hyperlink a { line-height: 30px; } /* line 1411, dev/sass/klub2025.scss */ .mod_breadcrumb ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; } /* line 1415, dev/sass/klub2025.scss */ #main .mod_breadcrumb ul { margin-left: 10px; } /* line 1419, dev/sass/klub2025.scss */ #main .mod_breadcrumb ul li { margin-left: 10px; } /* line 1422, dev/sass/klub2025.scss */ .mod_breadcrumb ul li:first-of-type, .mod_breadcrumb ul li:nth-of-type(2) { display: none; } /* line 1425, dev/sass/klub2025.scss */ .mod_breadcrumb ul li:before { display: none; } /* line 1428, dev/sass/klub2025.scss */ .mod_breadcrumb ul li.active { font-weight: 700; } @media screen and (max-width: 800px) { /* line 1398, dev/sass/klub2025.scss */ .mod_breadcrumb { justify-content: center !important; } /* line 1436, dev/sass/klub2025.scss */ .mod_breadcrumb ul { display: none; } } @media screen and (max-width: 800px) { /* line 1444, dev/sass/klub2025.scss */ .mod_article.contact .c33l, .mod_article.contact .c66r { width: 100%; } }