@charset "UTF-8";

:root {
--font-family-primary: "Orkney";
--font-family-body: var(--font-family-primary);
--font-size-body: 1.25rem;
--font-size-normal: 1.125rem;
--color-primary: #717b5c;
--color-primary-dark: #4e563f;
--color-black: #222;
--color-white: #ffffff;
--font-family-h1: var(--font-family-primary);
--font-size-h1: 2.625rem;
--font-letter-spacing-h1: 6px;
--font-margin-bottom-h1: 0.9375rem;
--font-family-h2: var(--font-family-primary);
--font-size-h2: 2.125rem;
--font-margin-bottom-h2: 0.625rem;
--font-family-h3: var(--font-family-primary);
--font-size-h3: 1.625rem;
--font-margin-bottom-h3: 0.625rem;
--font-family-h4: var(--font-family-primary);
--font-size-h4: 1.375rem;
--font-margin-bottom-h4: 0.625rem;
--font-family-h5: var(--font-family-primary);
--font-size-h5: 1.125rem;
--font-margin-bottom-h5: 0.625rem;
--font-family-h6: var(--font-family-primary);
--font-size-h6: 1rem;
--font-margin-bottom-h6: 0.625rem;
--layout-boxed: 1200px;
--layout-boxed-small: 600px;
--layout-width-tablet: 90%;
--layout-width-half: calc(50% - 600px);
--spacing-section: 40px;
--spacing-block: 40px;
--spacing-r: 20px;
--spacing-l: 20px;
--header-height: 80px;
--logo-width: 222px;
--logo-height: 36px;
--logo-sticky-width: 222px;
--logo-sticky-height: 36px;
--logo-resp-width: 40px;
--logo-resp-height: 40px;
--scroll-nav-height: 70px;
}
@media (min-width: 500px) {
:root {
--font-size-h1: 3.75rem;
--font-letter-spacing-h1: 12px;
--font-size-h2: 2.75rem;
--font-size-h3: 2.125rem;
--font-size-h4: 1.5rem;
--spacing-section: 60px;
--spacing-block: 40px;
--spacing-r: 40px;
--spacing-l: 40px;
--header-height: 80px;
}
}
@media (min-width: 768px) {
:root {
--font-size-body: 1.375rem;
--font-size-h1: 5rem;
--font-margin-bottom-h1: 1.875rem;
--font-letter-spacing-h1: 14px;
--font-size-h2: 3.75rem;
--font-margin-bottom-h2: 1.25rem;
--font-size-h3: 2.5rem;
--font-size-h4: 1.625rem;
--spacing-section: 80px;
--spacing-block: 60px;
--spacing-r: 50px;
--spacing-l: 50px;
--header-height: 80px;
}
}
@media (min-width: 1300px) {
:root {
--font-size-h1: 6.25rem;
--font-letter-spacing-h1: 18px;
--font-size-h2: 5rem;
--font-size-h3: 3.125rem;
--font-size-h4: 1.875rem;
--spacing-section: 80px;
--spacing-block: 70px;
--spacing-r: 60px;
--spacing-l: 60px;
--header-height: 80px;
}
}
@media (min-width: 1300px) {
:root {
--font-size-h1: 8.375rem;
--font-letter-spacing-h1: 20px;
--font-size-h2: 5rem;
--font-size-h3: 3.125rem;
--font-size-h4: 1.875rem;
--spacing-section: 80px;
--spacing-block: 70px;
--spacing-r: 60px;
--spacing-l: 60px;
--header-height: 100px;
}
}
.wp-block-media-text {
display: flex;
}
.wp-block-media-text__content {
order: 2;
}
.wp-block-media-text__content, .wp-block-media-text__media {
flex: 1 0 50%;
}
.kt-button {
position: relative;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 7px 15px 5px 15px;
border-radius: 50px;
font-weight: 700;
font-size: 16px;
font-family: var(--font-family-primary);
line-height: 1.2;
background: none;
box-shadow: none;
transition: 0.3s ease background-color, 0.3s ease color;
cursor: pointer;
}
.kt-button-border-white {
border: 2px solid var(--color-white);
color: var(--color-white);
}
.kt-button-border-white:hover {
background-color: var(--color-white);
color: var(--color-black) !important;
}
@font-face {
font-family: "Orkney";
font-weight: 300;
font-style: normal;
font-display: swap;
src: url(//gabrielkoller.ch/wp-content/themes/temp/fonts/Orkney-Light.woff2);
}
@font-face {
font-family: "Orkney";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url(//gabrielkoller.ch/wp-content/themes/temp/fonts/Orkney-Regular.woff2);
}
@font-face {
font-family: "Orkney";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url(//gabrielkoller.ch/wp-content/themes/temp/fonts/Orkney-Medium.woff2);
}
@font-face {
font-family: "Orkney";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url(//gabrielkoller.ch/wp-content/themes/temp/fonts/Orkney-Bold.woff2);
}
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: auto;
font-size: 100%;
}
body {
position: relative;
font-family: var(--font-family-primary);
font-size: var(--font-size-body);
font-style: normal;
font-weight: 400;
color: var(--color-black);
line-height: 1.3;
letter-spacing: 0.01rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
.kt-wrapper {
position: relative;
overflow: hidden;
}
h1 {
font-size: var(--font-size-h1);
font-weight: 700;
line-height: 1.1;
color: var(--color-black);
text-transform: uppercase;
letter-spacing: var(--font-letter-spacing-h1);
hyphens: auto;
-webkit-hyphens: auto;
}
h2 {
font-size: var(--font-size-h2);
font-weight: 700;
}
h3, .has-large-font-size, #Kontakt b {
font-size: var(--font-size-h3);
font-weight: 700;
}
h4 {
font-size: var(--font-size-h4);
font-weight: 700;
}
h5 {
font-size: var(--font-size-h5);
font-weight: 700;
}
h6 {
font-size: var(--font-size-h6);
font-weight: 700;
}
p {
margin-top: 14px;
}
.has-large-font-size + p {
margin-top: 0;
}
img {
display: block;
width: 100%;
height: auto;
}
a {
text-decoration: none;
color: var(--color-black);
}
em {
font-style: normal;
}
.kt-header {
position: fixed;
width: 100%;
height: var(--header-height);
display: flex;
align-items: center;
justify-content: space-between;
z-index: 100;
transition: 0.3s ease background-color;
}
.kt-header-scroll {
background-color: var(--color-white);
}
.kt-header-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.kt-logo a {
display: flex;
align-items: center;
}
.logo {
position: absolute;
left: 20px;
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/logo.png);
background-repeat: no-repeat;
background-size: 100%;
}
@media (max-width: 1299px) {
.logo {
width: 80px;
height: 60px;
}
}
@media (min-width: 1300px) {
.logo {
width: 90px;
height: 70px;
}
}
.kt-header nav ul {
display: flex;
list-style: none;
}
.kt-header nav li {
margin-right: 20px;
margin-left: 20px;
}
.kt-header-mobile-burger {
position: absolute;
top: calc((var(--header-height) - 24px) / 2);
right: 20px;
width: 32px;
height: 24px;
border: none;
background: none;
box-shadow: none;
cursor: pointer;
}
.kt-burger-line {
position: absolute;
width: 100%;
height: 4px;
left: 0;
background-color: var(--color-black);
transition: 0.3s ease opacity, 0.3s ease transform;
}
.kt-burger-line-top {
top: 0;
}
.kt-mobile-menu-is-open .kt-burger-line-top {
transform: rotate(45deg);
top: 10px;
}
.kt-burger-line-center {
top: 10px;
}
.kt-mobile-menu-is-open .kt-burger-line-center {
opacity: 0;
}
.kt-burger-line-bottom {
top: 20px;
}
.kt-mobile-menu-is-open .kt-burger-line-bottom {
top: 10px;
transform: rotate(-45deg);
}
.kt-mobile-menu-is-open .kt-header-nav {
display: block;
}
@media (max-width: 999px) {
.kt-header-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-white);
display: none;
z-index: -1;
padding-top: calc(var(--header-height) + 60px);
}
.kt-header-nav .navbar-nav {
display: block;
}
.kt-header-nav li {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.kt-header nav a {
position: relative;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-black);
text-decoration: none;
padding: 10px 15px 5px 15px;
border-radius: 50px;
background-color: var(--color-white);
font-weight: 700;
transition: 0.3s ease background-color, 0.3s ease color;
}
.kt-header nav a:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.kt-nav-link-active {
background-color: var(--color-primary) !important;
color: var(--color-white) !important;
}
}
@media (min-width: 1000px) {
.kt-header-mobile-burger {
display: none;
}
.kt-header nav a {
position: relative;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-black);
text-decoration: none;
padding: 10px 15px 5px 15px;
border-radius: 50px;
background-color: var(--color-white);
font-weight: 700;
transition: 0.3s ease background-color, 0.3s ease color;
}
.kt-header nav a:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.kt-nav-link-active {
background-color: var(--color-primary) !important;
color: var(--color-white) !important;
}
}
.kt-hero {
position: relative;
width: 100%;
height: 100vh;
min-height: 600px;
background-color: var(--color-black);
}
.fullheight_hbg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
overflow: hidden;
width: 100%;
position: absolute;
}
#header-lettering {
position: absolute;
width: calc(100% - 2 * var(--spacing-r));
display: flex;
justify-content: flex-end;
right: var(--spacing-r);
bottom: var(--spacing-r);
z-index: 50;
}
#header-lettering h1 {
width: 100%;
text-align: right;
}
#header-lettering .kt-hero-firstname {
padding-right: 10%;
}
.kt-logo-overlay {
position: absolute;
left: 0;
bottom: -2px;
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/logo.png);
background-repeat: no-repeat;
background-size: 100%;
z-index: 20;
background-position: bottom;
}
@media (max-width: 1299px) {
.kt-logo-overlay {
display: none;
}
}
@media (min-width: 1300px) {
.kt-logo-overlay {
width: 700px;
height: 640px;
}
}
.kt-footer {
position: relative;
padding: 40px var(--spacing-r) 40px var(--spacing-l);
}
.kt-footer .menu {
display: flex;
list-style: none;
}
.kt-footer .menu li {
margin-right: 15px;
}
.kt-footer .menu a {
font-size: 18px;
color: #a9a9a9;
}
@media (max-width: 999px) {
.kt-footer .menu {
display: flex;
justify-content: center;
}
}
@media (min-width: 1000px) {
.kt-footer::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: var(--color-primary-dark);
}
.kt-footer .col-sm-12 {
padding-left: calc(50% + var(--spacing-l));
}
}
.kt-highlight-button {
position: absolute;
z-index: 10;
transform: rotate(7deg);
transition: 0.3s ease transform;
border-radius: 100%;
overflow: hidden;
}
.kt-highlight-button:hover {
transform: rotate(14deg);
}
@media screen and (max-width: 767px) {
.kt-highlight-button {
top: 100px;
right: 20px;
width: 130px;
height: 130px;
}
}
@media screen and (min-width: 768px) {
.kt-highlight-button {
top: 140px;
right: 50px;
width: 160px;
height: 160px;
}
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-form-control-wrap * {
font-family: var(--font-family-primary);
font-size: 20px;
}
.wpcf7-form-control-wrap input#vname, .wpcf7-form-control-wrap input#emailadr, .wpcf7-form-control-wrap textarea {
border-radius: 4px;
border: 2px solid var(--color-black);
padding: 10px;
}
.wpcf7-form-control-wrap input#vname, .wpcf7-form-control-wrap input#emailadr {
display: block;
width: 100%;
height: 50px;
padding-top: 12px;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
margin-top: 5px;
font-size: 16px;
}
.wpcf7-form-control-wrap textarea {
width: 100%;
}
.wpcf7-list-item {
margin-left: 0 !important;
margin-bottom: 15px !important;
}
input.wpcf7-submit {
position: relative;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-black);
text-decoration: none;
padding: 7px 15px 5px 15px;
border-radius: 50px;
border: 2px solid var(--color-black);
background-color: var(--color-white);
font-weight: 700;
font-size: 16px;
font-family: var(--font-family-primary);
line-height: 1.2;
transition: 0.3s ease background-color, 0.3s ease color;
}
input.wpcf7-submit:hover {
background-color: var(--color-black);
color: var(--color-white);
}
@media (max-width: 767px) {
.wpcf7-form-control-wrap input#vname {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap:nth-of-type(1),
.wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap:nth-of-type(2) {
display: inline-block;
width: calc(50% - 5px);
vertical-align: top;
margin-bottom: 10px;
padding-top: 12px;
}
.wpcf7-form p:nth-of-type(2) .wpcf7-form-control-wrap:nth-of-type(2) .wpcf7-not-valid-tip {
margin-left: 10px;
}
.wpcf7-form-control-wrap input#vname {
margin-right: 10px;
}
.wpcf7-form-control-wrap input#emailadr {
margin-left: 10px;
}
}   #Leistungen {
background-color: var(--color-primary);
}
#Leistungen * {
color: white;
}   #Referenzen {
background-color: var(--color-primary-dark);
}
#Referenzen * {
text-align: center;
color: white;
}   #Team h2 {
padding: var(--spacing-section) var(--spacing-r) var(--spacing-section) var(--spacing-l);
}
#Team .wp-block-media-text:last-child .wp-block-media-text__content {
padding-bottom: 0;
}
#Kontakt {
background-color: var(--color-primary-dark);
}
#Kontakt .wp-block-column {
padding: var(--spacing-section) var(--spacing-r) var(--spacing-section) var(--spacing-l);
}
#Kontakt .wp-block-column:nth-of-type(1) * {
color: var(--color-white);
}
#Kontakt .wp-block-column:nth-of-type(2) {
background-color: white;
}   #Leistungen, #Referenzen, .kt-section {
padding: var(--spacing-section) var(--spacing-r) var(--spacing-section) var(--spacing-l);
}
#Leistungen .content-area, #Referenzen .content-area, .kt-section .content-area {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
@media (max-width: 999px) {
#Team {
padding-bottom: var(--spacing-section);
}
#Team .wp-block-media-text {
display: flex;
flex-direction: column;
}
#Team .wp-block-media-text__content {
padding-top: var(--spacing-r);
padding-right: var(--spacing-r);
padding-bottom: 40px;
padding-left: var(--spacing-l);
}
#Kontakt .wp-block-column:last-child {
padding-bottom: 0;
}
}
@media (min-width: 1000px) {
#Team .wp-block-media-text {
display: flex;
align-items: center;
}
#Team .wp-block-media-text__content {
padding: 50px;
}
#Team .wp-block-media-text__media {
position: relative;
}
#Team .wp-block-media-text__media::before {
position: absolute;
content: " ";
background: url(//gabrielkoller.ch/wp-content/themes/temp/img/dreieck3.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 125px;
height: 300px;
right: 0px;
transform: rotate(180deg);
top: calc(50% - 150px);
z-index: 2;
}
#Kontakt .wp-block-columns {
display: flex;
}
#Kontakt .wp-block-column {
flex: 1 0 50%;
}
}
#Team p {
font-size: 16px;
}
#Team .has-large-font-size {
font-size: var(--font-size-h3);
}
#Team em {
font-size: var(--font-size-body);
}
#Leistungen h2 {
text-align: center;
}
#Leistungen h3 {
margin-bottom: 15px;
}
#Leistungen ul {
padding-left: 20px;
}
.kt-leistungen-detail-inner {
position: relative;
margin-top: 40px;
min-height: 500px;
}
.kt-leistungen-list {
margin-top: 30px;
display: flex;
}
.kt-leistungen-list h3 {
text-align: center;
}
.kt-leistungen-list .kt-button {
margin: 0 auto;
}
.kt-leistungen-detail {
display: none;
}
.kt-hidden {
display: none !important;
}
.kt-leistungen-list-icon {
position: relative;
aspect-ratio: 1/1;
max-width: 300px;
margin: 0 auto 30px auto;
background-repeat: no-repeat;
background-size: 100%;
}
.kt-leistungen-detail-back {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}
.kt-leistungen-detail-content {
position: relative;
display: flex;
z-index: 2;
}
.kt-leistungen-detail-icon {
position: relative;
top: 0;
left: 0;
aspect-ratio: 1/1;
width: 50%;
height: 100%;
}
.kt-leistungen-detail-icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 100%;
}
.kt-leistungen-detail-icon-holzbau::before {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Holzbau.png);
}
.kt-leistungen-detail-icon-bauplan::before {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Bauplan.png);
}
.kt-leistungen-detail-icon-holzplan::before {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Holzplan.png);
}
.kt-leistungen-list-icon-holzbau {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Holzbau.png);
}
.kt-leistungen-list-icon-bauplan {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Bauplan.png);
}
.kt-leistungen-list-icon-holzplan {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Holzplan.png);
}
.kt-leistungen-detail-links {
display: flex;
justify-content: flex-end;
margin-top: 50px;
}
.kt-button-icon {
position: relative;
margin-left: 15px;
background-size: 100%;
background-repeat: no-repeat;
background-color: inherit;
border: none;
box-shadow: none;
cursor: pointer;
}
.kt-button-icon-holzbau {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Holzbau.png);
}
.kt-button-icon-bauplan {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Bauplan.png);
}
.kt-button-icon-holzplan {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Holzplan.png);
}
@media (max-width: 767px) {
.kt-leistungen-list {
flex-direction: column;
justify-content: center;
}
.kt-leistungen-list-icon {
width: 100%;
max-width: 240px;
margin: 0 auto 15px auto;
}
.kt-leistungen-list-item {
margin-bottom: 40px;
}
.kt-leistungen-list-item:nth-of-type(3) {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.kt-leistungen-list-item {
width: 100%;
max-width: 33.333333%;
flex: 1 0 33.333333%;
padding: 0 10px;
}
}
@media (max-width: 999px) {
.kt-leistungen-detail-content {
flex-direction: column;
}
.kt-leistungen-detail-icon {
margin-bottom: 20px;
}
.kt-button-icon {
width: 120px;
height: 120px;
}
}
@media (min-width: 1000px) {
.kt-button-icon {
width: 180px;
height: 180px;
}
.kt-leistungen-detail-content-text {
width: 100%;
padding-left: var(--spacing-l);
}
}
.mail-holder, .tel-holder, .adress-holder {
position: relative;
display: flex;
align-items: center;
height: 140px;
margin-bottom: 50px;
}
.mail-holder::before, .tel-holder::before, .adress-holder::before {
position: relative;
content: "";
background-size: 100%;
background-repeat: no-repeat;
min-width: 140px;
min-height: 140px;
margin-right: 20px;
}
.mail-holder {
margin-top: 40px;
}
.mail-holder::before {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Mail.png);
}
.tel-holder::before {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Telefon.png);
}
.adress-holder::before {
background-image: url(//gabrielkoller.ch/wp-content/themes/temp/img/icon_Adresse.png);
}
@media (max-width: 999px) {
#Kontakt h2 {
text-align: center;
}
.mail-holder, .tel-holder, .adress-holder {
flex-direction: column;
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
height: auto;
}
.mail-holder span, .tel-holder span, .adress-holder span {
margin-top: 15px;
}
.tel-holder > div {
margin-top: 15px;
}
}
.wpcf7-acceptance .wpcf7-list-item-label {
color: black !important;
}
#News {
padding: var(--spacing-section) var(--spacing-r) var(--spacing-section) var(--spacing-l);
background-color: var(--color-primary-dark);
color: white;
}
#News h2 {
text-align: center;
padding-bottom: 20px;
}
.kt-news-item {
display: flex;
align-items: center;
gap: 50px;
}
.kt-news-item .image {
display: block;
height: 100%;
width: 100%;
flex: 1 0 50%;
position: relative;
}
.kt-news-item .image:before {
position: absolute;
content: " ";
background: url(//gabrielkoller.ch/wp-content/themes/temp/img/dreieck_gruen.svg);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 125px;
height: 300px;
right: 0px;
transform: rotate(180deg);
top: calc(50% - 150px);
z-index: 2;
}
.kt-news-item img {
object-position: 50% 50%;
object-fit: cover;
}
@media (max-width: 999px) {
.kt-news-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
}
.kt-news-item img {
object-position: 50% 50%;
aspect-ratio: 3/2;
object-fit: cover;
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-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);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://gabrielkoller.ch/wp-content/themes/temp/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://gabrielkoller.ch/wp-content/themes/temp/fonts/slick.eot);
src: url(https://gabrielkoller.ch/wp-content/themes/temp/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://gabrielkoller.ch/wp-content/themes/temp/fonts/slick.woff) format("woff"), url(https://gabrielkoller.ch/wp-content/themes/temp/fonts/slick.ttf) format("truetype"), url(https://gabrielkoller.ch/wp-content/themes/temp/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 30px;
width: 30px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 10;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 30px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 15px;
}
[dir=rtl] .slick-prev {
left: auto;
right: 15px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: 15px;
}
[dir=rtl] .slick-next {
left: 15px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 15px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 10px;
line-height: 20px;
text-align: center;
color: white;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: white;
opacity: 0.75;
}
.kt-referenz-wrapper {
margin-top: 50px;
margin-right: -20px;
margin-left: -20px;
box-sizing: border-box;
}
.kt-referenz-wrapper * {
text-align: left !important;
box-sizing: border-box !important;
}
@media screen and (max-width: 767px) {
.kt-referenz-wrapper h4 {
margin-top: 20px;
}
}
.kt-referenz-item {
padding-right: 20px;
padding-left: 20px;
margin-bottom: 40px;
}
.kt-slider {
margin-bottom: 24px;
}
.slick-track {
display: flex !important;
}
.kt-slider-item img {
aspect-ratio: 3/2;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.kt-referenz-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.kt-referenz-item {
width: 100%;
max-width: 50%;
flex: 1 0 50%;
margin-bottom: 60px;
}
}