.material.m-hover {
-webkit-transition: box-shadow 0.3s ease-out;
-moz-transition: box-shadow 0.3s ease-out;
-ms-transition: box-shadow 0.3s ease-out;
-o-transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out; }
.material.m-hover:hover {
box-shadow: 0 6px 20px #AFAFAF !important; }
.material.m-click {
cursor: pointer; }
.material.m-click span.ink {
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.3);
border-radius: 100%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.material.m-click span.ink.animate {
-webkit-animation: ripple 0.65s linear;
-moz-animation: ripple 0.65s linear;
-ms-animation: ripple 0.65s linear;
-o-animation: ripple 0.65s linear;
animation: ripple 0.65s linear; }
@-webkit-keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2.5); } }
@-moz-keyframes ripple {
100% {
opacity: 0;
-moz-transform: scale(2.5); } }
@-o-keyframes ripple {
100% {
opacity: 0;
-o-transform: scale(2.5); } }
@keyframes ripple {
100% {
opacity: 0;
transform: scale(2.5); } }  @font-face {
font-family: "HelveticaNeueLTStd-Lt";
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix);
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix) format("eot"), url(//ginetex.de/wp-content/themes/ginetex/fonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2) format("woff2"), url(//ginetex.de/wp-content/themes/ginetex/fonts/50ac1699-f3d2-47b6-878f-67a368a17c41.woff) format("woff"), url(//ginetex.de/wp-content/themes/ginetex/fonts/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf) format("truetype"), url(//ginetex.de/wp-content/themes/ginetex/fonts/82a4e1c2-7ffd-4c58-86fa-4010a6723c8e.svg#82a4e1c2-7ffd-4c58-86fa-4010a6723c8e) format("svg"); }
@font-face {
font-family: "HelveticaNeueLTStd-Roman";
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix);
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix) format("eot"), url(//ginetex.de/wp-content/themes/ginetex/fonts/3dac71eb-afa7-4c80-97f0-599202772905.woff2) format("woff2"), url(//ginetex.de/wp-content/themes/ginetex/fonts/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff) format("woff"), url(//ginetex.de/wp-content/themes/ginetex/fonts/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf) format("truetype"), url(//ginetex.de/wp-content/themes/ginetex/fonts/5101995a-e73b-4cf9-84e8-f99eb43277b1.svg#5101995a-e73b-4cf9-84e8-f99eb43277b1) format("svg"); }
@font-face {
font-family: "HelveticaNeueLTStd-Md";
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix);
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix) format("eot"), url(//ginetex.de/wp-content/themes/ginetex/fonts/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2) format("woff2"), url(//ginetex.de/wp-content/themes/ginetex/fonts/050b1948-f226-4d20-a65a-15d8ed031222.woff) format("woff"), url(//ginetex.de/wp-content/themes/ginetex/fonts/beb88be6-2a60-46fe-914f-6892b3ae46ce.ttf) format("truetype"), url(//ginetex.de/wp-content/themes/ginetex/fonts/e5567978-93ef-4de1-804d-1f0e3654a014.svg#e5567978-93ef-4de1-804d-1f0e3654a014) format("svg"); }
@font-face {
font-family: "FontAwesome";
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/fontawesome-webfont.woff);
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/fontawesome-webfont.eot?#iefix) format("eot"), url(//ginetex.de/wp-content/themes/ginetex/fonts/fontawesome-webfont.woff2) format("woff2"), url(//ginetex.de/wp-content/themes/ginetex/fonts/fontawesome-webfont.woff) format("woff"), url(//ginetex.de/wp-content/themes/ginetex/fonts/fontawesome-webfont.ttf) format("truetype"), url(//ginetex.de/wp-content/themes/ginetex/fonts/fontawesome-webfont.svg#FontAwesome) format("svg"); }
@font-face {
font-family: "Ionicons";
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/ionicons.ttf); }  @font-face {
font-family: "Ginetex";
src: url(//ginetex.de/wp-content/themes/ginetex/fonts/ginetex-symbols_ISO-Norm3578.otf); }        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline; }
html::selection, body::selection, div::selection, span::selection, applet::selection, object::selection, iframe::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, blockquote::selection, pre::selection, a::selection, abbr::selection, acronym::selection, address::selection, big::selection, cite::selection, code::selection, del::selection, dfn::selection, em::selection, font::selection, ins::selection, kbd::selection, q::selection, s::selection, samp::selection, small::selection, strike::selection, strong::selection, sub::selection, sup::selection, tt::selection, var::selection, dl::selection, dt::selection, dd::selection, ol::selection, ul::selection, li::selection, fieldset::selection, form::selection, label::selection, legend::selection, table::selection, caption::selection, tbody::selection, tfoot::selection, thead::selection, tr::selection, th::selection, td::selection {
background: #b2b4b2; }
html::moz-selection, body::moz-selection, div::moz-selection, span::moz-selection, applet::moz-selection, object::moz-selection, iframe::moz-selection, h1::moz-selection, h2::moz-selection, h3::moz-selection, h4::moz-selection, h5::moz-selection, h6::moz-selection, p::moz-selection, blockquote::moz-selection, pre::moz-selection, a::moz-selection, abbr::moz-selection, acronym::moz-selection, address::moz-selection, big::moz-selection, cite::moz-selection, code::moz-selection, del::moz-selection, dfn::moz-selection, em::moz-selection, font::moz-selection, ins::moz-selection, kbd::moz-selection, q::moz-selection, s::moz-selection, samp::moz-selection, small::moz-selection, strike::moz-selection, strong::moz-selection, sub::moz-selection, sup::moz-selection, tt::moz-selection, var::moz-selection, dl::moz-selection, dt::moz-selection, dd::moz-selection, ol::moz-selection, ul::moz-selection, li::moz-selection, fieldset::moz-selection, form::moz-selection, label::moz-selection, legend::moz-selection, table::moz-selection, caption::moz-selection, tbody::moz-selection, tfoot::moz-selection, thead::moz-selection, tr::moz-selection, th::moz-selection, td::moz-selection {
background: #b2b4b2; }
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 11px;
font-family: 'Arial', sans-serif;
font-weight: 300;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit; }
body {
background: white; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block; }
ol,
ul {
list-style: none; }
table {
border-collapse: separate;
border-spacing: 0; }
caption,
th,
td {
text-align: left; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: ""; }
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none; }
a {
text-decoration: none; }
a:focus {
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3); }
a:hover,
a:active {
outline: 0; }
a img {
border: 0; } * {
font-family: "HelveticaNeueLTStd-Roman";
z-index: 0; }
strong {
font-family: "HelveticaNeueLTStd-Md"; }
b {
font-weight: bold; }
h1 {
font-family: "HelveticaNeueLTStd-Lt";
font-size: 32px;
line-height: 1.22;
color: #1c1c1b;
text-transform: uppercase; }
h2 {
font-family: "HelveticaNeueLTStd-Lt";
font-size: 24px;
line-height: 1.17;
color: #a3a3a2; }
h3 {
font-family: "HelveticaNeueLTStd-Md";
font-size: 24px;
line-height: 1.25;
color: #1c1c1b; }
h4,
.text,
.text-white,
.tile-text,
.text-black,
div.landing-news div.tile a > *.title,
div.landing-news #landing-page-care-symbols div.symbols div.symbol a > *.title,
#landing-page-care-symbols div.symbols div.landing-news div.symbol a > *.title {
font-family: "HelveticaNeueLTStd-Roman";
font-size: 16px;
line-height: 1.31;
color: #818180; }
h4 {
font-family: "HelveticaNeueLTStd-Md";
color: #1c1c1b; }
h1, h2, h3, h4, h5 {
word-wrap: break-word; }
h5 {
font-family: "HelveticaNeueLTStd-Lt";
font-size: 36px;
text-transform: uppercase;
color: #1c1c1b; }
.H3-Filter {
font-family: "HelveticaNeueLTStd-Md";
font-size: 18px;
line-height: 1.67;
color: #1c1c1b; }
.Querlink-Text {
font-family: "HelveticaNeueLTStd-Md";
font-size: 16px;
line-height: 1.25;
text-align: center;
color: #009cdd; }
.Querlink-weiss {
font-family: "HelveticaNeueLTStd-Md";
font-size: 16px;
line-height: 1.25;
text-align: center;
color: #ffffff; }
.a-L1-Navigation-aktiv {
font-family: "HelveticaNeueLTStd-Md";
font-size: 16px;
color: #ffffff; }
.a-L1-Navigation-inaktiv {
font-family: "HelveticaNeueLTStd-Md";
font-size: 16px;
color: #009cdd; }
.a-Button-Style {
font-family: "HelveticaNeueLTStd-Roman";
font-size: 14px;
color: #009cdd; }
p.lead {
font-family: "HelveticaNeueLTStd-Md";
font-size: 16px;
line-height: 1.31;
color: #151515; }
.text-white, .tile-text {
color: #ffffff; }
.text-black {
color: #1c1c1b; }
.link {
font-family: "HelveticaNeueLTStd-Roman";
font-size: 16px;
line-height: 1.31;
color: #009cdd; }
.MaterialLightSubhead {
font-family: Roboto;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: rgba(0, 0, 0, 0.87); }
.Navbar-Font-Desktop {
font-family: "HelveticaNeueLTStd-Md";
font-size: 14px;
line-height: 1.71;
text-align: right;
color: #ffffff; }
.slide-nav-white {
font-family: "HelveticaNeueLTStd-Md";
font-size: 14px;
line-height: 1.43;
text-align: center;
color: #ffffff; }
.Beschrieb-Waschsymbol {
font-family: "HelveticaNeueLTStd-Md";
font-size: 14px;
color: #1c1c1b; }
.Querlink-weiss-klein {
font-family: "HelveticaNeueLTStd-Md";
font-size: 14px;
line-height: 1.43;
text-align: center;
color: #ffffff; }
.Text-Style {
font-family: "HelveticaNeueLTStd-Roman";
font-size: 14px;
line-height: 1.07;
color: #d6d6d5; }
.a-L2-Navigation-inaktiv {
font-family: "HelveticaNeueLTStd-Roman";
font-size: 14px;
line-height: 1.07;
color: #ffffff; }
.MaterialLightBody-1-secondary {
font-family: Roboto;
font-size: 14px;
line-height: 1.43;
text-align: left;
color: rgba(0, 0, 0, 0.54); }
.Pfegesymbol-Label-weiss {
font-family: "HelveticaNeueLTStd-Md";
font-size: 12px;
line-height: 1.25;
color: #ffffff; }
.Pfegesymbol-Label {
font-family: "HelveticaNeueLTStd-Md";
font-size: 12px;
line-height: 1.25;
text-align: center;
color: #1c1c1b; }
#wpadminbar {
overflow: hidden !important; }
a {
color: #009cdd; }
a a:visited {
color: #009cdd; }  .acf-map {
width: 100%;
height: 400px; } .acf-map img {
max-width: inherit !important; }
html {
overflow-x: hidden; }
html body {
background-color: #ffffff; }
html body.admin-bar #header-main {
position: absolute;
top: 45px; }
div.content, div.content-grey, div.content-transparent {
position: relative;
background-color: #ffffff;
display: block; }
div.content-grey {
background-color: #e7e7e6; }
div.content-transparent {
background: transparent; }
div.landing-content-container {
width: 100%;
margin-left: auto;
margin-right: auto; }
div.arrow, div.arrow-blue {
width: 35px;
height: 20px;
background-position-x: -5px;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/arrow-white.svg);
background-position-y: center;
background-repeat: no-repeat;
vertical-align: middle; }
div.arrow-blue {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/arrow-blue.svg); }
div.learn-more {
line-height: 1.25;
text-align: center;
font-size: 16px;
color: white;
padding-bottom: 0px; }
div.learn-more > * {
display: inline-block;
float: left; }
div.learn-more > div.arrow, div.learn-more > div.arrow-blue {
margin-left: 20px; }
a.contact {
display: inline-block;
width: 100%;
padding-left: 32px;
background-size: 20px 20px;
background-position: left center;
background-repeat: no-repeat; }
a.contact.contact-phone::before {
content: "\f4b9"; }
a.contact.contact-mail::before {
content: "\f2eb"; }
a.contact.contact-address::before {
content: "\f3a3"; }
a.contact.contact-address::before, a.contact.contact-mail::before, a.contact.contact-phone::before {
font-family: "Ionicons";
font-size: 16px;
float: left;
margin-left: -23px;
text-align: center;
width: 20px;
padding-right: 2px; }
a.contact.white {
color: #ffffff; }
a.contact.white:hover {
color: #d6d6d5; }
a.contact.white:hover::before {
color: #ffffff; }
#landing-page-image-slider {
top: 0px;
left: 0px;
position: absolute;
width: 100%; }
#landing-page-image-slider #image-container {
width: 100%;
height: 395px;
position: relative;
overflow: hidden; }
#landing-page-image-slider #image-container .bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 395px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
#landing-page-image-slider #image-container .hidden {
left: -100vw; }
#landing-page-text-slider {
margin-top: 243px;
width: 100%;
display: inline-table;
background-color: #009cdd; }
#landing-page-text-slider .hidden {
visibility: hidden;
display: none !important; }
#landing-page-text-slider h4 {
font-family: "HelveticaNeueLTStd-Md";
font-size: 26px;
line-height: 1.27;
text-transform: uppercase;
color: #ffffff; }
#landing-page-text-slider #slider-pages {
margin: 0px 15px;
position: relative; }
#landing-page-text-slider #slider-pages div.logo-padding {
height: 10px; }
#landing-page-text-slider #slider-pages div.logo {
height: 66px;
background-position: left;
background-repeat: no-repeat;
background-size: auto;
background-origin: content-box; }
#landing-page-text-slider #slider-pages div.learn-more {
padding-top: 20px;
padding-bottom: 20px; }
#landing-page-text-slider div.nav-container {
font-size: 14px;
color: white;
height: 20px;
width: 100%;
display: inline-block;
margin: 21px 0px;
padding: 0px 15px; }
#landing-page-text-slider div.nav-container div.ovals {
display: inline-table; }
#landing-page-text-slider div.nav-container div.ovals > div {
width: 10px;
height: 10px;
border-radius: 5px;
margin-right: 10px;
display: table-cell;
vertical-align: middle; }
#landing-page-text-slider div.nav-container div.ovals > div.inactive {
cursor: pointer;
background-color: white;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
#landing-page-text-slider div.nav-container div.ovals > div.inactive div {
display: none; }
#landing-page-text-slider div.nav-container div.ovals > div.oval {
display: inline-block;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
border: 1px solid white; }
#landing-page-text-slider div.nav-container div.ovals > div.oval > div {
margin-left: 1px;
margin-top: 1px;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: white;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
#landing-page-text-slider div.nav-container div.navbuttons {
float: right; }
#landing-page-text-slider div.nav-container div.navbuttons * {
display: table-cell;
vertical-align: middle; }
#landing-page-text-slider div.nav-container div.navbuttons a {
border: none;
background: none;
font-size: 14px;
color: white; }
#landing-page-text-slider div.nav-container div.navbuttons a:last-of-type {
padding-right: 12px; }
#landing-page-text-slider div.nav-container div.navbuttons div.backward {
cursor: pointer;
width: 16px;
height: 22px;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/shape-backward.svg); }
#landing-page-text-slider div.nav-container div.navbuttons div.spacer {
width: 5px; }
#landing-page-text-slider div.nav-container div.navbuttons div.forward {
cursor: pointer;
width: 16px;
height: 22px;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/shape-forward.svg); }
.lang-switcher {
height: 45px; }
.lang-switcher li {
display: inline-block;
margin-right: 8px;
float: left;
line-height: 45px; }
.lang-switcher li a {
font-size: 14px;
font-family: "HelveticaNeueLTStd-Md";
line-height: 1.71;
color: #e7e7e6; }
.lang-switcher li.current-lang a {
color: #ffffff; }
div.panel {
padding: 60px 15px; }
.tile-title, .tile-title-white {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #1c1c1b; }
.tile-title-white {
color: #ffffff; }
.tile, #landing-page-care-symbols div.symbols div.symbol {
z-index: 1;
position: relative;
box-sizing: content-box;
height: 226px;
background-color: white;
margin-bottom: 1px;
margin-right: 1px; }
@keyframes border-fade-in {
0% {
box-shadow: 0 0 6px 0 transparent; }
100% {
background-color: #009cdd;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4); } }
.tile:hover, #landing-page-care-symbols div.symbols div.symbol:hover {
z-index: 10;
height: 262px;
background-color: #e7e7e6;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
border-radius: 8px;
margin: -18px -5px -17px -6px;
animation: border-fade-in 0.3s ease forwards; }
#landing-page-care-symbols {
display: inline-table;
width: 100%; }
#landing-page-care-symbols div.heading {
margin-bottom: 60px; }
#landing-page-care-symbols div.symbols {
width: 100%; }
#landing-page-care-symbols div.symbols div.symbol {
padding: 30px;
height: 140px; }
#landing-page-care-symbols div.symbols div.symbol:hover {
height: 176px; }
#landing-page-care-symbols div.symbols div.symbol a {
display: flex;
height: 100%;
flex-direction: column; }
#landing-page-care-symbols div.symbols div.symbol .text-white, #landing-page-care-symbols div.symbols div.symbol .tile-text {
flex-grow: 1;
flex-direction: column;
justify-content: space-around; }
#landing-page-care-symbols div.symbols div.symbol .hidden {
display: none; }
#landing-page-care-symbols div.symbols div.symbol div.icon {
width: 48px;
height: 36px; }
#landing-page-care-symbols div.symbols div.symbol.washing div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/washing.svg); }
#landing-page-care-symbols div.symbols div.symbol:hover.washing div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/washing-white.svg); }
#landing-page-care-symbols div.symbols div.symbol.bleaching div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/bleaching.svg); }
#landing-page-care-symbols div.symbols div.symbol:hover.bleaching div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/bleaching-white.svg); }
#landing-page-care-symbols div.symbols div.symbol.drying div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/drying.svg); }
#landing-page-care-symbols div.symbols div.symbol:hover.drying div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/drying-white.svg); }
#landing-page-care-symbols div.symbols div.symbol.ironing div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/ironing.svg); }
#landing-page-care-symbols div.symbols div.symbol:hover.ironing div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/ironing-white.svg); }
#landing-page-care-symbols div.symbols div.symbol.professional-care div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/professional-care.svg); }
#landing-page-care-symbols div.symbols div.symbol:hover.professional-care div.icon {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/professional-care-white.svg); }
#landing-page-care-symbols div.symbols div.symbol:hover div.tile-title > *, #landing-page-care-symbols div.symbols div.symbol:hover div.tile-title-white > * {
color: white; }
#landing-page-care-symbols div.symbols div.symbol:hover .hidden {
display: flex; }
div.link-panel {
height: 611px;
background-position: center center;
background-size: cover; }
div.link-panel div.landing-content-container > div {
width: 100%;
min-height: 296px;
position: absolute;
bottom: 0px;
display: flex;
flex-direction: column;
background-color: rgba(0, 156, 221, 0.8);
padding: 0px 20px 0px 20px; }
div.link-panel div.landing-content-container > div > * {
display: flex; }
div.link-panel div.landing-content-container > div div.padding {
min-height: 30px;
flex-grow: 1; }
div.link-panel div.landing-content-container > div a {
flex-direction: column; }
div.link-panel div.landing-content-container > div a > * {
margin-bottom: 20px; }
div.link-panel div.landing-content-container > div a div.logo {
width: 100%;
background-size: contain;
background-repeat: no-repeat; }
div.link-panel div.landing-content-container > div a div.title h4 {
color: #ffffff; }
div.link-panel div.link-image {
height: 100%;
position: relative;
top: 0px; }
div.landing-news {
display: inline-block;
width: 100%; }
div.landing-news h5 {
padding-bottom: 40px; }
div.landing-news div.tile, div.landing-news #landing-page-care-symbols div.symbols div.symbol, #landing-page-care-symbols div.symbols div.landing-news div.symbol {
padding: 20px 15px;
overflow: hidden;
height: 140px; }
div.landing-news div.tile:hover, div.landing-news #landing-page-care-symbols div.symbols div.symbol:hover, #landing-page-care-symbols div.symbols div.landing-news div.symbol:hover {
height: 176px; }
div.landing-news div.tile:hover *, div.landing-news #landing-page-care-symbols div.symbols div.symbol:hover *, #landing-page-care-symbols div.symbols div.landing-news div.symbol:hover * {
color: #ffffff !important; }
div.landing-news div.tile a, div.landing-news #landing-page-care-symbols div.symbols div.symbol a, #landing-page-care-symbols div.symbols div.landing-news div.symbol a {
display: flex;
flex-direction: column;
height: 100%; }
div.landing-news div.tile a > *, div.landing-news #landing-page-care-symbols div.symbols div.symbol a > *, #landing-page-care-symbols div.symbols div.landing-news div.symbol a > * {
display: flex; }
div.landing-news div.tile a > *.header, div.landing-news #landing-page-care-symbols div.symbols div.symbol a > *.header, #landing-page-care-symbols div.symbols div.landing-news div.symbol a > *.header, div.landing-news div.tile div.page-modules div.employee-tile a > *.header-w-image, div.page-modules div.employee-tile div.landing-news div.tile a > *.header-w-image, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules div.employee-tile a > *.header-w-image, div.page-modules div.employee-tile div.landing-news #landing-page-care-symbols div.symbols div.symbol a > *.header-w-image, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules div.employee-tile a > *.header-w-image, div.page-modules div.employee-tile #landing-page-care-symbols div.symbols div.landing-news div.symbol a > *.header-w-image, div.landing-news div.tile
div.page-modules div.member-tile a > *.header-w-image,
div.page-modules div.member-tile div.landing-news div.tile a > *.header-w-image, div.landing-news #landing-page-care-symbols div.symbols div.symbol
div.page-modules div.member-tile a > *.header-w-image,
div.page-modules div.member-tile div.landing-news #landing-page-care-symbols div.symbols div.symbol a > *.header-w-image, #landing-page-care-symbols div.symbols div.landing-news div.symbol
div.page-modules div.member-tile a > *.header-w-image,
div.page-modules div.member-tile #landing-page-care-symbols div.symbols div.landing-news div.symbol a > *.header-w-image, div.landing-news div.tile
div.page-modules div.file-tile a > *.header-w-image,
div.page-modules div.file-tile div.landing-news div.tile a > *.header-w-image, div.landing-news #landing-page-care-symbols div.symbols div.symbol
div.page-modules div.file-tile a > *.header-w-image,
div.page-modules div.file-tile div.landing-news #landing-page-care-symbols div.symbols div.symbol a > *.header-w-image, #landing-page-care-symbols div.symbols div.landing-news div.symbol
div.page-modules div.file-tile a > *.header-w-image,
div.page-modules div.file-tile #landing-page-care-symbols div.symbols div.landing-news div.symbol a > *.header-w-image {
color: #a3a3a2;
font-family: "HelveticaNeueLTStd-Md";
font-size: 12px; }
div.landing-news div.tile a > *.title, div.landing-news #landing-page-care-symbols div.symbols div.symbol a > *.title, #landing-page-care-symbols div.symbols div.landing-news div.symbol a > *.title {
flex-grow: 1;
color: #818180;
margin: 20px 0px; } div.page-modules {
border-top: solid 1px #b4b4b3;
padding-top: 30px; }
div.page-modules div.module-content {
display: inline-block;
width: 100%; }
div.page-modules:last-child {
padding-bottom: 140px; }
div.page-modules .tiles {
margin-top: 30px;
width: 226px;
margin-left: auto;
margin-right: auto; }
div.page-modules div.cross-links {
border-top: solid 1px #b4b4b3;
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
display: block; }
div.page-modules div.cross-links > div {
display: table;
margin: 0 auto; }
div.page-modules div.cross-links > div > div.cross-link {
width: 160px;
border-radius: 8px;
border: 1px solid #009cdd;
padding: 15px;
text-align: center;
display: inline-block; }
div.page-modules div.cross-links > div > div.cross-link .title {
font-family: "HelveticaNeueLTStd-Md";
font-size: 16px;
line-height: 20px;
margin: 0 auto;
color: #009cdd;
margin-bottom: 30px; }
div.page-modules div.cross-links > div > div.cross-link .image {
width: 127px;
height: 127px;
border-radius: 50%;
margin-bottom: 30px;
background-size: contain;
background-position: center center; }
div.page-modules div.cross-links > div > div.cross-link .link-box {
position: relative;
display: inline-block;
width: 100%;
min-height: 20px; }
div.page-modules div.cross-links > div > div.cross-link .link-text {
color: #009cdd;
font-family: "HelveticaNeueLTStd-Roman";
font-size: 14px;
float: left;
max-width: 90px;
text-align: left; }
div.page-modules div.cross-links > div > div.cross-link .arrow-blue {
position: absolute;
bottom: 0;
right: 0; }
div.page-modules div.cross-links > div:not(:last-child) {
margin-bottom: 20px; }
div.page-modules div.employee-tile,
div.page-modules div.member-tile,
div.page-modules div.file-tile {
position: relative;
width: 226px;
height: 313px;
color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));
border-image-slice: 1;
margin-bottom: 30px; }
div.page-modules div.employee-tile .header, div.page-modules div.employee-tile .header-w-image,
div.page-modules div.member-tile .header, div.page-modules div.member-tile .header-w-image,
div.page-modules div.file-tile .header, div.page-modules div.file-tile .header-w-image {
height: 105px;
display: grid; }
div.page-modules div.employee-tile .header .name, div.page-modules div.employee-tile .header-w-image .name,
div.page-modules div.member-tile .header .name, div.page-modules div.member-tile .header-w-image .name,
div.page-modules div.file-tile .header .name, div.page-modules div.file-tile .header-w-image .name {
padding-top: 38px;
font-size: 20px;
text-align: center;
line-height: 26px;
color: #009cdd; }
div.page-modules div.employee-tile .header-w-image,
div.page-modules div.member-tile .header-w-image,
div.page-modules div.file-tile .header-w-image {
height: 105px; }
div.page-modules div.employee-tile .header-w-image .name,
div.page-modules div.member-tile .header-w-image .name,
div.page-modules div.file-tile .header-w-image .name {
padding-top: 20px; }
div.page-modules div.employee-tile .header-w-image img,
div.page-modules div.member-tile .header-w-image img,
div.page-modules div.file-tile .header-w-image img {
border-radius: 50%;
position: absolute;
top: 56px;
left: 61px;
z-index: 100; }
div.page-modules div.employee-tile .header-w-image div.logo,
div.page-modules div.member-tile .header-w-image div.logo,
div.page-modules div.file-tile .header-w-image div.logo {
padding: 20px;
width: 100%;
height: 105px; }
div.page-modules div.employee-tile .header-w-image div.logo > div,
div.page-modules div.member-tile .header-w-image div.logo > div,
div.page-modules div.file-tile .header-w-image div.logo > div {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
div.page-modules div.employee-tile > hr,
div.page-modules div.member-tile > hr,
div.page-modules div.file-tile > hr {
position: relative;
margin: 0px;
height: 1px;
width: 100%;
background-color: rgba(7, 108, 151, 0.6);
border: none; }
div.page-modules div.employee-tile .info,
div.page-modules div.member-tile .info,
div.page-modules div.file-tile .info {
padding-left: 19px;
padding-right: 19px;
padding-top: 19px;
font-size: 16px;
line-height: 21px;
font-family: "HelveticaNeueLTStd-Roman";
color: #818180; }
div.page-modules div.employee-tile .info div *,
div.page-modules div.member-tile .info div *,
div.page-modules div.file-tile .info div * {
display: table-cell; }
div.page-modules div.employee-tile .info div .icon,
div.page-modules div.member-tile .info div .icon,
div.page-modules div.file-tile .info div .icon {
font-family: FontAwesome;
font-size: 14px;
color: #c5c5c4;
min-width: 33px;
padding-right: 19px; }
div.page-modules div.employee-tile .description,
div.page-modules div.member-tile .description,
div.page-modules div.file-tile .description {
padding: 20px 20px;
font-family: "HelveticaNeueLTStd-Roman";
font-size: 16px;
line-height: 21px;
color: #818180; }
div.page-modules div.employee-tile .mail, div.page-modules div.employee-tile .website,
div.page-modules div.member-tile .mail,
div.page-modules div.member-tile .website,
div.page-modules div.file-tile .mail,
div.page-modules div.file-tile .website {
position: absolute;
bottom: 0px;
width: 100%;
background-color: #009cdd;
height: 50px;
padding: 14px 18px;
font-family: "HelveticaNeueLTStd-Md";
font-size: 14px;
line-height: 20px;
color: #ffffff;
text-align: center; }
div.page-modules div.employee-tile .mail *, div.page-modules div.employee-tile .website *,
div.page-modules div.member-tile .mail *,
div.page-modules div.member-tile .website *,
div.page-modules div.file-tile .mail *,
div.page-modules div.file-tile .website * {
display: inline-block;
float: left; }
div.page-modules div.employee-tile .mail div, div.page-modules div.employee-tile .website div,
div.page-modules div.member-tile .mail div,
div.page-modules div.member-tile .website div,
div.page-modules div.file-tile .mail div,
div.page-modules div.file-tile .website div {
float: right; }
div.page-modules.text-module {
background: white; }
div.page-modules.text-module:not(:last-child) {
padding-bottom: 40px; }
div.page-modules.text-module h3.title {
margin-bottom: 20px; }
div.page-modules.text-module p.lead {
margin-bottom: 30px; }
div.page-modules.text-module div.text, div.page-modules.text-module div.text-white, div.page-modules.text-module div.tile-text, div.page-modules.text-module div.text-black, div.page-modules.text-module div.landing-news div.tile a > div.title, div.landing-news div.tile div.page-modules.text-module a > div.title, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title {
display: inline-block; }
div.page-modules.text-module div.text img, div.page-modules.text-module div.text-white img, div.page-modules.text-module div.tile-text img, div.page-modules.text-module div.text-black img, div.page-modules.text-module div.landing-news div.tile a > div.title img, div.landing-news div.tile div.page-modules.text-module a > div.title img, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title img, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title img, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title img, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title img {
max-width: 100%;
margin-bottom: 30px; }
div.page-modules.text-module div.text p, div.page-modules.text-module div.text-white p, div.page-modules.text-module div.tile-text p, div.page-modules.text-module div.text-black p, div.page-modules.text-module div.landing-news div.tile a > div.title p, div.landing-news div.tile div.page-modules.text-module a > div.title p, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title p, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title p, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title p, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title p, div.page-modules.text-module div.text ol, div.page-modules.text-module div.text-white ol, div.page-modules.text-module div.tile-text ol, div.page-modules.text-module div.text-black ol, div.page-modules.text-module div.landing-news div.tile a > div.title ol, div.landing-news div.tile div.page-modules.text-module a > div.title ol, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title ol, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title ol, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title ol, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title ol, div.page-modules.text-module div.text ul, div.page-modules.text-module div.text-white ul, div.page-modules.text-module div.tile-text ul, div.page-modules.text-module div.text-black ul, div.page-modules.text-module div.landing-news div.tile a > div.title ul, div.landing-news div.tile div.page-modules.text-module a > div.title ul, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title ul, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title ul, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title ul, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title ul {
margin-bottom: 20px; }
div.page-modules.team-module:not(:first-of-type), div.page-modules.member-module:not(:first-of-type) {
border-top: none; }
div.page-modules.team-module p.lead, div.page-modules.member-module p.lead {
margin-top: 50px; }
div.page-modules.team-module:not(.member-module) div.header-w-image ~ div.info, div.page-modules.member-module:not(.member-module) div.header-w-image ~ div.info {
margin-top: 50px; }
div.page-modules.textile-fibers-module .textile-fibers {
font-size: 14px;
margin-top: 20px; }
div.page-modules.textile-fibers-module .textile-fibers th, div.page-modules.textile-fibers-module .textile-fibers td {
padding: 12px 0px; }
div.page-modules.textile-fibers-module .textile-fibers td {
border-top: solid 2px #b4b4b3; }
div.page-modules.textile-fibers-module .textile-fibers td:nth-child(2) {
padding-right: 15px; }
div.page-modules.textile-fibers-module .textile-fibers tr:last-child td {
border-bottom: solid 2px #b4b4b3; }
div.page-modules.textile-fibers-module .textile-fibers th {
color: #1c1c1b;
font-family: "HelveticaNeueLTStd-Md"; }
div.page-modules.textile-fibers-module .textile-fibers th:not(:last-child) {
padding-right: 15px; }
div.page-modules.textile-fibers-module .textile-fibers td {
font-family: "HelveticaNeueLTStd-Roman";
color: #b4b4b3; }
div.page-modules.textile-fibers-module .textile-fibers tr:hover td {
border-color: #1c1c1b;
color: #1c1c1b; }
div.page-modules.textile-fibers-module .textile-fibers tr:hover + tr td {
border-top-color: #1c1c1b; }
div.page-modules.files-module .file-controls .header h3, div.page-modules.files-module .file-controls div.employee-tile .header-w-image h3, div.page-modules.files-module div.employee-tile .file-controls .header-w-image h3, div.page-modules.files-module .file-controls div.member-tile .header-w-image h3, div.page-modules.files-module div.member-tile .file-controls .header-w-image h3, div.page-modules.files-module .file-controls div.file-tile .header-w-image h3, div.page-modules.files-module div.file-tile .file-controls .header-w-image h3 {
margin-bottom: 30px; }
div.page-modules.files-module .file-controls .filter-files-toggle, div.page-modules.files-module .file-controls .sort-files-toggle {
display: none; }
div.page-modules.files-module .file-controls .filter-files-toggle + label + div, div.page-modules.files-module .file-controls .sort-files-toggle + label + div {
display: none; }
div.page-modules.files-module .file-controls .filter-files-toggle:checked + label:after, div.page-modules.files-module .file-controls .sort-files-toggle:checked + label:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
div.page-modules.files-module .file-controls .filter-files-toggle:checked + label + div, div.page-modules.files-module .file-controls .sort-files-toggle:checked + label + div {
display: block; }
div.page-modules.files-module .file-controls .filter-files-toggle + label, div.page-modules.files-module .file-controls .sort-files-toggle + label {
display: block;
width: 100%;
line-height: 21px;
height: 60px;
padding: 18px 0 21px 0;
cursor: pointer;
font-size: 16px;
border-top: 1px solid #b4b4b3;
position: relative;
font-family: "HelveticaNeueLTStd-Roman"; }
div.page-modules.files-module .file-controls .filter-files-toggle + label:after, div.page-modules.files-module .file-controls .sort-files-toggle + label:after {
position: absolute;
content: "\f3d0";
height: 21px;
width: 13px;
right: 0;
font-size: 20px;
font-family: "Ionicons"; }
div.page-modules.files-module .file-controls .filter-files-toggle + label:hover, div.page-modules.files-module .file-controls .sort-files-toggle + label:hover {
color: #009cdd; }
div.page-modules.files-module .file-controls .sort-files-toggle + label {
border-bottom: 1px solid #b4b4b3; }
div.page-modules.files-module .file-controls .sort-files-toggle:checked + label {
border-bottom: none; }
div.page-modules.files-module .file-controls .filter-files {
padding-bottom: 15px; }
div.page-modules.files-module .file-controls .filter-files label {
display: inline-block;
height: 32px;
background-color: #d6d6d5;
border-radius: 8px;
line-height: 32px;
font-size: 16px;
color: #009cdd;
padding-right: 10px;
padding-left: 42px;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
font-family: "HelveticaNeueLTStd-Md";
position: relative;
margin-bottom: 15px;
margin-right: 17px;
cursor: pointer; }
div.page-modules.files-module .file-controls .filter-files label:hover {
background-color: #009cdd;
color: #ffffff; }
div.page-modules.files-module .file-controls .filter-files label:hover:before {
content: '\f383'; }
div.page-modules.files-module .file-controls .filter-files label:before {
position: absolute;
content: '';
font-family: "Ionicons";
top: 1px;
left: 1px;
height: 30px;
width: 30px;
border-radius: 15px;
background-color: #ffffff;
color: #009cdd;
font-size: 20px;
line-height: 30px;
text-align: center; }
div.page-modules.files-module .file-controls .filter-files input {
display: none; }
div.page-modules.files-module .file-controls .filter-files input:checked + label {
background-color: #009cdd;
color: #ffffff; }
div.page-modules.files-module .file-controls .filter-files input:checked + label:before {
content: '\f383'; }
div.page-modules.files-module .file-controls .filter-files input:checked + label:hover:before {
background-color: #d6d6d5;
content: '\f2d7'; }
div.page-modules.files-module .file-controls .sort-files {
padding-bottom: 17px;
border-bottom: 1px solid #b4b4b3; }
div.page-modules.files-module .file-controls .sort-files label {
display: inline-block;
width: 100%;
height: 25px;
line-height: 25px;
font-size: 16px;
color: #818180;
margin-bottom: 10px;
cursor: pointer; }
div.page-modules.files-module .file-controls .sort-files input {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/radio-unchecked.svg);
background-position: left;
background-repeat: no-repeat;
-webkit-appearance: none;
height: 18px;
width: 18px;
background-size: 18px;
margin-left: 0;
margin-bottom: -2px; }
div.page-modules.files-module .file-controls .sort-files input:checked {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/radio-checked.svg); }
div.page-modules.files-module .files {
display: flex;
flex-wrap: wrap;
padding-top: 95px;
justify-content: space-around; }
div.page-modules.files-module .files .file-tile {
min-height: 352px;
display: inline-block;
height: auto;
overflow: hidden;
margin-right: 30px;
position: relative;
padding-bottom: 50px; }
div.page-modules.files-module .files .file-tile.hidden {
display: none; }
div.page-modules.files-module .files .file-tile.new-file {
overflow: visible; }
div.page-modules.files-module .files .file-tile.new-file:before {
position: absolute;
content: "new";
width: 40px;
height: 40px;
background-color: #e51515;
border-radius: 20px;
transform: rotate(-10deg);
font-size: 12px;
font-family: "HelveticaNeueLTStd-Md";
text-align: center;
line-height: 40px;
top: -20px;
right: -20px; }
div.page-modules.files-module .files .file-tile .title {
text-align: center;
font-size: 20px;
color: #009cdd;
margin: 35px;
min-height: 82px;
font-family: "HelveticaNeueLTStd-Md"; }
div.page-modules.files-module .files .file-tile .image {
height: 150px;
background-position: center;
background-size: 175px 175px;
border-radius: 75px;
margin: 0 35px 35px 35px; }
div.page-modules.files-module .files .file-tile a.download {
display: inline-block;
width: 100%;
bottom: 0px;
position: absolute;
height: 50px;
background-color: #009cdd;
padding: 15px;
font-size: 16px;
font-family: "HelveticaNeueLTStd-Roman";
color: #ffffff;
line-height: 1.31;
text-transform: uppercase; }
div.page-modules.files-module .files .file-tile a.download span.file-icon {
font-family: "FontAwesome";
margin-right: 10px; }
div.page-modules.files-module .files .file-tile a.download span.download-icon {
font-family: "Ionicons";
float: right; }
div.page-modules.faq-module .header, div.page-modules.faq-module div.employee-tile .header-w-image, div.page-modules.faq-module div.member-tile .header-w-image, div.page-modules.faq-module div.file-tile .header-w-image {
margin-bottom: 30px; }
div.page-modules.faq-module .faq {
display: inline-block;
width: 100%; }
div.page-modules.faq-module .faq hr {
margin: 0px;
height: 1px;
width: 100%;
background-color: #b4b4b3;
border: none; }
div.page-modules.faq-module .faq input[type=checkbox] {
display: none; }
div.page-modules.faq-module .faq input[type=checkbox] + div .question {
color: #009cdd; }
div.page-modules.faq-module .faq input[type=checkbox] + div .question label {
cursor: pointer; }
div.page-modules.faq-module .faq input[type=checkbox] + div .answer {
color: #818180;
display: none; }
div.page-modules.faq-module .faq input[type=checkbox] + div .togglr .up {
display: none; }
div.page-modules.faq-module .faq input[type=checkbox] + div .togglr .down {
display: inline-block; }
div.page-modules.faq-module .faq input[type=checkbox]:checked + div .question {
color: #1c1c1b; }
div.page-modules.faq-module .faq input[type=checkbox]:checked + div .answer {
display: inline-block; }
div.page-modules.faq-module .faq input[type=checkbox]:checked + div .togglr .up {
display: inline-block; }
div.page-modules.faq-module .faq input[type=checkbox]:checked + div .togglr .down {
display: none; }
div.page-modules.faq-module .faq .question, div.page-modules.faq-module .faq .answer {
display: inline-block;
position: relative;
width: 100%;
font-family: "HelveticaNeueLTStd-Roman";
font-size: 16px;
line-height: 1.31; }
div.page-modules.faq-module .faq .question.question, div.page-modules.faq-module .faq .answer.question {
margin-top: 30px;
margin-bottom: 30px; }
div.page-modules.faq-module .faq .question.answer, div.page-modules.faq-module .faq .answer.answer {
margin-bottom: 30px; }
div.page-modules.faq-module .faq .question p, div.page-modules.faq-module .faq .answer p {
padding-right: 35px; }
div.page-modules.faq-module .faq .question > div, div.page-modules.faq-module .faq .answer > div {
display: inline-block;
float: left; }
div.page-modules.faq-module .faq .question > div.togglr, div.page-modules.faq-module .faq .answer > div.togglr {
position: absolute;
bottom: 0px;
right: 0px; }
div.page-modules.faq-module .faq .question > div.togglr *, div.page-modules.faq-module .faq .answer > div.togglr * {
color: #009cdd;
font-family: "Ionicons";
width: 13px;
height: 21px;
object-fit: contain;
font-family: Ionicons;
font-size: 20px;
text-align: right; }
div.page-modules.faq-module .faq .question::after, div.page-modules.faq-module .faq .answer::after {
clear: both; }
div.page-modules.care-symbols-module {
width: 100%; }
div.page-modules.care-symbols-module > * {
display: inline-block; }
div.page-modules.care-symbols-module .symbol-header {
display: block; }
div.page-modules.care-symbols-module input[type=radio] {
display: none; }
div.page-modules.care-symbols-module input[type=radio].washing:checked ~ div.washing {
display: inline-block; }
div.page-modules.care-symbols-module input[type=radio].washing:checked ~ .symbol-header > label.symbol.washing {
background-color: #009cdd;
color: #ffffff; }
div.page-modules.care-symbols-module input[type=radio].bleaching:checked ~ div.bleaching {
display: inline-block; }
div.page-modules.care-symbols-module input[type=radio].bleaching:checked ~ .symbol-header > label.symbol.bleaching {
background-color: #009cdd;
color: #ffffff; }
div.page-modules.care-symbols-module input[type=radio].ironing:checked ~ div.ironing {
display: inline-block; }
div.page-modules.care-symbols-module input[type=radio].ironing:checked ~ .symbol-header > label.symbol.ironing {
background-color: #009cdd;
color: #ffffff; }
div.page-modules.care-symbols-module input[type=radio].drying:checked ~ div.drying {
display: inline-block; }
div.page-modules.care-symbols-module input[type=radio].drying:checked ~ .symbol-header > label.symbol.drying {
background-color: #009cdd;
color: #ffffff; }
div.page-modules.care-symbols-module input[type=radio].professional-care:checked ~ div.professional-care {
display: inline-block; }
div.page-modules.care-symbols-module input[type=radio].professional-care:checked ~ .symbol-header > label.symbol.professional-care {
background-color: #009cdd;
color: #ffffff; }
div.page-modules.care-symbols-module label.symbol {
width: 100%;
height: 41px;
color: #1c1c1b;
padding-left: 8px;
border-bottom: 1px solid #009cdd;
display: block;
float: left;
height: 100%;
width: 100%;
position: relative; }
div.page-modules.care-symbols-module label.symbol:hover {
background-color: #009cdd;
cursor: pointer; }
div.page-modules.care-symbols-module label.symbol:hover * {
cursor: pointer; }
div.page-modules.care-symbols-module label.symbol:hover label > span,
div.page-modules.care-symbols-module label.symbol:hover span {
color: #ffffff; }
div.page-modules.care-symbols-module label.symbol > * {
float: left; }
div.page-modules.care-symbols-module label.symbol span:not(.care-symbol) {
display: inline-block;
font-family: "HelveticaNeueLTStd-Md";
font-size: 12px;
line-height: 29px;
float: right;
padding-top: 8px;
padding-left: 5px;
text-transform: uppercase; }
div.page-modules.care-symbols-module label.symbol span.care-symbol {
display: inline-block;
min-width: 45px;
line-height: 35px;
margin-top: 5px;
font-size: 30px;
font-family: "Ginetex";
text-align: center; }
div.page-modules.care-symbols-module div.washing,
div.page-modules.care-symbols-module div.bleaching,
div.page-modules.care-symbols-module div.drying,
div.page-modules.care-symbols-module div.ironing,
div.page-modules.care-symbols-module div.professional-care {
display: none;
width: 100%; }
div.page-modules.care-symbols-module div.washing hr,
div.page-modules.care-symbols-module div.bleaching hr,
div.page-modules.care-symbols-module div.drying hr,
div.page-modules.care-symbols-module div.ironing hr,
div.page-modules.care-symbols-module div.professional-care hr {
float: none;
margin: 0px;
border: none;
height: 1px;
width: 100%;
background-color: #b4b4b3;
margin-bottom: 10px; }
div.page-modules.care-symbols-module div.washing .care-symbol,
div.page-modules.care-symbols-module div.bleaching .care-symbol,
div.page-modules.care-symbols-module div.drying .care-symbol,
div.page-modules.care-symbols-module div.ironing .care-symbol,
div.page-modules.care-symbols-module div.professional-care .care-symbol {
height: 60px;
width: 45px; }
div.page-modules.care-symbols-module div.washing .care-symbol span,
div.page-modules.care-symbols-module div.bleaching .care-symbol span,
div.page-modules.care-symbols-module div.drying .care-symbol span,
div.page-modules.care-symbols-module div.ironing .care-symbol span,
div.page-modules.care-symbols-module div.professional-care .care-symbol span {
font-family: "Ginetex";
font-size: 45px;
color: black;
display: table;
margin: 0 auto; }
div.page-modules.care-symbols-module div.washing .content, div.page-modules.care-symbols-module div.washing div.content-grey, div.page-modules.care-symbols-module div.washing div.content-transparent,
div.page-modules.care-symbols-module div.bleaching .content,
div.page-modules.care-symbols-module div.bleaching div.content-grey,
div.page-modules.care-symbols-module div.bleaching div.content-transparent,
div.page-modules.care-symbols-module div.drying .content,
div.page-modules.care-symbols-module div.drying div.content-grey,
div.page-modules.care-symbols-module div.drying div.content-transparent,
div.page-modules.care-symbols-module div.ironing .content,
div.page-modules.care-symbols-module div.ironing div.content-grey,
div.page-modules.care-symbols-module div.ironing div.content-transparent,
div.page-modules.care-symbols-module div.professional-care .content,
div.page-modules.care-symbols-module div.professional-care div.content-grey,
div.page-modules.care-symbols-module div.professional-care div.content-transparent {
padding-bottom: 20px;
width: 100%;
color: #818180; }
div.page-modules.care-symbols-module div.washing .content span.title, div.page-modules.care-symbols-module div.washing div.content-grey span.title, div.page-modules.care-symbols-module div.washing div.content-transparent span.title,
div.page-modules.care-symbols-module div.bleaching .content span.title,
div.page-modules.care-symbols-module div.bleaching div.content-grey span.title,
div.page-modules.care-symbols-module div.bleaching div.content-transparent span.title,
div.page-modules.care-symbols-module div.drying .content span.title,
div.page-modules.care-symbols-module div.drying div.content-grey span.title,
div.page-modules.care-symbols-module div.drying div.content-transparent span.title,
div.page-modules.care-symbols-module div.ironing .content span.title,
div.page-modules.care-symbols-module div.ironing div.content-grey span.title,
div.page-modules.care-symbols-module div.ironing div.content-transparent span.title,
div.page-modules.care-symbols-module div.professional-care .content span.title,
div.page-modules.care-symbols-module div.professional-care div.content-grey span.title,
div.page-modules.care-symbols-module div.professional-care div.content-transparent span.title {
color: #1c1c1b; }
div.page-modules.care-symbols-module div.washing.title,
div.page-modules.care-symbols-module div.bleaching.title,
div.page-modules.care-symbols-module div.drying.title,
div.page-modules.care-symbols-module div.ironing.title,
div.page-modules.care-symbols-module div.professional-care.title {
padding-top: 30px;
padding-bottom: 30px; }
div.page-modules.care-symbols-module div.washing.title > span,
div.page-modules.care-symbols-module div.bleaching.title > span,
div.page-modules.care-symbols-module div.drying.title > span,
div.page-modules.care-symbols-module div.ironing.title > span,
div.page-modules.care-symbols-module div.professional-care.title > span {
padding-top: 10px;
display: block; }
div.page-modules.care-symbols-module div.washing.title > span p ~ p,
div.page-modules.care-symbols-module div.bleaching.title > span p ~ p,
div.page-modules.care-symbols-module div.drying.title > span p ~ p,
div.page-modules.care-symbols-module div.ironing.title > span p ~ p,
div.page-modules.care-symbols-module div.professional-care.title > span p ~ p {
margin-top: 10px; }
div.page-modules.form-module h3 {
color: #1c1c1b;
font-size: 24px;
line-height: 30px;
font-family: "HelveticaNeueLTStd-Md"; }
div.page-modules.form-module .wpcf7-form-control-wrap {
display: block; }
div.page-modules.form-module .wpcf7-form-control-wrap * {
width: 100%; }
div.page-modules.form-module p {
margin-top: 10px;
margin-bottom: 10px; }
div.page-modules.form-module p.lead {
margin-top: 20px;
margin-bottom: 20px; }
div.page-modules.form-module div.mandatory {
position: relative; }
div.page-modules.form-module div.mandatory:after {
position: absolute;
right: 0px;
top: 0px;
content: "!";
height: 15px;
width: 5px; }
div.page-modules.form-module input[type=text],
div.page-modules.form-module input[type=email],
div.page-modules.form-module textarea,
div.page-modules.form-module select {
border: none;
border-bottom: 2px solid #009cdd; }
div.page-modules.form-module select {
height: 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
div.page-modules.form-module * {
font-family: "HelveticaNeueLTStd-Roman";
font-size: 16px;
line-height: 21px;
color: #818180; }
div.page-modules.form-module * p, div.page-modules.form-module * h3 {
color: #1c1c1b; }
div.page-modules.form-module div.single-line {
width: 100%;
display: inline-block;
margin-bottom: 19px; }
div.page-modules.form-module div.single-line span.form-title {
width: 100%;
margin-bottom: 19px; }
div.page-modules.form-module div.single-line span.form-title select {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
div.page-modules.form-module div.single-line span.form-name {
width: 100%; }
div.page-modules.form-module div.single-line span.form-name input {
width: 100%; }
div.page-modules.form-module .wpcf7-list-item label * {
width: auto; }
div.page-modules.form-module .wpcf7-list-item label input {
float: left; }
div.page-modules.form-module .wpcf7-list-item label span {
float: left; }
div.page-modules.form-module .wpcf7-list-item {
margin: 0px; }
div.page-modules.form-module .wpcf7-list-item input[type=checkbox],
div.page-modules.form-module .wpcf7-list-item input[type=radio] {
height: 18px;
width: 18px;
-webkit-appearance: none;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 18px; }
div.page-modules.form-module .wpcf7-checkbox input[type=checkbox] {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/checkbox-unchecked.svg); }
div.page-modules.form-module .wpcf7-checkbox input[type=checkbox]:checked {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/checkbox-checked.svg); }
div.page-modules.form-module .wpcf7-radio input[type=radio] {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/radio-unchecked.svg); }
div.page-modules.form-module .wpcf7-radio input[type=radio]:checked {
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/radio-checked.svg); }
div.page-modules.form-module div.submit {
width: 100%;
display: inline-block; }
div.page-modules.form-module div.submit p {
color: #818180;
float: right; }
div.page-modules.form-module div.submit p input[type=submit] {
padding-right: 50px;
border: none;
color: #009cdd;
background-color: transparent;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/arrow-blue.svg);
background-position: center right;
background-repeat: no-repeat;
text-align: left; }
div.page-modules.form-module div.submit p:first-child {
float: left; }
div.page-modules.form-module div.submit span.ajax-loader {
display: none; }
div.page-modules.form-module .wpcf7-not-valid-tip {
display: none; }
div.page-modules.form-module .wpcf7-not-valid-tip::before {
content: "<span>!</span>"; }
div.page-modules.table-module.table-carelabeling, div.page-modules.table-module.table-rawmaterial, div.page-modules.table-module.table-regulations, div.page-modules.table-module.table-vpartner {
padding-bottom: 105px;
min-height: 1000px; }
div.page-modules.table-module.table-carelabeling div.table-control, div.page-modules.table-module.table-rawmaterial div.table-control, div.page-modules.table-module.table-regulations div.table-control, div.page-modules.table-module.table-vpartner div.table-control {
max-width: 635px;
width: 100%;
margin: 32px auto 23px auto; }
div.page-modules.table-module.table-carelabeling div.table-control form, div.page-modules.table-module.table-rawmaterial div.table-control form, div.page-modules.table-module.table-regulations div.table-control form, div.page-modules.table-module.table-vpartner div.table-control form {
margin-top: 30px;
display: inline-block;
width: 100%; }
div.page-modules.table-module.table-carelabeling div.table-control form select, div.page-modules.table-module.table-carelabeling div.table-control form input, div.page-modules.table-module.table-rawmaterial div.table-control form select, div.page-modules.table-module.table-rawmaterial div.table-control form input, div.page-modules.table-module.table-regulations div.table-control form select, div.page-modules.table-module.table-regulations div.table-control form input, div.page-modules.table-module.table-vpartner div.table-control form select, div.page-modules.table-module.table-vpartner div.table-control form input {
border: none;
width: 100%;
border-bottom: 2px solid #009cdd;
height: 25px;
line-height: 1.31;
color: #009cdd;
font-family: "HelveticaNeueLTStd-Roman";
font-size: 16px; }
div.page-modules.table-module.table-carelabeling div.table-control form select, div.page-modules.table-module.table-rawmaterial div.table-control form select, div.page-modules.table-module.table-regulations div.table-control form select, div.page-modules.table-module.table-vpartner div.table-control form select {
margin-bottom: 17px;
-webkit-appearance: none;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/ion-ios-arrow-down-ionicons.png);
background-position: right center;
background-size: 13px 9px;
background-repeat: no-repeat;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
div.page-modules.table-module.table-carelabeling div.table-control form input, div.page-modules.table-module.table-rawmaterial div.table-control form input, div.page-modules.table-module.table-regulations div.table-control form input, div.page-modules.table-module.table-vpartner div.table-control form input {
color: #818180; }
div.page-modules.table-module.table-carelabeling div.table-control form input[type=submit], div.page-modules.table-module.table-rawmaterial div.table-control form input[type=submit], div.page-modules.table-module.table-regulations div.table-control form input[type=submit], div.page-modules.table-module.table-vpartner div.table-control form input[type=submit] {
float: right;
height: 14px;
color: #009cdd;
border: none;
background-color: transparent;
padding: 0;
padding-right: 55px;
line-height: 14px;
margin-top: 20px;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/arrow-blue.svg);
background-position: right center;
background-repeat: no-repeat;
font-size: 14px;
cursor: pointer;
text-align: right; }
div.page-modules.table-module.table-carelabeling div.table-scroll, div.page-modules.table-module.table-rawmaterial div.table-scroll, div.page-modules.table-module.table-regulations div.table-scroll, div.page-modules.table-module.table-vpartner div.table-scroll {
width: 100%;
overflow-x: auto; }
div.page-modules.table-module.table-carelabeling div.table-scroll::-webkit-scrollbar:horizontal, div.page-modules.table-module.table-rawmaterial div.table-scroll::-webkit-scrollbar:horizontal, div.page-modules.table-module.table-regulations div.table-scroll::-webkit-scrollbar:horizontal, div.page-modules.table-module.table-vpartner div.table-scroll::-webkit-scrollbar:horizontal {
height: 20px;
background-color: #e7e7e6; }
div.page-modules.table-module.table-carelabeling div.table-scroll::-webkit-scrollbar, div.page-modules.table-module.table-rawmaterial div.table-scroll::-webkit-scrollbar, div.page-modules.table-module.table-regulations div.table-scroll::-webkit-scrollbar, div.page-modules.table-module.table-vpartner div.table-scroll::-webkit-scrollbar {
-webkit-appearance: none; }
div.page-modules.table-module.table-carelabeling div.table-scroll::-webkit-scrollbar-thumb, div.page-modules.table-module.table-rawmaterial div.table-scroll::-webkit-scrollbar-thumb, div.page-modules.table-module.table-regulations div.table-scroll::-webkit-scrollbar-thumb, div.page-modules.table-module.table-vpartner div.table-scroll::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 3px solid #e7e7e6;
background-color: #009cdd; }
div.page-modules.table-module.table-carelabeling div.table-scroll table, div.page-modules.table-module.table-rawmaterial div.table-scroll table, div.page-modules.table-module.table-regulations div.table-scroll table, div.page-modules.table-module.table-vpartner div.table-scroll table {
display: table;
min-width: 730px;
width: 100%; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr, div.page-modules.table-module.table-regulations div.table-scroll table#result tr, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr {
display: table-row;
width: 100%; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr th, div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr th, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr th, div.page-modules.table-module.table-regulations div.table-scroll table#result tr td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr th, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr td {
display: table-cell;
font-size: 14px;
padding: 14px 10px 14px 0; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr th, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr th, div.page-modules.table-module.table-regulations div.table-scroll table#result tr th, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr th {
font-family: "HelveticaNeueLTStd-Md";
color: #1c1c1b; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr td {
font-family: "HelveticaNeueLTStd-Roman";
color: #6e6e6d;
border-top: 2px solid #b4b4b3; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover td, div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr td, div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel td, div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr td {
border-color: #1c1c1b;
color: #1c1c1b; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr + tr td, div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr + tr td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr + tr td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr + tr td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr + tr td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr + tr td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead):hover + tr + tr td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:not(.dbtableline):not(.dbtableline_sm):not(.dbtablehead).sel + tr + tr td {
border-color: #1c1c1b; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr.dbtableline, div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr.dbtableline_sm, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr.dbtableline, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr.dbtableline_sm, div.page-modules.table-module.table-regulations div.table-scroll table#result tr.dbtableline, div.page-modules.table-module.table-regulations div.table-scroll table#result tr.dbtableline_sm, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr.dbtableline, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr.dbtableline_sm {
display: none; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr.dbtableline + .dbtableline, div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr.dbtableline_sm + .dbtableline, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr.dbtableline + .dbtableline, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr.dbtableline_sm + .dbtableline, div.page-modules.table-module.table-regulations div.table-scroll table#result tr.dbtableline + .dbtableline, div.page-modules.table-module.table-regulations div.table-scroll table#result tr.dbtableline_sm + .dbtableline, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr.dbtableline + .dbtableline, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr.dbtableline_sm + .dbtableline {
display: table-row;
border: none;
height: 50px; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:nth-last-child(2) td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:nth-last-child(2) td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:nth-last-child(2) td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:nth-last-child(2) td {
border-bottom: 2px solid #b4b4b3; }
div.page-modules.table-module.table-carelabeling div.table-scroll table#result tr:nth-last-child(2):hover td, div.page-modules.table-module.table-rawmaterial div.table-scroll table#result tr:nth-last-child(2):hover td, div.page-modules.table-module.table-regulations div.table-scroll table#result tr:nth-last-child(2):hover td, div.page-modules.table-module.table-vpartner div.table-scroll table#result tr:nth-last-child(2):hover td {
border-color: #1c1c1b; }
div.page-modules.reset-password #primary {
box-shadow: none;
padding: 60px 0px !important; }
div.page-modules.reset-password #primary div.um-field-password_reset_text {
display: none; }
div.page-modules.reset-password #primary .um-um_password_id.um {
width: 100%;
max-width: none; }
div.page-modules.reset-password #primary .um-um_password_id.um .um-form input[type=text] {
border: none !important;
width: 100% !important;
border-bottom: 2px solid #009cdd !important;
height: 25px !important;
line-height: 1.31 !important;
color: #818180 !important;
font-family: "HelveticaNeueLTStd-Roman" !important;
font-size: 16px !important;
padding: 0px !important; }
div.page-modules.reset-password #primary .um-um_password_id.um .um-form input[type=submit] {
float: right !important;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/arrow-blue.svg);
background-position: center right;
background-repeat: no-repeat;
color: #009cdd !important;
background-color: transparent;
padding: 5px !important;
padding-right: 50px !important;
min-width: 100px !important;
border: none !important;
text-align: left; } #toggleMenu {
display: none; }
#toggleMenu:checked ~ nav.menu-overlay {
-webkit-transform: translate3D(0, 0, 0);
-moz-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
-o-transform: translate3D(0, 0, 0);
transform: translate3D(0, 0, 0);
-webkit-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
-moz-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
-ms-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
-o-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73); }
#toggleMenu:checked ~ .move-right-content {
-webkit-transform: matrix(1, 0, 0, 1, 285, 0);
-moz-transform: matrix(1, 0, 0, 1, 285, 0);
-ms-transform: matrix(1, 0, 0, 1, 285, 0);
-o-transform: matrix(1, 0, 0, 1, 285, 0);
transform: matrix(1, 0, 0, 1, 285, 0); }
nav.menu-overlay {
width: 285px;
position: fixed;
top: 0;
left: 0;
bottom: 0;
background: #009cdd;
z-index: 100;
height: 100%;
padding: 10px 30px 30px 0;
overflow-y: auto;
-webkit-transform: translate3D(-100%, 0, 0);
-moz-transform: translate3D(-100%, 0, 0);
-ms-transform: translate3D(-100%, 0, 0);
-o-transform: translate3D(-100%, 0, 0);
transform: translate3D(-100%, 0, 0);
-webkit-transition: 0.2s transform cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: 0.2s transform cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: 0.2s transform cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: 0.2s transform cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.2s transform cubic-bezier(0.19, 1, 0.22, 1);
-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); }
nav.menu-overlay a.home-link {
font-size: 16px;
line-height: 1;
font-family: "HelveticaNeueLTStd-Md";
color: #ffffff;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/ion-android-home-ionicons.png);
background-position: left -1px;
background-repeat: no-repeat;
padding-left: 23px;
margin-left: 30px;
margin-top: 43px;
display: inline-block; }
nav.menu-overlay a.home-link:hover {
color: #d6d6d5; }
nav.menu-overlay ul.lang-switcher {
margin-left: 30px; }
nav.menu-overlay ul.lang-switcher li {
height: 27px; }
nav.menu-overlay div.menu-scrollable {
margin-top: 25px;
padding-top: 0;
padding-left: 30px;
overflow-y: visible; }
nav.menu-overlay div.menu-scrollable > ul {
list-style: none;
width: 100%;
padding: 1px 0; }
nav.menu-overlay div.menu-scrollable > ul > li {
display: inline-block;
width: 100%;
min-height: 35px;
border-bottom: 1px solid #ffffff; }
nav.menu-overlay div.menu-scrollable > ul > li:first-child {
border-top: 1px solid #ffffff; }
nav.menu-overlay div.menu-scrollable > ul > li > label {
height: 100%;
width: 100%;
display: none;
cursor: pointer;
font-family: "HelveticaNeueLTStd-Md";
font-size: 16px;
color: #ffffff;
line-height: 16px;
padding: 12px 0 7px 0;
position: relative; }
nav.menu-overlay div.menu-scrollable > ul > li > label:hover {
color: #d6d6d5; }
nav.menu-overlay div.menu-scrollable > ul > li > label:after {
position: absolute;
width: 13px;
height: 21px;
font-size: 20px;
line-height: 21px;
font-family: "Ionicons";
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
nav.menu-overlay div.menu-scrollable > ul > li > label.hide {
border-bottom: 1px solid #ffffff; }
nav.menu-overlay div.menu-scrollable > ul > li > label.hide:after {
content: '\f3d8'; }
nav.menu-overlay div.menu-scrollable > ul > li > label.show:after {
content: '\f3d0'; }
nav.menu-overlay div.menu-scrollable > ul > li.menu-item-has-children label.show {
display: inline-block; }
nav.menu-overlay div.menu-scrollable > ul > li.current-menu-parent > label {
color: #d6d6d5; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu {
display: none;
width: 100%;
padding: 18px 0 30px 0;
font-family: "HelveticaNeueLTStd-Roman"; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu li {
margin-bottom: 10px; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu li a {
font-size: 14px;
line-height: 1.07;
color: #ffffff;
height: 15px;
position: relative; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu li a:before {
position: absolute;
left: -16px;
height: 21px;
width: 8px;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/ion-ios-arrow-right-ionicons-copy-2.png);
background-repeat: no-repeat;
background-position: center;
bottom: -3px; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu li a:hover {
color: #d6d6d5; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu li a:hover:before {
content: ''; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu li.current-menu-item > .menu-item-content a {
color: #d6d6d5; }
nav.menu-overlay div.menu-scrollable > ul > li ul.sub-menu li.current-menu-item > .menu-item-content a:before {
content: ''; }
nav.menu-overlay div.menu-scrollable > ul > li input.radioMenu:checked ~ ul.sub-menu {
display: inline-block; }
nav.menu-overlay div.menu-scrollable > ul > li input.radioMenu:checked ~ label.hide {
display: inline-block; }
nav.menu-overlay div.menu-scrollable > ul > li input.radioMenu:checked ~ label.show {
display: none; }
nav.menu-overlay div.menu-scrollable > ul.extranet-menu-container {
margin-top: 30px; }
nav.menu-overlay div.menu-scrollable > ul.extranet-menu-container > li {
border-bottom: 2px solid #ffffff;
border-top: 2px solid #ffffff; }
nav.menu-overlay div.menu-scrollable > ul.extranet-menu-container > li > label.hide {
border-bottom: 2px solid #ffffff; }
nav.menu-overlay #navigation-close {
display: inline-block;
width: 100%; }
nav.menu-overlay #navigation-close label.close-menu {
position: relative;
width: 26px;
height: 26px;
cursor: pointer;
float: right; }
nav.menu-overlay #navigation-close label.close-menu span {
position: absolute;
display: block;
width: 26px;
height: 3px;
border-radius: 8px;
background-color: #ffffff;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
nav.menu-overlay #navigation-close label.close-menu span:first-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
nav.menu-overlay #navigation-close label.close-menu span:last-child {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
nav.menu-overlay input {
display: none; }
nav.menu-overlay div.contact-information {
margin-top: 31px;
margin-left: 30px; }
nav.menu-overlay div.contact-information a {
font-size: 14px;
line-height: 1.21;
height: 17px;
background-size: 14px 21px;
padding-left: 23px; }
nav.menu-overlay div.contact-information a.contact-phone {
margin-bottom: 8px; }
nav.menu-overlay div.contact-information a.contact-mail {
margin-bottom: 20px; }
nav.menu-overlay div.contact-information a.contact-address {
line-height: 1.29; } #header-main {
position: fixed; }
#header-main,
#header-main > div:first-child {
z-index: 100;
width: 100%;
height: 45px;
left: 0;
top: 0;
background-color: #009cdd; }
#header-main > div:first-child {
position: relative;
padding: 0 15px;
-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
-ms-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
-o-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24); }
#header-main #menu-button-trigger {
display: inline-block;
height: 45px;
padding-top: 17px;
padding-bottom: 15px;
padding-right: 15px;
margin-right: -15px;
padding-left: 15px;
margin-left: -15px;
cursor: pointer;
float: left; }
#header-main #menu-button-trigger p.button-text {
line-height: 1;
font-size: 14px;
text-transform: uppercase; }
#header-main #menu-button-trigger div {
height: 100%;
float: left; }
#header-main #menu-button-trigger div.hamburger {
display: flex;
flex-direction: column;
justify-content: space-between; }
#header-main #menu-button-trigger div.hamburger span {
width: 26px;
height: 3px;
border-radius: 8px;
background-color: #ffffff; }
#header-main #menu-button-trigger div.line {
width: 1px;
background-color: #ffffff;
margin: 0 10px; }
#header-main #menu-button-trigger p {
display: inline-block;
line-height: 13px;
color: #ffffff; }
#header-main ul.lang-switcher {
display: none; }
#header-main label#open-login, #header-main label#open-logout {
float: right;
margin-top: 10px;
cursor: pointer;
font-family: "HelveticaNeueLTStd-Md";
line-height: 1.71;
font-size: 14px;
color: #ffffff;
height: 100%; }
#header-main label#open-login span.user-icon, #header-main label#open-logout span.user-icon {
color: #ffffff;
font-family: "FontAwesome";
width: 18px;
line-height: 22px;
font-size: 22px;
margin-left: 11px; }
label.login-panel-overlay {
display: none;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
z-index: 100;
width: 100%;
height: 100%; }
div.login-arrow {
z-index: 200;
position: absolute;
display: none;
top: 45px;
right: 35px;
font-size: 0px;
line-height: 0%;
width: 0px;
border-top: 10px solid #009cdd;
border-left: 8px solid transparent;
border-right: 8px solid transparent; }
div.login#login-panel {
background-color: #009cdd;
width: 300px;
height: auto;
max-height: 200px;
position: absolute;
top: 40px;
right: 10px;
display: none;
padding: 28px 15px 16px 20px;
background-color: #ffffff;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
div.login * {
font-size: 16px;
line-height: 1.31;
height: 24px;
font-family: "HelveticaNeueLTStd-Roman";
color: #818180; }
div.login > form div.lwa-loading {
display: none; }
div.login > form input {
border: none;
background-color: transparent;
padding: 0; }
div.login > form input.username, div.login > form input.password {
width: 100%;
border-bottom: solid 2px #009cdd;
float: left;
margin-bottom: 8px; }
div.login > form input.username:not(.password), div.login > form input.password:not(.password) {
margin-bottom: 20px; }
div.login > form input#lwa_wp-submit {
float: right;
width: 91px;
text-align: left;
cursor: pointer;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/arrow-blue.svg);
background-position: center right;
background-repeat: no-repeat; }
div.login > form div.alert {
display: none;
color: #d50000;
right: 0;
font-size: 18px;
font-family: "Ionicons";
float: right; }
div.login > form span.lwa-status-confirm {
display: none !important; }
div.login > form span.lwa-status.lwa-status-invalid {
position: absolute;
display: none !important;
opacity: 0; }
div.login > form span.lwa-status.lwa-status-invalid ~ #username-wrong {
display: inline-block; }
div.login > form span.lwa-status.lwa-status-invalid ~ input.username,
div.login > form span.lwa-status.lwa-status-invalid ~ input.password {
border-color: #d50000; }
div.login > form span.lwa-status.lwa-status-invalid ~ div.alert {
display: block;
margin-left: -30px; }
div.login > form a, div.login > form input#lwa_wp-submit {
text-decoration: none;
font-size: 14px;
color: #009cdd; }
div.login > form a:visited {
color: #009cdd; }
#toggle-login-panel {
display: none; }
#toggle-login-panel:checked ~ #login-panel,
#toggle-login-panel:checked ~ .login-panel-overlay,
#toggle-login-panel:checked ~ .login-arrow {
display: block; }
#logo {
z-index: 2;
position: absolute;
right: 15px;
top: 92px; }
#logo > a > div {
background-image: url(https://ginetex.de/wp-content/uploads/2020/05/gin_de_ban_TM_pos.png);
background-repeat: no-repeat;
background-position: center;
background-size: 290px;
width: 290px;
height: 104px; }
#header-image {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 221px;
margin-top: 35px;
top: 0px;
background-color: #ffffff;
border-bottom: solid 6px #009cdd; } #primary {
position: relative;
margin-bottom: 420px;
z-index: 1;
background: white; }
#primary ul#breadcrumbs {
padding-top: 20px; }
#primary ul#breadcrumbs li, #primary ul#breadcrumbs a {
display: inline-block;
color: #009cdd;
font-family: "HelveticaNeueLTStd-Md";
height: 20px;
font-size: 14px; }
#primary ul#breadcrumbs li.seperator, #primary ul#breadcrumbs a.seperator {
margin: 0 10px;
width: 7px;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 7px 10px;
background-image: url(//ginetex.de/wp-content/themes/ginetex/Images/shape.svg); }
#primary ul#breadcrumbs li {
line-height: 20px; }
#primary ul:not(#breadcrumbs) > li,
#primary ol:not(#breadcrumbs) > li {
padding-left: 18px;
list-style: none;
padding-bottom: 3px; }
#primary ul:not(#breadcrumbs) > li:before,
#primary ol:not(#breadcrumbs) > li:before {
float: left;
margin-left: -18px;
font-family: "Ionicons";
content: '\f371'; }
#primary ul:not(#breadcrumbs) > li:before {
font-size: 8px;
padding-top: 6px; }
#primary ol:not(#breadcrumbs) {
counter-reset: item; }
#primary ol:not(#breadcrumbs) > li:before {
font-family: "HelveticaNeueLTStd-Roman";
counter-increment: item;
content: counter(item) "."; }
#primary article {
padding: 56px 0 40px 0; }
#primary article header h2 {
margin-top: 6px; }
#primary article img.thumbnail-image {
max-width: 732px;
width: 100%;
display: block;
margin: 0 auto;
margin-top: 37px; } .content-area {
padding-left: 15px;
padding-right: 15px; } footer {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
background-color: #e7e7e6;
z-index: -1; }
footer.w-background {
background-size: cover; }
footer.w-background * {
color: #ffffff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
footer p {
color: #818180;
font-family: "HelveticaNeueLTStd-Roman";
font-size: 16px;
line-height: 1.31;
margin-bottom: 16px; }
footer p strong {
color: #1c1c1b;
font-family: "HelveticaNeueLTStd-Md"; }
footer p span.slight-strong {
font-family: "HelveticaNeueLTStd-Md"; }
footer a {
font-size: 16px;
line-height: 1.31;
font-family: "HelveticaNeueLTStd-Roman";
color: #009cdd; }
footer a:hover {
color: #ffffff; }
footer div.footer-container {
width: 100%;
padding: 34px 15px 60px 15px;
color: #818180; }
footer div.footer-container div {
display: inline-block;
width: 100%; }
footer div.footer-container div.top-content p {
color: #818180; }
footer div.footer-container div.bottom-content {
margin-top: 14px; }
footer div.footer-container div.bottom-content div.left-content {
margin-top: 30px; }
footer div.footer-container a.contact.contact-address::before, footer div.footer-container a.contact.contact-mail::before, footer div.footer-container a.contact.contact-phone::before {
font-size: 22px;
margin-left: -30px;
margin-top: -2px;
height: 10px; } @media screen and (min-width: 768px) {
h1, h2, h3, h3, h5 {
word-wrap: normal; }
html body.admin-bar #header-main {
position: fixed;
top: 32px; }
#wpadminbar {
overflow: auto; }
#login-panel {
right: 20px; }
#header-image {
height: 197px; }
div.page-modules, article, #breadcrumbs {
max-width: 680px;
margin: 0px auto; }
div.content, div.content-grey, div.content-transparent {
top: 0px; }
div.content.slider-content, div.slider-content.content-grey, div.slider-content.content-transparent {
background: none;
height: 100vh; }
div.landing-content-container {
top: 0px;
width: 678px;
padding: 0px 0px; }
#logo {
right: 20px;
top: 74px; }
#logo > a > div {
background-image: url(https://ginetex.de/wp-content/uploads/2020/05/gin_de_ban_TM_pos.png); background-size: 480px;
width: 480px;
height: 120px; } #toggleMenu:checked ~ .move-right-content {
-webkit-transform: matrix(1, 0, 0, 1, 400, 0);
-moz-transform: matrix(1, 0, 0, 1, 400, 0);
-ms-transform: matrix(1, 0, 0, 1, 400, 0);
-o-transform: matrix(1, 0, 0, 1, 400, 0);
transform: matrix(1, 0, 0, 1, 400, 0); }
nav.menu-overlay {
width: 400px;
padding-top: 30px; }
nav.menu-overlay ul.lang-switcher {
display: none; }
.move-right-content {
-webkit-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
-moz-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
-ms-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
-o-transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73);
transition: 0.2s transform cubic-bezier(0.7, 0.02, 0.83, 0.73); } #header-main {
position: fixed; }
#header-main #menu-button-trigger {
margin-right: 65px; }
#header-main ul.lang-switcher {
display: inline-block; }
#landing-page-image-slider #image-container {
height: 100vh; }
#landing-page-image-slider #image-container .bg-image {
width: 100%;
height: 100vh; }
#landing-page-text-slider {
margin-top: 277px;
position: absolute;
width: 529px;
background-color: rgba(0, 156, 221, 0.8); }
#landing-page-text-slider #slider-pages {
min-height: 240px;
margin: 0px 30px; }
#landing-page-text-slider div.page {
position: relative;
top: 0;
left: 0;
width: 100%;
min-height: 240px;
padding-bottom: 50px; }
#landing-page-text-slider div.logo {
height: 74px; }
#landing-page-text-slider div.text, #landing-page-text-slider div.text-white, #landing-page-text-slider div.tile-text, #landing-page-text-slider div.text-black, #landing-page-text-slider div.landing-news div.tile a > div.title, div.landing-news div.tile #landing-page-text-slider a > div.title, #landing-page-text-slider div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title, div.landing-news #landing-page-care-symbols div.symbols div.symbol #landing-page-text-slider a > div.title, #landing-page-text-slider #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title, #landing-page-care-symbols div.symbols div.landing-news div.symbol #landing-page-text-slider a > div.title {
font-size: 26px;
top: 74px;
right: 4px;
bottom: 67px;
left: 30px; }
#landing-page-text-slider div.learn-more {
position: absolute;
left: 0px;
bottom: 0px; }
#landing-page-text-slider div.arrow, #landing-page-text-slider div.arrow-blue {
left: 131px;
bottom: 32px; }
#landing-page-text-slider div.nav-container {
position: absolute;
width: 529px;
padding: 0px;
left: 0px;
margin: 7px 0px 7px 0px; }
#landing-page-care-symbols {
height: 720px; }
#landing-page-care-symbols.panel {
padding-left: 0px;
padding-right: 0px; }
#landing-page-care-symbols div.heading {
margin-bottom: 76px; }
div.tile, #landing-page-care-symbols div.symbols div.symbol {
width: 165px;
height: 165px;
padding: 30px 30px;
float: left; }
div.tile:hover, #landing-page-care-symbols div.symbols div.symbol:hover {
width: 189px;
height: 201px;
padding: 30px 36px 30px 36px;
margin: -18px -17px -17px -18px; }
div.link-panel {
height: 640px; }
div.link-panel div.landing-content-container > div {
width: 389px;
position: relative;
bottom: auto;
height: 640px; }
div.landing-news {
padding: 114px 0px;
height: 640px; }
div.landing-news h5 {
padding-bottom: 74px; }
div.landing-news div.tile, div.landing-news #landing-page-care-symbols div.symbols div.symbol, #landing-page-care-symbols div.symbols div.landing-news div.symbol {
width: 165px;
height: 149px;
padding: 20px 30px;
float: left; }
div.landing-news div.tile:hover, div.landing-news #landing-page-care-symbols div.symbols div.symbol:hover, #landing-page-care-symbols div.symbols div.landing-news div.symbol:hover {
width: 191px;
height: 158px;
padding: 33px 28px 25px 28px;
margin: -13.5px -10px -12.5px -11px; }
div.page-modules div.module-content {
padding-left: 70px; }
div.page-modules div.module-content > div.content, div.page-modules div.module-content > div.content-grey, div.page-modules div.module-content > div.content-transparent {
width: 540px; }
div.page-modules div.cross-links > div {
margin: 0;
width: auto;
display: inline-block; }
div.page-modules div.cross-links > div:not(:last-child) {
margin-right: 30px; }
div.page-modules.text-module {
width: 100%; }
div.page-modules.text-module div.module-content {
padding-left: 0px; }
div.page-modules.text-module div.module-content > div.content, div.page-modules.text-module div.module-content > div.content-grey, div.page-modules.text-module div.module-content > div.content-transparent {
width: 680px;
max-width: 680px; }
div.page-modules.text-module div.text, div.page-modules.text-module div.text-white, div.page-modules.text-module div.tile-text, div.page-modules.text-module div.text-black, div.page-modules.text-module div.landing-news div.tile a > div.title, div.landing-news div.tile div.page-modules.text-module a > div.title, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title {
width: 100%; }
div.page-modules.text-module div.text img.small, div.page-modules.text-module div.text-white img.small, div.page-modules.text-module div.tile-text img.small, div.page-modules.text-module div.text-black img.small, div.page-modules.text-module div.landing-news div.tile a > div.title img.small, div.landing-news div.tile div.page-modules.text-module a > div.title img.small, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title img.small, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title img.small, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title img.small, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title img.small {
width: 324px;
height: 185px;
max-width: none; }
div.page-modules.text-module div.text img.big, div.page-modules.text-module div.text-white img.big, div.page-modules.text-module div.tile-text img.big, div.page-modules.text-module div.text-black img.big, div.page-modules.text-module div.landing-news div.tile a > div.title img.big, div.landing-news div.tile div.page-modules.text-module a > div.title img.big, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title img.big, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title img.big, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title img.big, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title img.big {
width: 680px;
height: 308px; }
div.page-modules.text-module div.text .left, div.page-modules.text-module div.text-white .left, div.page-modules.text-module div.tile-text .left, div.page-modules.text-module div.text-black .left, div.page-modules.text-module div.landing-news div.tile a > div.title .left, div.landing-news div.tile div.page-modules.text-module a > div.title .left, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .left, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .left, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .left, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .left, div.page-modules.text-module div.text .right, div.page-modules.text-module div.text-white .right, div.page-modules.text-module div.tile-text .right, div.page-modules.text-module div.text-black .right, div.page-modules.text-module div.landing-news div.tile a > div.title .right, div.landing-news div.tile div.page-modules.text-module a > div.title .right, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .right, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .right, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .right, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .right {
float: left;
max-width: 325px;
min-width: 325px;
word-break: break-word; }
div.page-modules.text-module div.text .right, div.page-modules.text-module div.text-white .right, div.page-modules.text-module div.tile-text .right, div.page-modules.text-module div.text-black .right, div.page-modules.text-module div.landing-news div.tile a > div.title .right, div.landing-news div.tile div.page-modules.text-module a > div.title .right, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .right, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .right, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .right, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .right {
margin-left: 30px; }
div.page-modules.team-module, div.page-modules.member-module {
padding-left: 0;
padding-right: 0; }
div.page-modules.team-module div.module-content, div.page-modules.member-module div.module-content {
padding-left: 0px; }
div.page-modules.team-module > .header, div.page-modules div.employee-tile div.page-modules.team-module > .header-w-image,
div.page-modules div.member-tile div.page-modules.team-module > .header-w-image,
div.page-modules div.file-tile div.page-modules.team-module > .header-w-image, div.page-modules.member-module > .header, div.page-modules div.employee-tile div.page-modules.member-module > .header-w-image,
div.page-modules div.member-tile div.page-modules.member-module > .header-w-image,
div.page-modules div.file-tile div.page-modules.member-module > .header-w-image {
margin: 0 70px; }
div.page-modules.team-module .tiles, div.page-modules.member-module .tiles {
display: inline-block;
width: 700px;
margin-left: -10px;
margin-right: -10px;
padding-left: 10px; }
div.page-modules.team-module .tiles div.employee-tile,
div.page-modules.team-module .tiles div.member-tile, div.page-modules.member-module .tiles div.employee-tile,
div.page-modules.member-module .tiles div.member-tile {
margin-left: 0px;
float: left;
width: 210px;
height: 353px; }
div.page-modules.team-module .tiles div.employee-tile:not(:nth-child(3n)),
div.page-modules.team-module .tiles div.member-tile:not(:nth-child(3n)), div.page-modules.member-module .tiles div.employee-tile:not(:nth-child(3n)),
div.page-modules.member-module .tiles div.member-tile:not(:nth-child(3n)) {
margin-right: 24px; }
div.page-modules.team-module .tiles div.employee-tile .header-w-image img,
div.page-modules.team-module .tiles div.member-tile .header-w-image img, div.page-modules.member-module .tiles div.employee-tile .header-w-image img,
div.page-modules.member-module .tiles div.member-tile .header-w-image img {
left: 55px; }
div.page-modules.faq-module .faq .question p, div.page-modules.faq-module .faq .answer p {
padding-right: 90px; }
div.page-modules.textile-fibers-module .textile-fibers {
margin-left: -70px; }
div.page-modules.care-symbols-module {
padding-left: 0px;
padding-right: 0px; }
div.page-modules.care-symbols-module div.module-content > div.content, div.page-modules.care-symbols-module div.module-content > div.content-grey, div.page-modules.care-symbols-module div.module-content > div.content-transparent {
width: 610px; }
div.page-modules.care-symbols-module .symbol-header {
margin-left: -70px; }
div.page-modules.care-symbols-module label.symbol {
float: left;
width: 20%;
height: 80px;
padding: 0px;
display: block;
position: relative;
z-index: 10; }
div.page-modules.care-symbols-module label.symbol > label {
width: auto;
height: auto;
display: table;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1; }
div.page-modules.care-symbols-module label.symbol > label span:not(.care-symbol),
div.page-modules.care-symbols-module label.symbol > label span.care-symbol {
float: none;
display: block;
margin: 0px;
width: auto;
padding: 0px;
text-align: left; }
div.page-modules.care-symbols-module label.symbol > label span:not(.care-symbol):not(.care-symbol),
div.page-modules.care-symbols-module label.symbol > label span.care-symbol:not(.care-symbol) {
max-width: 100px;
line-height: unset; }
div.page-modules.care-symbols-module div.washing > *,
div.page-modules.care-symbols-module div.bleaching > *,
div.page-modules.care-symbols-module div.drying > *,
div.page-modules.care-symbols-module div.ironing > *,
div.page-modules.care-symbols-module div.professional-care > * {
float: left; }
div.page-modules.care-symbols-module div.washing hr,
div.page-modules.care-symbols-module div.bleaching hr,
div.page-modules.care-symbols-module div.drying hr,
div.page-modules.care-symbols-module div.ironing hr,
div.page-modules.care-symbols-module div.professional-care hr {
margin-bottom: 20px; }
div.page-modules.care-symbols-module div.washing .care-symbol,
div.page-modules.care-symbols-module div.bleaching .care-symbol,
div.page-modules.care-symbols-module div.drying .care-symbol,
div.page-modules.care-symbols-module div.ironing .care-symbol,
div.page-modules.care-symbols-module div.professional-care .care-symbol {
margin-left: -60px; }
div.page-modules.form-module .wpcf7-form {
width: 541px; }
div.page-modules.form-module .wpcf7-form-control-wrap {
width: 541px;
display: block; }
div.page-modules.form-module .wpcf7-form-control-wrap * {
width: 100%; }
div.page-modules.form-module div.single-line {
width: 541px;
display: inline-block; }
div.page-modules.form-module div.single-line span.form-title {
width: 161px;
float: left;
margin-bottom: 0px; }
div.page-modules.form-module div.single-line span.form-title select {
width: 100%; }
div.page-modules.form-module div.single-line span.form-name {
width: 352px;
float: right; }
div.page-modules.form-module div.single-line span.form-name input {
width: 100%; }
div.page-modules.files-module .file-controls {
padding: 0 69px; }
div.page-modules.files-module .files {
margin-right: -40px;
justify-content: flex-start; }
div.page-modules.files-module .files .file-tile {
width: 210px;
margin-right: 24px; } footer div.footer-container {
margin: 0 auto;
max-width: 678px;
padding: 34px 0 39px 0; }
footer div.footer-container div {
display: inline-block;
width: 100%; }
footer div.footer-container div.top-content {
padding-left: 354px; }
footer div.footer-container div.bottom-content {
margin-top: 30px;
display: flex;
flex-direction: row-reverse; }
footer div.footer-container div.bottom-content div.right-content {
margin-left: 29px; }
footer div.footer-container div.bottom-content div.right-content a:first-child {
margin-bottom: 8px; }
footer div.footer-container div.bottom-content div.left-content {
margin-top: unset; }
footer div.footer-container div.bottom-content div.left-content p {
margin-bottom: 15px; } }
@media screen and (min-width: 1024px) {
#primary {
margin-bottom: 380px; }
div.page-modules, article, #breadcrumbs {
max-width: 730px;
margin: 0px auto;
position: relative; }
div.landing-content-container {
width: 954px; } #header-main #menu-button-trigger {
margin-right: 80px; }
#landing-page-text-slider {
margin-top: 244px;
width: 555px; }
#landing-page-text-slider #slider-pages {
min-height: 240px; }
#landing-page-text-slider #slider-pages div.page {
min-height: 240px; }
#landing-page-text-slider #slider-pages div.text, #landing-page-text-slider #slider-pages div.text-white, #landing-page-text-slider #slider-pages div.tile-text, #landing-page-text-slider #slider-pages div.text-black, #landing-page-text-slider #slider-pages div.landing-news div.tile a > div.title, div.landing-news div.tile #landing-page-text-slider #slider-pages a > div.title, #landing-page-text-slider #slider-pages div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title, div.landing-news #landing-page-care-symbols div.symbols div.symbol #landing-page-text-slider #slider-pages a > div.title, #landing-page-text-slider #slider-pages #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title, #landing-page-care-symbols div.symbols div.landing-news div.symbol #landing-page-text-slider #slider-pages a > div.title {
right: 30px; }
#landing-page-text-slider div.nav-container {
width: 555px; }
#landing-page-care-symbols {
padding: 114px 0px;
height: 640px; }
#landing-page-care-symbols div.heading {
margin-bottom: 74px; }
div.tile, #landing-page-care-symbols div.symbols div.symbol {
width: 139px;
height: 159px;
padding: 15px 25px;
float: left; }
div.tile:hover, #landing-page-care-symbols div.symbols div.symbol:hover {
width: 159px;
height: 174px;
padding: 30px 30px 15px 30px;
margin: -15px -14px -14px -15px; }
div.link-panel {
height: 640px; }
div.link-panel div.landing-content-container > div {
width: 475px;
height: 640px;
padding: 0px 30px; }
div.landing-news {
height: 640px; }
div.landing-news div.tile, div.landing-news #landing-page-care-symbols div.symbols div.symbol, #landing-page-care-symbols div.symbols div.landing-news div.symbol {
width: 256px;
height: 149px;
padding: 20px 30px;
float: left; }
div.landing-news div.tile:hover, div.landing-news #landing-page-care-symbols div.symbols div.symbol:hover, #landing-page-care-symbols div.symbols div.landing-news div.symbol:hover {
width: 293px;
height: 158px;
padding: 33px 28px 25px 28px;
margin: -13.5px -15.5px -12.5px -16.5px; }
div.page-modules div.module-content {
max-width: 840px;
width: 100%; }
div.page-modules div.module-content > div.content, div.page-modules div.module-content > div.content-grey, div.page-modules div.module-content > div.content-transparent {
max-width: 540px;
width: 100%;
float: left; }
div.page-modules div.module-content > div.cross-links {
padding-top: 30px;
padding-bottom: 50px;
margin-right: -95px;
float: right; }
div.page-modules div.cross-links {
border: none;
width: 160px;
padding: 0; }
div.page-modules div.cross-links > div:not(:last-child) {
margin-bottom: 20px; }
div.page-modules.table-module.table-carelabeling div.table-scroll, div.page-modules.table-module.table-rawmaterial div.table-scroll, div.page-modules.table-module.table-regulations div.table-scroll, div.page-modules.table-module.table-vpartner div.table-scroll {
overflow-x: hidden; }
div.page-modules.text-module div.module-content {
padding-left: 0px; }
div.page-modules.text-module div.module-content > div.content, div.page-modules.text-module div.module-content > div.content-grey, div.page-modules.text-module div.module-content > div.content-transparent {
width: 650px; }
div.page-modules.text-module div.text .left, div.page-modules.text-module div.text-white .left, div.page-modules.text-module div.tile-text .left, div.page-modules.text-module div.text-black .left, div.page-modules.text-module div.landing-news div.tile a > div.title .left, div.landing-news div.tile div.page-modules.text-module a > div.title .left, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .left, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .left, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .left, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .left, div.page-modules.text-module div.text .right, div.page-modules.text-module div.text-white .right, div.page-modules.text-module div.tile-text .right, div.page-modules.text-module div.text-black .right, div.page-modules.text-module div.landing-news div.tile a > div.title .right, div.landing-news div.tile div.page-modules.text-module a > div.title .right, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .right, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .right, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .right, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .right {
float: left;
max-width: 305px;
min-width: 305px; }
div.page-modules.text-module div.text img.small, div.page-modules.text-module div.text-white img.small, div.page-modules.text-module div.tile-text img.small, div.page-modules.text-module div.text-black img.small, div.page-modules.text-module div.landing-news div.tile a > div.title img.small, div.landing-news div.tile div.page-modules.text-module a > div.title img.small, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title img.small, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title img.small, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title img.small, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title img.small {
width: 310px;
max-width: none; }
div.page-modules.textile-fibers-module .textile-fibers {
width: 730px; }
div.page-modules.team-module div.module-content, div.page-modules.member-module div.module-content {
padding-left: 70px; }
div.page-modules.team-module .tiles, div.page-modules.member-module .tiles {
margin-left: -70px;
width: 750px; }
div.page-modules.team-module .tiles div.employee-tile,
div.page-modules.team-module .tiles div.member-tile, div.page-modules.member-module .tiles div.employee-tile,
div.page-modules.member-module .tiles div.member-tile {
width: 226px;
height: 313px; }
div.page-modules.team-module .tiles div.employee-tile .header-w-image img,
div.page-modules.team-module .tiles div.member-tile .header-w-image img, div.page-modules.member-module .tiles div.employee-tile .header-w-image img,
div.page-modules.member-module .tiles div.member-tile .header-w-image img {
left: 61px; }
div.page-modules.team-module .tiles:not(:last-child), div.page-modules.member-module .tiles:not(:last-child) {
margin-right: 26px; }
div.page-modules.care-symbols-module {
border-top: none; }
div.page-modules.care-symbols-module .symbol-header {
margin-left: -70px;
margin-right: -120px; }
div.page-modules.care-symbols-module div.washing .care-symbol,
div.page-modules.care-symbols-module div.bleaching .care-symbol,
div.page-modules.care-symbols-module div.drying .care-symbol,
div.page-modules.care-symbols-module div.ironing .care-symbol,
div.page-modules.care-symbols-module div.professional-care .care-symbol {
margin-left: -60px; }
div.page-modules.care-symbols-module div.module-content > div.cross-links {
padding-top: 152px; }
div.page-modules.files-module .file-controls {
padding: 0 95px; }
div.page-modules.files-module .files .file-tile {
width: 226px;
margin-right: 26px; } footer div.footer-container {
max-width: 730px; }
footer div.footer-container div.top-content {
padding-left: 335px; }
footer div.footer-container div.bottom-content div.right-content {
margin-left: -60px; } }
@media screen and (min-width: 1440px) {
div.landing-content-container {
max-width: 1110px;
width: 100%; }
div.page-modules, article, #breadcrumbs {
max-width: 920px;
width: 100%;
margin: 0px auto; }
div.tile, #landing-page-care-symbols div.symbols div.symbol {
width: 181px;
height: 159px;
padding: 15px 20px;
float: left; }
div.tile:hover, #landing-page-care-symbols div.symbols div.symbol:hover {
width: 197px;
height: 159px;
padding: 30px 30px 30px 30px;
margin: -15px -17px -14px -18px; }
div.link-panel div.landing-content-container > div {
width: 555px;
height: 640px;
padding: 0px 113px 0px 30px; }
div.landing-news div.tile, div.landing-news #landing-page-care-symbols div.symbols div.symbol, #landing-page-care-symbols div.symbols div.landing-news div.symbol {
width: 309px;
height: 149px;
padding: 20px 30px;
float: left; }
div.landing-news div.tile:hover, div.landing-news #landing-page-care-symbols div.symbols div.symbol:hover, #landing-page-care-symbols div.symbols div.landing-news div.symbol:hover {
width: 353px;
height: 158px;
padding: 33px 28px 25px 28px;
margin: -13.5px -19px -12.5px -20px; }
div.page-modules div.module-content {
max-width: 1030px;
width: 100%;
padding-left: 95px; }
div.page-modules div.module-content > div.content, div.page-modules div.module-content > div.content-grey, div.page-modules div.module-content > div.content-transparent {
max-width: 730px;
width: 100%; }
div.page-modules.text-module div.module-content {
padding-left: 95px; }
div.page-modules.text-module div.module-content > div.content, div.page-modules.text-module div.module-content > div.content-grey, div.page-modules.text-module div.module-content > div.content-transparent {
width: 730px;
max-width: 730px; }
div.page-modules.text-module div.text img.small, div.page-modules.text-module div.text-white img.small, div.page-modules.text-module div.tile-text img.small, div.page-modules.text-module div.text-black img.small, div.page-modules.text-module div.landing-news div.tile a > div.title img.small, div.landing-news div.tile div.page-modules.text-module a > div.title img.small, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title img.small, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title img.small, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title img.small, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title img.small {
margin-left: -94px;
width: 445px;
height: 254px;
max-width: none; }
div.page-modules.text-module div.text img.big, div.page-modules.text-module div.text-white img.big, div.page-modules.text-module div.tile-text img.big, div.page-modules.text-module div.text-black img.big, div.page-modules.text-module div.landing-news div.tile a > div.title img.big, div.landing-news div.tile div.page-modules.text-module a > div.title img.big, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title img.big, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title img.big, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title img.big, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title img.big {
width: 720px;
height: 406px; }
div.page-modules.text-module div.text .left, div.page-modules.text-module div.text-white .left, div.page-modules.text-module div.tile-text .left, div.page-modules.text-module div.text-black .left, div.page-modules.text-module div.landing-news div.tile a > div.title .left, div.landing-news div.tile div.page-modules.text-module a > div.title .left, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .left, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .left, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .left, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .left, div.page-modules.text-module div.text .right, div.page-modules.text-module div.text-white .right, div.page-modules.text-module div.tile-text .right, div.page-modules.text-module div.text-black .right, div.page-modules.text-module div.landing-news div.tile a > div.title .right, div.landing-news div.tile div.page-modules.text-module a > div.title .right, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .right, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .right, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .right, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .right {
float: left;
max-width: 348px;
min-width: 348px; }
div.page-modules.text-module div.text .right, div.page-modules.text-module div.text-white .right, div.page-modules.text-module div.tile-text .right, div.page-modules.text-module div.text-black .right, div.page-modules.text-module div.landing-news div.tile a > div.title .right, div.landing-news div.tile div.page-modules.text-module a > div.title .right, div.page-modules.text-module div.landing-news #landing-page-care-symbols div.symbols div.symbol a > div.title .right, div.landing-news #landing-page-care-symbols div.symbols div.symbol div.page-modules.text-module a > div.title .right, div.page-modules.text-module #landing-page-care-symbols div.symbols div.landing-news div.symbol a > div.title .right, #landing-page-care-symbols div.symbols div.landing-news div.symbol div.page-modules.text-module a > div.title .right {
margin-left: 30px; }
div.page-modules.textile-fibers-module .textile-fibers {
margin-left: -95px;
width: 920px; }
div.page-modules.team-module .tiles, div.page-modules.member-module .tiles {
margin-left: 0px; }
div.page-modules.team-module > .header, div.page-modules div.employee-tile div.page-modules.team-module > .header-w-image,
div.page-modules div.member-tile div.page-modules.team-module > .header-w-image,
div.page-modules div.file-tile div.page-modules.team-module > .header-w-image, div.page-modules.member-module > .header, div.page-modules div.employee-tile div.page-modules.member-module > .header-w-image,
div.page-modules div.member-tile div.page-modules.member-module > .header-w-image,
div.page-modules div.file-tile div.page-modules.member-module > .header-w-image {
margin: 0; }
div.page-modules.care-symbols-module div.module-content > div.content, div.page-modules.care-symbols-module div.module-content > div.content-grey, div.page-modules.care-symbols-module div.module-content > div.content-transparent {
max-width: 635px; }
div.page-modules.care-symbols-module .symbol-header {
margin-left: -95px;
margin-right: -190px; }
div.page-modules.care-symbols-module div.washing .care-symbol,
div.page-modules.care-symbols-module div.bleaching .care-symbol,
div.page-modules.care-symbols-module div.drying .care-symbol,
div.page-modules.care-symbols-module div.ironing .care-symbol,
div.page-modules.care-symbols-module div.professional-care .care-symbol {
margin-left: -85px; }
div.page-modules.files-module .files {
padding-left: 95px;
padding-right: 95px; } footer div.footer-container {
max-width: 920px; }
footer div.footer-container div.top-content {
padding-left: 475px; }
footer div.footer-container div.bottom-content div.right-content {
margin-left: 25px; } } .clearfix:after {
content: "";
display: block;
clear: both;
}
.ellipsis {
white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-invisible-blank-slide {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-ms-flex-align: start;
align-items: flex-start;
transition-property: transform,height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent);
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s top,.2s -webkit-transform;
transition: .2s transform,.2s top;
transition: .2s transform,.2s top,.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s left,.2s -webkit-transform;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s right,.2s -webkit-transform;
transition: .2s transform,.2s right;
transition: .2s transform,.2s right,.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, .25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px;
}
#header {
height: 45px;
background: #f00;
}
@media (max-width: 991px) {
#landing-page-image-slider #image-container {
margin-top: 110px;
height: calc(100vh - 110px);
}
}
@media (max-width: 767px) {
#landing-page-image-slider #image-container {
margin-top: 0;
height: 395px;
}
}
@media (max-width: 767px) {
#landing-page-image-slider {
top: 65px;
}
}
@media (max-width: 767px) {
#landing-page-text-slider {
margin-top: 308px;
}
}
.icons-wrap {
position: fixed;
top: 58px;
left: 15px;
transition: top .8s;
z-index: 5;
}
@media (max-width: 991px) {
.icons-wrap {
position: absolute;
left: 0;
top: 45px;
width: 100%;
padding: 15px 0;
background: #e7e7e6;
}
}
@media (min-width: 992px) {
.loader .icons-wrap {
top: -150%;
}
}
@media (min-width: 992px) {
.loaded .icons-wrap {
top: 58px;
}
}
.icons-list {
font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
@media (min-width: 992px) {
.icons-list {
transform: none !important;
display: block;
width: auto !important;
height: auto !important;
box-sizing: border-box;
}
}
@media (min-width: 992px) {
.icons-list .swiper-slide {
width: auto !important;
margin: 0 0 8px !important;
}
}
@media (max-width: 991px) {
.icons-list .swiper-slide {
width: auto;
}
}
@media (max-width: 991px) {
.icons-list .swiper-slide:first-child {
margin-left: 15px;
}
}
@media (max-width: 991px) {
.icons-list .swiper-slide:last-child {
margin-left: 0 !important;
padding-right: 15px;
}
}
.icons-list a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
height: 35px;
border-radius: 20px;
color: #fff;
text-decoration: none;
font-size: 14px;
line-height: 17px;
}
@media (max-width: 991px) {
.icons-list a {
background: #009cdd;
}
}
.icons-list a:hover .txt {
max-width: 100%;
}
.icons-list .visual {
display: -ms-flexbox;
display: flex;
width: 35px;
height: 35px;
border-radius: 50%;
min-width: 35px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #009cdd;
position: relative;
z-index: 10;
}
.icons-list .txt {
height: 35px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
white-space: nowrap;
}
@media (min-width: 992px) {
.icons-list .txt {
max-width: 0;
transition: all .8s;
background: #009cdd;
border-radius: 20px;
margin-left: -35px;
padding-left: 35px;
}
}
.icons-list .txt > span {
position: relative;
padding: 0 30px 0 2px;
}
.icons-list .txt > span:after {
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%);
height: 11px;
width: 6px;
content: "";
background: url(//ginetex.de/wp-content/themes/ginetex/Images/ion-arrow-right.svg) no-repeat;
background-size: cover;
}
@media (max-width: 991px) {
#logo {
top: 157px;
}
}