/* Erzeugt von modules/homepage/werkzeug/stile-eindampfen.sh aus werkzeug/quellen/unify-globals.css. Nicht von Hand aendern: das Skript ueberschreibt die Datei. */ @charset "UTF-8"; /*------------------------------------ Globals ------------------------------------*/ /* Text */ /* Puller */ /* Link overlay */ /*------------------------------------ Background Attachment ------------------------------------*/ /*------------------------------------ Background Gradient Colors ------------------------------------*/ /* Simple Linear Gradients ------------------------------------*/ /* Gray Light v1 */ /* White v1 */ /* Linear Gradients ------------------------------------*/ /* Gray Gradient */ /* Blue Pink Gradient */ /* Blue Gradient */ /* Orange Gradient */ /* Yellow Gradient */ /* Dark Purple Gradient */ /* Blue Gray Gradient */ /* Pink Gradient */ /* Pink-v2 Gradient */ /* Red Gradient */ /* Black Gradient */ /* Green Gradient */ /* Purple Gradient */ /* Pink Light Gradient */ /* Cyan Gradient */ /* Purple Gradient */ /* Primary Gradient */ /* Gray Gradient */ /* White Gradient */ /* White Gradient */ /* White Gradient */ /* White Gradient */ /* White Gradient */ /* Bluegray Gradient */ /* Bluegray Gradient */ /* Bluegray Gradient */ /* Secondary Gradient v1 */ /* Secondary Gradient v2 */ /* Radial Gradients (Ellipse) ------------------------------------*/ /* Lightblue Gradient */ /* Gray Gradient */ /* Gray Gradient */ /* Radial Gradients (Circle) ------------------------------------*/ /* Lightblue Gradient */ /* Blue Gradient */ /* Dark Gray Gradient */ /*------------------------------------ Background Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Main Colors */ /* Main Secondary */ /* Primary Colors */ /* Black Colors */ .g-bg-black-opacity-0_9 { background-color: rgba(0, 0, 0, 0.9) !important; } /* White Colors */ .g-bg-white { background-color: #fff !important; } .g-bg-white-opacity-0_1 { background-color: rgba(255, 255, 255, 0.1) !important; } /* Gray Colors */ .g-bg-gray-dark-v1 { background-color: #111 !important; } /* Transparent */ /* Complementary Colors ------------------------------------*/ /* Beige Colors */ /* Color Green */ /* Color Blue */ /* Color Light Blue */ /* Color Dark Blue */ /* Color Indigo */ /* Color Red */ /* Color Light Red */ /* Color Dark Red */ /* Color Purple */ /* Color Dark Purple */ /* Color Pink */ /* Color Orange */ /* Color Deep Orange */ /* Color Yellow */ /* Color Aqua */ /* Color Cyan */ /* Color Teal */ /* Color Brown */ /* Color Blue Gray */ /* O */ /*------------------------------------ Background Colors Extended ------------------------------------*/ /*------------------------------------ Social Background Colors ------------------------------------*/ /* Facebook */ /* Twitter */ /* Skype */ /* Pinterest */ /* Vine */ /* Youtube */ /* Google plus */ /* Dribbble */ /* VK */ /* Linkedin */ /* Instagram */ /*------------------------------------ Images Grid ------------------------------------*/ /*------------------------------------ Covers ------------------------------------*/ /*------------------------------------ Background Image Style ------------------------------------*/ /*------------------------------------ Background Patterns ------------------------------------*/ /*------------------------------------ Background Position ------------------------------------*/ /*------------------------------------ Background Repeat ------------------------------------*/ .g-bg-no-repeat { background-repeat: no-repeat; } /*------------------------------------ Background Size ------------------------------------*/ /* Primary Colors */ /*------------------------------------ Borders Default (solid) ------------------------------------*/ .g-brd-none { /* P */ border: none !important; } .g-brd-bottom { border-bottom: solid 1px transparent !important; } @media (min-width: 992px) { /* P */ } /*------------------------------------ Borders None ------------------------------------*/ /*------------------------------------ Border Style ------------------------------------*/ /*------------------------------------ Border Radius (Rounded Styles) ------------------------------------*/ /* Rounded Around */ .g-rounded-50 { border-radius: 50px !important; } /* Rounded Top */ /* Rounded Right */ /* Rounded Bottom */ /* Rounded Left */ /*------------------------------------ Borders Default (dashed) ------------------------------------*/ /*------------------------------------ Borders Default (dotted) ------------------------------------*/ /*------------------------------------ Border Width ------------------------------------*/ /*------------------------------------ Border Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Primary Colors */ /* Main Colors */ /* Black Colors */ /* White Colors */ .g-brd-white-opacity-0_1 { border-color: rgba(255, 255, 255, 0.1) !important; } .g-brd-white-opacity-0_8 { border-color: rgba(255, 255, 255, 0.8) !important; } /* Gray Colors */ /* Transparent */ /* Complementary Colors ------------------------------------*/ /* Color Green */ /* Color Blue */ /* Color Light Blue */ /* Color Dark Blue */ /* Color Indigo */ /* Color Red */ /* Color Light Red */ /* Color Dark Red */ /* Color Purple */ /* Color Dark Purple */ /* Color Pink */ /* Color Orange */ /* Color Deep Orange */ /* Color Yellow */ /* Color Aqua */ /* Color Cyan */ /* Color Teal */ /* Color Brown */ /* Color Blue Gray */ /* Primary Colors */ /* Black Colors */ /* White */ /* Gray Colors */ /* Transparent */ /* Complementary Colors ------------------------------------*/ /* Color Green */ /* Color Blue */ /* Color Light Blue */ /* Color Dark Blue */ /* Color Indigo */ /* Color Red */ /* Color Light Red */ /* Color Dark Red */ /* Color Purple */ /* Color Dark Purple */ /* Color Pink */ /* Color Orange */ /* Color Deep Orange */ /* Color Yellow */ /* Color Aqua */ /* Color Cyan */ /* Color Teal */ /* Color Brown */ /* Color Blue Gray */ /* O */ /*------------------------------------ Social Border Colors ------------------------------------*/ /* Facebook */ /* Twitter */ /* Skype */ /* Pinterest */ /* Vine */ /* Youtube */ /* Google plus */ /* Dribbble */ /* VK */ /* Linkedin */ /* Instagram */ /*------------------------------------ Border Gradient Colors ------------------------------------*/ /* Cyan Gradient */ /*------------------------------------ Typography Font Family ------------------------------------*/ /*------------------------------------ Typography Font Size ------------------------------------*/ .g-font-size-default { font-size: 1rem !important; } .g-font-size-11 { font-size: 0.78571rem !important; } .g-font-size-12 { font-size: 0.85714rem !important; } .g-font-size-15 { font-size: 1.07143rem !important; } /*------------------------------------ Typography Font Weight ------------------------------------*/ .g-font-weight-600 { font-weight: 600 !important; } /*------------------------------------ Typography Text Transform ------------------------------------*/ /*------------------------------------ Typography Text Decoration ------------------------------------*/ /*------------------------------------ Typography Letter Spacing ------------------------------------*/ /*------------------------------------ Typography Line Height ------------------------------------*/ .g-line-height-1 { line-height: 1 !important; } /*------------------------------------ Typography Font Style ------------------------------------*/ /*------------------------------------ List Style Types ------------------------------------*/ /*------------------------------------ Text Types ------------------------------------*/ /*------------------------------------ Quotes ------------------------------------*/ /* Quote v1 */ /*------------------------------------ Positions ------------------------------------*/ .g-pos-rel { position: relative !important; } .g-pos-abs { position: absolute !important; } /*------------------------------------ Position Spaces ------------------------------------*/ /* Top */ /* Top Minis */ .g-top-minus-3 { top: -0.21429rem !important; } /* Left */ /* Left Minus */ /* Right */ .g-right-0 { right: 0 !important; } /* Right Minus */ /* Bottom */ /* Z */ /* O */ /*------------------------------------ Block Alignments ------------------------------------*/ /* Absolute (Position, X, Y) */ .g-absolute-centered--y { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } /* O */ /* Relative (Position, X, Y) */ /* Flex centered */ /* Flex right */ /* Flex middle */ @media (min-width: 768px) { /* Flex right */ } /*------------------------------------ Alignments ------------------------------------*/ /*------------------------------------ Blur ------------------------------------*/ /*------------------------------------ Box-shadows ------------------------------------*/ /*------------------------------------ Clear ------------------------------------*/ /*------------------------------------ Cursors ------------------------------------*/ /*------------------------------------ Overflows ------------------------------------*/ /*------------------------------------ Transitions ------------------------------------*/ /*.g-transition { &-0_2 { transition: .2s ease-out; } &-0_3 { transition: .3s ease-out; } &-0_6 { transition: .6s ease-out; &-ease { transition: .6s ease; } } } [class*="g-color-"][class*="--hover"] { transition: color .2s ease-out; } [class*="g-bg-"][class*="--hover"] { transition: background-color .3s ease-out; } [class*="g-color-"][class*="--hover"][class*="g-bg-"][class*="--hover"] { transition: .3s ease-out; }*/ [class*="g-transition"] { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } [class*="g-transition"]::before, [class*="g-transition"]::after { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } svg[class*="g-transition"] path, svg[class*="g-transition"] polygon { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .g-transition-0_3 { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .g-transition-0_3::before, .g-transition-0_3::after { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } svg.g-transition-0_3 path, svg.g-transition-0_3 polygon { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } /*------------------------------------ Transforms ------------------------------------*/ /*------------------------------------ Opacity ------------------------------------*/ /*------------------------------------ Z-Index ------------------------------------*/ /*------------------------------------ Resize ------------------------------------*/ /*------------------------------------ Placeholder ------------------------------------*/ /*------------------------------------ Offsets ------------------------------------*/ /*------------------------------------ Colors ------------------------------------*/ /* Basic Colors ------------------------------------*/ /* Inherit Colors */ /* Main Colors */ /* Primary Colors */ .g-color-primary { color: #72c02c !important; } /* Secondary Colors */ /* Black Colors */ .g-color-black { color: #000 !important; } /* White Colors */ .g-color-white--hover:hover { color: #fff !important; } .g-color-white-opacity-0_6 { color: rgba(255, 255, 255, 0.6) !important; } .g-color-white-opacity-0_8 { color: rgba(255, 255, 255, 0.8) !important; } /* Gray Colors */ /* Complementary Colors ------------------------------------*/ /* Color Green */ /* Color Blue */ /* Color Light Blue */ /* Color Dark Blue */ /* Color Indigo */ /* Color Red */ /* Color Light Red */ /* Color Dark Red */ /* Color Purple */ /* Color Dark Purple */ /* Color Pink */ /* Color Orange */ /* Color Deep Orange */ /* Color Yellow */ /* Color Aqua */ /* Color Cyan */ /* Color Teal */ /* Color Brown */ /* Color Blue Gray */ /*------------------------------------ Social Colors ------------------------------------*/ /* Facebook */ /* Twitter */ /* Skype */ /* Pinterest */ /* Vine */ /* Youtube */ /* Google plus */ /* Dribbble */ /* VK */ /* Linkedin */ /* Instagram */ /*------------------------------------ Gradient Colors ------------------------------------*/ /* Cyan Gradient */ /* Blue Gradient */ /*------------------------------------ Widths ------------------------------------*/ /* Width in Percentage (%) */ @media (min-width: 768px) { /* P */ } /* Max Width in Percentage (%) */ /* Min Width in Percentage (%) */ /* Width Viewport Width (vw) */ /* Width in Pixels (px) */ .g-width-16 { width: 16px !important; /* O */ } /* Max Width in Pixels (px) */ /* Min Width in Pixels (px) */ /*------------------------------------ Heights ------------------------------------*/ /* Height in Percentage (%) */ /* Max Height in Percentage (%) */ /* Max Height in Viewport Height (vh) */ /* Min Height in Percentage (%) */ /* Height in Viewport Height (vh) */ /* Min Height in Viewport Height (vh) */ /* Auto Height */ /* Height in Pixels (px) */ .g-height-16 { height: 16px !important; } /* Min Height in Pixels (px) */ /*------------------------------------ Margin Spaces ------------------------------------*/ /* Margin Spaces (xs) ------------------------------------*/ @media (min-width: 0) { .g-mt-minus-10 { margin-top: -0.71429rem !important; } .g-mt-minus-10 { margin-top: -0.71429rem !important; } .g-mb-10 { margin-bottom: 0.71429rem !important; } .g-mb-20 { margin-bottom: 1.42857rem !important; } .g-mb-10 { margin-bottom: 0.71429rem !important; } .g-mb-20 { margin-bottom: 1.42857rem !important; } .g-mb-40 { margin-bottom: 2.85714rem !important; } .g-mr-10 { margin-right: 0.71429rem !important; } .g-mr-10 { margin-right: 0.71429rem !important; } } /* Margin Spaces (sm) ------------------------------------*/ /* Margin Spaces (md) ------------------------------------*/ @media (min-width: 768px) { .g-mb-0--md { margin-bottom: 0 !important; } } /* Margin Spaces (lg) ------------------------------------*/ @media (min-width: 992px) { .g-mb-0--lg { margin-bottom: 0 !important; } .g-mx-10--lg { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mx-10--lg { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mr-40--lg { margin-right: 2.85714rem !important; } } /* Margin Spaces (xl) ------------------------------------*/ /* P */ @media (min-width: 1200px) { .g-mx-10--xl { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } .g-mx-10--xl { margin-left: 0.71429rem !important; margin-right: 0.71429rem !important; } } /* Margins Around ------------------------------------*/ /* Minus Margins ------------------------------------*/ /* Minus Margin Top */ /* Minus Margin Bottom */ /* Minus Margin Left */ /* Minus Margin Right */ /* Margin Left and Right */ /* Custon Spaces ------------------------------------*/ /* Margin Top */ /* Margin Bottom */ /* Margin Left */ /* Margin Right */ /* Margin Left and Right */ /* Margin Top and Bottom */ @media (min-width: 768px) { .g-mb-0--md { margin-bottom: 0 !important; } } /*------------------------------------ Margins Extended ------------------------------------*/ @media (min-width: 992px) { /* Margin Top */ } /*------------------------------------ Padding Spaces ------------------------------------*/ /* Padding Spaces (xs) ------------------------------------*/ @media (min-width: 0) { .g-pa-0 { padding: 0 !important; } /* Padding Around */ /* Padding X */ /* Padding Y */ .g-py-10 { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } .g-py-12 { padding-top: 0.85714rem !important; padding-bottom: 0.85714rem !important; } /* P */ .g-py-10 { padding-top: 0.71429rem !important; padding-bottom: 0.71429rem !important; } /* P */ /* P */ .g-py-20 { padding-top: 1.42857rem !important; padding-bottom: 1.42857rem !important; } /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ .g-py-60 { padding-top: 4.28571rem !important; padding-bottom: 4.28571rem !important; } /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Top */ .g-pt-10 { padding-top: 0.71429rem !important; } .g-pt-10 { padding-top: 0.71429rem !important; } .g-pt-20 { padding-top: 1.42857rem !important; } /* Padding Right */ /* P */ /* P */ /* P */ .g-pr-20 { padding-right: 1.42857rem !important; } /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Bottom */ .g-pb-70 { padding-bottom: 5rem !important; } /* Padding Left */ /* P */ /* P */ /* P */ /* P */ .g-pl-25 { padding-left: 1.78571rem !important; } /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ } /* Padding Spaces (sm) ------------------------------------*/ @media (min-width: 576px) { /* Padding Around */ /* Padding X */ /* Padding Y */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Top */ /* Padding Right */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Bottom */ /* Padding Left */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ } /* Padding Spaces (md) ------------------------------------*/ /* P */ @media (min-width: 768px) { /* Padding Around */ /* Padding X */ /* Padding Y */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Top */ /* Padding Right */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Bottom */ /* Padding Left */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ } /* Padding Spaces (lg) P ------------------------------------*/ /* P */ @media (min-width: 992px) { /* Padding Around */ /* Padding X */ /* Padding Y */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Top */ .g-pt-5--lg { padding-top: 0.35714rem !important; } /* Padding Right */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Bottom */ /* Padding Left */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ } /* Padding Spaces (xl) P ------------------------------------*/ @media (min-width: 1200px) { /* Padding Around */ /* Padding X */ /* Padding Y */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Top */ /* Padding Right */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* Padding Bottom */ /* Padding Left */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ /* P */ } /* Custom Paddings (xs) ------------------------------------*/ /* Custom Paddings (sm) ------------------------------------*/ /* Custom Paddings (md) ------------------------------------*/ /* Custom Paddings (lg) ------------------------------------*/ /* Custom Paddings (xl) ------------------------------------*/ /*------------------------------------ Block Hidden ------------------------------------*/