.columns {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
margin: 0 auto;
max-width: 1400px;
}
.column {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
padding: 0 2em;
box-sizing: border-box;
}
.column[data-size="1/5"] { width: 20%; }
.column[data-size="1/4"] { width: 25%; }
.column[data-size="1/3"] { width: 33.333%; }
.column[data-size="2/5"] { width: 40%; }
.column[data-size="1/2"] { width: 50%; }
.column[data-size="3/5"] { width: 60%; }
.column[data-size="2/3"] { width: 66.666%; }
.column[data-size="3/4"] { width: 75%; }
.column[data-size="4/5"] { width: 80%; } .fullwidth > .columns {
max-width: 100%;
}
.fullwidth:not(.retain-padding) > .columns > .column:first-child {
padding-left: 0;
}
.fullwidth:not(.retain-padding) > .columns > .column:last-child {
padding-right: 0;
} .no-column-padding > .columns > .column,
.column.no-column-padding {
padding: 0 !important;
} .align-flex-start {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.align-flex-center {
-webkit-align-self: center;
align-self: center;
}
.align-flex-end {
-webkit-align-self: flex-end;
align-self: flex-end;
} .column-contents-center {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
} .fit-content-to-column {
position: relative;
}
.fit-content,
.fit-content .fit-object {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fit-object {
position: relative;
overflow: hidden;
}
@media (max-width: 999px) {
.mobile-column-ratio {
position: relative;
padding-top: 66.666%;
}
} @media (max-width: 999px) {
section:not(.custom-wrap-rule) > .columns {
display: block;
}
section:not(.custom-wrap-rule) > .columns > .column {
width: 100%;
}
.mobile-flex-reverse > .columns,
.mobile-flex-reorder > .columns {
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.mobile-flex-reverse > .columns {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.mobile-flex-reverse > .columns > .column,
.mobile-flex-reorder > .columns > .column {
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
}
.mobile-order-1 {
-webkit-order: 1;
order: 1;
}
.mobile-order-2 {
-webkit-order: 2;
order: 2;
}
.mobile-order-3 {
-webkit-order: 3;
order: 3;
}
.mobile-order-4 {
-webkit-order: 4;
order: 4;
}
.mobile-order-5 {
-webkit-order: 5;
order: 5;
}
}
@media (max-width: 719px) {
.wrap-below-720 > .columns {
display: block;
}
.wrap-below-720 > .columns > .column {
width: 100% !important;
}
}
@media (max-width: 511px) {
.wrap-below-512 > .columns {
display: block;
}
.wrap-below-512 > .columns > .column {
width: 100% !important;
}
} @media (max-width: 999px) {
.wrap-4-to-2x2 .columns {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrap-4-to-2x2 .column {
width: 50% !important;
} .wrap-4-to-2x2 .column:nth-child(3),
.wrap-4-to-2x2 .column:nth-child(4) {
margin-top: 2em;
}
} .flex-cols-2 > div {
width: calc( (100% - 1.5em) / 2 );
}
.flex-cols-3 > div {
width: calc( (100% - 3em) / 3 );
}
.flex-cols-4 > div {
width: calc( (100% - 4.5em) / 4 );
}
.flex-cols-5 > div {
width: calc( (100% - 6em) / 5 );
}
.flex-cols-6 > div {
width: calc( (100% - 7.5em) / 6 );
}
.flex-cols-7 > div {
width: calc( (100% - 9em) / 7 );
}
.flex-cols-8 > div {
width: calc( (100% - 10.5em) / 8 );
}
@media (max-width: 999px) {
.flex-cols-4 > div {
width: calc( (100% - 3em) / 3 );
}
.flex-cols-5 > div {
width: calc( (100% - 4.5em) / 4 );
}
.flex-cols-6 > div {
width: calc( (100% - 4.5em) / 4 );
}
.flex-cols-7 > div {
width: calc( (100% - 4.5em) / 4 );
}
.flex-cols-8 > div {
width: calc( (100% - 6em) / 5 );
}
}
@media (max-width: 511px) {
.flex-cols-2 > div {
width: 100%;
}
.flex-cols-3 > div {
width: calc( (100% - 1.5em) / 2 );
}
.flex-cols-4 > div {
width: calc( (100% - 1.5em) / 2 );
}
.flex-cols-5 > div {
width: calc( (100% - 3em) / 3 );
}
.flex-cols-6 > div {
width: calc( (100% - 3em) / 3 );
}
.flex-cols-7 > div {
width: calc( (100% - 3em) / 3 );
}
.flex-cols-8 > div {
width: calc( (100% - 4.5em) / 4 );
}
} .small-gap.flex-cols-2 > div {
width: calc( (100% - 10px) / 2 );
}
.small-gap.flex-cols-3 > div {
width: calc( (100% - 20px) / 3 );
}
.small-gap.flex-cols-4 > div {
width: calc( (100% - 30px) / 4 );
}
.small-gap.flex-cols-5 > div {
width: calc( (100% - 40px) / 5 );
}
.small-gap.flex-cols-6 > div {
width: calc( (100% - 50px) / 6 );
}
.small-gap.flex-cols-7 > div {
width: calc( (100% - 60px) / 7 );
}
.small-gap.flex-cols-8 > div {
width: calc( (100% - 70px) / 8 );
}
@media (max-width: 999px) {
.small-gap.flex-cols-4 > div {
width: calc( (100% - 20px) / 3 );
}
.small-gap.flex-cols-5 > div {
width: calc( (100% - 30px) / 4 );
}
.small-gap.flex-cols-6 > div {
width: calc( (100% - 30px) / 4 );
}
.small-gap.flex-cols-7 > div {
width: calc( (100% - 30px) / 4 );
}
.small-gap.flex-cols-8 > div {
width: calc( (100% - 40px) / 5 );
}
}
@media (max-width: 511px) {
.small-gap.flex-cols-2 > div {
width: 100%;
}
.small-gap.flex-cols-3 > div {
width: calc( (100% - 10px) / 2 );
}
.small-gap.flex-cols-4 > div {
width: calc( (100% - 10px) / 2 );
}
.small-gap.flex-cols-5 > div {
width: calc( (100% - 20px) / 3 );
}
.small-gap.flex-cols-6 > div {
width: calc( (100% - 20px) / 3 );
}
.small-gap.flex-cols-7 > div {
width: calc( (100% - 20px) / 3 );
}
.small-gap.flex-cols-8 > div {
width: calc( (100% - 30px) / 4 );
}
}
.flex-fill {
height: 0px;
padding: 0;
margin: 0 !important;
} .content-gallery {
position: relative;
margin: -0.75em 0;
-webkit-display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-webkit-justify-content: space-between;
-webkit-align-content: flex-start;
-webkit-align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
align-items: center;
}
.content-gallery > div {
margin: 0.75em 0;
}
.small-gap {
margin: -5px 0;
}
.small-gap > div {
margin: 5px 0;
}
.content-image {
position: relative;
}
.fit-object img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.object-fit-fill img {
object-fit: fill;
}
.object-fit-contain img {
object-fit: contain;
}
.object-fit-cover img {
object-fit: cover;
}
.object-fit-none img {
object-fit: none;
}
.object-fit-scale-down img {
object-fit: scale-down;
}
.fit-content .image-caption {
position: absolute;
bottom: 2em;
left: 1em;
right: 1em;
text-align: center;
color: white;
z-index: 1;
} .map-overlay,
.content-image .content {
position: absolute;
background: RGBA(255,255,255,0.9);
padding: 1.4rem;
font-size: 1.1em;
max-width: 25rem;
box-sizing: border-box;
font-weight: 500;
z-index: 1;
}
.content-image .content .button-link {
display: block;
}
.content-image .content big {
font-size: 2em;
}
.content-image .content h3 {
padding-bottom: 0 !important;
padding-top: 0.25rem !important;
font-size: 3em;
}
.oben-links {
top: 3.6em;
left: 10%;
}
.oben-rechts {
top: 3.6em;
right: 10%;
}
.unten-links {
bottom: 3.6em;
left: 10%;
}
.unten-rechts {
bottom: 3.6em;
right: 10%;
} .content-slider {
position: relative;
}
.content-slider .ratio {
position: relative;
}
.swiper-slide > .content,
.content-slider .swiper-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.swiper-container-multirow .swiper-slide {
height: auto;
}
.content-slider .swiper-pagination-bullet {
margin: 0 !important;
position: relative;
background: none;
width: 20px;
height: 20px;
opacity: 1;
}
.content-slider .swiper-pagination-bullet::before {
content: "";
position: absolute;
left: 6px;
top: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #a6a6a6;
}
.content-slider .swiper-pagination-bullet-active::before {
background-color: #008bd2;
}
@media (min-width: 1280px) {
.content-slider .swiper-pagination-bullet {
width: 24px;
height: 24px;
}
.content-slider .swiper-pagination-bullet::before {
left: 7px;
top: 7px;
width: 10px;
height: 10px;
}
}
.swiper-container[data-count="0"] ~ .swiper-pagination,
.swiper-container[data-count="1"] ~ .swiper-pagination,
.swiper-container[data-count="0"] .swiper-pagination,
.swiper-container[data-count="1"] .swiper-pagination {
display: none !important;
}
.content-slider .swiper-button-next,
.content-slider .swiper-button-prev {
background-image: none !important;
}
.btn-prev,
.btn-next,
.content-slider .swiper-button-prev,
.content-slider .swiper-button-next {
position: absolute;
top: 50%;
margin-top: -2.1em;
right: 0;
width: 2.1em;
height: 4.2em;
overflow: hidden;
z-index: 100;
}
.btn-prev::after,
.btn-next::after,
.content-slider .swiper-button-prev::after,
.content-slider .swiper-button-next::after {
content: "";
display: block;
background-color: RGBA(0,139,210,0.85);
border-radius: 50%;
width: 4.2em;
height: 4.2em;
}
.btn-prev::before,
.btn-next::before,
.content-slider .swiper-button-prev::before,
.content-slider .swiper-button-next::before {
content: "}";
font-family: 'kreudericons';
font-weight: normal;
font-style: normal;
user-select: none;
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 0.3em;
right: 0;
text-align: center;
font-size: 1.4em;
z-index: 1;
color: white;	
}
.btn-prev,
.content-slider .swiper-button-prev {
right: auto;
left: 0;
}
.btn-prev::after,
.content-slider .swiper-button-prev::after {
margin-left: -2.1em;
}
.btn-prev::before,
.content-slider .swiper-button-prev::before {
content: "{";
left: 0;
right: 0.3em;
}
.slider-type-projekte-mini .swiper-button-prev,
.slider-type-projekte-mini .swiper-button-next {
top: 42% !important; 
}
.swiper-button-disabled {
display: none;
} .content-slider > .swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: -2.5em;
}
.turn-into-slider {
visibility: hidden;
} .slider-type-hero-slider > .ratio {
box-sizing: border-box;
min-height: 500px;
} .slider-type-projekte3x2 > .ratio {
padding-top: 33.333% !important;
}
.slider-type-projekte3x2 .swiper-button-next,
.slider-type-projekte3x2 .swiper-button-prev {
display: none !important;
}
.slider-type-projekte-mini {
margin: 0 auto;
max-width: 42em;
}
.slider-type-projekte-mini > .ratio {
padding-top: 26.5% !important;
} .content-tabs {
position: relative;
-webkit-display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: nowrap;
-webkit-justify-content: space-between;
-webkit-align-items: flex-end;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-end;
}
.tab {
text-decoration: none;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
box-sizing: border-box;
padding: 0.4em;
width: 100%; border-right: 1px #000 solid;
position: relative;
text-transform: uppercase;
font-weight: 700;
font-size: 1.44em;
white-space: nowrap;
}
.tab:first-child {
border-left: 1px #000 solid;
}
.active-tab {
background-color: #262626;
color: white;
border-right-color: #fff;
}
.active-tab::after {
content: "";
background-color: #fff;
width: 1em;
height: 1em;
position: absolute;
top: -0.5em;
right: -0.5em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.tab-bar:not(.content-tabs-ready) ~ * {
visibility: hidden;
}
.tab-content {
display: none;
} .content-teaserlist {
position: relative;
margin: -0.5em 0;
-webkit-display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-webkit-justify-content: space-between;
-webkit-align-content: flex-start;
-webkit-align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
}
.content-teaserlist > div {
margin: 0.5em 0;
} .content-text p,
.content-text ul,
.content-text ol {
line-height: 150%;
padding: 0.75em 0;
margin: 0;
}
.content-text p[style*="center"] {
max-width: 40em;
margin: 0 auto;
}
.content-text p + p {
padding-top: 0;
}
.content-text ol {
padding-left: 1em;
}
.content-text ul {
list-style-type: none;
}
.content-text ul li {
position: relative;
padding-left: 1.25em;
}
.content-text ul li::before {
content: "//"; position: absolute;
left: 0;
top: 0;
color: #008bd2;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Barlow';
font-weight: 500;
padding: 0;
margin: 0;
line-height: 140%;
text-transform: uppercase;
}
h1, h2 {
font-size: 2.62em;
}
.intro-text h1 {
font-size: 4.96em;
font-weight: 400;
}
h3 {
font-family: 'BarlowCondensed';
font-weight: 400;
font-size: 1.5em;
padding-top: 1.5rem;
padding-bottom: 0.5rem;
}
h4, h5, h6 {
font-family: 'Barlow';
font-weight: 700;
font-size: 1.44em;
padding-top: 1em;
}
h5 {
font-size: 1.24em;
}
h6 {
font-size: 1.1em;
}
small {
font-size: 0.75em;
}
big {
font-size: 1.25em;
}
h1 + h3,
h2 + h3 {
padding-top: 0;
}
.no-transform {
text-transform: none;
}
.text-table {
font-family: inherit;
font-size: 1em;
margin: 0.75em 0;
}
.text-table td {
line-height: 150%;
vertical-align: top;
}
.text-table td:not(:last-child) {
padding-right: 1em;
}
.content-image .content-text > :first-child,
.content-text:first-child > :first-child {
padding-top: 0;
margin-top: -0.4em; }
.content-image .content-text > :last-child,
.content-text:last-child > :last-child {
padding-bottom: 0;
margin-bottom: -0.4em; }
.button-link {
color: white;
background-color: #262626;
padding: 0.25em 1em;
margin: 0.5em 0;
box-sizing: border-box;
text-align: center;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
transition: color 0.3s ease, background-color 0.3s ease;
}
.button-link-alt {
color: #262626;
background-color: white;
}
.button-link + .button-link {
margin-left: 0.95em;
}
.button-link:hover {
background-color: #008bd2;
} img.alignnone {
max-width: 100%;
height: auto;
margin: 0.4em 0;
}
img.alignright {
float: right;
max-width: 50%;
height: auto;
margin: 0.4em 0 1em 2em;
}
img.alignleft {
float: left;
max-width: 50%;
height: auto;
margin: 0.4em 2em 1em 0;
}
img.aligncenter {
float: none;
clear: both;
max-width: 100%;
height: auto;
display: block;
margin: 0.4em auto 0.4em auto;
}
@media (max-width: 719px) {
img.alignleft,
img.alignright {
float: none;
margin: 1.5em auto;
max-width: 100%;
}
}
.fade-in,
.appear-children.fade-in > * {
transition: opacity 0.6s ease, transform 0.6s ease-out !important;
transition-delay: 0.1s;
}
.content-image > .fade-in:not(.image-ready),
.appear.fade-in,
.appear-children.fade-in > :not(.appeared-child) {
opacity: 0;
transform: translateY(2rem);
}
.parallax-ready .parallax-object {
transition: transform 0.4s ease;
} .parallax-image img,
.parallax-images .content-image img {
top: -6em !important; height: calc( 100% + 12em ) !important; } #lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1019;
background-color: RGBA(38,38,38,0.9);
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#lightbox > div {
position: relative;
width: 100%;
min-height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#lightbox > div > div {
width: 100%;
max-width: 80em;
}
#lightbox > div > div > .image {
background-size: contain;
}
#lightbox-close {
z-index: 1020;
position: absolute;
right: 1em;
top: 1em;
width: 44px;
height: 44px;
display: none;
}
#lightbox-close span {
height: 3px;
margin-top: -1.5px;
width: 36px;
left: 50%;
top: 50%;
position: absolute;
background-color: white;
}
#lightbox-close :nth-child(1) {
-webkit-transform: translate(-18px, 0px) rotate(45deg);
transform: translate(-18px, 0px) rotate(45deg);
}
#lightbox-close :nth-child(2) {
-webkit-transform: translate(-18px, 0px) rotate(-45deg);
transform: translate(-18px, 0px) rotate(-45deg);
}
#slider-lightbox,
.lightbox-content,
.lightbox-sub-content {
display: none;
}
#lightbox #slider-lightbox,
#lightbox .lightbox-content,
#lightbox .lightbox-sub-content {
display: block;
}
#slider-lightbox {
max-width: 80em;
margin: 0 auto;
background: #262626;
} .preload,
.preload-all {
opacity: 0;
transition: opacity 0.3s ease;
}
.preload-ready,
.preload-all-ready {
opacity: 1;
} .progress {
border: 1px #333 solid;
width: 2em;
height: 2em;
border-radius: 50%;
position: absolute;
top: 49%;
left: 50%;
z-index: 1000;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-sizing: border-box;
animation-name: progresspulse;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
pointer-events: none;
transition: opacity 0.15s ease;
opacity: 0;
}
@keyframes progresspulse {
0%   { border-width: 1px; }
38%  { border-width: 10px; }
100% { border-width: 1px; }
} .doc-ready .progress {
opacity: 1;
} .preload-all-ready + .progress,
.preload-ready + .progress {
opacity: 0 !important;
animation-play-state: paused;
} #burger-menu {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1009;
background-color: #fff;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
text-align: center;
}
#burger-button {
z-index: 1010;
position: fixed;
right: 1em;
top: 3.5em;
width: 44px;
height: 44px;
display: none;
background-color: white;
transition: top 0.2s ease;
}
@media (max-width: 719px) {
#header-text {
display: none;
}
#burger-button {
top: 1em;
}
}
.overlay-open #burger-button,
.ready body:not(.at-top) #burger-button {
top: 1em;
}
.burger-menu-open #burger-button {
display: block;
}
@media (max-width: 999px) {
#burger-button {
display: block;
}
#logo + #primary-menu {
display: none;
}
}
#burger-menu ul,
#burger-menu li {
list-style-type: none;
margin: 0;
padding: 0 !important;
display: block !important;
}
#burger-menu > #primary-menu {
padding: 4em 0 !important;
}
#burger-menu ul ul {
padding-bottom: 2em;
}
#burger-menu li + li {
padding-top: 1em !important;
}
#burger-menu a {
font-size: 1.75em;
text-align: center;
}
#burger-menu ul ul a {
font-size: 1em;
}
#burger-button::before,
#burger-button::after {
content: "";
}
#burger-button::before,
#burger-button::after,
#burger-button span {
position: absolute;
display: block;
height: 4px;
margin-top: -2px;
width: 32px;
left: 50%;
top: 50%;
background-color: currentColor;
}
#burger-button::before {
-webkit-transform: translate(-16px, -11px);
transform: translate(-16px, -11px);
transition: transform ease 0.3s, width ease 0.3s, background-color 0.3s ease;
}
#burger-button span {
-webkit-transform: translate(-16px, 0px);
transform: translate(-16px, 0px);
transition: opacity ease 0.15s, background-color 0.3s ease;
}
#burger-button::after {
-webkit-transform: translate(-16px, 11px);
transform: translate(-16px, 11px);
transition: transform ease 0.3s, width ease 0.3s, background-color 0.3s ease;
}
.burger-menu-open #burger-button::before {
-webkit-transform: translate(-20px, 0px) rotate(45deg);
transform: translate(-20px, 0px) rotate(45deg);
width: 40px;
}
.burger-menu-open #burger-button span {
opacity: 0;
}
.burger-menu-open #burger-button::after {
-webkit-transform: translate(-20px, 0px) rotate(-45deg);
transform: translate(-20px, 0px) rotate(-45deg);
width: 40px;
}
#primary-menu {
position: absolute;
right: 0;
bottom: 0;
font-weight: 500;
text-align: right;
}
#burger-menu > #primary-menu {
position: static;
text-align: center;
}
#primary-menu ul,
#primary-menu li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
#primary-menu li {
padding: 0 1.12em;
}
#primary-menu li:last-child {
padding-right: 0;
}
#burger-menu a,
#primary-menu a {
text-decoration: none;
display: inline-block;
padding: 0.15em 0;
text-transform: uppercase;
}
#primary-menu ul ul {
display: none;
}
#burger-menu .current_page_ancestor a,
#burger-menu .current_page_item a,
#primary-menu .current_page_ancestor a,
#primary-menu .current_page_item a {
font-weight: 700;
border-bottom: 0.175em #008bd2 solid
}@font-face {
font-family: 'kreudericons';
src: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/fonts/kreuder.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/fonts/Barlow/Barlow-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/fonts/Barlow/Barlow-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/fonts/Barlow/Barlow-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'BarlowCondensed';
src: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/fonts/BarlowCondensed/BarlowCondensed-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
} html {
position: relative;
margin: 0;
padding: 0;
height: 100%;
font-size: 16px;
}
@media (max-width: 1399px) {
html { font-size: 15.5px; }
}
@media (max-width: 1299px) {
html { font-size: 15px; }
}
@media (max-width: 1199px) {
html { font-size: 14.5px; }
}
@media (max-width: 1099px) {
html { font-size: 14px; }
}
@media (max-width: 999px) {
html { font-size: 13.5px; }
}
@media (max-width: 719px) {
html { font-size: 13px; }
}
@media (max-width: 511px) {
html { font-size: 12.5px; }
}
@media (max-width: 359px) {
html { font-size: 12px; }
}
body {
margin: 0;
padding: 0;
min-height: 100%;
font-family: 'Barlow', sans-serif;
font-size: 1em;
background-color: white;
color: #262626;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
::-moz-selection {
background: #262626;
color: #fff;
text-shadow: none;
}
::selection {
background: #262626;
color: #fff;
text-shadow: none;
}
form {
margin: 0;
padding: 0;
}
table, td, input, textarea, select {
font-family: inherit;
font-size: 1em;
}
img, iframe {
border: 0;
}
img {
display: block;
max-width: 100%;
height: auto;
}
a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
a:not(.button-link):not(.active-tab):hover {
color: #008bd2;
}
.blue-white-section a:not(.button-link):hover {
color: white;
} #page {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
min-height: 100vh;
}
main {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
opacity: 0;
transition: opacity 0.1s ease;
margin-top: 8.1em;
}
.ready main {
opacity: 1;
} header {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: white;
padding: 1.85em 2.75em 1.5em 2.75em;
box-sizing: border-box;
z-index: 1000;
transition: top 0.2s ease;
border-bottom: 1px #cccccc solid;
}
main > .top-line:first-child {
border-top: 0 !important;
}
@media (min-width: 1000px) {
.ready body:not(.at-top) header {
top: -2.5em;
}
}
footer .wrap,
header .wrap {
position: relative;
margin: 0 auto;
max-width: 77.25em;
}
#logo {
display: block;
width: 16.8em;
height: auto;
transition: width 0.2s ease, padding 0.2s ease;
}
@media (min-width: 1000px) {
.ready body:not(.at-top) #logo {
width: 12em;
padding-top: 1.75em;
}
}
#header-text {
background-color: #008bd2;
color: white;
position: absolute;
top: 0;
right: 0;
padding: 0.58em 1em;
font-size: 0.93em;
font-weight: 500;
}
#header-text p {
margin: 0;
padding: 0;
} footer {
position: relative;
background-color: #262626;
color: white;
padding: 1.9em 2.75em 1.68em 2.75em;
z-index: 80;
}
#footer-text p {
margin: 0;
padding: 0;
font-size: 0.83em;
letter-spacing: 0.025em;
}
#footer-menu {
position: absolute;
top: 0;
right: 0;
}
#footer-menu ul,
#footer-menu li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
#footer-menu li:not(:last-child)::after {
content: "|";
display: inline-block;
width: 1.6em;
text-align: center;
margin-left: 0.1em;
}
#footer-menu nav {
font-size: 0.83em;
letter-spacing: 0.025em;
}
#totop {
position: absolute;
top: -2.9em;
left: 50%;
margin-left: -2.9em;
width: 5.8em;
height: 2.9em;
overflow: hidden;
z-index: 100;
}
#totop::after {
content: "";
display: block;
background-color: RGBA(0,139,210,0.85);
border-radius: 50%;
width: 5.8em;
height: 5.8em;
}
#totop span {
position: absolute;
bottom: 1em;
left: 0;
right: 0;
text-align: center;
font-size: 0.758em;
z-index: 1;
color: white;
}
.slider-type-projekte3x2 .content-text {
position: absolute;
top: 50%;
left: 5%;
right: 5%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: white;
font-weight: 700;
text-transform: uppercase;
font-size: 1.24em;
transition: opacity 0.4s ease;
opacity: 0;
}
.slider-type-projekte3x2 .content-text p:first-child {
padding-top: 0 !important;
}
.slider-type-projekte-mini .content-text {
font-weight: 700;
text-align: center;
font-size: 0.86em;
text-transform: uppercase;
padding-top: 0.1em;
}
.slider-type-projekte3x2 .teaser > a {
display: block;
position: relative;
}
.zoom-in .image-wrap,
.zoom-in.image-wrap,
.slider-type-projekte3x2 .teaser .image-wrap {
background-color: #262626;
}
.zoom-in-pic img,
.zoom-in img,
.slider-type-projekte3x2 .teaser img {
transition: transform 0.4s ease-in-out, opacity 0.4s ease;
}
.zoom-in a:hover img,
.slider-type-projekte3x2 .teaser > a:hover img {
transform: scale(1.1);
opacity: 0.3;
}
.slider-type-projekte3x2 .teaser > a:hover .content-text {
opacity: 1;
}
.zoom-in-pic a:hover img {
transform: scale(1.1);
} .font-icon {
vertical-align: middle;
}
.social-links a[href*="twitter"],
.social-links a[href*="facebook"],
.social-links a[href*="instagram"],
.font-icon::before {
font-family: 'kreudericons';
font-weight: normal;
font-style: normal;
user-select: none;
}
.icon-heart::before { content: "H"; color: #008bd2; }
.icon-square::before { content: "Q"; color: #008bd2; }
.icon-phone::before { content: "T"; }
.social-links a[href*="facebook"]::before { content: "f"; font-size: 1.2rem; color: white; }
.social-links a[href*="twitter"]::before { content: "t"; font-size: 1.2rem; color: white; }
.social-links a[href*="instagram"]::before { content: "i"; font-size: 1.2rem; color: white; }
.icon-square {
font-size: 0.5em;
vertical-align: baseline;
padding-left: 0.4em;
}
h1 .font-icon,
h2 .font-icon,
h3 .font-icon {
font-size: 0.8em;
} #intro {
position: relative;
}
.intro-text {
position: absolute;
top: 17.5%;
left: 0;
right: 0;
text-align: center;
z-index: 200;
user-select: none;
pointer-events: none;
}
.intro-text p {
max-width: none !important;
font-size: 1.66em;
font-family: 'BarlowCondensed';
}
.headline-icon {
width: 3.8em;
margin: 0 auto 0.5em auto;
}
.logo-list {
margin: 0 auto;
max-width: 72em;
}
.logo-list .image-wrap {
border: 1px #7d7d7d solid;
}
.blue {
color: #008bd2;
}
.blue-white-section {
background: #008bd2 url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/images/logo-element.svg) 90% 45% no-repeat;
background-size: 27em auto;
color: white;
}
.blue-white-section > .columns {
margin: 0 auto;
max-width: 66em;
}
.blue-white-section .font-icon::before {
color: white !important;
}
.map-overlay {
padding-bottom: 2.8em;
background-color: white;
font-size: 1em !important;
}
.map-overlay > :first-child {
padding-top: 0 !important;
margin-top: -0.25em;
}
#map-section {
position: relative;
}
.social-links {
position: absolute;
left: 0;
bottom: 0;
right: 0;
background-color: #262626 !important;
padding: 0.5em 0 0.35em 0 !important;
margin: 0 !important;
cursor: default;
}
.social-links a {
color: #262626 !important;
font-size: 0.1px;
display: inline-block;
width: 3.8rem;
height: 1.2rem;
text-align: center;
}
blockquote > * {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
blockquote {
font-style: normal;
margin: 0 0 -0.75em 0;
padding: 0;
line-height: 140%;
}
blockquote::before,
blockquote::after {
content: "»";
color: #008bd2;
font-size: 4em;
vertical-align: -0.175em;
display: inline-block;
line-height: 0;
}
blockquote::after {
content: "«";
}
.overlay-ohne-box {
background-color: transparent !important;
text-shadow: 0 0 4px white;
padding: 0 !important;
font-size: 1.5em !important;
}
.top-line {
border-top: 1px #262626 solid;
position: relative;
}
#back-link {
position: absolute;
top: 0em;
left: 50%;
margin-left: -2.9em;
width: 5.8em;
height: 2.9em;
overflow: hidden;
z-index: 100;
}
#back-link::after {
content: "";
display: block;
background-color: RGBA(0,139,210,0.85);
border-radius: 50%;
width: 5.8em;
height: 5.8em;
margin-top: -2.9em;
}
#back-link span {
position: absolute;
top: 0.7em;
left: 0;
right: 0;
text-align: center;
font-size: 0.85em;
z-index: 1;
color: white;
}
.tab-bar {
border-bottom: 1px #262626 solid;
}
.tab-print::before,
.tab-digital::before,
.tab-produktion::before,
.tab-beratung::before {
content: "";
position: absolute;
left: 50%;
margin-left: -1.9rem;
width: 3.8rem;
top: -5.5rem;
height: 5.5rem;
background: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/images/icon-konzept.svg) top center no-repeat;
background-size: contain;
}
.tab-print::before {
background-image: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/images/icon-print.svg);
}
.tab-digital::before {
background-image: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/images/icon-digital.svg);
}
.tab-produktion::before {
background-image: url(//www.kreuder-designbuero.de/wp-content/themes/fieldsets-kreuder/assets/images/icon-produktion.svg);
}
.section-1020 .columns {
max-width: 70em;
}
.swiper-container .swiper-pagination-fraction {
background-color: RGBA(0,139,210,0.85);
color: white;
bottom: 0;
right: 0;
left: auto;
width: auto;
padding: 0.2em 0.5em;
box-sizing: border-box;
text-align: center;
min-width: 3em;
}
.bottom-line .columns {
position: relative;
}
.bottom-line .columns::after {
content: "";
position: absolute;
bottom: -2.5em;
left: 2em;
right: 2em;
border-bottom: 1px #008bd2 solid;
}
.slider-type-hero-slider {
min-height: 30em;
max-height: 44em;
overflow: hidden;
}
.slider-type-default-slider {
min-height: 20em;
}
#zitate .content-slider {
min-height: 36em;
}
@media (max-width: 511px) {		
#zitate .content-slider {
min-height: 25em;
}
}
@media (min-width: 1000px) {
.projekte3x2-slider[data-count="8"] + .swiper-pagination {
display: none;
}
} .mobile-only {
display: none;
}
@media (max-width: 999px) {
header {
position: absolute;
}
.desktop-only {
display: none;
}
.mobile-only {
display: block;
}
.intro-text h1 {
font-size: 6.5vw;
}
.intro-text p {
padding-left: 2rem;
padding-right: 2rem;
}
.headline-icon {
margin: 3.5em auto -0.25em auto;
}
.slider-type-projekte3x2 > .ratio {
padding-top: 66.5% !important;
}
.map-overlay + div {
min-height: 24em;
}
.tab-bar .column {
padding: 0;
}
.single .section-1020 .btn-next,
.single .section-1020 .btn-prev {
display: none;
}
}
@media (max-width: 719px) {
.intro-text {
top: 10%;
}
.intro-text h1 {
font-size: 7.5vw;
}
.intro-text p {
font-size: 4vw;
padding: 0 2rem;
}
.content-image .content h3 {
font-size: 2.5em;
}
.logo-list {
font-size: 0.75em;
}
.blue-white-section {
background-size: 70% auto;
background-position: 60% 80%;
}
.map-overlay {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: 100% !important;
max-width: none !important;
text-align: center;
padding-top: 0.25em;
padding-bottom: 3.25em;
}
.social-links {
max-width: none !important;
}
#footer-text {
text-align: center;
}
#footer-menu {
text-align: center;
position: static;
padding-top: 1em;
}
.tab-bar {
margin-top: 1rem;
font-size: 1.8vw;
}
.tab {
padding: 0.8em 0.4em;
}
.tab-print::before, .tab-digital::before, .tab-produktion::before, .tab-beratung::before {
margin-left: -1.5rem;
width: 3rem;
top: -4rem;
height: 4.5rem;
}
}
@media (max-width: 511px) {
.intro-text h1 {
font-size: 7.6vw;
padding-bottom: 0.3em;
}
.intro-text p {
font-size: 5vw;
}
.content-image .content h3 {
font-size: 2.25em;
}
.content-image .content {
left: 1rem !important;
right: 1rem !important;
width: auto !important;
max-width: none !important;
}
.slider-type-hero-slider {
min-height: 40em;
}	
.logo-list {
font-size: 0.5em;
}
.overlay-ohne-box {
font-size: 1.2em !important;
}
.blue-white-section {
background-size: 90% auto;
}
.slider-type-projekte-mini > .ratio {
padding-top: 40% !important;
}
.single main > .fullwidth:first-child .image-wrap {
min-height: 10em;
}
}
.map-overlay {
display: none;
}
.map ._brlbs-google-maps,
.map ._brlbs-thumbnail {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}.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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;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{-webkit-transform-style:preserve-3d;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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);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{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);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;-webkit-box-shadow:none;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%;-webkit-transform:translate3d(0,-50%,0);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%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;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%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;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{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;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%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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%;-o-object-fit:contain;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;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;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")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);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{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;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;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;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;-webkit-filter:blur(50px);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}