/*
Mixins
==================================================
The `mixins.less` file contains the imports to all mixin documents that simplify the work with Shopware.
Mixin specific documentation can be found inside each mixin file.
Mixins can be used by adding the mixin class onto an element inside Shopware.
**Example:**
`.border-radius(3px);`
*/
/*
Appearance mixin
============================================
The mixins provides you a cross-browser compatible method to set the appearance of the element.
Please refer to to see the browser support table of the feature.
######Example:
`.appearance([value]);`
`@param {String} type The type you want to use`
*/
/*
Backface visibility mixin
============================================
The mixins provides you a cross-browser compatible method to set the backface-visibility of the element.
Please refer to to see the browser support table of the feature.
######Example:
`.backface-visibility([value]);`
`@param {String} visibility The visibility you want to use`
*/
/*
Border-radius mixin
=============================================
The mixins provides you a cross-browser compatible method to set a border-radius.
Please refer to to see the browser support table of the feature.
######Syntax:
`@param {String} radius The radius you want to set`
######Example:
Same border-radius for all edges:
`.border-radius([pixel-value]);`
Different border-radius:
`.border-radius-multi([pixel-value-leftTop], [pixel-value-rightTop], [pixel-value-rightBottom], [pixel-value-leftBottom]);`
Resetting border radius:
`.reset-border-radius();`
*/
/*
Box shadow mixin
==============================================
The mixins provides you a cross-browser compatible method to set a box-shadow.
Please refer to to see the browser support table of the feature.
######Example:
`.box-shadow([h-shadow-value], [v-shadow-value], [blur-amount], [spread-amount], [shadow-color]);`
`@param: {Number} x: Offset to the x axis (Default: 0)`
`@param: {Number} y: Offset to the y axis (Default: 0)`
`@param: {Number} blur: Bluring radius (Default: 1px)`
`@param: {String} color: Color of the shadow (Default: #000)`
*/
/*
Box-sizing mixin
========================================
The mixins provides you a cross-browser compatible method to set the box-sizing which supports IE starting from
version 8 to the newest one.
Please refer to to see the browser support table of the feature.
######Example:
`.box-sizing:([value]);`
`@param: {String} box-sizing: Box model, which should be used (Default: border-box)`
*/
/*
Clearfix mixin
================================
The clearfix mixin allows the easy integration of the floating-solution method.
The clearfix resolves the problem that occurs when two floating elements are nested inside a parent element, then sometimes the parent elements height disappears.
Add the `.clearfix` class to the parent element.
######Example:
`.clearfix();`
*/
/*
Gradient mixin
====================================================
The mixins provides you a cross-browser compatible method to set a linear gradient which goes from top to bottom.
Please refer to to see the browser support table of the feature.
Shopware 5 also provides gradient mixins based on the basic color variables that can be changed in the backend theme configuration tool.
######Basic gradients:
`.primary-gradient();`
`.secondary-gradient();`
`.white-gradient();`
######Linear Gradient Example:
`.linear-gradient([startcolor-value], [endcolor-value]);`
`@param {String} start The start color of the gradient`
`@param {String} end The end color of the gradient`
*/
/*
Opacity
===============================================
The mixins provides you a cross-browser compatible opacity which supports IE starting from version 8 to the
newest one. Safari, Chrome and Firefox are supported in all versions.
Please refer to to see the browser support table of the feature.
######Example:
`.opacity([value]);`
`@param: {Number} opacity: Value of the opacity, starting from 0 to 1`
*/
/*
Rotate mixin
===============================================
The mixins provides you a cross-browser compatible method to set a transformation which rotates the element. Keep in
mind that you can not mix different transformations.
Please refer to to see the browser support table of the feature.
######Example:
`.rotate([value]);`
`@param {String} degree The degree value you want to set. Please keep in mind that you need to suffix the unit.`
*/
/*
Scale mixin
===============================
The mixins provides you a cross-browser compatible method to set a transformation which scales the element.
Keep in mind that you can not mix different transformations.
Please refer to to see the browser support table of the feature.
######Example:
`.scale([value]);`
`@param {String} scale-value The scale value, you want to set`
*/
/*
Touch callout mixin
===========================================
Disables the default callout shown when you touch and hold a touch target.
######Support:
- iOS 2.0
######Example:
`.touch-callout([value]);`
`@param: {String} type: The type you want to set (Default: none)`
*/
/*
Transform style mixin
======================================
The mixins provides you a cross-browser compatible method to set a transformation style.
Please refer to to see the browser support table of the feature.
######Example:
`.transform-style([value]);`
`@param {String} Style The style you want for your transformation (Default: preserve-3d)`
*/
/*
Transform origin mixin
======================================
The mixins provides you a cross-browser compatible method to set the transform origin position.
Please refer to to see the browser support table of the feature.
######Example:
`.transform-origin([x-value],[y-value],[z-value]);`
`@param: x: Sets the origin position on the x axis (Default: 50%)`
`@param: y: Sets the origin position on the y axis (Default: 50%)`
`@param: z: Sets the origin position on the z axis (Default: 0)`
*/
/*
Transition mixin
=========================================
The mixins provides you a cross-browser compatible method to set a transition.
Please refer to to see the browser support table of the feature.
######Example:
`.transition([property], [duration-value], [easing]);`
`@param: {String} properties: The properites which should be animated (Default: all)`
`@param: {String} duration: Duration of the transition including the unit (Default: 0.3s)`
`@param: {String} easing: The easing which should be used for the transition (Default: ease-out)`
*/
/*
Translate mixin
============================================
The mixins provides you a cross-browser compatible method to set a transition.
Please refer to to see the browser support table of the feature.
Keep in mind, that 3d translations are needing an perspective, otherwise the translated elements get skewed up.
######Example:
`.translate([x-value],[y-value],[z-value]);`
`@param: {String} rotateX: The rotation on the x-axis`
`@param: {String} rotateY: The rotation on the y-axis`
`@param: {String} rotateZ: The rotation on the z-axis`
*/
/*
Unitize mixin
================================================
The unitize mixins converts values from px-units to the relative rem-units, providing all the benefits of units like em and rem, without you having to do any calculations yourself.
######Syntax:
`@property` = the property that should be unitized.
`@value` = pixel-value
`@baseValue` (optional) = default browser font-size (@remScaleFactor in most cases)
######Example Unitize mixin with custom property
`.unitize(@property, @value);`
`.unitize(font-size, 16);`
######Specific built-in functions
In addition to the general `.unitize()` mixin, Shopware contains specific mixins to quickly calculate values which (for example) have more than one property.
`.unitize-height(@value)`
`.unitize-width(@value)`
`.unitize-max-height(@value)`
`.unitize-max-width(@value)`
`.unitize-min-width(@value)`
`.unitize-padding(@topValue, @rightValue: @topValue, @bottomValue: @topValue, @leftValue: @rightValue)`
`.unitize-margin(@topValue, @rightValue: @topValue, @bottomValue: @topValue, @leftValue: @rightValue)`
`.unitize-variable(@value)`
*/
/*
User-select mixin
===============================
The mixins provides you a cross-browser compatible method to set a user selection mode.
Please refer to to see the browser support table of the feature.
######Example:
`.user-select([value]);`
`@param: {String} type: The type you want to set (Default: none)`
*/
/*
Transform mixin
==============================================
The mixins provides you a cross-browser compatible method to set a transformation.
Please refer to to see the browser support table of the feature.
######Example:
`.transform([value]);`
`@param: {String} properties: The transformation(s) that should be applied`
*/
/*
Tab highlighting mixin
===========================
Sets the color of the highlighting when a link was clicked / tapped.
Please refer to to see the browser support table of the feature.
######Example:
`.tap-highlight-color([color-value]);`
`@param: {String} color: The color you want to set (Default: rgba(0, 0, 0, 0))`
*/
/*
Keyframe mixin
=============================================
The mixins provides you a cross-browser compatible method to set a keyframe.
Please refer to to see the browser support table of the feature.
######Example:
`.keyframes([name-value], [frames-value]);`
`@param: {String} name: The keyframe animation name`
`@param: {String} roules: the animation frames`
*/
@-webkit-keyframes keyframe--spin {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes keyframe--spin {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes keyframe--spin-reverse {
from {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes keyframe--spin-reverse {
from {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
/*
Animations mixin
============================================
The mixins provides you a cross-browser compatible method to set animation values.
Please refer to to see the browser support table of the feature.
######Example:
`.animation([value]);`
`@param: {String} value: All animation values`
*/
/*
Column count mixin
=============================================
This mixin provides you a cross-browser compatible method to set the column count property.
Please refer to to see the browser support table of the feature.
######Example:
`.column-count([value]);`
`@param: {Number} count: The amount of columns you want to set (Default: auto)`
*/
/*
Hypheration mixin
======================================
The mixins provides you a cross-browser compatible method to set the hyphenation.
Please refer to to see the browser support table of the feature.
######Example:
`.hyphens([value]);`
`@param: {String} hyphenation: The hyphenation that should be used (Default: auto)`
*/
/*
Grabbing cursor
==================================
This mixin provides you a cross-browser compatible method to set the cursor grabbing behavior.
######Example:
`.cursorGrab();`
`.cursorGrabbing();`
*/
/*
Clear form button mixin
========================
This mixin removes styles from the button element and makes it look like a text link.
*/
/*
All.less
======================================
The `all.less` file imports all style components that will display on the page.
*/
.ajax-loader {
display: none;
}
.is--rounded {
border-radius: 3px;
background-clip: padding-box;
}
.is--block {
display: block !important;
}
.is--inline {
display: inline !important;
}
.is--inline-block {
display: inline-block !important;
}
.is--hidden {
display: none !important;
}
.is--invisible {
visibility: hidden !important;
}
.is--align-left {
text-align: left !important;
}
.is--align-right {
text-align: right !important;
}
.is--align-center {
text-align: center !important;
}
.is--underline {
text-decoration: underline !important;
}
.is--line-through {
text-decoration: line-through !important;
}
.is--uppercase {
text-transform: uppercase !important;
}
.is--strong {
font-weight: bold !important;
}
.is--bold {
font-weight: bold !important;
}
.is--italic {
font-style: italic;
}
.is--nowrap {
white-space: nowrap !important;
}
.is--dark {
color: black !important;
}
.is--light {
color: #e8e8e8 !important;
}
.is--soft {
color: #ccc !important;
}
.is--fluid {
width: 100% !important;
}
.left {
float: left;
}
.right {
float: right;
}
.page-wrap {
min-width: 20rem;
}
.content-main:after,
.content--wrapper:after {
content: "";
display: table;
clear: both;
}
.content-main--inner {
padding: 0rem 0.625rem 1rem 0.625rem;
}
.content-main--inner:after {
content: "";
display: table;
clear: both;
}
.content {
width: 100%;
float: left;
}
@media screen and (min-width: 48em) {
.content-main {
box-shadow: 0 0 4px 1px #e8e8e8;
}
.content-main:not(.is--small) {
min-height: 46.875rem;
}
.content-main--inner {
padding: 0rem 1.875rem 1rem 1.875rem;
width: 100%;
}
}
@media screen and (min-width: 78.75em) {
.content-main {
margin-top: 1.25rem;
margin-bottom: 2.8125rem;
}
.content-main:not(.is--small) {
min-height: 43.75rem;
}
.content-main--inner {
padding: 0rem 3.125rem 3.125rem 3.125rem;
}
}
.block-group,
.block,
.block-group:after,
.block:after,
.block-group:before,
.block:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Clearfix */
.block-group {
zoom: 1;
/* ul/li compatibility */
list-style-type: none;
padding: 0;
margin: 0;
/** Nested grid */
}
.block-group:before,
.block-group:after {
display: table;
content: "";
line-height: 0;
}
.block-group:after {
clear: both;
}
.block-group > .block-group {
clear: none;
float: left;
margin: 0 !important;
}
/* Default block */
.block {
float: left;
width: 100%;
}
/*
Icon set
============================================
######Shopware Icon set elements
Accessable with the `i` element and the `icon--` class.
Example: ``
```
icon--percent2
|
icon--percent
|
icon--coupon
|
icon--truck
|
icon--logout
|
icon--grid
|
icon--filter
|
icon--clock
|
icon--arrow-up
|
icon--arrow-right
|
icon--arrow-left
|
icon--arrow-down
|
icon--star
|
icon--star-half
|
icon--star-empty
|
icon--shopware
|
icon--service
|
icon--search
|
icon--numbered-list
|
icon--menu
|
icon--mail
|
icon--list
|
icon--layout
|
icon--heart
|
icon--cross
|
icon--compare
|
icon--check
|
icon--basket
|
icon--account
|
icon--chain
|
icon--delicious
|
icon--delicious2
|
icon--digg
|
icon--phone
|
icon--mobile
|
icon--mouse
|
icon--directions
|
icon--paperplane
|
icon--pencil
|
icon--feather
|
icon--paperclip
|
icon--drawer
|
icon--reply
|
icon--reply-all
|
icon--forward
|
icon--users
|
icon--user-add
|
icon--vcard
|
icon--export
|
icon--location
|
icon--map
|
icon--compass
|
icon--location2
|
icon--target
|
icon--share
|
icon--sharable
|
icon--thumbsup
|
icon--thumbsdown
|
icon--chat
|
icon--comment
|
icon--quote
|
icon--house
|
icon--popup
|
icon--flashlight
|
icon--printer
|
icon--bell
|
icon--link
|
icon--cog
|
icon--tools
|
icon--trophy
|
icon--tag
|
icon--camera
|
icon--megaphone
|
icon--moon
|
icon--palette
|
icon--leaf
|
icon--music
|
icon--music2
|
icon--new
|
icon--graduation
|
icon--book
|
icon--newspaper
|
icon--bag
|
icon--airplane
|
icon--lifebuoy
|
icon--eye
|
icon--clock2
|
icon--microphone
|
icon--calendar
|
icon--bolt
|
icon--thunder
|
icon--droplet
|
icon--cd
|
icon--briefcase
|
icon--air
|
icon--hourglass
|
icon--gauge
|
icon--language
|
icon--network
|
icon--key
|
icon--battery
|
icon--bucket
|
icon--magnet
|
icon--drive
|
icon--cup
|
icon--rocket
|
icon--brush
|
icon--suitcase
|
icon--cone
|
icon--earth
|
icon--keyboard
|
icon--browser
|
icon--publish
|
icon--progress-3
|
icon--progress-2
|
icon--progress-1
|
icon--progress-0
|
icon--sun
|
icon--sun2
|
icon--adjust
|
icon--code
|
icon--screen
|
icon--infinity
|
icon--light-bulb
|
icon--creditcard
|
icon--database
|
icon--voicemail
|
icon--clipboard
|
icon--box
|
icon--ticket
|
icon--rss
|
icon--signal
|
icon--thermometer
|
icon--droplets
|
icon--uniE680
|
icon--statistics
|
icon--pie
|
icon--bars
|
icon--graph
|
icon--lock
|
icon--lock-open
|
icon--login
|
icon--minus
|
icon--plus
|
icon--cross2
|
icon--minus2
|
icon--cross3
|
icon--minus3
|
icon--plus3
|
icon--erase
|
icon--blocked
|
icon--info
|
icon--info2
|
icon--question
|
icon--help
|
icon--warning
|
icon--cycle
|
icon--cw
|
icon--ccw
|
icon--shuffle
|
icon--arrow
|
icon--arrow2
|
icon--retweet
|
icon--loop
|
icon--history
|
icon--back
|
icon--list2
|
icon--add-to-list
|
icon--layout2
|
icon--list3
|
icon--text
|
icon--text2
|
icon--document
|
icon--docs
|
icon--landscape
|
icon--pictures
|
icon--video
|
icon--music3
|
icon--folder
|
icon--archive
|
icon--trash
|
icon--upload
|
icon--download
|
icon--disk
|
icon--install
|
icon--cloud
|
icon--upload2
|
icon--bookmark
|
icon--bookmarks
|
icon--book2
|
icon--play
|
icon--pause
|
icon--record
|
icon--stop
|
icon--next
|
icon--previous
|
icon--first
|
icon--last
|
icon--resize-enlarge
|
icon--resize-shrink
|
icon--volume
|
icon--sound
|
icon--mute
|
icon--flow-cascade
|
icon--flow-branch
|
icon--flow-tree
|
icon--flow-line
|
icon--flow-parallel
|
icon--arrow-left2
|
icon--arrow-down2
|
icon--arrow-up-upload
|
icon--arrow-right2
|
icon--arrow-left3
|
icon--arrow-down3
|
icon--arrow-up2
|
icon--arrow-right3
|
icon--arrow-left4
|
icon--arrow-down4
|
icon--arrow-up3
|
icon--arrow-right4
|
icon--arrow-left5
|
icon--arrow-down5
|
icon--arrow-up4
|
icon--arrow-right5
|
icon--arrow-left6
|
icon--arrow-down6
|
icon--arrow-up5
|
icon--arrow-right6
|
icon--menu2
|
icon--ellipsis
|
icon--dots
|
icon--dot
|
icon--cc
|
icon--cc-by
|
icon--cc-nc
|
icon--cc-sa
|
icon--cc-nd
|
icon--cc-pd
|
icon--cc-zero
|
icon--cc-share
|
icon--cc-share2
|
icon--danielbruce
|
icon--danielbruce2
|
icon--github
|
icon--github2
|
icon--flickr
|
icon--flickr2
|
icon--vimeo
|
icon--vimeo2
|
icon--twitter
|
icon--twitter2
|
icon--facebook
|
icon--facebook2
|
icon--facebook3
|
icon--googleplus
|
icon--googleplus2
|
icon--pinterest
|
icon--pinterest2
|
icon--tumblr
|
icon--tumblr2
|
icon--linkedin
|
icon--linkedin2
|
icon--dribbble
|
icon--dribbble2
|
icon--stumbleupon
|
icon--stumbleupon2
|
icon--lastfm
|
icon--lastfm2
|
icon--rdio
|
icon--rdio2
|
icon--spotify
|
icon--spotify2
|
icon--qq
|
icon--instagram3
|
icon--dropbox
|
icon--evernote
|
icon--flattr
|
icon--skype
|
icon--skype2
|
icon--renren
|
icon--sina-weibo
|
icon--paypal
|
icon--picasa
|
icon--soundcloud
|
icon--mixi
|
icon--behance
|
icon--circles
|
icon--vk
|
icon--smashing
|
icon--feed
|
icon--feed2
|
icon--instagram
|
icon--instagram2
|
icon--xing
|
icon--xing2
|
icon--youtube
|
icon--youtube2
|
```
*/
@font-face {
font-family: 'shopware';
font-display: block;
src: url('../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/shopware.woff2?#31cf 623197687d 544da 1ded 6ee 6e 6e 29') format('woff2'), url('../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/shopware.woff?31cf 623197687d 544da 1ded 6ee 6e 6e 29') format('woff'), url('../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/shopware.ttf?31cf 623197687d 544da 1ded 6ee 6e 6e 29') format('truetype'), url('../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/shopware.svg?31cf 623197687d 544da 1ded 6ee 6e 6e 29') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon--"],
[class*=" icon--"] {
font-family: 'shopware';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon--percent2:before {
content: "\e723";
}
.icon--percent:before {
content: "\e722";
}
.icon--coupon:before {
content: "\e71c";
}
.icon--truck:before {
content: "\e71d";
}
.icon--logout:before {
content: "\e614";
}
.icon--grid:before {
content: "\e615";
}
.icon--filter:before {
content: "\e616";
}
.icon--clock:before {
content: "\e617";
}
.icon--arrow-up:before {
content: "\e610";
}
.icon--arrow-right:before {
content: "\e60f";
}
.icon--arrow-left:before {
content: "\e611";
}
.icon--arrow-down:before {
content: "\e612";
}
.icon--star:before {
content: "\e600";
}
.icon--star-half:before {
content: "\e71e";
}
.icon--star-empty:before {
content: "\e601";
}
.icon--shopware:before {
content: "\e602";
}
.icon--service:before {
content: "\e603";
}
.icon--search:before {
content: "\e604";
}
.icon--numbered-list:before {
content: "\e605";
}
.icon--menu:before {
content: "\e606";
}
.icon--mail:before {
content: "\e607";
}
.icon--list:before {
content: "\e608";
}
.icon--layout:before {
content: "\e609";
}
.icon--heart:before {
content: "\e60a";
}
.icon--cross:before {
content: "\e60d";
}
.icon--compare:before {
content: "\e60b";
}
.icon--check:before {
content: "\e60c";
}
.icon--basket:before {
content: "\e60e";
}
.icon--account:before {
content: "\e613";
}
.icon--chain:before {
content: "\f0c1";
}
.icon--delicious:before {
content: "\f1a5";
}
.icon--delicious2:before {
content: "\e721";
}
.icon--digg:before {
content: "\f1a6";
}
.icon--phone:before {
content: "\e619";
}
.icon--mobile:before {
content: "\e61d";
}
.icon--mouse:before {
content: "\e61e";
}
.icon--directions:before {
content: "\e61f";
}
.icon--paperplane:before {
content: "\e620";
}
.icon--pencil:before {
content: "\e618";
}
.icon--feather:before {
content: "\e621";
}
.icon--paperclip:before {
content: "\e622";
}
.icon--drawer:before {
content: "\e623";
}
.icon--reply:before {
content: "\e624";
}
.icon--reply-all:before {
content: "\e625";
}
.icon--forward:before {
content: "\e626";
}
.icon--users:before {
content: "\e627";
}
.icon--user-add:before {
content: "\e628";
}
.icon--vcard:before {
content: "\e629";
}
.icon--export:before {
content: "\e62a";
}
.icon--location:before {
content: "\e62b";
}
.icon--map:before {
content: "\e62c";
}
.icon--compass:before {
content: "\e62d";
}
.icon--location2:before {
content: "\e62e";
}
.icon--target:before {
content: "\e62f";
}
.icon--share:before {
content: "\e630";
}
.icon--sharable:before {
content: "\e631";
}
.icon--thumbsup:before {
content: "\e632";
}
.icon--thumbsdown:before {
content: "\e633";
}
.icon--chat:before {
content: "\e634";
}
.icon--comment:before {
content: "\e61a";
}
.icon--quote:before {
content: "\e635";
}
.icon--house:before {
content: "\e636";
}
.icon--popup:before {
content: "\e637";
}
.icon--flashlight:before {
content: "\e638";
}
.icon--printer:before {
content: "\e639";
}
.icon--bell:before {
content: "\e63a";
}
.icon--link:before {
content: "\e63b";
}
.icon--flag:before {
content: "\e63c";
}
.icon--cog:before {
content: "\e63d";
}
.icon--tools:before {
content: "\e63e";
}
.icon--trophy:before {
content: "\e63f";
}
.icon--tag:before {
content: "\e640";
}
.icon--camera:before {
content: "\e641";
}
.icon--megaphone:before {
content: "\e642";
}
.icon--moon:before {
content: "\e643";
}
.icon--palette:before {
content: "\e644";
}
.icon--leaf:before {
content: "\e645";
}
.icon--music:before {
content: "\e646";
}
.icon--music2:before {
content: "\e647";
}
.icon--new:before {
content: "\e648";
}
.icon--graduation:before {
content: "\e649";
}
.icon--book:before {
content: "\e64a";
}
.icon--newspaper:before {
content: "\e64b";
}
.icon--bag:before {
content: "\e64c";
}
.icon--airplane:before {
content: "\e64d";
}
.icon--lifebuoy:before {
content: "\e64e";
}
.icon--eye:before {
content: "\e64f";
}
.icon--clock2:before {
content: "\e650";
}
.icon--microphone:before {
content: "\e651";
}
.icon--calendar:before {
content: "\e652";
}
.icon--bolt:before {
content: "\e653";
}
.icon--thunder:before {
content: "\e654";
}
.icon--droplet:before {
content: "\e655";
}
.icon--cd:before {
content: "\e656";
}
.icon--briefcase:before {
content: "\e657";
}
.icon--air:before {
content: "\e658";
}
.icon--hourglass:before {
content: "\e659";
}
.icon--gauge:before {
content: "\e65a";
}
.icon--language:before {
content: "\e65b";
}
.icon--network:before {
content: "\e65c";
}
.icon--key:before {
content: "\e65d";
}
.icon--battery:before {
content: "\e65e";
}
.icon--bucket:before {
content: "\e65f";
}
.icon--magnet:before {
content: "\e660";
}
.icon--drive:before {
content: "\e661";
}
.icon--cup:before {
content: "\e662";
}
.icon--rocket:before {
content: "\e663";
}
.icon--brush:before {
content: "\e664";
}
.icon--suitcase:before {
content: "\e665";
}
.icon--cone:before {
content: "\e666";
}
.icon--earth:before {
content: "\e667";
}
.icon--keyboard:before {
content: "\e668";
}
.icon--browser:before {
content: "\e669";
}
.icon--publish:before {
content: "\e66a";
}
.icon--progress-3:before {
content: "\e66b";
}
.icon--progress-2:before {
content: "\e66c";
}
.icon--progress-1:before {
content: "\e66d";
}
/*
for backwards-compatibility
@deprecated
*/
.icon--brogress-1:before {
content: "\e66d";
}
.icon--progress-0:before {
content: "\e66e";
}
.icon--sun:before {
content: "\e66f";
}
.icon--sun2:before {
content: "\e670";
}
.icon--adjust:before {
content: "\e671";
}
.icon--code:before {
content: "\e672";
}
.icon--screen:before {
content: "\e673";
}
.icon--infinity:before {
content: "\e674";
}
.icon--light-bulb:before {
content: "\e675";
}
.icon--creditcard:before {
content: "\e676";
}
.icon--database:before {
content: "\e677";
}
.icon--voicemail:before {
content: "\e678";
}
.icon--clipboard:before {
content: "\e679";
}
.icon--box:before {
content: "\e67a";
}
.icon--ticket:before {
content: "\e67b";
}
.icon--rss:before {
content: "\e67c";
}
.icon--signal:before {
content: "\e67d";
}
.icon--thermometer:before {
content: "\e67e";
}
.icon--droplets:before {
content: "\e67f";
}
.icon--uniE680:before {
content: "\e680";
}
.icon--statistics:before {
content: "\e681";
}
.icon--pie:before {
content: "\e682";
}
.icon--bars:before {
content: "\e683";
}
.icon--graph:before {
content: "\e684";
}
.icon--lock:before {
content: "\e685";
}
.icon--lock-open:before {
content: "\e686";
}
.icon--login:before {
content: "\e687";
}
.icon--minus:before {
content: "\e688";
}
.icon--plus:before {
content: "\e689";
}
.icon--cross2:before {
content: "\e68a";
}
.icon--minus2:before {
content: "\e68b";
}
.icon--plus2:before {
content: "\e68c";
}
.icon--cross3:before {
content: "\e68d";
}
.icon--minus3:before {
content: "\e68e";
}
.icon--plus3:before {
content: "\e68f";
}
.icon--erase:before {
content: "\e690";
}
.icon--blocked:before {
content: "\e691";
}
.icon--info:before {
content: "\e61b";
}
.icon--info2:before {
content: "\e692";
}
.icon--question:before {
content: "\e693";
}
.icon--help:before {
content: "\e694";
}
.icon--warning:before {
content: "\e695";
}
.icon--cycle:before {
content: "\e696";
}
.icon--cw:before {
content: "\e697";
}
.icon--ccw:before {
content: "\e698";
}
.icon--shuffle:before {
content: "\e699";
}
.icon--arrow:before {
content: "\e69a";
}
.icon--arrow2:before {
content: "\e69b";
}
.icon--retweet:before {
content: "\e69c";
}
.icon--loop:before {
content: "\e69d";
}
.icon--history:before {
content: "\e69e";
}
.icon--back:before {
content: "\e69f";
}
.icon--list2:before {
content: "\e6a0";
}
.icon--add-to-list:before {
content: "\e6a1";
}
.icon--layout2:before {
content: "\e6a2";
}
.icon--list3:before {
content: "\e6a3";
}
.icon--text:before {
content: "\e6a4";
}
.icon--text2:before {
content: "\e6a5";
}
.icon--document:before {
content: "\e6a6";
}
.icon--docs:before {
content: "\e6a7";
}
.icon--landscape:before {
content: "\e6a8";
}
.icon--pictures:before {
content: "\e6a9";
}
.icon--video:before {
content: "\e6aa";
}
.icon--music3:before {
content: "\e6ab";
}
.icon--folder:before {
content: "\e6ac";
}
.icon--archive:before {
content: "\e6ad";
}
.icon--trash:before {
content: "\e6ae";
}
.icon--upload:before {
content: "\e6af";
}
.icon--download:before {
content: "\e6b0";
}
.icon--disk:before {
content: "\e6b1";
}
.icon--install:before {
content: "\e61c";
}
.icon--cloud:before {
content: "\e6b2";
}
.icon--upload2:before {
content: "\e6b3";
}
.icon--bookmark:before {
content: "\e6b4";
}
.icon--bookmarks:before {
content: "\e6b5";
}
.icon--book2:before {
content: "\e6b6";
}
.icon--play:before {
content: "\e6b7";
}
.icon--pause:before {
content: "\e6b8";
}
.icon--record:before {
content: "\e6b9";
}
.icon--stop:before {
content: "\e6ba";
}
.icon--next:before {
content: "\e6bb";
}
.icon--previous:before {
content: "\e6bc";
}
.icon--first:before {
content: "\e6bd";
}
.icon--last:before {
content: "\e6be";
}
.icon--resize-enlarge:before {
content: "\e6bf";
}
.icon--resize-shrink:before {
content: "\e6c0";
}
.icon--volume:before {
content: "\e6c1";
}
.icon--sound:before {
content: "\e6c2";
}
.icon--mute:before {
content: "\e6c3";
}
.icon--flow-cascade:before {
content: "\e6c4";
}
.icon--flow-branch:before {
content: "\e6c5";
}
.icon--flow-tree:before {
content: "\e6c6";
}
.icon--flow-line:before {
content: "\e6c7";
}
.icon--flow-parallel:before {
content: "\e6c8";
}
.icon--arrow-left2:before {
content: "\e6c9";
}
.icon--arrow-down2:before {
content: "\e6ca";
}
.icon--arrow-up-upload:before {
content: "\e6cb";
}
.icon--arrow-right2:before {
content: "\e6cc";
}
.icon--arrow-left3:before {
content: "\e6cd";
}
.icon--arrow-down3:before {
content: "\e6ce";
}
.icon--arrow-up2:before {
content: "\e6cf";
}
.icon--arrow-right3:before {
content: "\e6d0";
}
.icon--arrow-left4:before {
content: "\e6d1";
}
.icon--arrow-down4:before {
content: "\e6d2";
}
.icon--arrow-up3:before {
content: "\e6d3";
}
.icon--arrow-right4:before {
content: "\e6d4";
}
.icon--arrow-left5:before {
content: "\e6d5";
}
.icon--arrow-down5:before {
content: "\e6d6";
}
.icon--arrow-up4:before {
content: "\e6d7";
}
.icon--arrow-right5:before {
content: "\e6d8";
}
.icon--arrow-left6:before {
content: "\e6d9";
}
.icon--arrow-down6:before {
content: "\e6da";
}
.icon--arrow-up5:before {
content: "\e6db";
}
.icon--arrow-right6:before {
content: "\e6dc";
}
.icon--menu2:before {
content: "\e6dd";
}
.icon--ellipsis:before {
content: "\e6de";
}
.icon--dots:before {
content: "\e6df";
}
.icon--dot:before {
content: "\e6e0";
}
.icon--cc:before {
content: "\e6e1";
}
.icon--cc-by:before {
content: "\e6e2";
}
.icon--cc-nc:before {
content: "\e6e3";
}
.icon--cc-nc-eu:before {
content: "\e6e4";
}
.icon--cc-nc-jp:before {
content: "\e6e5";
}
.icon--cc-sa:before {
content: "\e6e6";
}
.icon--cc-nd:before {
content: "\e6e7";
}
.icon--cc-pd:before {
content: "\e6e8";
}
.icon--cc-zero:before {
content: "\e6e9";
}
.icon--cc-share:before {
content: "\e6ea";
}
.icon--cc-share2:before {
content: "\e6eb";
}
.icon--danielbruce:before {
content: "\e6ec";
}
.icon--danielbruce2:before {
content: "\e6ed";
}
.icon--github:before {
content: "\e6ee";
}
.icon--github2:before {
content: "\e6ef";
}
.icon--flickr:before {
content: "\e6f0";
}
.icon--flickr2:before {
content: "\e6f1";
}
.icon--vimeo:before {
content: "\e6f2";
}
.icon--vimeo2:before {
content: "\e6f3";
}
.icon--twitter:before {
content: "\e6f4";
}
.icon--twitter2:before {
content: "\e6f5";
}
.icon--facebook:before {
content: "\e6f6";
}
.icon--facebook2:before {
content: "\e6f7";
}
.icon--facebook3:before {
content: "\e6f8";
}
.icon--googleplus:before {
content: "\e6f9";
}
.icon--googleplus2:before {
content: "\e6fa";
}
.icon--pinterest:before {
content: "\e6fb";
}
.icon--pinterest2:before {
content: "\e6fc";
}
.icon--tumblr:before {
content: "\e6fd";
}
.icon--tumblr2:before {
content: "\e6fe";
}
.icon--linkedin:before {
content: "\e6ff";
}
.icon--linkedin2:before {
content: "\e700";
}
.icon--dribbble:before {
content: "\e701";
}
.icon--dribbble2:before {
content: "\e702";
}
.icon--stumbleupon:before {
content: "\e703";
}
.icon--stumbleupon2:before {
content: "\e704";
}
.icon--lastfm:before {
content: "\e705";
}
.icon--lastfm2:before {
content: "\e706";
}
.icon--rdio:before {
content: "\e707";
}
.icon--rdio2:before {
content: "\e708";
}
.icon--spotify:before {
content: "\e709";
}
.icon--spotify2:before {
content: "\e70a";
}
.icon--qq:before {
content: "\e70b";
}
.icon--instagram3:before {
content: "\e70c";
}
.icon--dropbox:before {
content: "\e70d";
}
.icon--evernote:before {
content: "\e70e";
}
.icon--flattr:before {
content: "\e70f";
}
.icon--skype:before {
content: "\e710";
}
.icon--skype2:before {
content: "\e711";
}
.icon--renren:before {
content: "\e712";
}
.icon--sina-weibo:before {
content: "\e713";
}
.icon--paypal:before {
content: "\e714";
}
.icon--picasa:before {
content: "\e715";
}
.icon--soundcloud:before {
content: "\e716";
}
.icon--mixi:before {
content: "\e717";
}
.icon--behance:before {
content: "\e718";
}
.icon--circles:before {
content: "\e719";
}
.icon--vk:before {
content: "\e71a";
}
.icon--smashing:before {
content: "\e71b";
}
.icon--feed:before {
content: "\e71f";
}
.icon--feed2:before {
content: "\e720";
}
.icon--instagram:before {
content: "\e903";
}
.icon--instagram2:before {
content: "\e902";
}
.icon--xing:before {
content: "\e901";
}
.icon--xing2:before {
content: "\e900";
}
.icon--youtube:before {
content: "\e905";
}
.icon--youtube2:before {
content: "\e904";
}
/*
Variables
==================================================
The `variables.less` file contains the imports to all variables that Shopware uses.
Most variables are controllable by using the backend theme manager.
Mixin specific documentation can be found inside each mixin file.
*/
/*
Structure
================================
The variables define the widths for the different viewports.
**Structure**
`@phoneLandscapeViewportWidth` - viewport phone-landscape width *(default: 480px)*
`@tabletViewportWidth` - viewport tablet width *(default: 768px)*
`@tabletLandscapeViewportWidth` - viewport tablet-landscape width *(default: 1024px)*
`@desktopViewportWidth` - viewport desktop width *(default: 1260px)*
*/
/*
Typography
================================
The variables define the sizes and weights for typographic elements.
The values can be changed with the backend theme manager.
**Base configuration**
`@font-size-base` - basic font-size *(default: 14)*
`@font-base-weight` - basic font-weight *(default: 500)*
`@font-light-weight` - basic light font-weight *(default: 300)*
`@font-base-stack` - basic font-family stack *(default: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif)*
`@font-headline-stack` - basic headline font-family stack *(default: @font-base-stack)*
**Headling font sizes**
`@font-size-h1` - h1 element font-size *(default: 26)*
`@font-size-h2` - h2 element font-size *(default: 21)*
`@font-size-h3` - h3 element font-size *(default: 18)*
`@font-size-h4` - h4 element font-size *(default: 16)*
`@font-size-h5` - h5 element font-size *(default: @font-size-base)*
`@font-size-h6` - h6 element font-size *(default: 12)*
**Shopware font directory**
`@font-directory` - font-directory folder (default: "../../fonts")
**Open Sans font directory**
`@OpenSansPath` - "Open Sans" font-directory folder (default: "./../fonts/open-sans-fontface")
*/
/*
Z-Index
================================
The z-index variables list all different values for the z-index layers used inside the Shopware responsive theme.
**badge.less**
`@zindex-badge` - *(default: 500)*
**checkbox.less**
`@zindex-checkbox-state` - *(default: 60)*
`@zindex-checkbox-element` - *(default: 65)*
**collapse.less**
`@zindex-collapse-content` - *(default: 1000)*
`@zindex-collapse-header` - *(default: 1100)*
`@zindex-collapse-content-collapsed` - *(default: 1200)*
`@zindex-collapse-header-active` - *(default: 1300)*
**collapse-cart.less**
`@zindex-collapse-cart` - *(default: 3000)*
`@zindex-collapse-cart-offcanvas` - *(default: 8000)*
**datepicker.less**
`@zindex-datepicker` - *(default: 8100)*
**emotions.less**
`@zindex-emotion-mapping-link` - *(default: 110)*
`@zindex-emotion-image-slider-title` - *(default: 100)*
`@zindex-emotion-product-slider-content` - *(default: 400)*
`@zindex-emotion-product-slider-title` - *(default: 500)*
`@zindex-emotion-overlay` - *(default: 1000)*
`@zindex-emotion-video-element` - *(default: 1000)*
`@zindex-emotion-video-text` - *(default: 1100)*
`@zindex-emotion-video-play-btn` - *(default: 1200)*
`@zindex-emotion-video-cover` - *(default: 1300)*
**filter-panel.less**
`@zindex-filter-panel-flyout` - *(default: 500)*
`@zindex-filter-panel-flyout-collapsed` - *(default: 800)*
`@zindex-filter-panel-checkbox` - *(default: 65)*
`@zindex-filter-panel-checkbox-state` - *(default: 60)*
`@zindex-filter-panel-radio` - *(default: 65)*
`@zindex-filter-panel-radio-state` - *(default: 60)*
`@zindex-filter-panel-media-checkbox` - *(default: 65)*
`@zindex-filter-panel-rating-star` - *(default: 65)*
**image-gallery.less**
`@zindex-image-gallery-button` - *(default: 1)*
**image-slider.less**
`@zindex-image-slider` - *(default: 1000)*
`@zindex-image-slider-arrow` - *(default: 1000)*
**image-zoom.less**
`@zindex-image-zoom-flyout` - *(default: 2500)*
**loading-indicator.less**
`@zindex-loading-indicator` - *(default: 6000)*
**menu-scroller.less**
`@zindex-menu-scoller-arrow` - *(default: 750)*
**modal.less**
`@zindex-modalbox` - *(default: 7000)*
**offcanvas-menu.less**
`@zindex-offcanvas` - *(default: 8000)*
`@zindex-offcanvas-higher-viewport` - *(default: 1000)*
**overlay.less**
`@zindex-overlay` - *(default: 5000)*
**panel.less**
`@zindex-panel-arrow` - *(default: 2000)*
`@zindex-panel-link` - *(default: 2000)*
**product-slider.less**
`@zindex-product-slider` - *(default: 750)*
###Modules
**cart.less**
`@zindex-cart-product-image-element` - *(default: 500)*
`@zindex-cart-premium-product-badge` - *(default: 750)*
**compare.less**
`@zindex-compare-list` - *(default: 4000)*
**configuration.less**
`@zindex-configurator-option-label` - *(default: 500)*
`@zindex-configurator-option-input` - *(default: 1000)*
**configurator.less**
`@zindex-configurator-option-label` - *(default: 500)*
`@zindex-configurator-option-input` - *(default: 1000)*
**detail.less**
`@zindex-detail-notification-field-focus` - *(default: 1)*
**footer.less**
`@zindex-footer-newsletter-field-focus` - *(default: 1)*
**header.less**
`@zindex-header-search-form` - *(default: 3000)*
`@zindex-header-search-button` - *(default: 2)*
`@zindex-header-search-results` - *(default: 3500)*
`@zindex-header-language-flag` - *(default: 900)*
`@zindex-header-service-list` - *(default: 3500)*
**listing.less**
`@zindex-listing-filter-header` - *(default: 1100)*
`@zindex-listing-filter-header-active` - *(default: 1300)*
**product-box.less**
`@zindex-product-box-image-element` - *(default: 500)*
`@zindex-product-box-product-badge` - *(default: 750)*
**sidebar.less**
`@zindex-sidebar-language-flag` - *(default: 900)*
`@zindex-sidebar-offcanvas-overlay` - *(default: 1200)*
`@zindex-sidebar-offcanvas-overlay-background` - *(default: 1100)*
`@zindex-sidebar-offcanvas-higher-viewport` - *(default: 1000)*
*/
/*
Icons
================================
These variables define the character for each icon.
You can use them in your less instead of the `icon--`-classes.
The variable name is always that of the icon prefixed with `sw-`.
Example:
```less
content: @sw-icon-grid;
content: @sw-icon-facebook;
```
The variable `@sw-icon-fontname` contains the name of the font which will be
used for all icons.
For an overview of available variables, visit the
docs on available icons.
*/
/*
Mixins
==================================================
The `mixins.less` file contains the imports to all mixin documents that simplify the work with Shopware.
Mixin specific documentation can be found inside each mixin file.
Mixins can be used by adding the mixin class onto an element inside Shopware.
**Example:**
`.border-radius(3px);`
*/
/*
Icon-element mixin
=====================================================
This mixin provides you a method to set any webfont icon from the Shopware icon-set as a before element.
######Example:
`.icon-element([icon-name], [icon-size]);`
*/
.visible--s,
.visible-inline--s,
.visible-inline-block--s,
.visible--m,
.visible-inline--m,
.visible-inline-block--m,
.visible--l,
.visible-inline--l,
.visible-inline-block--l,
.visible--xl,
.visible-inline--xl,
.visible-inline-block--xl {
display: none !important;
}
.visible--xs {
display: block !important;
}
table.visible--xs {
display: table !important;
}
tr.visible--xs {
display: table-row !important;
}
th.visible--xs,
td.visible--xs {
display: table-cell !important;
}
.visible-inline--xs {
display: inline !important;
}
table.visible-inline--xs {
display: table !important;
}
tr.visible-inline--xs {
display: table-row !important;
}
th.visible-inline--xs,
td.visible-inline--xs {
display: table-cell !important;
}
.visible-inline-block--xs {
display: inline-block !important;
}
table.visible-inline-block--xs {
display: table !important;
}
tr.visible-inline-block--xs {
display: table-row !important;
}
th.visible-inline-block--xs,
td.visible-inline-block--xs {
display: table-cell !important;
}
.hidden--s,
.hidden--m,
.hidden--l,
.hidden--xl {
display: inherit !important;
}
.hidden--xs {
display: none !important;
}
@media screen and (min-width: 30em) {
.visible--xs,
.visible-inline--xs,
.visible-inline-block--xs,
.visible--m,
.visible-inline--m,
.visible-inline-block--m,
.visible--l,
.visible-inline--l,
.visible-inline-block--l,
.visible--xl,
.visible-inline--xl,
.visible-inline-block--xl {
display: none !important;
}
.visible--s {
display: block !important;
}
table.visible--s {
display: table !important;
}
tr.visible--s {
display: table-row !important;
}
th.visible--s,
td.visible--s {
display: table-cell !important;
}
.visible-inline--s {
display: inline !important;
}
table.visible-inline--s {
display: table !important;
}
tr.visible-inline--s {
display: table-row !important;
}
th.visible-inline--s,
td.visible-inline--s {
display: table-cell !important;
}
.visible-inline-block--s {
display: inline-block !important;
}
table.visible-inline-block--s {
display: table !important;
}
tr.visible-inline-block--s {
display: table-row !important;
}
th.visible-inline-block--s,
td.visible-inline-block--s {
display: table-cell !important;
}
.hidden--xs,
.hidden--m,
.hidden--l,
.hidden--xl {
display: inherit !important;
}
.hidden--s {
display: none !important;
}
}
@media screen and (min-width: 48em) {
.visible--xs,
.visible-inline--xs,
.visible-inline-block--xs,
.visible--s,
.visible-inline--s,
.visible-inline-block--s,
.visible--l,
.visible-inline--l,
.visible-inline-block--l,
.visible--xl,
.visible-inline--xl,
.visible-inline-block--xl {
display: none !important;
}
.visible--m {
display: block !important;
}
table.visible--m {
display: table !important;
}
tr.visible--m {
display: table-row !important;
}
th.visible--m,
td.visible--m {
display: table-cell !important;
}
.visible-inline--m {
display: inline !important;
}
table.visible-inline--m {
display: table !important;
}
tr.visible-inline--m {
display: table-row !important;
}
th.visible-inline--m,
td.visible-inline--m {
display: table-cell !important;
}
.visible-inline-block--m {
display: inline-block !important;
}
table.visible-inline-block--m {
display: table !important;
}
tr.visible-inline-block--m {
display: table-row !important;
}
th.visible-inline-block--m,
td.visible-inline-block--m {
display: table-cell !important;
}
.hidden--xs,
.hidden--s,
.hidden--l,
.hidden--xl {
display: inherit !important;
}
.hidden--m {
display: none !important;
}
}
@media screen and (min-width: 64em) {
.visible--xs,
.visible-inline--xs,
.visible-inline-block--xs,
.visible--s,
.visible-inline--s,
.visible-inline-block--s,
.visible--m,
.visible-inline--m,
.visible-inline-block--m,
.visible--xl,
.visible-inline--xl,
.visible-inline-block--xl {
display: none !important;
}
.visible--l {
display: block !important;
}
table.visible--l {
display: table !important;
}
tr.visible--l {
display: table-row !important;
}
th.visible--l,
td.visible--l {
display: table-cell !important;
}
.visible-inline--l {
display: inline !important;
}
table.visible-inline--l {
display: table !important;
}
tr.visible-inline--l {
display: table-row !important;
}
th.visible-inline--l,
td.visible-inline--l {
display: table-cell !important;
}
.visible-inline-block--l {
display: inline-block !important;
}
table.visible-inline-block--l {
display: table !important;
}
tr.visible-inline-block--l {
display: table-row !important;
}
th.visible-inline-block--l,
td.visible-inline-block--l {
display: table-cell !important;
}
.hidden--xs,
.hidden--s,
.hidden--m,
.hidden--xl {
display: inherit !important;
}
.hidden--l {
display: none !important;
}
}
@media screen and (min-width: 78.75em) {
.visible--xs,
.visible-inline--xs,
.visible-inline-block--xs,
.visible--s,
.visible-inline--s,
.visible-inline-block--s,
.visible--m,
.visible-inline--m,
.visible-inline-block--m,
.visible--l,
.visible-inline--l,
.visible-inline-block--l {
display: none !important;
}
.visible--xl {
display: block !important;
}
table.visible--xl {
display: table !important;
}
tr.visible--xl {
display: table-row !important;
}
th.visible--xl,
td.visible--xl {
display: table-cell !important;
}
.visible-inline--xl {
display: inline !important;
}
table.visible-inline--xl {
display: table !important;
}
tr.visible-inline--xl {
display: table-row !important;
}
th.visible-inline--xl,
td.visible-inline--xl {
display: table-cell !important;
}
.visible-inline-block--xl {
display: inline-block !important;
}
table.visible-inline-block--xl {
display: table !important;
}
tr.visible-inline-block--xl {
display: table-row !important;
}
th.visible-inline-block--xl,
td.visible-inline-block--xl {
display: table-cell !important;
}
.hidden--xs,
.hidden--s,
.hidden--m,
.hidden--l {
display: inherit !important;
}
.hidden--xl {
display: none !important;
}
}
/*
Shopping cart
==============================================
Defines the basic styling of the Shopware 5 shopping cart element.
Shopware offers two different shopping cart element options that can be selected in the Shopware backend.
**Shopping Cart options:**
[`off-canvas cart`](./_components-offcanvas-menu.html>)
[`collapse-cart`](./_components-collapse-cart.html>)
*/
.is--ctl-checkout .panel--body > .alert {
margin: 1.875rem 0rem 1.875rem 0rem;
}
.is--ctl-checkout .basket--info-messages {
margin-top: 0.625rem;
}
.is--ctl-checkout .account--billing-address.register--content,
.is--ctl-checkout .account--shipping-address.register--content,
.is--ctl-checkout .account--change-billing.register--content,
.is--ctl-checkout .account--change-shipping.register--content {
float: none;
width: 100%;
}
.is--act-shippingpayment .add-product--form {
display: none;
}
.is--act-shippingpayment .product--table {
margin-top: 0;
}
.is--act-shippingpayment .product--table .panel--body {
padding: 1.25rem 1.25rem 0rem 1.25rem;
}
.is--act-shippingpayment .payment--method-list {
margin-top: 0.625rem;
}
.product--table {
margin-top: 0.625rem;
}
.product--table .alert {
margin-bottom: 0.625rem;
}
.product--table .is--no-star {
margin-left: -0.375rem;
}
.product--table .panel {
border: 0 none;
}
.product--table .panel--body {
padding: 0;
}
.product--table .premium-product.panel {
margin: 0.625rem 0rem 0rem 0rem;
border: 1px solid #e8e8e8;
}
.product--table .delivery--status-icon {
display: none;
}
.product--table .table--actions {
margin-top: 0.625rem;
position: relative;
}
.product--table .table--actions:after {
content: "";
display: table;
clear: both;
}
.product--table .table--actions .btn--checkout-proceed,
.product--table .table--actions .btn--checkout-continue {
width: 100%;
text-align: center;
margin-bottom: 0.625rem;
}
.product--table .actions--bottom .main--actions {
margin-bottom: 0rem;
}
.product--table .table--header {
display: none;
}
.product--table .table--tr {
padding: 0.625rem 0rem 0.5rem 0rem;
position: relative;
border-bottom: 1px solid #e8e8e8;
width: 100%;
height: 100%;
}
.product--table .table--tr:after {
content: "";
display: table;
clear: both;
}
.product--table .table--media,
.product--table .table--content {
float: left;
}
.product--table .column--product {
padding-left: 0;
width: 90%;
}
.product--table .column--product .column--image {
padding: 0.625rem 0rem 0.625rem 0rem;
float: left;
width: 26%;
}
.product--table .table--media {
width: 100%;
position: relative;
}
.product--table .table--media .table--media-outer {
border-radius: 2px;
background-clip: padding-box;
max-width: 4.375rem;
max-height: 4.375rem;
border: 1px solid #e8e8e8;
margin: 0 auto;
}
.product--table .table--media .table--media-inner {
width: 100%;
position: relative;
padding-bottom: 100%;
height: 0;
}
.product--table .table--media img {
padding: 5%;
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
object-fit: contain;
}
.product--table .table--content {
font-size: 0.75rem;
width: 70%;
}
.product--table .delivery--status-icon {
font-size: 0.75rem;
margin: 0;
}
.product--table .delivery--information {
font-size: 0.875rem;
}
.product--table .content--title {
font-size: 1rem;
}
.product--table .column--actions {
padding-right: 0;
position: absolute;
width: 20%;
top: 10px;
right: 0;
text-align: right;
}
.product--table .column--actions .column--actions-link {
line-height: 2.5rem;
padding: 0rem 0.875rem 0rem 0.9375rem;
}
.product--table .column--actions .icon--cross {
font-size: 0.75rem;
}
.product--table .column--label {
text-align: left;
margin: 0%;
float: left;
}
.product--table .column--label.quantity--label {
margin-top: 0.6875rem;
}
.product--table .row--rebate .column--label,
.product--table .row--premium-product .column--label,
.product--table .row--voucher .column--label {
margin: 0;
}
.product--table .row--rebate .table--media,
.product--table .row--premium-product .table--media,
.product--table .row--voucher .table--media {
width: 4.375rem;
margin: 0 auto;
float: none;
}
.product--table .row--rebate .column--image,
.product--table .row--premium-product .column--image,
.product--table .row--voucher .column--image {
padding: 0.625rem 0rem 0.625rem 0rem;
width: 24%;
}
.product--table .row--rebate .table--content,
.product--table .row--premium-product .table--content {
padding-top: 1.3125rem;
}
.product--table .column--total-price {
font-weight: bold;
}
.product--table .column--product:after {
content: "";
display: table;
clear: both;
}
.product--table .column--product .column--image {
float: left;
width: 24%;
}
.product--table .column--quantity .select-field {
min-width: 6.25rem;
max-width: 10rem;
width: auto;
}
.product--table .column--quantity,
.product--table .column--unit-price,
.product--table .column--total-price,
.product--table .column--tax-price {
padding: 0.3125rem 0rem 0.3125rem 0.625rem;
margin-left: 22%;
width: 78%;
}
.product--table .column--quantity {
padding: 0rem 0rem 0rem 0.625rem;
}
.product--table .column--unit-price {
padding: 0rem 0rem 0.5625rem 0.625rem;
}
.product--table .product--delivery {
margin: 0;
}
.product--table .cart--badge {
border-radius: 3px 0 0 3px;
background-clip: padding-box;
display: block;
position: absolute;
width: 20px;
height: 100%;
top: 0;
left: 0;
display: none;
}
.product--table .cart--badge span {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
text-align: center;
line-height: 20px;
color: white;
text-transform: uppercase;
font-weight: bold;
display: block;
position: absolute;
width: 70px;
top: 0;
bottom: 0;
}
.product--table .basket--badge {
line-height: 3rem;
font-size: 1rem;
border-radius: 128px;
background-clip: padding-box;
height: 3rem;
width: 3rem;
margin: 0 auto;
text-align: center;
font-weight: bold;
background: black;
color: #fff;
}
.product--table .basket--badge .icon--arrow-right {
font-size: 0.8125rem;
}
.product--table .basket--badge .icon--coupon {
font-size: 1.75rem;
line-height: 3.125rem;
}
.product--table .row--premium-product .basket--badge {
font-size: 0.6875rem;
}
.product--table .table--actions + .alert {
margin-top: 0.625rem;
}
.product--table .content {
font-size: 0.875rem;
margin: 0;
}
.product--table .add-product--form {
margin: 1.25rem 0rem 1.25rem 0rem;
}
.product--table .add-product--field,
.product--table .add-voucher--field {
border-radius: 3px 0 0 3px !important;
height: 2.375rem;
width: 90%;
}
.product--table .add-voucher--field {
background: #fff;
}
.product--table .add-product--button,
.product--table .add-voucher--button {
height: 2.375rem;
padding: 0.1875rem 0rem 0.1875rem 0rem;
border-top-left-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
background-clip: padding-box;
width: 10%;
}
.product--table .add-voucher--form {
margin: 0rem 0rem 0.75rem 0rem;
}
.product--table .add-voucher--panel {
margin: 0.625rem 0rem 0rem 0rem;
}
.product--table .table--aggregation {
margin: 0rem -0.625rem 0rem -0.625rem;
padding: 0.75rem 0.625rem 0.75rem 0.625rem;
background: #f8f8f8;
border-color: #e8e8e8;
border-style: solid;
border-width: 1px 0 0 0;
}
.product--table .table--shipping-costs label {
font-weight: bold;
}
.product--table .table--shipping-costs > div {
margin-bottom: 0.5em;
}
.product--table .table--shipping-costs .select-field {
max-width: 100%;
}
.product--table .table--shipping-costs-trigger {
font-weight: bold;
text-decoration: none;
}
.product--table .main--actions:after {
content: "";
display: table;
clear: both;
}
.product--table .table--footer {
font-size: 0.875rem;
}
.product--table .table--footer .benefit--text {
font-size: 0.875rem;
}
.product--table .benefit--headline {
font-size: 0.875rem;
color: black;
font-weight: bold;
}
.aggregation--list {
margin: 0rem -0.625rem 0rem -0.625rem;
padding: 0.75rem 0.625rem 0.75rem 0.625rem;
background: #f8f8f8;
border-bottom: 1px solid #e8e8e8;
}
.aggregation--list .list--entry {
list-style: none;
}
.aggregation--list .entry--label {
width: 70%;
}
.aggregation--list .entry--value {
width: 30%;
text-align: right;
}
.aggregation--list .entry--total {
font-weight: bold;
color: black;
}
.aggregation--list .entry--totalnet,
.aggregation--list .entry--taxes {
font-size: 0.75rem;
}
.premium-product.panel {
margin: 0.625rem 0rem 0.625rem 0rem;
}
.premium-product--content {
height: 21.25rem;
}
.premium-product--content .product-slider--container {
padding: 0;
}
.premium-product p {
margin: 0.625rem 0rem 0.625rem 0rem;
}
.premium-product .premium-product--difference {
display: block;
}
.premium-product .premium-product--difference .difference--price {
font-size: 0.875rem;
}
.premium-product .product-slider--arrow.arrow--next {
right: -0.0625rem;
}
.premium-product .product-slider--arrow.arrow--prev {
left: -0.0625rem;
}
.premium-product .product--inner {
padding: 0.3125rem 1.875rem 0.3125rem 1.875rem;
margin: 0rem 0rem 0.625rem 0rem;
min-height: 360px;
}
.premium-product .product--inner .product--image {
border-radius: 3px;
background-clip: padding-box;
height: 10.9375rem;
margin: 0rem 0rem 0.9375rem 0rem;
padding: 0.625rem 0.625rem 0.625rem 0.625rem;
display: block;
border: 1px solid #e8e8e8;
position: relative;
text-align: center;
}
.premium-product .product--inner .product--image .image--element {
height: 100%;
width: 100%;
display: block;
margin: 0 auto;
position: relative;
}
.premium-product .product--inner .product--image .image--element img {
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
margin: auto;
display: inline-block;
vertical-align: middle;
z-index: 10;
}
.premium-product .product--inner .premium-product--badge {
border-radius: 38px;
background-clip: padding-box;
height: 2.375rem;
width: 2.375rem;
line-height: 2.375rem;
top: -1.1875rem;
right: -1.1875rem;
background: #5e9a3d;
position: absolute;
color: #fff;
font-weight: bold;
z-index: 10;
}
.premium-product .product--inner .premium-product--free {
color: #5e9a3d;
font-weight: bold;
text-align: left;
}
.premium-product .product--inner .product--title {
font-weight: bold;
text-decoration: underline;
}
.premium-product .product--inner .product--title:hover {
text-decoration: none;
}
.premium-product .product--inner .product--sku {
margin: 0 0 0.4em;
}
.premium-product .product--inner .btn {
width: 100%;
}
.premium-product .product--inner .premium--variant:after {
content: "";
display: table;
clear: both;
}
.premium-product .product--inner .premium--variant .premium--button {
border-top-left-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
background-clip: padding-box;
height: 2.375rem;
margin-left: -0.125rem;
width: 20%;
}
.premium-product .product--inner .premium--variant .select-field {
margin-right: 0.125rem;
max-width: 80%;
float: left;
}
.premium-product .product--inner .premium--variant .select-field .premium--selection {
border-top-left-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
background-clip: padding-box;
line-height: 2.375rem;
height: 2.375rem;
font-weight: bold;
}
.premium-product .product--inner .premium--variant .select-field:after {
height: 2.25rem;
}
.js--modal .modal--checkout-add-article .list--unstyled {
list-style: none;
padding: 0px;
}
.js--modal .modal--checkout-add-article .link--article-image .image--media {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.js--modal .modal--checkout-add-article .link--article-image .image--media img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
margin: auto;
}
.js--modal .modal--checkout-add-article .modal--title {
padding: 0.625rem 2.5rem 0.625rem 1.25rem;
font-size: 1rem;
font-weight: bold;
border-bottom: 1px solid #e8e8e8;
}
.js--modal .modal--checkout-add-article .modal--error {
padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.js--modal .modal--checkout-add-article .modal--article {
padding: 1.25rem;
}
.js--modal .modal--checkout-add-article .article--info {
margin-left: 6.875rem;
}
.js--modal .modal--checkout-add-article .article--info:after {
content: "";
display: table;
clear: both;
}
.js--modal .modal--checkout-add-article .article--image {
padding: 0.3125rem;
width: 5rem;
height: 5rem;
border-radius: 3px;
background-clip: padding-box;
float: left;
border: 1px solid #e8e8e8;
}
.js--modal .modal--checkout-add-article .article--name {
width: 100%;
}
.js--modal .modal--checkout-add-article .list--name {
margin-bottom: 0.625rem;
}
.js--modal .modal--checkout-add-article .list--name .entry--name {
margin-bottom: 0.625rem;
}
.js--modal .modal--checkout-add-article .list--name .link--name {
color: black;
font-weight: bold;
}
.js--modal .modal--checkout-add-article .article--price {
width: 100%;
}
.js--modal .modal--checkout-add-article .list--price .entry--price {
margin-bottom: 0.625rem;
color: black;
font-weight: bold;
}
.js--modal .modal--checkout-add-article .modal--actions {
margin: 0rem 0rem 1.25rem 0rem;
padding: 0.625rem 1.25rem 0rem 1.25rem;
}
.js--modal .modal--checkout-add-article .modal--actions:after {
content: "";
display: table;
clear: both;
}
.js--modal .modal--checkout-add-article .modal--actions .btn {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
margin-top: 0.625rem;
}
.js--modal .modal--checkout-add-article .modal--actions .is--left {
padding-left: 2.1875rem;
}
.js--modal .modal--checkout-add-article .modal--cross-selling {
margin: 0;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product-slider--container {
padding: 0;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product-slider--item {
width: 33.3333% !important;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .image--media img {
max-height: 70px;
width: auto;
height: 100%;
max-width: 100%;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product-link {
text-decoration: none;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product--title {
font-size: 0.75rem;
font-weight: 600;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product--price {
font-size: 1rem;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--image {
padding-bottom: 0.625rem;
height: 10.625rem;
border-bottom: 1px solid #e8e8e8;
margin: 0 auto;
text-align: center;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image,
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image span {
overflow: hidden;
display: block;
height: 100%;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image img {
margin: 0 auto;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .image--slider-item,
.js--modal .modal--checkout-add-article .modal--cross-selling .image--no-picture {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--name {
color: black;
font-weight: bold;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--price-unit {
font-size: 0.6875rem;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--normal {
font-size: 1.0625rem;
color: black;
font-weight: bold;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--reduced {
color: black;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--pseudo {
font-size: 0.625rem;
text-decoration: line-through;
}
.content--confirm .alert {
margin-top: 0.625rem;
}
.content--confirm .has--border {
border: 1px solid #e8e8e8;
}
.content--confirm .confirm--actions .main--actions {
text-align: center;
width: 100%;
}
.content--confirm .payment--method-list,
.content--confirm .dispatch--method-list {
margin-bottom: 0.625rem;
}
.content--confirm .payment--method,
.content--confirm .dispatch--method {
padding-bottom: 0.625rem;
margin-bottom: 0.625rem;
border-bottom: 1px solid #e8e8e8;
}
.content--confirm .payment--method .method_last,
.content--confirm .dispatch--method .method_last {
border: 0 none;
}
.content--confirm .payment--method.method_last,
.content--confirm .dispatch--method.method_last {
border: 0 none;
}
.content--confirm .method--input {
width: 2.5rem;
text-align: center;
float: left;
}
.content--confirm .method--label {
padding-left: 2.5rem;
width: 100%;
}
.content--confirm .method--description {
padding-left: 2.5rem;
}
.content--confirm .payment--method-logo {
margin-left: 2.5rem;
}
.content--confirm .method--bankdata {
padding-left: 2.5rem;
}
.content--confirm .method--bankdata input[type="text"] {
max-width: 100%;
}
.content--confirm .table--aggregation,
.content--confirm .add-product--form,
.content--confirm .add-product--field,
.content--confirm .add-product--button {
display: none;
}
.content--confirm .aggregation--list {
font-size: 0.875rem;
line-height: 1.5rem;
margin: 0rem -0.625rem 0rem -0.625rem;
border-top: 1px solid #e8e8e8;
}
@media screen and (min-width: 30em) {
.product--table .column--label {
text-align: right;
width: 100%;
margin: 0;
}
.product--table .table--tr {
padding: 0.625rem 0rem 1.25rem 0rem;
}
.product--table .table--content {
width: 85%;
}
.product--table .table--actions .btn--checkout-proceed,
.product--table .table--actions .btn--checkout-continue {
width: 49%;
text-align: center;
margin-bottom: 0rem;
}
.product--table .column--product .column--image {
width: 15%;
}
.product--table .column--quantity,
.product--table .column--unit-price,
.product--table .column--total-price {
float: left;
width: 28.83%;
}
.product--table .column--quantity {
padding-right: 0.625rem;
margin-left: 13.5%;
}
.product--table .column--quantity .quantity--label {
margin: 0rem 0rem 0.1875rem 0rem;
text-align: left;
}
.product--table .column--quantity .select-field {
float: left;
font-weight: bold;
}
.product--table .column--unit-price {
padding-right: 0.625rem;
margin: 0;
}
.product--table .column--unit-price .unit-price--label {
margin-bottom: 0.75rem;
}
.product--table .column--total-price {
padding: 0rem 0.625rem 0.3125rem 0.625rem;
margin: 0;
}
.product--table .column--total-price .total-price--label {
margin-bottom: 0.75rem;
}
.product--table .column--tax-price {
margin: 0;
}
.product--table .column--tax-price .tax-price--label {
margin-bottom: 0.75rem;
}
.product--table .row--rebate .column--label,
.product--table .row--premium-product .column--label,
.product--table .row--voucher .column--label {
margin: 0;
}
.product--table .row--rebate .column--image,
.product--table .row--premium-product .column--image,
.product--table .row--voucher .column--image {
width: 15%;
}
.product--table .row--rebate .column--total-price,
.product--table .row--premium-product .column--total-price,
.product--table .row--voucher .column--total-price {
float: right;
}
.product--table .add-product--field {
width: 55%;
}
.product--table .actions--bottom .main--actions {
margin-bottom: 0.625rem;
}
.js--modal .modal--checkout-add-article .modal--actions {
margin: 0rem 0rem 1.25rem 0rem;
padding: 0.625rem 1.25rem 0rem 1.25rem;
}
.js--modal .modal--checkout-add-article .modal--actions:after {
content: "";
display: table;
clear: both;
}
.js--modal .modal--checkout-add-article .modal--actions .btn {
width: 49%;
}
.js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
margin-top: 0;
}
.js--modal .modal--checkout-add-article .modal--actions .is--left {
padding-left: 2.1875rem;
}
}
@media screen and (min-width: 48em) {
.is--ctl-checkout .basket--info-messages {
margin: 1.25rem 0rem 0.25rem 0rem;
}
.is--ctl-checkout .account--change-billing.register--content,
.is--ctl-checkout .account--change-shipping.register--content {
width: 75%;
}
.is--act-shippingpayment .product--table .table--actions {
margin-top: 1.25rem;
}
.is--act-shippingpayment .payment--method-list {
margin-top: 0;
}
.is--act-shippingpayment .basket--footer .aggregation--list {
padding-right: 1.25rem;
}
.product--table {
margin: 1.25rem 0rem 1.25rem 0rem;
}
.product--table .alert {
margin-bottom: 1.25rem;
}
.product--table .row--voucher,
.product--table .row--premium-product {
height: 100%;
}
.product--table .panel--body {
padding: 1.25rem 1.25rem 1.25rem 1.25rem;
border: 1px solid #e8e8e8;
}
.product--table .premium-product--content {
height: 21.875rem;
border: 0 none;
}
.product--table .premium-product.panel {
margin: 1.25rem 0rem 0rem 0rem;
}
.product--table .column--actions {
position: static;
bottom: auto;
float: right;
}
.product--table .column--label {
display: none;
}
.product--table .table--header {
margin: 0rem 0rem 0.625rem 0rem;
border-bottom: 1px solid #e8e8e8;
display: block;
}
.product--table .table--header .table--column {
font-size: 1rem;
padding-bottom: 0;
font-weight: bold;
color: black;
}
.product--table .table--header .panel--th {
padding: 0.3125rem 0.625rem 0.5625rem 0.625rem;
font-size: 1rem;
}
.product--table .table--header .column--product {
padding-left: 0;
width: 52%;
}
.product--table .column--product {
float: left;
width: 52%;
}
.product--table .column--product .column--image {
width: 8%;
}
.product--table .table--tr {
padding: 0;
border-bottom: 1px solid #e8e8e8;
}
.product--table .is--centered {
display: inline-block;
vertical-align: middle;
}
.product--table .column--actions {
width: 8%;
padding-right: 0;
}
.product--table .column--product .column--image {
width: 20%;
}
.product--table .table--media,
.product--table .table--content {
float: left;
}
.product--table .table--media {
width: 100%;
}
.product--table .table--media .table--media-outer {
margin: 0;
}
.product--table .table--content {
width: 74%;
}
.product--table .column--quantity {
padding: 0.625rem 0.625rem 0.625rem 0.625rem;
float: left;
width: 11%;
margin: 0;
}
.product--table .column--quantity .select-field {
float: right;
font-weight: bold;
padding: 0rem 0rem 0rem 1rem;
}
.product--table .column--unit-price,
.product--table .column--total-price {
padding: 0.625rem 0.625rem 0.625rem 0.625rem;
width: 14.5%;
}
.product--table .row--product .column--unit-price,
.product--table .row--product .column--total-price {
line-height: 2.625rem;
}
.product--table .content--title {
font-size: 1rem;
font-weight: bold;
color: black;
}
.product--table .column--total-price {
float: left;
font-weight: bold;
}
.product--table .basket--badge {
width: 3rem;
margin: 0 auto;
}
.product--table .row--rebate .table--media,
.product--table .row--premium-product .table--media,
.product--table .row--voucher .table--media {
float: left;
}
.product--table .row--rebate .column--total-price,
.product--table .row--premium-product .column--total-price,
.product--table .row--voucher .column--total-price {
margin-left: 25.5%;
float: left;
}
.product--table .row--rebate .column--tax-price,
.product--table .row--premium-product .column--tax-price,
.product--table .row--voucher .column--tax-price {
margin: 0;
}
.product--table .row--rebate .column--actions,
.product--table .row--premium-product .column--actions,
.product--table .row--voucher .column--actions {
padding-top: 0.8125rem;
}
.product--table .row--rebate .table--content,
.product--table .row--premium-product .table--content {
padding-top: 1.3125rem;
}
.product--table .row--rebate .column--total-price,
.product--table .row--premium-product .column--total-price {
padding-top: 1.375rem;
}
.product--table .row--voucher .column--total-price {
padding-top: 1.375rem;
}
.product--table .row--premium-product .column--product,
.product--table .row--rebate .column--product {
width: 77.5%;
}
.product--table .row--premium-product .column--image,
.product--table .row--rebate .column--image {
width: 13.3%;
}
.product--table .row--premium-product .column--total-price,
.product--table .row--rebate .column--total-price {
margin-left: 0;
}
.product--table .add-product--form {
margin: 0.9375rem 0rem 1.25rem 0rem;
width: 35%;
}
.product--table .add-product--field {
width: 80%;
}
.product--table .add-product--button {
width: 16%;
}
.product--table .basket--footer {
border-top: 1px solid #e8e8e8;
background: #f8f8f8;
}
.product--table .basket--footer:after {
content: "";
display: table;
clear: both;
}
.product--table .aggregation--list,
.product--table .table--aggregation {
padding: 1.25rem 1.25rem 1.25rem 1.25rem;
padding-right: 11%;
border: 0 none;
background: transparent;
margin: 0;
float: left;
width: 50%;
}
.product--table .table--actions {
padding-bottom: 1.25rem;
margin: 0;
}
.product--table .table--actions .is--secondary {
margin-right: 1.25rem;
}
.product--table .table--actions .btn--inquiry {
margin-left: -8.125rem;
width: 16.25rem;
top: 0;
position: absolute;
left: 50%;
}
.product--table .table--actions .btn--checkout-proceed,
.product--table .table--actions .btn--checkout-continue {
width: 25%;
text-align: center;
margin-bottom: 0rem;
}
.product--table .actions--bottom .main--actions {
margin-top: 1.25rem;
}
.product--table .table--footer {
display: block;
}
.footer--benefit {
font-size: 0.875rem;
padding: 0rem 1.25rem 0rem 0rem;
width: 33.33332%;
}
.footer--benefit.is--last {
padding: 0;
}
.js--modal .modal--checkout-add-article .article--price {
margin-top: 0;
margin-left: 0;
}
.js--modal .modal--checkout-add-article .modal--actions .btn {
width: 35%;
margin-bottom: 0;
}
.js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
margin-top: 0;
}
.content--confirm .alert {
margin: 0;
}
.content--confirm .table--aggregation {
visibility: hidden;
display: block;
}
.content--confirm .confirm--inner-container .payment--method-list,
.content--confirm .confirm--inner-container .dispatch--method-list {
margin-bottom: 1.25rem;
}
.content--confirm .confirm--inner-container .panel--body {
border: 0 none;
}
.content--confirm .confirm--inner-container .has--border {
border: 1px solid #e8e8e8;
}
.content--confirm .confirm--inner-container .basket--footer {
border: 1px solid #e8e8e8;
margin: 0;
}
.content--confirm .confirm--actions .main--actions {
width: 25%;
}
}
@media screen and (min-width: 64em) {
.product--table .table--actions .btn--inquiry {
left: 50%;
}
.product--table .column--product .column--image {
width: 16%;
}
.product--table .column--product .table--content {
width: 84%;
}
.product--table .row--premium-product .column--product .column--image,
.product--table .row--rebate .column--product .column--image {
width: 10.7%;
}
.product--table .aggregation--list {
float: right;
padding-right: 10.5%;
}
.product--table .table--aggregation {
width: 45%;
}
}
@media screen and (min-width: 78.75em) {
.is--ctl-checkout .basket--info-messages {
margin: 2.8125rem 0rem 0rem 0rem;
}
.is--act-shippingpayment .product--table {
margin-top: 1.5625rem;
}
.product--table .column--actions {
width: 4%;
}
.product--table .table--header .column--product {
width: 55%;
}
.product--table .column--product {
width: 55%;
}
.product--table .column--product .column--image {
width: 14%;
max-width: 80px;
}
.product--table .column--product .table--content {
width: 86%;
}
.product--table .row--rebate .column--actions,
.product--table .row--premium-product .column--actions,
.product--table .row--voucher .column--actions {
padding-top: 1.3125rem;
}
.product--table .row--product .column--actions {
padding-top: 2.125rem;
}
.product--table .table--tr .column--actions .column--actions-link {
line-height: 1.125rem;
padding: 0rem 0.3125rem 0.125rem 0.3125rem;
}
.product--table .table--tr .column--actions .icon--cross {
font-size: 0.5625rem;
}
.product--table .row--premium-product .column--product,
.product--table .row--rebate .column--product {
width: 80.5%;
}
.product--table .row--premium-product .column--product .column--image,
.product--table .row--rebate .column--product .column--image {
width: 9.5%;
}
.product--table .aggregation--list {
padding-right: 7.3%;
}
}
/*
Confirm
================================
Defines the styles for the confirm page on the checkout process.
It is displayed as the third step of the checkout process of Shopware and shows the important checkout information and article details of the order.
*/
.confirm--content > .alert {
margin: 0.5rem 0rem 0rem 0rem;
}
.confirm--content .body--revocation {
font-weight: bold;
}
.confirm--content .panel {
margin: 0rem 0rem 0.5rem 0rem;
border-radius: 3px;
background-clip: padding-box;
}
.confirm--content .product--table {
margin: 0;
}
.confirm--content .product--table .panel--body {
background: #f8f8f8;
color: black;
padding-bottom: 0;
}
.confirm--content .product--table .table--tr,
.confirm--content .product--table .table--media img {
border-color: #e8e8e8;
}
.confirm--content .product--table .basket--footer {
background: #f8f8f8;
border-color: #e8e8e8;
}
.confirm--content .product--table .basket--footer .aggregation--list {
margin: 0;
background: transparent;
border-top: 1px solid #e8e8e8;
}
.confirm--content .product--table .basket--footer .table--aggregation {
margin-left: 0;
margin-right: 0;
}
.confirm--content .product--table .is--last-row {
border-bottom: 0 none;
}
.confirm--content .column--unit-price {
display: none;
}
.confirm--content .table--tr .column--tax-price {
padding: 0rem 0rem 0.5625rem 0.625rem;
}
.confirm--content .agb_info,
.confirm--content .list--checkbox {
margin: 0rem 0rem 1.3125rem 0rem;
}
.confirm--content .list--checkbox .column--checkbox {
width: 10%;
}
.confirm--content .list--checkbox .column--label {
width: 90%;
}
.confirm--content .add-product--form {
margin: 0.75rem 0rem 0.75rem 0rem;
}
.confirm--content .add-voucher--form:after,
.confirm--content .add-product--form:after {
content: "";
display: table;
clear: both;
}
.confirm--content .add-product--field,
.confirm--content .add-voucher--field {
border-radius: 3px 0 0 3px !important;
width: 90%;
}
.confirm--content .add-product--button,
.confirm--content .add-voucher--button {
padding: 0.3125rem 0rem 0.3125rem 0rem;
border-top-left-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
background-clip: padding-box;
width: 10%;
text-align: center;
}
.confirm--content .user-comment--field {
width: 100%;
}
.confirm--content .table--actions .main--actions {
margin: 1.25rem 0rem 0.625rem 0rem;
}
.confirm--content .table--actions .btn {
width: 100%;
}
.confirm--content .table-footer--country-notice {
margin: 0.6875rem 0rem 0rem 0rem;
}
.confirm--content .js--loading {
width: 1.125rem;
height: 1.125rem;
border-radius: 100%;
background-clip: padding-box;
right: 0.375rem;
top: 0.125rem;
margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
-webkit-animation: keyframe--spin 1s linear infinite;
animation: keyframe--spin 1s linear infinite;
border: 2px solid #e8e8e8;
border-top: 2px #e8e8e8
display: block;
position: absolute;
}
.confirm--content .payment--panel .payment--method-info,
.confirm--content .payment--panel .shipping--method-info {
margin-bottom: 0.625rem;
}
.confirm--content .payment--panel .payment--description,
.confirm--content .payment--panel .shipping--description {
white-space: nowrap;
}
.confirm--content .information--panel-item:after {
content: "";
display: table;
clear: both;
}
.confirm--content .information--panel-item .panel--body:after {
content: "";
display: table;
clear: both;
}
.confirm--content .information--panel-item .alert {
margin-bottom: 0;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel {
text-align: center;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
display: none;
}
.confirm--content .set-default {
margin-top: 0.9375rem;
}
.confirm--content .choose-different-address {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
vertical-align: bottom;
}
@media screen and (max-width: 30em) {
.confirm--content .information--panel-item .information--panel-address .shipping--panel {
margin-top: 1.25rem;
padding-top: 1.25rem;
}
.confirm--content .information--panel-item .information--panel-address .shipping--panel .btn {
text-align: center;
}
.confirm--content .information--panel-item .information--panel-address .panel--actions .choose-different-address {
display: inline-block;
}
.confirm--content .information--panel-item .information--panel-address .panel--body {
padding-bottom: 0;
}
.confirm--content .information--panel-item .choose-different-address {
margin-top: 0.625rem;
}
}
@media screen and (min-width: 30em) {
.confirm--content .product--table .column--quantity {
width: 26%;
}
.confirm--content .product--table .column--total-price {
width: 28.5%;
}
.confirm--content .product--table .column--tax-price {
padding-right: 0.625rem;
float: left;
width: 32%;
}
.confirm--content .product--table .row--rebate .column--tax-price,
.confirm--content .product--table .row--premium-product .column--tax-price,
.confirm--content .product--table .row--voucher .column--tax-price {
margin-left: 39.5%;
}
.confirm--content .information--panel-address > .panel {
margin: 0;
}
.confirm--content .information--panel-address > .panel .information--panel {
width: 50%;
float: left;
}
}
@media screen and (min-width: 48em) {
.is--act-shippingpayment .basket--footer {
border-radius: 3px;
background-clip: padding-box;
}
.confirm--content > .alert {
margin: 1.25rem 0rem 0rem 0rem;
}
.confirm--content .panel {
margin: 0rem 0rem 1.25rem 0rem;
}
.confirm--content .product--table .table--header {
background: #f8f8f8;
border-color: #e8e8e8;
}
.confirm--content .product--table .table--header .panel--th {
color: black;
}
.confirm--content .product--table .column--product {
width: 47%;
}
.confirm--content .product--table .column--quantity {
width: 11%;
}
.confirm--content .product--table .column--tax-price {
width: 17%;
}
.confirm--content .product--table .column--total-price {
width: 17%;
}
.confirm--content .product--table .column--actions {
width: 7.5%;
}
.confirm--content .product--table .is--last-row {
border-bottom: 0 none;
}
.confirm--content .product--table .row--product .column--tax-price {
line-height: 2.625rem;
padding-top: 1.625rem;
}
.confirm--content .product--table .panel--body {
padding-bottom: 1.25rem;
}
.confirm--content .product--table .basket--footer {
margin: 0rem -1.25rem -1.25rem -1.25rem;
}
.confirm--content .product--table .row--rebate .column--tax-price,
.confirm--content .product--table .row--premium-product .column--tax-price,
.confirm--content .product--table .row--voucher .column--tax-price {
padding-top: 1.3125rem;
margin-left: 11%;
}
.confirm--content .product--table .row--rebate .column--total-price,
.confirm--content .product--table .row--premium-product .column--total-price,
.confirm--content .product--table .row--voucher .column--total-price {
margin-left: 0;
}
.confirm--content .product--table .column--tax-price .tax-price--label {
margin-bottom: 0.75rem;
margin: 0;
}
.confirm--content .row--premium-product .column--product,
.confirm--content .row--rebate .column--product {
width: 58%;
}
.confirm--content .row--premium-product .column--product .column--image,
.confirm--content .row--rebate .column--product .column--image {
width: 16.2%;
}
.confirm--content .product--table .row--premium-product .column--tax-price,
.confirm--content .product--table .row--rebate .column--tax-price {
margin-left: 0;
}
.confirm--content .tos--panel .column--checkbox {
margin-right: 0.75rem;
width: auto;
}
.confirm--content .tos--panel .column--label {
width: 95%;
display: block;
}
.confirm--content .information--panel-wrapper {
margin: -2% 0 0 -2%;
}
.confirm--content .information--panel-wrapper .information--panel {
margin: 0;
}
.confirm--content .information--panel-wrapper .information--panel-item {
padding: 2% 0 0 2%;
width: 100%;
float: left;
}
.confirm--content .additional--features .feature--add-product {
width: 40%;
margin: -1% 2.5% 0 0;
}
.confirm--content .additional--features .feature--user-comment {
width: 55%;
margin: 0 0 0 2.5%;
}
.confirm--content .additional--features .user-comment--field {
height: 5.9375rem;
}
.confirm--content .product--table .basket--footer .aggregation--list {
float: right;
padding-right: 10.4%;
border-top: 0 none;
}
.confirm--content .main--actions .btn {
width: auto;
float: right;
}
.confirm--content .main--actions .btn:after {
content: "";
display: table;
clear: both;
}
.confirm--content .relevant--info {
display: block;
}
.confirm--content .information--panel-wrapper .information--panel-item-billing {
width: 50%;
}
.confirm--content .information--panel-wrapper .information--panel-item-billing .panel {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.confirm--content .information--panel-wrapper .information--panel-item-shipping {
padding-left: 0;
width: 50%;
}
.confirm--content .information--panel-wrapper .information--panel-item-shipping .panel {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.confirm--content .information--panel-item.information--panel-address .panel--actions .choose-different-address {
display: none;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
display: inline-block;
}
.confirm--content .information--panel-item.information--panel-address .panel--body:after {
content: "";
display: table;
clear: both;
}
.confirm--content .information--panel-item.information--panel-address .panel--body .billing--panel {
float: left;
width: 50%;
}
.confirm--content .information--panel-item.information--panel-address .panel--body .shipping--panel {
float: right;
width: 50%;
}
}
@media screen and (min-width: 64em) {
.confirm--content .product--table .row--premium-product .column--image,
.confirm--content .product--table .row--rebate .column--image {
width: 13%;
}
.confirm--content .product--table .aggregation--list {
padding-right: 10%;
}
.confirm--content .information--panel-wrapper .payment--panel .panel--actions {
position: relative;
}
.confirm--content .information--panel-wrapper .payment--panel .btn--change-payment {
bottom: 1.25rem;
position: absolute;
}
.confirm--content .information--panel-wrapper .information--panel-item {
width: 33.3%;
}
.confirm--content .information--panel-wrapper .information--panel-item.information--panel-address {
width: 66.6%;
}
}
@media screen and (min-width: 78.75em) {
.confirm--content {
padding-top: 0rem;
}
.confirm--content > .alert {
margin: 2.8125rem 0rem 0rem 0rem;
}
.confirm--content .product--table .row--premium-product .column--product,
.confirm--content .product--table .row--rebate .column--product {
width: 58%;
}
.confirm--content .product--table .row--premium-product .column--image,
.confirm--content .product--table .row--rebate .column--image {
width: 11.3%;
}
.confirm--content .product--table .row--premium-product .column--tax-price,
.confirm--content .product--table .row--rebate .column--tax-price {
margin-left: 0;
}
.confirm--content .product--table .aggregation--list {
padding-right: 9.6%;
}
}
#cookie-consent {
width: 17.5rem;
-webkit-transition: transform 0.45s cubic-bezier(0.3, 0, 0.15, 1);
transition: transform 0.45s cubic-bezier(0.3, 0, 0.15, 1);
}
#cookie-consent.off-canvas {
position: fixed;
z-index: 8000;
background: white;
}
#cookie-consent.block-transition {
transition: none;
}
#cookie-consent .cookie-consent--header {
cursor: pointer;
}
#cookie-consent .cookie-consent--description {
padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group {
padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
border-bottom: 1px solid black;
position: relative;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group:after {
content: "";
display: table;
clear: both;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-title {
cursor: pointer;
float: left;
width: 85%;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-title.is--active .cookie-consent--group-arrow {
transform: rotate(90deg);
}
#cookie-consent .cookie-consent--configuration .cookie-consent--configuration-header-text {
padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
font-weight: bold;
color: black;
border-bottom: 1px solid black;
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-description {
margin-left: 2.625rem;
color: #262626;
}
#cookie-consent .cookie-consent--cookie {
padding: 0.9375rem 0rem 0.9375rem 0rem;
position: relative;
}
#cookie-consent .cookie-consent--cookie:after {
content: "";
display: table;
clear: both;
}
#cookie-consent .cookie-consent--cookie .cookie--label {
cursor: pointer;
}
#cookie-consent .cookie-consent--group-container {
padding-top: 0.625rem;
float: none;
clear: both;
}
#cookie-consent .cookie-consent--group-arrow {
right: 0.9375rem;
font-size: 0.75rem;
top: 1.125rem;
position: absolute;
}
#cookie-consent .cookie-consent--save {
padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
}
#cookie-consent .cookie-consent--save .cookie-consent--save-button {
text-align: center;
width: 100%;
}
#cookie-consent .cookie-consent--configuration-main {
background: #fff;
}
#cookie-consent .cookie-consent--state-label {
margin-left: 2.5rem;
}
.cookie-consent--state-input {
display: block;
position: absolute;
}
.cookie-consent--state-input.cookie-consent--cookie-state {
top: calc(50% - 10px);
}
.cookie-consent--state-input.cookie-consent--required {
opacity: 0.4;
}
.cookie-consent--state-input.cookie-consent--required .cookie-consent--state-input-element {
cursor: default;
}
.cookie-consent--state-input .cookie-consent--state-input-element {
height: 1.25rem;
width: 1.25rem;
border-radius: 0.1875rem;
border: 1px solid black;
cursor: pointer;
display: block;
position: relative;
}
.cookie-consent--state-input input {
display: none;
}
.cookie-consent--state-input input:checked + .cookie-consent--state-input-element {
background: #333333;
}
.cookie-consent--state-input input:checked + .cookie-consent--state-input-element::after {
width: 0.625rem;
height: 0.3125rem;
top: 0.25rem;
left: 0.1875rem;
border: 2px solid #fff;
border-top: none;
border-right: none;
background: transparent;
content: '';
position: absolute;
transform: rotate(-45deg);
}
.cookie-consent--state-input input:indeterminate + .cookie-consent--state-input-element {
background: #333333;
}
.cookie-consent--state-input input:indeterminate + .cookie-consent--state-input-element::after {
width: 0.625rem;
height: 0.3125rem;
top: 0.1875rem;
left: 0.25rem;
border: 2px none #fff;
border-bottom-style: solid;
background: transparent;
content: '';
position: absolute;
}
.page-wrap--cookie-permission {
padding: 0.625rem;
z-index: 8000;
border-top: 1px solid #666;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
left: 0;
}
.page-wrap--cookie-permission .cookie-permission--container {
width: 100%;
text-align: center;
position: relative;
}
.page-wrap--cookie-permission .cookie-permission--container:after {
content: "";
display: table;
clear: both;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
margin: 0 auto;
margin-top: 1.25rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button.cookie-permission--extra-button .cookie-permission--accept-button {
margin-right: 0.3125rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button {
margin-right: 0.3125rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
margin-top: 0.625rem;
}
.cookie-removal--container {
padding: 1.5625rem;
}
.cookie-removal--container .cookie-removal--list {
margin-bottom: 1.25rem;
list-style-position: inside;
}
.cookie-removal--container .cookie-removal--buttons {
margin-top: 1.25rem;
}
.cookie-removal--container .cookie-removal--buttons .btn {
margin-bottom: 0.375rem;
display: inline-block;
width: 48%;
float: right;
}
.cookie-removal--container .cookie-removal--buttons .btn:last-child {
margin-right: 2%;
}
@media screen and (min-width: 30em) {
.cookie-removal--container .cookie-removal--footer:after {
content: "";
display: table;
clear: both;
}
.cookie-removal--container .cookie-removal--footer .cookie-removal--buttons {
float: right;
}
.cookie-removal--container .cookie-removal--buttons {
min-width: 16.25rem;
margin: 0;
}
.cookie-removal--container .privacy--notice {
padding-top: 0.5rem;
display: inline-block;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
margin-top: 0;
}
}
@media screen and (min-width: 64em) {
.page-wrap--cookie-permission .cookie-permission--container {
width: 100%;
}
.page-wrap--cookie-permission .cookie-permission--container:after {
content: "";
display: table;
clear: both;
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content {
width: calc(100% - 240px);
text-align: left;
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content.cookie-permission--extra-button {
width: calc(100% - 370px);
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button {
width: 15rem;
right: 0.3125rem;
position: absolute;
top: calc(50% - 21px);
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button.cookie-permission--extra-button {
width: 23.125rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--content {
padding: 0.75rem;
float: left;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
margin: 0;
float: right;
}
}
@charset "UTF-8";
/*!
Theme: Teehaus Schönbichler
Version: 2019
Author: Jörg Liwa
*/
/* --------------------------------
schoenbichler Web Font
Generated using nucleoapp.com
-------------------------------- */
@font-face {
font-family: "schoenbichler";
src: url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/schoenbichler.eot");
src: url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/schoenbichler.eot") format("embedded-opentype"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/schoenbichler.woff2") format("woff2"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/schoenbichler.woff") format("woff"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/schoenbichler.ttf") format("truetype"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/schoenbichler.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/*------------------------
base class definition
-------------------------*/
.icon,
.account--error .alert .alert--icon i,
.footer--benefit ul li:before,
.add-voucher--label:after,
.list--vorteile li:before,
.sidebar--navigation .navigation--entry.has--sub-children:before,
.filter-panel--checkbox input[type=checkbox]:checked ~ .input--state:before,
.filter-panel--checkbox input[type=checkbox]:checked ~ .checkbox--state:before,
.filter-panel--radio input[type=checkbox]:checked ~ .input--state:before,
.filter-panel--radio input[type=checkbox]:checked ~ .checkbox--state:before,
.filter-panel .filter-panel--icon,
.product-slider--arrow.is--vertical.arrow--next,
.product-slider--arrow.is--vertical.arrow--prev,
.product-slider--arrow.arrow--next,
.product-slider--arrow.arrow--prev,
.image-slider--thumbnails .thumbnails--arrow,
.image-slider--container .arrow {
display: inline-block;
font: normal normal normal 1em/1 "schoenbichler";
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------
icons
-------------------------*/
.icon-bearbeiten::before {
content: "\ea01";
}
.icon-blatt::before {
content: "\ea02";
}
.icon-close_x::before {
content: "\ea04";
}
.icon-dropdown::before {
content: "\ea03";
}
.icon-error_x::before,
.account--error .alert .alert--icon i::before {
content: "\ea05";
}
.icon-frage_produkt::before {
content: "\ea06";
}
.icon-garantie::before {
content: "\ea07";
}
.icon-hackerl-2::before {
content: "\ea08";
}
.icon-hackerl::before {
content: "\ea09";
}
.icon-hotline::before {
content: "\ea0a";
}
.icon-info::before {
content: "\ea0b";
}
.icon-merkliste::before {
content: "\ea0c";
}
.icon-merkliste_full::before {
content: "\ea0d";
}
.icon-nav_li::before,
.filter-panel .filter-panel--icon::before,
.product-slider--arrow.is--vertical.arrow--next::before,
.product-slider--arrow.is--vertical.arrow--prev::before,
.product-slider--arrow.arrow--prev::before,
.image-slider--thumbnails .thumbnails--arrow.is--left::before,
.image-slider--thumbnails .thumbnails--arrow.is--bottom::before,
.image-slider--thumbnails .thumbnails--arrow.is--top::before,
.image-slider--container .arrow.is--left::before {
content: "\ea0e";
}
.icon-nav_re::before,
.image-slider--thumbnails .thumbnails--arrow.is--right::before,
.image-slider--container .arrow.is--right::before {
content: "\ea0f";
}
.icon-papierkorb::before {
content: "\ea10";
}
.icon-suche::before {
content: "\ea11";
}
.icon-user::before {
content: "\ea12";
}
.icon-versand_lkw::before {
content: "\ea13";
}
.icon-versand_uhr::before {
content: "\ea14";
}
.icon-warenkorb::before {
content: "\ea15";
}
/*!
* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #e30613;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #5e9a3d;
--teal: #20c997;
--cyan: #17a2b8;
--white: #ffffff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #1c2329;
--secondary: #6c757d;
--success: #5e9a3d;
--info: #17a2b8;
--warning: #ffc107;
--danger: #e30613;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: "Montserrat", sans-serif;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(28, 35, 41, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
font-family: "Montserrat", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #1c2329;
text-align: left;
background-color: #fff8f2;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #1c2329;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: black;
text-decoration: underline;
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1,
.h1 {
font-size: 2.5rem;
}
h2,
.h2 {
font-size: 2rem;
}
h3,
.h3 {
font-size: 1.75rem;
}
h4,
.h4 {
font-size: 1.5rem;
}
h5,
.h5 {
font-size: 1.25rem;
}
h6,
.h6 {
font-size: 1rem;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(28, 35, 41, 0.1);
}
small,
.small {
font-size: 80%;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff8f2;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #6c757d;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #ffffff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
font-size: 87.5%;
color: #212529;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm,
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #1c2329;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(28, 35, 41, 0.05);
}
.table-hover tbody tr:hover {
color: #1c2329;
background-color: rgba(28, 35, 41, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #bfc1c3;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #898d90;
}
.table-hover .table-primary:hover {
background-color: #b2b4b7;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #b2b4b7;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d6d8db;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c8cbcf;
}
.table-success,
.table-success > th,
.table-success > td {
background-color: #d2e3c9;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #abca9a;
}
.table-hover .table-success:hover {
background-color: #c4dab8;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #c4dab8;
}
.table-info,
.table-info > th,
.table-info > td {
background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: #86cfda;
}
.table-hover .table-info:hover {
background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5;
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f7b9bd;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #f07e84;
}
.table-hover .table-danger:hover {
background-color: #f4a2a7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f4a2a7;
}
.table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #fbfcfc;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #95999c;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(28, 35, 41, 0.075);
}
.table-hover .table-active:hover {
background-color: rgba(18, 22, 26, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(18, 22, 26, 0.075);
}
.table .thead-dark th {
color: #ffffff;
background-color: #343a40;
border-color: #454d55;
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
}
.table-dark {
color: #ffffff;
background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #454d55;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #ffffff;
border-color: #506475;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #ffffff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #1c2329;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
select.form-control[size],
select.form-control[multiple] {
height: auto;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
color: #6c757d;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #5e9a3d;
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #ffffff;
background-color: rgba(94, 154, 61, 0.9);
border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
border-color: #5e9a3d;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%235e9a3d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
border-color: #5e9a3d;
box-shadow: 0 0 0 0.2rem rgba(94, 154, 61, 0.25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
border-color: #5e9a3d;
padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%235e9a3d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #5e9a3d;
box-shadow: 0 0 0 0.2rem rgba(94, 154, 61, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
color: #5e9a3d;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
color: #5e9a3d;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #5e9a3d;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #76ba50;
background-color: #76ba50;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(94, 154, 61, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #5e9a3d;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
border-color: #5e9a3d;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #5e9a3d;
box-shadow: 0 0 0 0.2rem rgba(94, 154, 61, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #e30613;
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #ffffff;
background-color: rgba(227, 6, 19, 0.9);
border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: #e30613;
padding-right: calc(1.5em + 0.75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e30613' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e30613' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: #e30613;
box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
padding-right: 3rem !important;
background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
border-color: #e30613;
padding-right: calc(0.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e30613' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e30613' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #e30613;
box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
color: #e30613;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
color: #e30613;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #e30613;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #f9232f;
background-color: #f9232f;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #e30613;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
border-color: #e30613;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #e30613;
box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #1c2329;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #1c2329;
text-decoration: none;
}
.btn:focus,
.btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.btn.disabled,
.btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary,
.information--panel .btn,
.btn.is--primary {
color: #ffffff;
background-color: #1c2329;
border-color: #1c2329;
}
.btn-primary:hover,
.information--panel .btn:hover,
.btn.is--primary:hover {
color: #ffffff;
background-color: #0c1012;
border-color: #07090b;
}
.btn-primary:focus,
.information--panel .btn:focus,
.btn.is--primary:focus,
.btn-primary.focus,
.information--panel .focus.btn,
.focus.btn.is--primary {
color: #ffffff;
background-color: #0c1012;
border-color: #07090b;
box-shadow: 0 0 0 0.2rem rgba(62, 68, 73, 0.5);
}
.btn-primary.disabled,
.information--panel .disabled.btn,
.disabled.btn.is--primary,
.btn-primary:disabled,
.information--panel .btn:disabled,
.btn.is--primary:disabled {
color: #ffffff;
background-color: #1c2329;
border-color: #1c2329;
}
.btn-primary:not(:disabled):not(.disabled):active,
.information--panel .btn:not(:disabled):not(.disabled):active,
.btn.is--primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.information--panel .btn:not(:disabled):not(.disabled).active,
.btn.is--primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.information--panel .show > .dropdown-toggle.btn,
.show > .dropdown-toggle.btn.is--primary {
color: #ffffff;
background-color: #07090b;
border-color: #020303;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.information--panel .btn:not(:disabled):not(.disabled):active:focus,
.btn.is--primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.information--panel .btn:not(:disabled):not(.disabled).active:focus,
.btn.is--primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.information--panel .show > .dropdown-toggle.btn:focus,
.show > .dropdown-toggle.btn.is--primary:focus {
box-shadow: 0 0 0 0.2rem rgba(62, 68, 73, 0.5);
}
.btn-secondary,
.btn.is--secondary {
color: #ffffff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover,
.btn.is--secondary:hover {
color: #ffffff;
background-color: #5a6268;
border-color: #545b62;
}
.btn-secondary:focus,
.btn.is--secondary:focus,
.btn-secondary.focus,
.focus.btn.is--secondary {
color: #ffffff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled,
.disabled.btn.is--secondary,
.btn-secondary:disabled,
.btn.is--secondary:disabled {
color: #ffffff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn.is--secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn.is--secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.show > .dropdown-toggle.btn.is--secondary {
color: #ffffff;
background-color: #545b62;
border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn.is--secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn.is--secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.show > .dropdown-toggle.btn.is--secondary:focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
color: #ffffff;
background-color: #5e9a3d;
border-color: #5e9a3d;
}
.btn-success:hover {
color: #ffffff;
background-color: #4d7f32;
border-color: #48752f;
}
.btn-success:focus,
.btn-success.focus {
color: #ffffff;
background-color: #4d7f32;
border-color: #48752f;
box-shadow: 0 0 0 0.2rem rgba(118, 169, 90, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
color: #ffffff;
background-color: #5e9a3d;
border-color: #5e9a3d;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #ffffff;
background-color: #48752f;
border-color: #426c2b;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(118, 169, 90, 0.5);
}
.btn-info {
color: #ffffff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #ffffff;
background-color: #138496;
border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
color: #ffffff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
color: #ffffff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #ffffff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
color: #ffffff;
background-color: #e30613;
border-color: #e30613;
}
.btn-danger:hover {
color: #ffffff;
background-color: #be0510;
border-color: #b1050f;
}
.btn-danger:focus,
.btn-danger.focus {
color: #ffffff;
background-color: #be0510;
border-color: #b1050f;
box-shadow: 0 0 0 0.2rem rgba(231, 43, 54, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #ffffff;
background-color: #e30613;
border-color: #e30613;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #ffffff;
background-color: #b1050f;
border-color: #a5040e;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(231, 43, 54, 0.5);
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
color: #ffffff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #ffffff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
color: #ffffff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #ffffff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #ffffff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
color: #1c2329;
border-color: #1c2329;
}
.btn-outline-primary:hover {
color: #ffffff;
background-color: #1c2329;
border-color: #1c2329;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(28, 35, 41, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #1c2329;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #ffffff;
background-color: #1c2329;
border-color: #1c2329;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(28, 35, 41, 0.5);
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #ffffff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #ffffff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
color: #5e9a3d;
border-color: #5e9a3d;
}
.btn-outline-success:hover {
color: #ffffff;
background-color: #5e9a3d;
border-color: #5e9a3d;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(94, 154, 61, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #5e9a3d;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #ffffff;
background-color: #5e9a3d;
border-color: #5e9a3d;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(94, 154, 61, 0.5);
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:hover {
color: #ffffff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: #ffffff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
color: #e30613;
border-color: #e30613;
}
.btn-outline-danger:hover {
color: #ffffff;
background-color: #e30613;
border-color: #e30613;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #e30613;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #ffffff;
background-color: #e30613;
border-color: #e30613;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #ffffff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #ffffff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
font-weight: 400;
color: #1c2329;
text-decoration: none;
}
.btn-link:hover {
color: black;
text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
color: #6c757d;
pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #1c2329;
text-align: left;
list-style: none;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid rgba(28, 35, 41, 0.15);
border-radius: 0.25rem;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0;
}
.dropdown-menu-md-right {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
color: #ffffff;
text-decoration: none;
background-color: #1c2329;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-file {
display: flex;
align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append {
margin-left: -1px;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #ffffff;
border-color: #1c2329;
background-color: #1c2329;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #506475;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #ffffff;
background-color: #647e93;
border-color: #647e93;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #ffffff;
border: #adb5bd solid 1px;
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 1% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #1c2329;
background-color: #1c2329;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(28, 35, 41, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(28, 35, 41, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(28, 35, 41, 0.5);
}
.custom-switch {
padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #ffffff;
transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(28, 35, 41, 0.5);
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select:focus {
border-color: #506475;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #ffffff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none;
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef;
}
.custom-select::-ms-expand {
display: none;
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #506475;
box-shadow: 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse);
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #ffffff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-range:focus {
outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff8f2, 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff8f2, 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff8f2, 0 0 0 0.2rem rgba(28, 35, 41, 0.25);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #1c2329;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #647e93;
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #1c2329;
border: 0;
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.custom-range::-moz-range-thumb:active {
background-color: #647e93;
}
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #1c2329;
border: 0;
border-radius: 1rem;
-ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none;
}
}
.custom-range::-ms-thumb:active {
background-color: #647e93;
}
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
cursor: default;
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none;
}
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.25rem;
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
}
.list-group-item-action:active {
color: #1c2329;
background-color: #e9ecef;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
background-color: #ffffff;
border: 1px solid rgba(28, 35, 41, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #ffffff;
}
.list-group-item.active {
z-index: 2;
color: #ffffff;
background-color: #1c2329;
border-color: #1c2329;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
color: #1c2329;
background-color: #bfc1c3;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: #1c2329;
background-color: #b2b4b7;
}
.list-group-item-primary.list-group-item-action.active {
color: #ffffff;
background-color: #1c2329;
border-color: #1c2329;
}
.list-group-item-secondary {
color: #464e55;
background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: #464e55;
background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
color: #ffffff;
background-color: #464e55;
border-color: #464e55;
}
.list-group-item-success {
color: #3e6133;
background-color: #d2e3c9;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
color: #3e6133;
background-color: #c4dab8;
}
.list-group-item-success.list-group-item-action.active {
color: #ffffff;
background-color: #3e6133;
border-color: #3e6133;
}
.list-group-item-info {
color: #196573;
background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
color: #196573;
background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
color: #ffffff;
background-color: #196573;
border-color: #196573;
}
.list-group-item-warning {
color: #927517;
background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
color: #927517;
background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
color: #ffffff;
background-color: #927517;
border-color: #927517;
}
.list-group-item-danger {
color: #83141e;
background-color: #f7b9bd;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
color: #83141e;
background-color: #f4a2a7;
}
.list-group-item-danger.list-group-item-action.active {
color: #ffffff;
background-color: #83141e;
border-color: #83141e;
}
.list-group-item-light {
color: #8e9296;
background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
color: #8e9296;
background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
color: #ffffff;
background-color: #8e9296;
border-color: #8e9296;
}
.list-group-item-dark {
color: #282f35;
background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
color: #282f35;
background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
color: #ffffff;
background-color: #282f35;
border-color: #282f35;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #1c2329 !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #07090b !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #5e9a3d !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #48752f !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #e30613 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #b1050f !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #ffffff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #1c2329 !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #5e9a3d !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #e30613 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #ffffff !important;
}
.rounded-sm {
border-radius: 0.2rem !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(28, 35, 41, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(28, 35, 41, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(28, 35, 41, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #ffffff !important;
}
.text-primary {
color: #1c2329 !important;
}
a.text-primary:hover,
a.text-primary:focus {
color: black !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
color: #494f54 !important;
}
.text-success {
color: #5e9a3d !important;
}
a.text-success:hover,
a.text-success:focus {
color: #3d6327 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
color: #ba8b00 !important;
}
.text-danger {
color: #e30613 !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: #98040d !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
color: #121416 !important;
}
.text-body {
color: #1c2329 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(28, 35, 41, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #1c2329;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #ffffff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6 !important;
}
.table-dark {
color: inherit;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #dee2e6;
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6;
}
}
/* montserrat-300 - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 300;
src: local("Montserrat Light"), local("Montserrat-Light"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-300.woff2") format("woff2"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-300.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-regular.woff2") format("woff2"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-regular.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-500.woff2") format("woff2"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-500.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-600.woff2") format("woff2"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/montserrat-v14-latin-600.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html,
body {
overflow-x: hidden;
}
b,
strong {
font-weight: 600;
}
.is--hidden,
.hidden {
display: none !important;
}
.btn {
position: relative;
/** State: Small button */
/** State: Medium button */
/** State: Large button */
/** State: Button with 100% width */
/** State: Button with text align center */
}
.btn.is--icon-right {
padding-right: 3em;
}
.btn.is--icon-right [class^=icon--] {
height: 16px;
margin: -16px 0 0 0;
right: 12px;
line-height: 32px;
font-weight: normal;
display: block;
position: absolute;
top: 50%;
font-size: 0.875em;
}
.btn.is--icon-left {
padding-left: 36px;
}
.btn.is--icon-left [class^=icon--] {
height: 16px;
margin: -16px 0 0 0;
left: 12px;
line-height: 32px;
font-weight: normal;
display: block;
position: absolute;
top: 50%;
}
.btn:disabled,
.btn:disabled:hover,
.btn.is--disabled,
.btn.is--disabled:hover {
opacity: 0.5;
cursor: not-allowed;
}
.btn.is--small {
font-size: 0.875em !important;
line-height: 1.5 !important;
}
.btn.is--medium {
line-height: 1.5rem;
}
.btn.is--large {
line-height: 1.5rem;
}
.btn.is--full {
display: block;
}
.btn.is--center {
text-align: center;
}
.alert {
background: #e30613;
color: #ffffff;
padding: 0.75em 1em;
display: flex;
}
.alert.is--success {
background: #5e9a3d;
}
.alert.is--info {
background: #ffc107;
}
.alert.is--warning {
background: #ffc107;
}
.alert .alert--content p:last-child {
margin-bottom: 0px;
}
.alert .alert--icon {
margin-right: 1em;
}
.emotion--mode-rows .emotion--sizer,
.emotion--mode-rows .emotion--sizer-xs,
.emotion--mode-rows .emotion--sizer-s,
.emotion--mode-rows .emotion--sizer-m,
.emotion--mode-rows .emotion--sizer-l,
.emotion--mode-rows .emotion--sizer-xl {
display: none;
}
.emotion--row .emotion--element {
padding-left: inherit;
padding-right: inherit;
}
.inner {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.emotion--categories.emotion--categories-small .category--link:before,
.emotion--categories.emotion--categories-images .category--link:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 0;
background: rgba(255, 255, 255, 0.001);
}
@media (max-width: 991.98px) {
.inner {
padding-left: 0px;
padding-right: 0px;
}
}
.header-top {
background: #fff8f2;
}
.header-top .inner {
display: flex;
justify-content: space-between;
font-weight: 300;
font-size: 0.875rem;
line-height: 2.5714285714em;
}
.header-main {
background: #1c2329;
}
.header-main a {
color: #ffc107;
}
.logo-main {
margin: 1.25rem 0;
}
.language--form {
vertical-align: middle;
display: flex;
align-items: center;
padding-left: 20px;
margin-left: 20px;
height: 60px;
border-left: 1px solid #3e4449;
}
.language--form button {
border: none;
background: transparent;
}
.language--form img {
width: 20px;
height: 20px;
}
.badge {
font-size: 0.625rem;
display: inline-block;
width: 1.125rem;
height: 1.125rem;
line-height: 1.8em;
text-align: center;
position: absolute;
border-radius: 100%;
bottom: -10px;
left: -10px;
}
.badge.notes--quantity {
background: #1c2329;
color: #ffffff;
border: 1px solid white;
}
.badge.cart--quantity {
background: #5e9a3d;
border: 1px solid #5e9a3d;
color: #ffffff;
}
.navigation--entry.entry--notepad,
.navigation--entry.entry--cart {
position: relative;
}
@media (max-width: 991.98px) {
.header-top {
display: none;
}
.logo-main {
max-width: 150px;
}
.logo-main img {
max-width: 100%;
}
.steps--container {
order: 3;
}
}
.footer-main {
background: #fff8f2;
margin-top: 1.875rem;
border-top: 2px solid #d9d2c6;
font-size: 0.875rem;
line-height: 1.5714285714em;
}
.footer-main .row {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.footer-main h2 {
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
}
.footer-main ul {
padding: 0;
margin: 0;
}
.footer-main ul li {
list-style: none;
padding: 0.25em 0 0.25em 1em;
position: relative;
}
.footer-main ul li:before {
position: absolute;
left: 0;
content: ">";
}
.footer-sub {
background: #1c2329;
text-align: center;
color: #fff8f2;
padding: 1em;
margin: 0 -15px;
font-weight: 300;
}
.footer-sub a {
color: #fff8f2;
text-decoration: underline;
}
.footer-minimal ul li {
display: inline-block;
}
.footer-minimal ul li:before {
display: none;
}
@media (max-width: 991.98px) {
.footer-main .row {
margin-top: 0;
margin-bottom: 0;
}
.footer-main .row:first-child {
margin-top: 3em;
}
.footer-main .row:last-child {
margin-bottom: 3em;
}
}
.panel {
background: white;
padding: 1.5em 1.5em;
}
.panel--body {
font-size: 14px;
line-height: 24px;
display: block;
position: relative;
}
.panel--title {
padding: 0;
margin: 0 0 0.75em;
font-size: 1em;
display: block;
font-weight: bold;
color: #1c2329;
}
.panel--title.is--underline {
text-decoration: underline;
}
.panel--title.is--secondary {
color: #97938b;
}
.panel--title.is--primary {
color: #1c2329;
}
.panel--table {
width: 100%;
display: block;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
.panel--table.has--border {
border: 1px solid #d9d2c6;
}
.panel--tr {
display: flex;
width: 100%;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #d9d2c6;
}
.panel--tr:last-child {
border-width: 0;
}
.panel--tr.is--odd {
background: #d1c8ba;
}
.panel--tr.is--secondary {
background: #d1c8ba;
}
.panel--tr.is--primary {
color: #1c2329;
}
.panel--th,
.panel--td {
padding: 10px 10px;
font-size: 14px;
line-height: 1.5;
display: inline-block;
}
.panel--th.has--border,
.panel--td.has--border {
border-width: 0 1px 0 0;
border-style: solid;
border-color: #d9d2c6;
}
.panel--th.has--border:last-child,
.panel--td.has--border:last-child {
border-width: 0;
}
.panel--th p,
.panel--td p {
margin: 0;
}
.panel--th {
font-weight: bold;
color: #1c2329;
}
.c-firstname-confirmation {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.navigation__list {
margin: 0;
padding: 0;
}
.navigation__list li {
display: inline-block;
}
.navigation__list i {
font-size: 1.25rem;
color: #ffffff;
vertical-align: middle;
}
.navigation-main .navigation__list {
display: flex;
justify-content: space-between;
}
.navigation-main .navigation__list li a {
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
}
.header-main {
position: relative;
}
.account--dropdown-navigation {
position: absolute;
display: none;
}
.ajax-loader {
position: absolute;
}
.navigation-shop {
position: static;
}
.navigation-shop .entry--menu-left {
display: none;
}
.navigation--entry.entry--search .main-search--form {
display: none;
padding: 1em 20px;
position: absolute;
top: 100%;
z-index: 11111111111111;
width: 100%;
left: 0px;
background: rgba(28, 35, 41, 0.7);
text-align: center;
}
.navigation--entry.entry--search .main-search--field {
padding: 0.3em 1em;
border: 1px solid white;
border-radius: 5px;
width: 480px;
max-width: 70%;
}
.navigation--entry.entry--search .main-search--button {
padding: 0.3em 1em;
border-radius: 5px;
background: #1c2329;
border: 1px solid #1c2329;
}
.navigation--entry.entry--search .form--ajax-loader {
display: none !important;
}
.navigation--entry.entry--search .main-search--results {
display: none !important;
}
.navigation--entry.entry--search.is-visible .main-search--form {
display: block;
}
.account--menu {
margin-bottom: 2em;
}
@media (max-width: 991.98px) {
.navigation-main {
display: none;
}
.navigation-main.is-visible {
display: block;
padding: 1em 20px;
position: absolute;
top: 100%;
z-index: 11111111111111;
width: 100%;
left: 0px;
background: rgba(28, 35, 41, 0.7);
}
.navigation-main .navigation__list {
display: block;
}
.navigation-main .navigation__list .navigation--entry {
display: block;
margin-bottom: 0.75em;
}
.navigation-main .navigation__list .navigation--entry:last-child {
margin-bottom: 0p;
}
.navigation-shop .btn {
padding: 0.2em 0.3em !important;
}
.navigation-shop .btn.is--icon-left {
padding-left: 0.75rem;
}
.navigation-shop .entry--menu-left {
display: inline-block;
}
}
.breadcrumb--list {
list-style: none;
display: inline-block;
padding: 0;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.breadcrumb--list li {
display: inline-block;
}
.breadcrumb--list li a {
font-size: 0.75rem;
}
.breadcrumb--link {
font-size: 0.75rem;
}
.breadcrumb--link i {
font-size: 0.5rem;
}
.breadcrumb--link + .breadcrumb--list {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #d1cbbf;
}
.breadcrumb--separator {
font-size: 0.5rem;
}
/*
Image gallery element
====================================================
Defines the styles for the image gallery element that shows thumbnails of the product pictures in a slim slider element.
It is displayed on the product detail page.
*/
.image--gallery .image-slider--container {
bottom: 90px;
position: absolute;
top: 0;
left: 0;
right: 0;
height: auto;
margin: 0;
padding-top: 0px;
}
.image--gallery.no--thumbnails .image-slider--container {
bottom: 0;
}
.image--gallery .image-slider--item {
display: inline-block;
height: 100%;
width: 100%;
position: relative;
text-align: center;
cursor: default;
}
.image--gallery .image-slider--item .image--element {
display: block;
max-width: 100%;
height: auto;
width: auto;
}
.image--gallery .image-slider--item .image--media,
.image--gallery .image-slider--item img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.image--gallery .image-slider--thumbnails {
padding: 10px 0;
height: 90px;
background: #fff;
top: auto;
bottom: 0;
width: 100%;
margin: 0;
position: absolute;
display: block;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow {
top: 10px;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--left {
border-left: 0 none;
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--right {
border-right: 0 none;
}
.image--gallery .image-slider--thumbnails-slide {
margin: 0 10px;
left: auto;
top: auto;
}
.image--gallery .thumbnail--link {
margin: 0 10px 0 0;
display: inline-block;
}
.image--gallery .button--zoom-in,
.image--gallery .button--zoom-out,
.image--gallery .button--zoom-reset {
top: 10px;
left: 10px;
font-size: 220px;
padding: 2px 6px;
position: absolute;
}
.image--gallery .button--zoom-in:hover,
.image--gallery .button--zoom-out:hover,
.image--gallery .button--zoom-reset:hover {
z-index: 500;
}
.image--gallery .button--zoom-out {
border-radius: 3px 0 0 3px;
}
.image--gallery .button--zoom-reset {
left: 43px;
border-radius: 0;
}
.image--gallery .button--zoom-in {
border-radius: 0 3px 3px 0;
left: 76px;
}
.image-gallery--modal .modal--close {
top: 10px;
width: 34px;
height: 34px;
line-height: 32px;
}
@media (min-width: 992px) {
.js--image-gallery {
width: 80%;
height: 80%;
}
}
/*
Image slider element
============================================
Defines the styles for the image slider element that is a part of the basic Shopware 5 shopping world elements.
The element can be added by using the Shopware 5 backend shopping world editor.
The element contains thumbnail image previews, navigation dots and navigation arrows to change the current active image.
It contains the viewport specific styles inside media queries.
*/
.image-slider {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
z-index: 1000;
position: relative;
}
.image-slider--container {
background: white;
height: 0px;
padding-top: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
.image-slider--container .arrow {
width: 1.875rem;
height: 4.375rem;
margin-top: -2.1875rem;
font-size: 1rem;
line-height: 4.25em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
z-index: 1000;
text-align: center;
color: #1c2329;
cursor: pointer;
display: none;
}
.image-slider--container .arrow.is--left {
left: 0;
border-radius: 0 3px 3px 0;
}
.image-slider--container .arrow.is--right {
right: 0;
border-radius: 3px 0 0 3px;
}
.image-slider--container .arrow:hover {
color: #1c2329;
border-color: rgba(28, 35, 41, 0.5);
}
.image-slider--container.is--dragging .image-slider--item {
cursor: move;
}
.image-slider--slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
font-size: 0;
-ms-touch-action: pan-y;
}
.banner-slider--container {
height: 425px;
}
.image-slider--item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: inline-block;
height: 100%;
width: 100%;
position: relative;
text-align: center;
cursor: pointer;
vertical-align: top;
}
.image-slider--item .image--element {
display: flex;
align-items: center;
max-width: 100%;
height: 100%;
}
.image-slider--item .image--media {
margin: 0 auto;
text-align: center;
width: 100%;
height: 100%;
}
.image-slider--item .image--media img {
width: 100%;
}
.image-slider--dots {
position: absolute;
bottom: 20px;
right: 100px;
display: block;
z-index: 100;
}
.image-slider--dots .dot--link {
line-height: 0px;
height: 7px;
width: 7px;
display: inline-block;
background-color: #d1cbbf;
margin: 0 3px;
font-size: 0px;
text-indent: -9999px;
border-radius: 50%;
transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out;
cursor: pointer;
}
.image-slider--dots .dot--link:hover {
transform: scale(1.5);
}
.image-slider--dots .dot--link.is--active {
background-color: #ffca2e;
transform: scale(1.5);
}
.image-slider--thumbnails-slide {
position: relative;
display: flex;
}
.image-slider--thumbnails {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
margin-top: 1.25rem;
}
.image-slider--thumbnails .thumbnail--link {
align-items: center;
width: 4.375rem;
height: 4.375rem;
margin: 0 10px 0 0;
-webkit-tap-highlight-color: transparent;
display: flex;
text-align: center;
border: 2px solid transparent;
background: #ffffff;
}
.image-slider--thumbnails .thumbnail--link.is--active {
border-color: #d9d2c6;
}
.image-slider--thumbnails .thumbnail--image {
display: inline;
width: 70px;
height: auto;
max-width: 100%;
max-height: 100%;
}
.image-slider--thumbnails .thumbnails--arrow {
width: 20px;
height: 70px;
line-height: 70px;
font-size: 14px;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
background: linear-gradient(to-right, #ffffff, #d9d2c6);
display: none;
position: absolute;
z-index: 1000;
text-align: center;
color: #1c2329;
border: 1px solid rgba(255, 255, 255, 0.85);
cursor: pointer;
background: rgba(255, 255, 255, 0.85);
}
.image-slider--thumbnails .thumbnails--arrow:hover {
color: #1c2329;
border-color: rgba(28, 35, 41, 0.85);
}
.image-slider--thumbnails .thumbnails--arrow.is--top,
.image-slider--thumbnails .thumbnails--arrow.is--bottom {
font-size: 0.5rem;
width: 70px;
height: 24px;
padding: 2px 0 0 0;
line-height: 18px;
left: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--top {
border-radius: 0 0 3px 3px;
top: 0;
transform: rotateZ(-90deg);
}
.image-slider--thumbnails .thumbnails--arrow.is--bottom {
border-radius: 3px 3px 0 0;
bottom: 0;
transform: rotateZ(90deg);
}
.image-slider--thumbnails .thumbnails--arrow.is--left {
border-radius: 0 3px 3px 0;
width: 24px;
top: 0;
left: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--right {
border-radius: 3px 0 0 3px;
width: 24px;
top: 0;
right: 0;
}
.image-slider--thumbnails .thumbnails--arrow.is--active {
display: block;
}
@media (min-width: 992px) {
.image-slider--container.no--thumbnails {
margin-bottom: 0;
}
.image-slider--container.no--image .image-slider--item {
cursor: default;
}
}
@media (min-width: 1200px) {
.image-slider--container {
margin-bottom: 0;
}
}
.emotion--banner-slider {
display: block;
position: relative;
height: 0;
padding-top: 31%;
width: 100%;
}
.emotion--banner-slider .banner-slider--container {
position: absolute;
left: 0px;
width: 100%;
height: 100%;
top: 0px;
padding: 0px;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide {
display: flex;
height: 100%;
position: relative;
top: 0;
left: 0;
white-space: nowrap;
font-size: 16px;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--item {
display: flex;
align-items: center;
height: 100%;
width: 100%;
position: relative;
text-align: center;
cursor: pointer;
background: black;
flex: 1 0 100%;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--image {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--slider {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--link {
line-height: 1;
display: block;
font-size: 16px;
z-index: 100000;
text-align: left;
bottom: 0px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
position: relative;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--link .banner-slider-link-content {
max-width: 500px;
white-space: normal;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--link h3 {
font-size: 2.125em;
text-transform: uppercase;
margin: 0 0 0.4em;
color: #263940;
background: #fff8f2c7;
padding: 0.3em 0.8em;
border-radius: 5px;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--link .banner-slider--link-text {
margin: 0 0 1.4em;
line-height: 1.55;
color: #263940;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--link .banner-slider--link-button {
background: #263940;
color: white;
border-radius: 5px;
display: inline-block;
padding: 0.6em 1em;
transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
text-decoration: none;
border: 2px solid #263940;
}
.emotion--banner-slider .banner-slider--container .banner-slider--slide .banner-slider--link .banner-slider--link-button:hover {
background: transparent;
color: #263940;
}
.image--element img {
max-width: 100%;
height: auto;
}
@media (max-width: 991.98px) {
.emotion--banner-slider {
padding-top: 85%;
}
}
/*
Image-zoom
====================================================
Defines the styles for the Shopware 5 image-zoom element.
It displays a magnifying glass when hovering the article images on the product detail page.
The functionality is provided by the `jquery.image-zoom.js` file.
*/
.js--img-zoom--container {
position: relative;
top: 0;
left: 0;
}
.js--img-zoom--lens {
border-radius: 0;
display: none;
background: rgba(255, 255, 255, 0.4);
border: 1px solid #d9d2c6;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.js--img-zoom--flyout {
width: 460px;
height: 340px;
right: -490px;
border-radius: 0;
display: none;
position: absolute;
top: 0;
z-index: 500;
overflow: hidden;
background: #FFFFFF;
border: 1px solid #d9d2c6;
}
.js--img-zoom--title {
padding: 5px 20px;
font-size: 0.875rem;
line-height: 1.1428571429em;
color: #fff;
font-weight: 500;
text-align: center;
background: rgba(0, 0, 0, 0.5);
}
/*
Loading indicator
=============================================
Displays a spinning circle to indicate a loading status.
Can be imported by using the `i` tag with the `icon--loading-indicator` class.
``
The functionality is provided by the `jquery.loading-indicator.js` file.
*/
.js--is-loading {
position: relative;
}
.js--loading-indicator {
position: absolute;
display: none;
z-index: 10000;
top: 50%;
left: 50%;
}
body > .js--loading-indicator {
position: fixed;
}
.js--loading-indicator.indicator--relative {
width: 30px;
height: 30px;
padding-top: 50px;
padding-bottom: 50px;
background: none;
position: relative;
display: block;
left: 50%;
top: auto;
border: 0 none;
}
.js--loading-indicator.indicator--absolute {
position: absolute;
padding: 0;
top: 50%;
}
.js--loading-indicator.indicator--absolute.js--loading-indicator {
margin: -15px 0 0 -15px;
}
.has--cssanimations .js--loading-indicator {
margin: -13px 0 0 -13px;
}
.has--cssanimations .js--loading-indicator div[class^=icon--] {
width: 26px;
height: 26px;
display: block;
}
.has--cssanimations .js--loading-indicator .icon--default:before,
.has--cssanimations .js--loading-indicator .icon--default::before {
width: 22px;
height: 22px;
border-radius: 100%;
-webkit-animation: keyframe--spin 1s linear infinite;
animation: keyframe--spin 1s linear infinite;
display: block;
content: "";
border: 2px solid #d9d2c6;
border-top: 2px solid #a6967a;
}
.has--no-cssanimations .js--loading-indicator {
margin: -13px 0 0 -13px;
}
.has--no-cssanimations .js--loading-indicator div[class^=icon--] {
width: 16px;
height: 16px;
display: block;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.has--no-cssanimations .js--loading-indicator .icon--default {
height: 16px;
widtH: 16px;
background-image: url(../../themes/Frontend/Schoenbichler/frontend/_public/img/icons/loading-indicator.gif);
}
/*
Product Slider
===================================================
######Shopware Product slider element
The Shopware product slider element displays a selection of articles the user chooses inside a slim slider element.
The product slider uses the product box component for displaying and sliding articles.
The slider has `is--vertical` and `is-horizontal` properties to set the layout of the element.
For initializing a product slider the outer `product-slider` wrapper has to have the attribute `data-product-slider="true"`.
```
```
*/
.product-slider {
display: block;
padding: 0;
position: relative;
top: 0;
left: 0;
margin-left: -15px;
margin-right: -15px;
}
.product-slider--container {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
display: block;
width: 100%;
height: 100%;
font-size: 0;
position: relative;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.product-slider--container::-webkit-scrollbar {
width: 0;
height: 0;
}
.product-slider--container.is--vertical {
overflow-y: scroll;
overflow-x: hidden;
white-space: normal;
}
.product-slider--container.is--vertical .product-slider--item {
display: block;
width: 100%;
}
.product-slider--container.is--horizontal {
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}
.is--ie .product-slider--container,
.is--firefox .product-slider--container,
.product-slider--container.is--no-scroll {
overflow-y: hidden;
overflow-x: hidden;
}
.product-slider--item {
padding: 5px 15px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
position: relative;
top: 0;
left: 0;
overflow: hidden;
text-align: center;
width: 100%;
display: inline-block;
white-space: normal;
}
.product-slider--item .product--box {
width: 100%;
display: flex;
flex-direction: column;
max-width: none;
}
.product-slider--item .product--box .box--content {
display: flex;
flex-direction: column;
height: 100%;
}
.product-slider--item .product--box .box--content .product--info {
height: 100%;
display: flex;
flex-direction: column;
}
.product-slider--item .product--box .product--image img {
max-height: none;
max-width: 100%;
height: auto;
width: auto;
}
.product-slider--item .product--box .product--info {
padding-bottom: 1em;
}
.product-slider--item .product--box .product--title {
font-size: 1em;
}
.product-slider--item .product--box .product--price {
font-size: 1.25rem;
}
.product-slider--arrow {
width: 30px;
height: 30px;
margin: -30px 0 0 0;
line-height: 5em;
font-size: 0.75rem;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.5);
display: block;
position: absolute;
top: 50%;
z-index: 1000;
text-align: center;
color: #1c2329;
border: 1px solid #1c2329;
cursor: pointer;
display: flex !important;
justify-content: center;
align-items: center;
background: white;
}
.product-slider--arrow.arrow--prev {
left: 0;
}
.product-slider--arrow.arrow--next {
right: 0;
}
.product-slider--arrow.arrow--next::before {
content: "\ea0f";
}
.product-slider--arrow:hover {
color: #1c2329;
border-color: #1c2329;
background: rgba(255, 255, 255, 0.8);
}
.product-slider--arrow.is--vertical {
width: 60px;
height: 30px;
margin: 0 0 0 -30px;
line-height: 30px;
font-size: 0.375rem;
left: 50%;
top: auto;
}
.product-slider--arrow.is--vertical.arrow--prev {
border-radius: 0 0 3px 3px;
top: 0;
}
.product-slider--arrow.is--vertical.arrow--prev:before {
transform: rotateZ(90deg);
}
.product-slider--arrow.is--vertical.arrow--next {
bottom: 0;
border-radius: 3px 3px 0 0;
}
.product-slider--arrow.is--vertical.arrow--next:before {
transform: rotateZ(-90deg);
}
@media (min-width: 576px) {
.product-slider--item {
width: 50%;
}
}
@media (min-width: 768px) {
.product-slider--item {
width: 33.33%;
}
}
@media (min-width: 992px) {
.product-slider--item {
width: 25%;
}
}
@media (min-width: 1200px) {
.product-slider--container.is--horizontal,
.product-slider--container.is--vertical {
overflow: hidden;
}
}
.product--box .product--details {
margin-top: 0.4em;
padding: 0 0.75rem 0.75em;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.product--box .product--title {
margin-bottom: 0.3em;
display: block;
}
.product--box .product--price-info {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.product--box .product--price {
margin-top: 0.5em;
}
.product--box .price--unit .price--label-reference {
display: block;
}
.product--box {
background: #ffffff;
position: relative;
max-width: 260px;
min-height: 355px;
border: 3px solid #fff8f2;
white-space: normal;
text-align: center;
height: 100%;
}
.product--box .product--title {
font-size: 1.125rem;
font-weight: 600;
}
.product--box .product--price {
font-size: 1.25rem;
}
.product--box .product--price small {
font-size: 0.6em;
font-weight: bold;
}
.product--box .product--actions {
position: absolute;
top: 1.25rem;
right: 0.625rem;
z-index: 10;
}
.product--box .product--actions button {
background: none;
border: none;
color: black;
}
.modal--cross-selling .product--link {
min-height: 225px;
text-decoration: none;
}
.emotion--product-slider .product--link {
min-height: 540px;
}
.product--link {
display: block;
min-height: 355px;
transition: all 0.2s linear 0s;
border: 3px solid transparent;
text-decoration: none;
height: 100%;
/*&:after{
content:"Details";
position:absolute;
bottom:0;
left:0;
right:0;
text-align:center;
color:$white;
font-weight:$weight-semibold;
text-transform:uppercase;
height:rem-calc(60);
z-index:10;
background:$black;
line-height:rem-calc(60);
opacity:0;
transition:all 0.2s linear 0s;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
transform: translateY(100%);
pointer-events: none;
}*/
}
.product--link:hover {
text-decoration: none;
border: 3px solid black;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
/*&:after{
opacity:1;
pointer-events: all;
}*/
}
.product--badges {
position: absolute;
top: 10px;
left: 10px;
display: flex;
flex-direction: column;
justify-content: stretch;
}
.product--badge {
font-size: 0.625rem;
padding: 0.3125rem;
text-transform: uppercase;
font-weight: 500;
}
.product--badge.badge--newcomer {
background: #5e9a3d;
color: #ffffff;
}
.product--badge span[class*=tag--] {
width: 100%;
margin-left: 0px !important;
text-align: center;
}
.product--image {
display: block;
padding: 1.25rem 0.75rem;
}
.product--image img {
margin: auto;
max-width: 100%;
height: auto;
}
.price--pseudo {
display: block;
font-size: 0.875rem;
}
.product--description {
font-weight: 300;
font-size: 0.875em;
}
.product--description:after {
content: "+";
color: #fff8f2;
}
.price--line-through {
text-decoration: line-through;
}
@media (max-width: 991.98px) {
.product--box {
max-width: none;
min-height: none;
}
}
.filter-panel {
border-bottom: 1px solid #d9d2c6;
margin-bottom: 1rem;
}
.filter-panel--title {
font-size: 0.875rem;
font-weight: 500;
text-transform: uppercase;
}
.filter-panel--option-list {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.filter-panel--option-list li {
font-size: 0.875rem;
font-weight: 300;
}
.filter-panel--range-info {
font-size: 0.875rem;
margin-top: 0.3125rem;
}
.filter-panel {
position: relative;
}
.filter-panel .filter-panel--content {
height: 0;
overflow: hidden;
}
.filter-panel .filter-panel--title {
display: block;
padding: 5px 0;
cursor: pointer;
font-weight: 600;
}
.filter-panel .filter-panel--icon {
transition: all 0.2s linear 0s;
transform-origin: 50% 50%;
transform: rotateZ(90deg);
position: absolute;
z-index: -1;
top: 5px;
right: 0;
}
.filter-panel.is--collapsed .filter-panel--content {
height: auto;
overflow: visible;
}
.filter-panel.is--collapsed .filter-panel--icon {
transform: rotateZ(-90deg);
}
.filter--active-container {
display: none;
}
.filter--trigger {
display: none;
}
.facet--immediate_delivery {
display: none;
}
.filter--actions {
text-align: center;
margin: 10px 0;
}
/*
Range Slider
==========================================
######Range Slider
The range slider element lets the user filter elements by a price-span they decide on.
The slider handlers can be dragged to the numeric value that the user intends. The value is displayed below the element.
The functionality is provided by the `jquery.range-slider.js` file.
```
```
*/
.range-slider {
-webkit-touch-callout: none;
}
.range-slider--container {
height: 0.75rem;
display: block;
width: 100%;
background: #e8e1d8;
-ms-touch-action: none;
}
.range-slider--range-bar {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
box-shadow: inset 0 0 3px #1a2127;
height: 100%;
width: 100%;
position: relative;
background: #1c2329;
}
.range-slider--handle {
width: 1.25rem;
height: 1.25rem;
border-radius: 100%;
background: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
position: absolute;
border: 1px solid #d9d2c6;
cursor: pointer;
}
.range-slider--handle.is--min {
left: -0.625rem;
top: -0.25rem;
}
.range-slider--handle.is--max {
right: -0.625rem;
top: -0.25rem;
}
.range-slider--handle:hover,
.range-slider--handle.is--dragging {
border-color: #1c2329;
}
.range-slider--format {
display: none;
}
.filter-panel--checkbox,
.filter-panel--radio {
width: 1.125rem;
height: 1.125rem;
padding: 0;
border-radius: 1px;
display: inline-block;
border: 1px solid #d9d2c6;
cursor: pointer;
position: relative;
vertical-align: top;
}
.filter-panel--checkbox:hover,
.filter-panel--radio:hover {
border-color: #1c2329;
}
.filter-panel--checkbox input[type=checkbox],
.filter-panel--radio input[type=checkbox] {
opacity: 0;
display: block;
width: 1.125rem;
height: 1.125rem;
position: absolute;
top: 0;
left: 0;
border: 0 none;
background: none;
cursor: pointer;
z-index: 2;
}
.filter-panel--checkbox input[type=checkbox]:checked ~ .input--state:before,
.filter-panel--checkbox input[type=checkbox]:checked ~ .checkbox--state:before,
.filter-panel--radio input[type=checkbox]:checked ~ .input--state:before,
.filter-panel--radio input[type=checkbox]:checked ~ .checkbox--state:before {
width: 1rem;
height: 1rem;
line-height: 1rem;
font-size: 0.625rem;
display: block;
background: #1c2329;
content: "\ea09";
text-align: center;
color: #fff;
z-index: 2;
}
.filter-panel--checkbox input[type=checkbox]:checked ~ .filter-panel--label,
.filter-panel--radio input[type=checkbox]:checked ~ .filter-panel--label {
color: #1c2329;
}
.filter-panel--checkbox input[type=checkbox]:disabled ~ .input--state,
.filter-panel--checkbox input[type=checkbox]:disabled ~ .checkbox--state,
.filter-panel--radio input[type=checkbox]:disabled ~ .input--state,
.filter-panel--radio input[type=checkbox]:disabled ~ .checkbox--state {
background: #d9d2c6;
border: none;
}
.filter-panel--checkbox input[type=checkbox]:disabled ~ .filter-panel--label,
.filter-panel--radio input[type=checkbox]:disabled ~ .filter-panel--label {
color: white;
}
.filter-panel--checkbox .input--state,
.filter-panel--checkbox .checkbox--state,
.filter-panel--checkbox .radio--state,
.filter-panel--radio .input--state,
.filter-panel--radio .checkbox--state,
.filter-panel--radio .radio--state {
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
background: #ffffff;
}
.filter-panel--checkbox.filter-panel--radio,
.filter-panel--radio.filter-panel--radio {
border-radius: 11px;
}
.filter-panel--checkbox input[type=radio],
.filter-panel--radio input[type=radio] {
opacity: 0;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0 none;
background: none;
cursor: pointer;
z-index: 1;
}
.filter-panel--checkbox input[type=radio]:checked ~ .filter-panel--label,
.filter-panel--radio input[type=radio]:checked ~ .filter-panel--label {
color: #1c2329;
}
.filter-panel--checkbox input[type=radio]:disabled .input--state,
.filter-panel--checkbox input[type=radio]:disabled .radio--state,
.filter-panel--radio input[type=radio]:disabled .input--state,
.filter-panel--radio input[type=radio]:disabled .radio--state {
background: #ffffff;
}
.filter-panel--checkbox input[type=radio]:disabled .filter-panel--label,
.filter-panel--radio input[type=radio]:disabled .filter-panel--label {
color: #ffffff;
}
.filter-panel--checkbox input[type=radio] + .input--state,
.filter-panel--checkbox input[type=radio] + .radio--state,
.filter-panel--radio input[type=radio] + .input--state,
.filter-panel--radio input[type=radio] + .radio--state {
border-radius: 11px;
}
.option--container {
display: flex;
}
.option--container .filter-panel--input {
flex: 0 0 18px;
margin-right: 10px;
}
.filter--container {
display: block;
margin-top: 1.5em;
}
@media (max-width: 767.98px) {
.filter--container {
display: none;
}
.filter--container.is-opened {
display: block;
}
}
.filter-toggle {
display: none;
}
@media (max-width: 767.98px) {
.filter-toggle {
display: inline-block;
}
}
@media (max-width: 767.98px) {
.action--filter-options {
margin-top: 2em;
margin-bottom: 1.5em;
}
}
.blog--box {
background: #ffffff;
}
.blog--box h2 {
font-size: 1.25rem;
font-weight: 500;
}
.blog--box__picture {
padding-top: 56.25%;
position: relative;
}
.blog--box__picture img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog--box__content {
padding: 0.9375rem;
}
.read-more {
color: #ffca2e;
font-weight: 600;
}
.container--ajax-cart {
position: absolute;
right: 0;
background: #ffffff;
border: 1px solid #d9d2c6;
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.35);
text-align: left;
z-index: 1000;
display: none;
}
.container--ajax-cart.is--shown {
width: 350px;
display: block;
}
.container--ajax-cart .item--container {
padding: 0.625rem;
}
.container--ajax-cart h5 {
margin: 0.625rem 0.625rem 0;
}
.container--ajax-cart .cart--item {
display: flex;
color: #1c2329;
padding: 0.625rem 0;
}
.container--ajax-cart .cart--item .thumbnail--container {
flex-basis: 70px;
}
.container--ajax-cart .cart--item .thumbnail--container img {
width: 100%;
height: auto;
}
.container--ajax-cart .cart--item:not(:first-child) {
border-top: 1px solid #d9d2c6;
}
.container--ajax-cart .cart--item .item--name {
font-weight: 600;
}
.container--ajax-cart .cart--item .item--link {
color: #1c2329;
display: flex;
align-items: flex-start;
width: 100%;
padding-left: 30px;
}
.container--ajax-cart .cart--item .item--nameblock {
display: flex;
flex-direction: column;
font-size: 0.875rem;
flex-basis: 100%;
}
.container--ajax-cart .cart--item .item--price {
flex-basis: 70px;
text-align: right;
font-weight: 600;
font-size: 0.875rem;
}
.container--ajax-cart .prices--container,
.container--ajax-cart .button--container {
background: #f4f1ee;
}
.container--ajax-cart .prices--container {
border-top: 2px solid #d9d2c6;
padding-top: 0.625rem;
}
.container--ajax-cart .small--information {
font-size: 0.875rem;
display: flex;
width: 100%;
padding: 0 0.625rem;
align-items: center;
justify-content: space-between;
}
.container--ajax-cart .small--information span {
flex: 1;
}
.container--ajax-cart .small--information .small--prices {
text-align: right;
}
.container--ajax-cart .prices--articles-text {
font-weight: 600;
}
.container--ajax-cart .prices--tax {
margin: 0;
font-size: 0.75rem;
padding: 0 0.625rem;
}
.container--ajax-cart .button--container {
padding: 0.625rem;
}
.container--ajax-cart .button--container .btn {
background: #1c2329;
color: #ffffff;
}
body {
counter-reset: steps;
}
.steps--list {
margin: 1.875rem 0;
padding: 0;
display: flex;
justify-content: space-between;
width: 100%;
list-style: none;
position: relative;
}
.steps--list li {
font-size: 0.75rem;
color: #97938b;
position: relative;
text-align: center;
padding-top: 35px;
flex: 1;
}
.steps--list li:before {
counter-increment: steps;
content: counter(steps);
display: block;
width: 30px;
height: 30px;
border-radius: 50px;
text-align: center;
border: 1px solid #97938b;
font-size: 0.875rem;
font-weight: 500;
line-height: 2em;
position: absolute;
left: 50%;
top: 0;
background: #ffffff;
transform: translateX(-50%);
z-index: 1;
box-shadow: 0 0 0 3px white;
}
.steps--list li:after {
content: "";
position: absolute;
height: 1px;
background: #97938b;
left: 0;
right: 0;
top: 15px;
display: block;
z-index: 0;
}
.steps--list li:first-of-type:after {
left: 50%;
}
.steps--list li:last-of-type:after {
right: 50%;
}
.steps--list li.is--active {
color: #ffca2e;
}
.steps--list li.is--active:before {
background: #ffca2e;
color: #ffffff;
border-color: #ffca2e;
}
.emotion--wrapper {
margin: auto;
}
.emotion--container .col-1 {
max-width: 100%;
flex: 1;
}
.sidebar--categories-wrapper {
padding: 30px 30px;
background: white;
}
.navigation--headline {
font-weight: bold;
margin: 0 0 0.4em;
}
.sidebar--navigation {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar--navigation .sidebar--navigation {
margin-top: 0.3em;
padding-left: 1em;
}
.sidebar--navigation .sidebar--navigation.is-level1 {
padding-left: 0px;
}
.sidebar--navigation .navigation--entry {
margin-bottom: 0.3em;
line-height: 1.2;
}
.sidebar--navigation .navigation--entry a {
font-size: 0.875em;
}
.sidebar--navigation .navigation--entry a.is--active {
font-weight: 700;
}
.sidebar--navigation .navigation--entry .is--icon-right {
display: none;
}
.sidebar--navigation .navigation--entry.has--sub-children {
position: relative;
}
.sidebar--navigation .navigation--entry.has--sub-children > .navigation--link {
padding-left: 1rem;
}
.sidebar--navigation .navigation--entry.has--sub-children:before {
content: "\ea0f";
font-size: 0.625rem;
position: absolute;
left: 0px;
top: 0.675em;
}
.sidebar--navigation .navigation--entry.has--sub-children.is--active:before {
transform: rotate(90deg);
left: 0.15em;
}
.sidebar--navigation ul {
margin: 0px;
padding: 0px;
}
.sidebar--categories-navigation {
margin-bottom: 2em;
}
.shop-sites--container {
margin-bottom: 2em;
}
.shop-sites--container:last-child {
margin-bottom: 0px;
}
.emotion--newsletter {
background-color: #1c2329;
background-image: url(../../themes/Frontend/Schoenbichler/frontend/_public/src/img/newsletter-bild.jpg);
background-position: center center;
background-size: cover;
padding-top: 3em;
padding-bottom: 3em;
}
.emotion--newsletter .newsletter--title {
color: white;
font-size: 2.125em;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 0.7em;
text-align: center;
}
.emotion--newsletter .newsletter--description {
color: white;
font-size: 1.25em;
max-width: 800px;
margin: 0 auto 1.5em;
}
.emotion--newsletter .newsletter--features {
display: flex;
list-style: none;
padding: 0px;
margin: 0px 0 2em;
justify-content: center;
}
.emotion--newsletter .newsletter--features li {
display: block;
margin: 0 1em;
width: 150px;
text-align: center;
}
.emotion--newsletter .newsletter--features li > div {
color: white;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.emotion--newsletter .newsletter--features li:before {
display: block;
font: normal normal normal 1em/1 "schoenbichler";
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea02";
font-size: 2.9em;
color: #d1cbbf;
margin-bottom: 0.4em;
}
.emotion--newsletter .newsletter--footer {
text-align: center;
}
.emotion--newsletter .newsletter--footer .newsletter--button {
background: #d1cbbf;
color: #1c2329;
border-radius: 5px;
display: inline-block;
padding: 0.4em 1em;
transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
text-decoration: none;
border: 2px solid #d1cbbf;
}
.emotion--newsletter .newsletter--footer .newsletter--button:hover {
background: #1c2329;
color: #d1cbbf;
}
@media (max-width: 991.98px) {
.emotion--newsletter {
font-size: 0.75em;
}
.emotion--newsletter .newsletter--description {
text-align: center;
font-size: 1.125em;
}
}
.emotion--categories.emotion--categories-images .categories {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.emotion--categories.emotion--categories-images .category {
padding: 105px 50px;
background: black;
display: flex;
align-items: center;
justify-content: center;
position: relative;
text-align: center;
}
.emotion--categories.emotion--categories-images .category:after {
content: "";
position: absolute;
top: 30px;
left: 30px;
bottom: 30px;
right: 30px;
border: 1px solid white;
pointer-events: none;
transition: top 0.25s ease-in-out, left 0.25s ease-in-out, bottom 0.25s ease-in-out, right 0.25s ease-in-out;
}
.emotion--categories.emotion--categories-images .category:hover:after {
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
}
.emotion--categories.emotion--categories-images .category--image {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.8;
}
.emotion--categories.emotion--categories-images .category--title {
text-transform: uppercase;
color: white;
font-size: 1.875em;
margin: 0px;
z-index: 1;
}
.emotion--categories.emotion--categories-images .category--title:after {
content: "+";
margin-left: 0.2em;
display: inline-block;
font-size: 0.875em;
font-weight: normal;
vertical-align: middle;
}
.emotion--categories.emotion--categories-images .category--link {
text-decoration: none;
color: white;
font-weight: bold;
}
.emotion--categories.emotion--categories-small {
background: white;
background-image: url(../../themes/Frontend/Schoenbichler/frontend/_public/src/img/teesorten.jpg);
background-position: center center;
background-size: cover;
padding-top: 3em;
padding-bottom: 3em;
}
.emotion--categories.emotion--categories-small .categories {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
.emotion--categories.emotion--categories-small .category {
padding: 30px 30px;
background: #d1cbbf;
position: relative;
text-align: center;
padding-top: 12em;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.emotion--categories.emotion--categories-small .category:before {
position: absolute;
left: 0px;
width: 100%;
top: 30px;
display: block;
font: normal normal normal 1em/1 "schoenbichler";
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea02";
font-size: 8em;
text-alight: center;
transition: color 0.25s ease-in-out;
}
.emotion--categories.emotion--categories-small .category:first-child {
background-color: #263940;
border: 4px solid #263940;
}
.emotion--categories.emotion--categories-small .category:first-child:before {
color: #445b61;
}
.emotion--categories.emotion--categories-small .category:first-child:hover {
background-color: white;
color: #263940;
}
.emotion--categories.emotion--categories-small .category:first-child:hover .category--link {
color: #263940;
}
.emotion--categories.emotion--categories-small .category:first-child:hover:before {
color: #263940;
}
.emotion--categories.emotion--categories-small .category:nth-child(2) {
background-color: #17723a;
border: 4px solid #17723a;
}
.emotion--categories.emotion--categories-small .category:nth-child(2):before {
color: #2f894a;
}
.emotion--categories.emotion--categories-small .category:nth-child(2):hover {
background-color: white;
color: #17723a;
}
.emotion--categories.emotion--categories-small .category:nth-child(2):hover .category--link {
color: #17723a;
}
.emotion--categories.emotion--categories-small .category:nth-child(2):hover:before {
color: #17723a;
}
.emotion--categories.emotion--categories-small .category:nth-child(3) {
background-color: #691d39;
border: 4px solid #691d39;
}
.emotion--categories.emotion--categories-small .category:nth-child(3):before {
color: #7b314f;
}
.emotion--categories.emotion--categories-small .category:nth-child(3):hover {
background-color: white;
color: #691d39;
}
.emotion--categories.emotion--categories-small .category:nth-child(3):hover .category--link {
color: #691d39;
}
.emotion--categories.emotion--categories-small .category:nth-child(3):hover:before {
color: #691d39;
}
.emotion--categories.emotion--categories-small .category:nth-child(4) {
background-color: #dabf70;
border: 4px solid #dabf70;
}
.emotion--categories.emotion--categories-small .category:nth-child(4):before {
color: #c5b96a;
}
.emotion--categories.emotion--categories-small .category:nth-child(4):hover {
background-color: white;
color: #dabf70;
}
.emotion--categories.emotion--categories-small .category:nth-child(4):hover .category--link {
color: #dabf70;
}
.emotion--categories.emotion--categories-small .category:nth-child(4):hover:before {
color: #dabf70;
}
.emotion--categories.emotion--categories-small .category:nth-child(5) {
background-color: #d25129;
border: 4px solid #d25129;
}
.emotion--categories.emotion--categories-small .category:nth-child(5):before {
color: #d7663f;
}
.emotion--categories.emotion--categories-small .category:nth-child(5):hover {
background-color: white;
color: #d25129;
}
.emotion--categories.emotion--categories-small .category:nth-child(5):hover .category--link {
color: #d25129;
}
.emotion--categories.emotion--categories-small .category:nth-child(5):hover:before {
color: #d25129;
}
.emotion--categories.emotion--categories-small .category--title {
text-transform: uppercase;
color: white;
font-size: 1.275em;
margin: 0px;
/*&:after{
content: "+";
margin-left: 0.2em;
display: inline-block;
font-size: 0.875em;
font-weight: normal;
vertical-align: middle;
}*/
}
.emotion--categories.emotion--categories-small .category--link {
text-decoration: none;
color: white;
font-weight: bold;
}
@media (max-width: 991.98px) {
.emotion--categories.emotion--categories-images .categories {
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}
.emotion--categories.emotion--categories-images .category {
padding: 65px 50px;
}
.emotion--categories.emotion--categories-images .category--title {
font-size: 1.25em;
}
.emotion--categories.emotion--categories-small .categories {
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}
.emotion--categories.emotion--categories-small .category {
padding: 1.25em 1.5em;
font-size: 1.25em;
}
.emotion--categories.emotion--categories-small .category:before {
display: none;
}
}
.emotion--product-highlight {
background: #1c2329;
padding: 0;
margin-bottom: 5em;
margin-top: 4em;
}
.emotion--product-highlight .product-highlight--container {
display: flex;
align-items: center;
justify-content: center;
}
.emotion--product-highlight .product {
display: flex;
}
.emotion--product-highlight .product--image {
width: 180px;
padding: 0px;
position: relative;
margin-right: 20px;
}
.emotion--product-highlight .product--image img {
position: absolute;
top: -20%;
height: 140%;
left: 0;
width: 100%;
max-height: none;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
display: inline;
margin: 0px;
}
.emotion--product-highlight .product--content {
padding: 3em 0;
}
.emotion--product-highlight .product-highlight--title {
color: #ffca2e;
font-size: 1.5em;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 0.2em;
}
.emotion--product-highlight .product-highlight--title:after {
content: "+";
margin-left: 0.1em;
display: inline-block;
font-size: 0.875em;
font-weight: normal;
vertical-align: middle;
}
.emotion--product-highlight .product--title {
font-size: 1.25em;
font-weight: bold;
color: white;
margin: 0 0 0.3em;
}
.emotion--product-highlight .product--title a {
color: white;
}
.emotion--product-highlight .product--price {
font-size: 1.75em;
font-weight: normal;
color: white;
}
.emotion--product-highlight .product--price small {
font-size: 0.5em;
}
@media (max-width: 991.98px) {
.emotion--product-highlight {
font-size: 0.75em;
}
}
.forms--content {
background: white;
padding: 30px 30px;
}
.forms--container {
margin-top: 2em;
}
.forms--container .panel--title {
margin-bottom: 0.875em;
}
.forms--container .forms--inner-form {
max-width: 450px;
width: 100%;
}
.forms--container .forms--inner-form > div {
display: flex;
margin-bottom: 0.8em;
}
.forms--container .forms--inner-form .forms--captcha {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.forms--container select {
width: 100%;
padding: 0.4em 0.65em;
border: 1px solid #E8E8E8;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
background: white;
}
.forms--container select:focus {
border-color: #C8C8C8;
background: #F8F8F8;
}
.forms--container input[type=text],
.forms--container input[type=email],
.forms--container textarea {
width: 100%;
padding: 0.4em 0.65em;
border: 1px solid #E8E8E8;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
background: white;
}
.forms--container input[type=text]:focus,
.forms--container input[type=email]:focus,
.forms--container textarea:focus {
border-color: #C8C8C8;
background: #F8F8F8;
}
.forms--container textarea {
height: 10em;
}
@media (min-width: 576px) {
.forms--container input[type=text].plz {
width: 30%;
margin-right: 1em;
}
.forms--container input[type=text].ort {
width: 70%;
}
}
.forms--container .privacy-information {
display: flex;
}
.forms--container .privacy-information input {
margin-right: 1em;
margin-top: 0.3em;
}
.is--ctl-detail h1 {
font-size: 1.875rem;
font-weight: 500;
margin-bottom: 0;
}
.product--details {
margin-top: 4.375rem;
}
span[class*=tag--] {
font-size: 0.75rem;
line-height: 1em;
border-radius: 10px;
padding: 3px 6px;
font-weight: 300;
vertical-align: middle;
display: inline-block;
}
span[class*=tag--]:first-of-type {
margin-left: 5px;
}
.tag--discount {
background: #9a3d6b;
color: white;
}
.tag--bio {
background: #b7d048;
color: #ffffff;
}
.tag--recommend {
background: #fd7e14;
color: #ffffff;
}
.tag--new {
background: #5e9a3d;
color: #ffffff;
}
.tag--raritaet {
background: #e30613;
color: #ffffff;
}
.product--artikelnummer {
font-weight: 300;
font-size: 0.875rem;
}
.variant--group {
margin-top: 1.25rem;
}
.variant--name {
font-size: 0.875rem;
font-weight: 500;
text-transform: uppercase;
}
.variant--option {
display: inline-block;
}
.variant--option input[type=radio] {
display: none;
}
.variant--option input[type=radio]:checked + label {
background: #1c2329;
color: #ffffff;
}
.variant--option label {
font-weight: 300;
font-size: 0.875rem;
background: white;
border: 1px solid #1c2329;
border-radius: 5px;
line-height: 2em;
padding: 0 10px;
cursor: pointer;
transition: all 0.2s linear 0s;
}
.variant--option label:hover {
background: #1c2329;
color: #ffffff;
}
.reset--configuration {
display: none;
}
.price--default {
margin-top: 1.875rem;
}
.price--content {
font-size: 2.125rem;
}
.price--unit,
.product--tax {
font-size: 0.75rem;
font-weight: 300;
}
.delivery--text-available {
color: #5e9a3d;
font-size: 0.875rem;
}
.delivery--text-available i {
font-size: 0.6875rem;
}
.buybox--button-container {
display: flex;
background: #1c2329;
border-radius: 5px;
border: 2x solid #1c2329;
overflow: hidden;
}
.buybox--actionrow {
margin-top: 1.875rem;
}
.buybox--form {
display: inline-block;
}
.buybox--quantity {
display: inline-block;
}
.buybox--quantity select {
height: 50px;
border: 2px solid #1c2329;
text-align: center;
border-radius: 5px 0 0 5px;
padding: 0 5px;
}
.buybox--button {
font-weight: 300;
color: #ffffff;
}
.buybox--button:hover {
color: white;
}
.link--notepad {
background: transparent;
border: none;
vertical-align: middle;
}
.action--form {
display: inline-block;
}
.action--compare {
display: none;
}
.product--actions {
display: inline-block;
font-size: 0.75rem;
}
.product--actions i {
font-size: 1.25em;
vertical-align: sub;
}
.action--link {
color: black;
}
.link--contact {
font-size: 0.75rem;
}
.link--contact i {
font-size: 1.25em;
vertical-align: sub;
}
.product--additional-fields h2 {
margin: 2em 0 0.5em;
font-size: 0.875rem;
text-transform: uppercase;
font-weight: 500;
}
.product--additional-fields p {
font-size: 0.875rem;
font-weight: 300;
}
.content--crosselling {
margin-top: 5.625rem;
}
.content--crosselling h2 {
display: block;
text-align: center;
font-size: 1.5rem;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 1.875rem;
}
.detail__sidebar h2 {
margin-top: 3.125rem;
font-size: 0.875rem;
font-weight: 500;
text-transform: uppercase;
}
.list--vorteile {
list-style: none;
padding: 0;
}
.list--vorteile li {
position: relative;
padding-left: 1.5em;
}
.list--vorteile li:before {
font-size: 0.75em;
position: absolute;
left: 0;
top: 0.5em;
content: "\ea09";
color: #5e9a3d;
}
@media (max-width: 991.98px) {
.detail-meta {
display: none;
}
}
.listing--container {
margin-bottom: 3em;
}
.listing--content .listing--actions,
.listing--content .listing--bottom-paging {
margin: 0.625rem 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.listing--content .listing--actions form,
.listing--content .listing--bottom-paging form {
display: flex;
}
.listing--content .listing--actions label,
.listing--content .listing--bottom-paging label {
margin: 0 0.625rem 0 0;
}
.listing--content .listing--bottom-paging {
justify-content: flex-end;
}
.panel--paging {
white-space: nowrap;
display: flex;
justify-content: flex-end;
align-items: center;
}
.panel--paging form {
margin-left: 1em;
}
.paging--link {
display: inline-block;
border: 1px solid #1c2329;
letter-spacing: 0;
padding: 0 5px;
margin: 0 5px;
cursor: pointer;
transition: all 0.2s linear 0s;
border-radius: 3px;
}
.paging--link i {
font-size: 0.75rem;
}
.paging--link:hover {
background: #1c2329;
color: #fff8f2;
}
.paging--link.is--active {
border: none;
cursor: auto;
}
.paging--link.is--active:hover {
background: transparent;
color: #1c2329;
}
.listing {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1.5625rem;
}
.listing__banner {
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 20.25%;
position: relative;
font-weight: 300;
}
.listing__banner.banner--dark {
color: #fff8f2;
}
.listing__banner .container {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.listing__banner h1 {
font-size: 1.875rem;
font-weight: 500;
}
.is--ctl-listing .listing__banner.banner--dark:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(28, 35, 41, 0.6);
}
.notification--form .notification--field {
width: 100%;
max-width: 360px;
padding: 0.4em 0.65em;
border: 1px solid #E8E8E8;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
background: white;
margin-bottom: 0.75em;
display: block;
}
.notification--form .notification--field:focus {
border-color: #C8C8C8;
background: #F8F8F8;
}
@media (max-width: 991.98px) {
.listing--actions {
flex-wrap: wrap;
}
.action--sort {
margin-bottom: 0.75em;
}
.listing {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.9375rem;
}
}
.is--ctl-blog.is--act-index .content--breadcrumb {
display: none;
}
.is--ctl-blog.is--act-index .teaser--text-long {
font-size: 1rem;
}
.is--ctl-blog.is--act-index .teaser--text-short {
display: none;
}
.is--ctl-blog.is--act-index .close--off-canvas {
display: none;
}
.blog-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
padding: 30px 0 60px;
}
.blog--crossselling {
margin: 50px 0 50px;
}
.blog--crossselling .blog--crossselling-headline {
text-align: center;
margin: 0 0 20px;
}
.blog--crossselling .product--link {
text-decoration: none;
}
.blog--crossselling .product--link:after {
content: none;
}
.is--ctl-blog.is--act-detail .blog--entry {
background: white;
padding: 30px 30px 30px;
}
.emotion--blog {
padding-bottom: 3em;
}
.emotion--blog .blog--container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.emotion--blog .blog--entry {
width: 100% !important;
}
.emotion--blog .blog--title {
font-size: 1.25em;
font-weight: bold;
margin: 0 0 0.5em;
}
.emotion--blog .blog--description {
font-size: 1em;
}
.emotion--blog .blog--description:after {
content: "+";
margin-left: 0.2em;
display: inline-block;
font-size: 0.875em;
font-weight: bold;
vertical-align: middle;
color: #ffcc3a;
}
.emotion--blog .blog--image {
padding-top: 56.25%;
display: block;
height: 0px;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: none;
margin: 0 0 1.5em;
}
.blog--entry h1 {
font-size: 1.875rem;
font-weight: 600;
margin-bottom: 1.875rem;
}
.blog--entry figure {
margin-bottom: 1.875rem;
}
.blog--entry figure img {
width: 100%;
height: auto;
}
.blog--entry figure figcaption {
font-size: 0.75rem;
font-weight: 300;
color: #97938b;
margin: 0.5em 0;
}
@media (max-width: 991.98px) {
.blog-grid {
grid-template-columns: 1fr;
grid-gap: 30px;
}
.emotion--blog {
padding: 0 30px;
}
.emotion--blog .blog--container {
grid-template-columns: 1fr;
}
}
.is--ctl-checkout main {
margin-top: 1.875rem;
}
.column--product {
display: flex;
justify-content: space-between;
}
.column--product figure {
width: 110px;
height: 135px;
border: 1px solid #d9d2c6;
border-radius: 1px;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.column--product img {
width: 108px;
height: auto;
}
.column--product > * {
flex: 1;
}
.column--product .product--amount {
flex: 0 0 130px;
}
.column--product .column--product__content {
flex: 100%;
padding: 0 1.25rem;
}
.column--product .content--title {
font-weight: 600;
}
.column--product .content--sku {
margin: 0;
}
.column--product:not(:first-child) {
border-top: 1px solid #d9d2c6;
padding-top: 1.25rem;
margin-top: 1.25rem;
}
.column--product .btn {
padding: 0;
}
.product--table {
background: #ffffff;
padding: 1.25rem;
margin: 0 0 1.25rem;
}
.product--table h1 {
font-size: 1.625rem;
margin-bottom: 1em;
}
.product--table .column--actions-link {
color: #97938b;
font-size: 0.75rem;
}
.product--table .delivery--information {
margin-bottom: 0.5em;
}
.product--amount {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: right;
}
.product--amount select {
width: 100px;
}
.product--amount .quantity--label {
color: #97938b;
font-size: 0.875rem;
white-space: nowrap;
}
.cart--costs {
background: #ffffff;
padding: 1.25rem;
}
.cart--costs h2 {
font-size: 1.625rem;
margin-bottom: 1em;
}
.cart--costs ul {
list-style: none;
padding: 0;
margin: 0;
}
.cart--costs ul li {
display: flex;
justify-content: space-between;
}
.cart--costs ul li > *:last-child {
text-align: right;
}
.cart--costs .entry--total {
padding-top: 1em;
margin-top: 1em;
border-top: 1px solid #97938b;
font-weight: 600;
}
.table--aggregation {
margin-top: 0.625rem;
background: #ffffff;
padding: 1.25rem;
}
.add-voucher--checkbox {
display: none;
}
.add-voucher--label {
cursor: hand;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
}
.add-voucher--label:after {
font-size: 0.75rem;
content: "\ea03";
}
.add-voucher--field {
width: 100%;
margin-bottom: 1em;
}
.alert {
margin: 2em 0;
}
.alert .is--error {
color: #e30613;
}
.table--actions {
background: #ffffff;
margin-top: 0.625rem;
padding: 1.25rem;
}
.table--actions .btn {
background: #1c2329;
width: 100%;
color: #ffffff;
}
.footer--benefit {
margin-top: 1.875rem;
margin-bottom: 2em;
}
.footer--benefit h4 {
text-transform: uppercase;
font-size: 1.25rem;
margin-bottom: 1.2em;
}
.footer--benefit ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer--benefit ul li {
position: relative;
padding-left: 2em;
line-height: 1.2857142857em;
font-size: 0.875rem;
margin-top: 0.375rem;
}
.footer--benefit ul li:before {
content: "\ea09";
color: #5e9a3d;
position: absolute;
left: 0;
top: 3px;
font-size: 0.75em;
}
.footer--benefit img {
max-width: 100%;
}
.table--shipping-costs label {
margin: 0;
}
.table--shipping-costs select {
width: 100%;
margin-bottom: 1em;
}
.sidebar-button {
display: none;
}
@media (max-width: 767.98px) {
.sidebar-button {
font-size: 0.875em;
background: white;
display: inline-block;
}
.sidebar-button svg {
max-width: 1.25em;
margin-right: 0.5em;
vertical-align: sub;
}
.sidebar {
margin-bottom: 12px;
}
.sidebar-main {
display: none;
}
.sidebar-main.is-visible {
display: block;
}
.modal--cross-selling {
display: none;
}
}
.body-checkout {
background: #ffffff;
}
.cart--costs {
background: #f4f1ee;
margin-top: 1.875rem;
}
.cart--costs h2 {
margin-top: 0 !important;
}
.panel--title {
text-transform: uppercase;
font-size: 1.25rem;
font-weight: 600;
}
.panel--body a {
text-decoration: underline;
}
.information--panel {
margin-top: 1.875rem;
}
.information--panel .btn {
text-decoration: none;
}
.is--ctl-register main .panel--title,
.is--ctl-checkout main .panel--title,
.is--ctl-account main .panel--title,
.is--ctl-address main .panel--title {
font-size: 1.25rem;
text-transform: uppercase;
font-weight: 600;
}
.is--ctl-register input[type=text],
.is--ctl-register select,
.is--ctl-checkout input[type=text],
.is--ctl-checkout select,
.is--ctl-account input[type=text],
.is--ctl-account select,
.is--ctl-address input[type=text],
.is--ctl-address select {
font-size: 0.875rem;
border: 1px solid #97938b;
border-radius: 5px;
background: #ffffff !important;
padding: 0.7em 10px;
}
.is--ctl-register input[type=text].has--error,
.is--ctl-register select.has--error,
.is--ctl-checkout input[type=text].has--error,
.is--ctl-checkout select.has--error,
.is--ctl-account input[type=text].has--error,
.is--ctl-account select.has--error,
.is--ctl-address input[type=text].has--error,
.is--ctl-address select.has--error {
border-color: #e30613;
color: #e30613 !important;
}
.is--ctl-register .btn,
.is--ctl-checkout .btn,
.is--ctl-account .btn,
.is--ctl-address .btn {
font-size: 1rem;
line-height: 2rem;
}
#login--form,
#register--form {
width: 80%;
}
.register--form select,
.register--existing-customer select {
width: 100%;
padding: 0.4em 0.65em;
border: 1px solid #E8E8E8;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
background: white;
}
.register--form select:focus,
.register--existing-customer select:focus {
border-color: #C8C8C8;
background: #F8F8F8;
}
.register--form input[type=text],
.register--form input[type=email],
.register--form input[type=password],
.register--form textarea,
.register--existing-customer input[type=text],
.register--existing-customer input[type=email],
.register--existing-customer input[type=password],
.register--existing-customer textarea {
width: 100%;
padding: 0.4em 0.65em;
border: 1px solid #E8E8E8;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
background: white;
}
.register--form input[type=text]:focus,
.register--form input[type=email]:focus,
.register--form input[type=password]:focus,
.register--form textarea:focus,
.register--existing-customer input[type=text]:focus,
.register--existing-customer input[type=email]:focus,
.register--existing-customer input[type=password]:focus,
.register--existing-customer textarea:focus {
border-color: #C8C8C8;
background: #F8F8F8;
}
.register--form textarea,
.register--existing-customer textarea {
height: 10em;
}
.register--form .register--alt-shipping,
.register--form .register--password-description,
.register--existing-customer .register--alt-shipping,
.register--existing-customer .register--password-description {
display: flex;
}
.register--form .register--alt-shipping input,
.register--form .register--password-description input,
.register--existing-customer .register--alt-shipping input,
.register--existing-customer .register--password-description input {
margin-right: 1em;
margin-top: 0.3em;
}
.register--form .panel--title,
.register--existing-customer .panel--title {
margin: 0em 0 1em;
}
.register--form .panel--body,
.register--form #login--form,
.register--existing-customer .panel--body,
.register--existing-customer #login--form {
max-width: 450px;
width: 100%;
}
.register--form .panel--body > div,
.register--form #login--form > div,
.register--existing-customer .panel--body > div,
.register--existing-customer #login--form > div {
margin-bottom: 1em;
}
.register--form .panel--body > div:last-child,
.register--form #login--form > div:last-child,
.register--existing-customer .panel--body > div:last-child,
.register--existing-customer #login--form > div:last-child {
margin-bottom: 0px;
}
.register--login {
margin-top: 2em;
}
.register--content {
display: none;
}
.register--content.is--collapsed {
display: block;
}
.account--change-payment {
display: block;
}
.account--actions::after {
display: block;
clear: both;
content: "";
}
.register--login-lostpassword {
text-align: right;
font-size: 0.75rem;
margin: 1em 0;
}
.register--account-information {
position: relative;
}
.register--account-information .register--password-description {
font-size: 0.875rem;
margin-top: 0.75em;
}
.register--zip-city {
display: flex;
justify-content: space-between;
}
.register--zip-city .register--field-zipcode {
flex: 1;
margin-right: 8px;
}
.register--zip-city .register--field-city {
flex: 3;
}
.account--error .alert {
display: flex;
background: #f2e2e0;
color: #e30613;
padding: 20px;
}
.account--error .alert .alert--icon {
margin-right: 10px;
}
.account--error .alert .alert--icon i {
color: #e30613;
}
.register--required-info {
font-size: 0.875rem;
}
.method--description {
color: #97938b;
font-size: 0.875rem;
}
.account--password-reset,
.account--password-new {
margin-top: 2em;
}
.account--password-reset .panel--title,
.account--password-new .panel--title {
text-align: center;
margin: 0 0 1em;
}
.account--password-reset input[type=text],
.account--password-reset input[type=email],
.account--password-reset input[type=password],
.account--password-new input[type=text],
.account--password-new input[type=email],
.account--password-new input[type=password] {
width: 100%;
max-width: 400px;
padding: 0.4em 0.65em;
border: 1px solid #e8e8e8;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
background: #fff;
}
.account--password-reset .password-new--password,
.account--password-reset .password-new--password-confirmation,
.account--password-new .password-new--password,
.account--password-new .password-new--password-confirmation {
margin: 0 0 1em;
}
.is--ctl-checkout .product--table {
width: 100%;
}
.is--ctl-checkout .additional--features {
margin-top: 1.25em;
}
.is--ctl-checkout .additional--features .feature--user-comment {
width: 100%;
margin: 0px;
}
.is--ctl-checkout .additional--features .user-comment--field {
margin: 0px;
width: 100%;
padding: 0.4em 0.65em;
border: 1px solid #E8E8E8;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
background: white;
}
.is--ctl-checkout .additional--features .user-comment--field:focus {
border-color: #C8C8C8;
background: #F8F8F8;
}
.tos--panel .list--checkbox {
list-style: none;
padding: 0;
}
.is--act-finish {
background: #ffffff;
}
.is--act-finish .flex {
display: flex;
}
.is--act-finish .flex .teaser--actions {
flex: 2;
display: flex;
align-items: center;
justify-content: space-between;
}
.is--act-finish .flex .teaser--actions a {
margin-right: 1em;
flex: 1;
}
.is--act-finish .flex .print--notice {
flex: 1;
}
.is--act-finish .btn {
text-decoration: none;
}
.is--act-finish .btn-secondary,
.is--act-finish .btn.is--secondary {
background: #ffffff;
border: 3px solid black;
color: #1c2329;
}
.is--act-finish .product--table {
padding: 0;
}
.is--act-finish .panel--body {
height: auto !important;
}
.is--ctl-index .slick-item {
max-height: 468px;
overflow: hidden;
}
.is--ctl-index .slick-item img {
width: 100%;
height: auto;
}
.tee-artikel-slider {
position: relative;
}
.tee-artikel-slider:after {
content: url(../../themes/Frontend/Schoenbichler/frontend/_public/src/img/tee-slider.png);
right: 0;
top: 0;
position: absolute;
z-index: 0;
}
.tee-artikel-slider .product-slider {
z-index: 2;
}
.tee-artikel-slider .panel--title {
text-align: center;
}
.tee-artikel-slider .panel--title .icon,
.tee-artikel-slider .panel--title .image-slider--container .arrow,
.image-slider--container .tee-artikel-slider .panel--title .arrow,
.tee-artikel-slider .panel--title .image-slider--thumbnails .thumbnails--arrow,
.image-slider--thumbnails .tee-artikel-slider .panel--title .thumbnails--arrow,
.tee-artikel-slider .panel--title .product-slider--arrow.arrow--prev,
.tee-artikel-slider .panel--title .product-slider--arrow.arrow--next,
.tee-artikel-slider .panel--title .filter-panel .filter-panel--icon,
.filter-panel .tee-artikel-slider .panel--title .filter-panel--icon,
.tee-artikel-slider .panel--title .filter-panel--checkbox input[type=checkbox]:checked ~ .input--state:before,
.filter-panel--checkbox .tee-artikel-slider .panel--title input[type=checkbox]:checked ~ .input--state:before,
.tee-artikel-slider .panel--title .filter-panel--checkbox input[type=checkbox]:checked ~ .checkbox--state:before,
.filter-panel--checkbox .tee-artikel-slider .panel--title input[type=checkbox]:checked ~ .checkbox--state:before,
.tee-artikel-slider .panel--title .filter-panel--radio input[type=checkbox]:checked ~ .input--state:before,
.filter-panel--radio .tee-artikel-slider .panel--title input[type=checkbox]:checked ~ .input--state:before,
.tee-artikel-slider .panel--title .filter-panel--radio input[type=checkbox]:checked ~ .checkbox--state:before,
.filter-panel--radio .tee-artikel-slider .panel--title input[type=checkbox]:checked ~ .checkbox--state:before,
.tee-artikel-slider .panel--title .sidebar--navigation .navigation--entry.has--sub-children:before,
.sidebar--navigation .tee-artikel-slider .panel--title .navigation--entry.has--sub-children:before,
.tee-artikel-slider .panel--title .list--vorteile li:before,
.list--vorteile .tee-artikel-slider .panel--title li:before,
.tee-artikel-slider .panel--title .add-voucher--label:after,
.tee-artikel-slider .panel--title .footer--benefit ul li:before,
.footer--benefit ul .tee-artikel-slider .panel--title li:before,
.tee-artikel-slider .panel--title .account--error .alert .alert--icon i,
.account--error .alert .alert--icon .tee-artikel-slider .panel--title i {
display: block;
}
.content--emotions .emotion--row {
margin: 0 0 2.375em;
}
.content--emotions .emotion--row:last-child {
margin: 0;
}
.content--emotions .emotion--row:last-child .emotion--element {
padding-bottom: 0px !important;
}
.content--emotions .panel--title {
font-size: 1.5em;
text-transform: uppercase;
font-weight: 500;
text-align: center;
margin: 0 0 1em;
}
.content--emotions .panel--title:before {
display: block;
font: normal normal normal 1em/1 "schoenbichler";
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea02";
color: #d1cbbf;
font-size: 1.2em;
text-alight: center;
margin: 0 0 0.1em;
}
.container--margin-top {
margin-top: 36px;
}
.custom-page--content {
background: white;
padding: 30px 30px;
}
.custom-page--content .content--custom img {
max-width: 100%;
height: auto;
}
.content h1 {
font-size: 1.875rem;
font-weight: 600;
margin-bottom: 0.875em;
}
.content h2 {
font-size: 1.5em;
font-weight: 600;
margin-bottom: 0.875em;
}
.note--content {
margin: 2em;
}
.note--overview {
background: white;
}
.note--overview .panel--td {
padding: 0;
}
.note--item {
padding: 20px 0;
position: relative;
}
.note--info,
.note--sale {
width: 80%;
}
.note--image-container {
width: 75px;
margin: 0 20px 20px 0;
display: table-row;
float: left;
}
.note--image-link {
width: 75px;
height: 75px;
padding: 5px;
line-height: 1.5;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.note--image {
max-width: 65px;
max-height: 65px;
width: auto;
height: auto;
margin: 0 auto;
}
.note--title {
margin: 0 0 5px 95px;
font-size: 1.125em;
display: block;
font-weight: bold;
}
.note--rating {
margin: 0 0 10 95px;
}
.note--supplier {
display: none;
}
.note--ordernumber,
.note--date,
.note--overview .product--rating {
margin: 0 0 0 95px;
display: block;
}
.note--delivery {
margin: 0 0 0 95px;
}
.note--delivery .delivery--status-icon {
display: none;
}
.note--delivery .delivery--text-available {
display: block;
}
.note--compare {
margin: 10px 0 0 95px;
display: none;
}
.note--compare [class^=icon--] {
margin: 0 5px 0 0;
font-size: 12px;
}
.note--price-unit {
margin: 5px 0 0 95px;
font-size: 12px;
line-height: 1.5;
display: block;
}
.note--price {
font-size: 18px;
margin: 15px 0 0 95px;
color: #666;
font-weight: bold;
}
.note--delete {
width: 40px;
height: 40px;
font-size: 10px;
line-height: 38px;
border-radius: 5px;
top: 20px;
right: 20px;
left: auto;
display: block;
position: absolute;
border: 1px solid #000;
text-align: center;
font-weight: normal;
}
@media (max-width: 991.98px) {
.note--content {
margin: 0em;
}
.note--item {
flex-direction: column;
}
}
/*
@media screen and(min-width: @tabletViewportWidth) {
.note--overview .panel--table {
.unitize-padding(0, 20);
border: 1px solid @border-color;
}
.note--compare { display: block; }
}
@media screen and(min-width: @tabletLandscapeViewportWidth) {
.note--info {
.unitize(padding-right, 20);
width: 70%;
}
.note--sale {
.unitize(padding-right, 55);
width: 30%;
}
.note--zoom {
.unitize(font-size, 12);
display: block;
color: @text-color;
text-align: center;
&:hover {
color: @brand-primary;
}
}
.note--title {
.unitize-margin(0, 0, 5, 105);
}
.note--supplier,
.note--ordernumber,
.note--date,
.note--overview .product--rating {
.unitize-margin(0, 0, 0, 105);
display: block;
}
.note--delivery {
.unitize-margin(0, 0, 0, 105);
}
.note--compare {
.unitize-margin(5, 0, 0, 0);
}
.note--price {
margin: 0;
}
.note--price-unit {
.unitize(padding-right, 50);
.unitize-margin(5, 0, 0, 0);
}
}
@media screen and(min-width: @desktopViewportWidth) {
.note--content {
.unitize-margin(45, 0, 0, 0);
}
}*/
.address--item-content {
margin-bottom: 2em;
}
.address--item-actions {
margin-top: 0.75em;
}
/*
Modalbox
==============================================
Creates a transitioned fixed modalbox overlay that displays above all other elements.
The `sizing--content` class lets the modal window get its height from the inner content.
The inline styles are generated by the `jquery.modal.js` file.
```
```
*/
.js--modal {
transition: all 0.5s;
box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.25);
box-sizing: content-box;
opacity: 0;
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: padding-box #ffffff;
max-height: 100%;
max-width: 100%;
z-index: 1000;
overflow-x: hidden;
overflow-y: auto;
}
.js--modal .header {
padding: 0.625rem;
height: 0.380952381em;
border-bottom: 1px solid black;
}
.js--modal .header .title {
font-size: 1rem;
font-weight: bold;
}
.js--modal .modal--close {
height: 0.5333333333em;
width: 0.5333333333em;
line-height: 1.875rem;
font-size: 0.625rem;
right: 0.625rem;
top: 0.4375rem;
-webkit-tap-highlight-color: transparent;
padding: 0;
text-align: center;
position: absolute;
}
.js--modal .content {
width: 100%;
height: 100%;
position: relative;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 1.25rem;
}
.js--modal .content .content--iframe {
padding: 0.625rem;
width: 100%;
height: 100%;
border: 0 none;
display: block;
}
.js--modal.sizing--auto.is--fullscreen {
height: 100% !important;
width: 100% !important;
}
.js--modal.sizing--fixed {
max-height: none !important;
max-width: none !important;
}
.js--modal.sizing--content {
position: fixed;
bottom: auto;
top: auto;
height: auto;
}
.js--modal.no--header .header {
display: none;
}
.js--modal.no--border-radius {
border-radius: 0;
}
@media screen and (min-width: 1024px) {
.js--modal {
border-radius: 3px;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #ffffff url("../../themes/Frontend/Schoenbichler/frontend/_public/src/img/ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/slick.eot");
src: url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/slick.woff") format("woff"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/slick.ttf") format("truetype"), url("../../themes/Frontend/Schoenbichler/frontend/_public/src/fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 10px;
right: 15vw;
width: auto;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 10px;
width: 10px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: " ";
width: 8px;
height: 8px;
text-align: center;
color: black;
background: #d1cbbf;
border-radius: 50%;
line-height: 20px;
}
.slick-dots li.slick-active button:before {
color: black;
width: 10px;
height: 10px;
background: #ffca2e;
}