@font-face {
font-family: "Nunito";
src: url(//www.aufwind.co.at/wp-content/themes/aufwind/fonts/Nunito-VariableFont.ttf) format("truetype");
} #back-top {
filter: drop-shadow(0px 0px 6px grey);
cursor: pointer;
-o-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
:root {
--neongreen: #03d886;
--magenta: #e6007e;
}
.page-id-455 .ueberschriften,
.page-id-18 .ueberschriften {
color: white;
top: auto;
bottom: 10%;
}
#wpcf7-f654-p2526-o1 .wpcf7-list-item {
margin-left: 0;
}
#back-top svg {
width: 70px;
height: auto;
animation: fly-plane 1s forwards;
-moz-transition: ease all 1s;
-o-transition: ease all 1s;
-webkit-transition: ease all 1s;
transition: ease all 1s;
transform-origin: left;
}
#back-top svg .line1,
#back-top svg .line2,
#back-top svg .line3 {
opacity: 0;
}
#back-top.fly svg .line1 {
opacity: 1;
animation: fly-line-1 0.4s infinite;
}
#back-top.fly svg .line2 {
opacity: 1;
animation: fly-line-2 0.33s infinite;
}
#back-top.fly svg .line3 {
opacity: 1;
animation: fly-line-3 0.27s infinite;
}
@keyframes fly-plane {
0% {
transform: translate(-60px, 60px) rotate(90deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes fly-line-1 {
0% {
transform: translateY(-35px);
opacity: 1;
}
80% {
opacity: 0;
}
100% {
transform: translateY(30px);
opacity: 0;
}
}
@keyframes fly-line-2 {
0% {
transform: translateY(-15px);
opacity: 1;
}
80% {
opacity: 0;
}
100% {
transform: translateY(30px);
opacity: 0;
}
}
@keyframes fly-line-3 {
0% {
transform: translateY(-10px);
opacity: 1;
}
80% {
opacity: 0;
}
100% {
transform: translateY(25px);
opacity: 0;
}
}
#back-top {
position: fixed;
z-index: 11;
right: 0;
bottom: 0;
}
.home .alm-btn-wrap {
display: none !important;
}
.more-work-btn a {
color: white !important;
font-size: 1.5rem;
}
.more-work-btn:hover {
transition: ease all 0.6s;
background-position-x: 0%;
}
.more-work-btn {
display: flex;
justify-content: center;
align-items: center;
margin: 80px auto;
font-size: 15px;
font-weight: 500;
width: auto;
height: 43px;
line-height: 1;
background: linear-gradient(
45deg,
var(--neongreen) 49%,
rgba(255, 255, 255, 1) 50%,
var(--magenta) 51%
);
color: #fff;
border: none;
border-radius: 4px;
padding: 0 20px;
position: relative;
-webkit-transition: all 1s ease;
transition: ease all 1s;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
background-position-x: 100%;
background-size: 250% 250%;
}
.strike-this::after {
content: "";
left: -5px;
top: 55%;
transition: ease all 0.4s;
transform: translateY(-50%);
position: absolute;
width: 0%;
height: 10px;
transform: skewY(-1.5deg);
background-color: #e6007e;
animation: strike 2s ease;
animation-delay: 1s;
animation-fill-mode: forwards;
}
.strike-this {
position: relative;
width: fit-content;
}
@keyframes strike {
0% {
width: 0%;
}
100% {
width: calc(100% + 10px);
}
}
.hp-line {
margin: 0;
font-weight: 400;
}
.bold-this {
position: relative;
color: #000;
}
.bold-this::after {
content: "";
width: 0;
height: 100%;
left: -5px;
bottom: 2px;
background-color: var(--magenta);
position: absolute;
animation: bold 1s ease;
animation-delay: 2s;
animation-fill-mode: forwards;
transition: ease all 0.4s;
z-index: -1;
}
@keyframes bold {
0% {
width: 0%;
}
100% {
width: calc(100% + 10px);
}
}
.ueberschriften {
color: #000;
}
.home .ueberschriften,
.page-id-9 .ueberschriften,
.page-id-3 .ueberschriften {
color: #fff;
}
.ueberschriften .magentalinie {
padding-bottom: 60px;
} body,
html {
scroll-behavior: smooth;
margin: 0;
padding: 0;
font-size: 18px;
font-family: "Nunito", sans-serif !important;
font-weight: 400;
color: #000;
}
* {
outline: none;
box-sizing: border-box;
}
::selection {
color: #fff;
background: #d8106b;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Nunito", sans-serif !important;
font-weight: 700;
width: 100%;
margin: 0;
}
p {
font-family: "Nunito", sans-serif !important;
}
img {
max-width: 100%;
height: auto;
}
.container {
width: 100%;
z-index: 1;
position: relative;
}
.aligncent {
align-items: center;
}
.row {
display: flex;
position: relative;
flex-wrap: wrap;
max-width: 1400px;
width: 100%;
padding: 15px;
margin: 0 auto;
}
.navigation {
width: 70%;
}
.logo {
width: 30%;
transition: all 1s;
}
.logo img {
max-width: 270px;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 11;
}
.headerimage img,
.video_pages {
border-bottom-right-radius: 50%;
object-fit: cover;
width: 100%;
height: 100%;
}
.page-id-5 .headerimage {
height: 100vh;
}
.page-id-5 .headerimage video {
object-fit: cover;
width: 100%;
height: 100%;
}
.page-id-4329 .headerimage,
.page-id-2526 .headerimage {
height: 85vh;
}
.headerimage {
width: 100%;
height: 85vh;
position: relative;
}
.page-id-18 .headerimage:after {
width: 800px;
height: 800px;
background-image: url(//www.aufwind.co.at/wp-content/themes/aufwind/img/brotElement.png);
position: absolute;
top: -200px;
right: 150px;
content: "";
background-size: contain;
background-repeat: no-repeat;
-webkit-animation: spin 11s linear infinite;
-moz-animation: spin 11s linear infinite;
animation: spin 11s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.page-id-18 .headerimage:before {
width: 223px;
height: 400px;
background-image: url(//www.aufwind.co.at/wp-content/themes/aufwind/img/Mockup-Baeckerwebshop_v2.png);
position: absolute;
bottom: 0;
right: 150px;
content: "";
background-size: cover;
z-index: 1;
}
.button_top {
position: fixed !important;
width: auto !important;
height: auto !important;
bottom: 10px !important;
right: 10px !important;
z-index: 1;
display: none;
}
.wp-block-spacer {
width: 100%;
}
.menu {
padding: 0;
margin: 0;
text-align: right;
transform: translateX(-18%) skew(-16deg);
display: inline-flex;
flex-direction: column;
height: 93%;
align-items: flex-end;
justify-content: center;
transform: translateX(-18%) skew(-16deg);
} footer a {
color: #fff !important;
text-decoration: none !important;
}
.menu-item-description {
width: 100%;
float: left;
clear: left;
color: #000;
font-size: 24px;
}
a {
text-decoration: none;
}
.home .ueberschriften {
color: #000;
}
.ueberschriften {
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 1;
position: absolute;
left: 0;
right: 0;
top: 30%;
margin: auto;
max-width: 1400px;
padding: 0 15px;
}
.page-id-5 h1 {
margin-bottom: 20px;
font-size: 7vw;
line-height: 8vw;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
.magentalinie {
padding: 0 0 25px 0;
margin: 0 0 20px 0;
position: relative;
}
.home .col-4-flex .magentalinie {
margin: 0;
padding: 0;
line-height: 50px;
transition: all 0.5s;
}
.magentalinie:after {
width: 70px;
height: 5px;
background: var(--magenta);
position: absolute;
left: 0;
bottom: 0;
content: "";
}
.hklein {
font-size: 20px;
font-family: "Nunito", sans-serif !important;
font-weight: 400;
}
.mt-5 {
margin-top: 5em;
}
.mt-10 {
margin-top: 10em;
}
.col-4-flex {
width: 48%;
margin: 1%;
position: relative;
overflow: hidden;
border-bottom: 5px solid #d8106b;
height: 400px;
}
.projektimg img {
float: left;
transition: all 0.5s;
width: 100%;
height: 100%;
object-fit: cover;
}
.projektimg {
width: 100%;
height: 100%;
}
.projektcontent {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: auto;
transition: all 0.5s;
padding: 10px 2em;
color: #fff;
background: rgba(0, 0, 0, 0.2);
}
.projektoverlay {
left: 0;
top: auto;
transition: all 0.5s;
bottom: -100%;
height: 100%;
width: 100%;
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.3);
}
.showonhover {
visibility: hidden;
opacity: 0;
transition: all 0.5s;
display: none;
}
.col-4-flex:hover .showonhover {
visibility: visible;
opacity: 1;
display: block;
}
.col-4-flex:hover .projektcontent {
bottom: 30%;
background: none;
}
.col-4-flex:hover .projektoverlay {
bottom: 0;
}
.col-4-flex:hover .projektimg img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.home .col-4-flex .magentalinie:after {
background: #fff;
visibility: hidden;
}
.col-4-flex:hover .magentalinie:after {
visibility: visible;
}
.col-4-flex:hover .magentalinie {
line-height: normal;
padding: 0 0 25px 0;
margin: 0 0 20px 0;
}
.projektcontent h3 {
font-size: 40px;
}
.projektort {
font-weight: bold;
}
.alm-listing .alm-reveal,
.alm-listing .alm-ajax,
.alm-listing.alm-ajax {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.alm-btn-wrap .alm-load-more-btn {
background: var(--magenta) !important;
}
footer {
color: #fff;
padding: 3em 0;
position: relative;
overflow: hidden;
margin-top: 1em; }
.header__bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(#d8106b, #c10f60);
transform: skewY(-2deg);
transform-origin: bottom right;
}
footer:after {
content: "Aufwind";
position: absolute;
left: 0;
right: 0;
bottom: -100px;
font-size: 20vw;
margin: auto;
color: rgba(255, 255, 255, 0.1);
width: 100%;
text-align: center;
text-transform: uppercase;
font-family: "Nunito", sans-serif !important;
}
footer a {
color: #fff;
}
.col-4 {
width: 31.33%;
margin: 1%;
}
.col-4:last-child {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.rounded {
font-size: 2.625em;
font-family: "Nunito", sans-serif !important;
font-weight: 400;
}
.col-4:last-child ul {
margin: 0;
padding: 0;
}
.col-4:last-child ul li {
list-style-type: none;
margin: 10px 0;
}
.col-4:last-child ul li a {
text-transform: uppercase;
}
.magentabg {
background: #d8106b;
color: #fff;
padding: 5%;
} .page p a {
color: #000;
text-decoration: underline;
}
.mobilecontainer {
position: absolute;
transform: all 0.5s;
right: 10px;
top: 10px;
z-index: 111;
cursor: pointer;
}
div.mobilecontainer.change {
position: absolute;
}
div.mobilecontainer.change .bars {
background-color: #fff;
}
.navigation {
color: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
display: none;
z-index: 11;
background: #fff;
}
.navigation:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -15px;
background: #d8106b;
transform-origin: 0 0;
transform: skew(-14deg) translateX(-120%);
transition: all 0.275s 0.1s;
}
.navigation.is-open:before {
transform: skew(-14deg) translateX(0);
}
.navirow {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
height: 100%;
}
.menu-hauptnavigation-container {
width: 100%;
}
.navigation a {
color: #fff;
font-size: 4vw;
text-decoration: none;
text-transform: uppercase;
font-family: "Nunito", sans-serif !important;
font-weight: 400;
position: relative;
transform: translateY(-10px);
opacity: 0;
}
.navigation ul li:nth-child(1) a {
transition: all 275ms 175ms;
}
.navigation ul li:nth-child(2) a {
transition: all 275ms 225ms;
}
.navigation ul li:nth-child(3) a {
transition: all 275ms 275ms;
}
.navigation ul li:nth-child(4) a {
transition: all 275ms 325ms;
}
.navigation ul li:nth-child(5) a {
transition: all 275ms 375ms;
}
.navigation ul li:nth-child(6) a {
transition: all 275ms 425ms;
}
.navigation.is-open a {
opacity: 1;
transform: translateY(0);
}
.navigation ul li {
list-style-type: none;
margin: 1% 0;
transform: skew(16deg);
}
.menu .current-menu-item a,
.navigation li:hover a,
footer a:hover {
color: #000;
}
.menu .current_page_item a:before { }
.navigation li a:before {
transition: all 0.5s; }
.navigation li:hover a:before { }
.hideonscroll {
width: 0;
}
.maincontent a {
color: #d8106b;
}
.wp-block-image {
margin: 0 !important;
}
#hamburger {
width: 40px;
height: 40px;
display: block;
position: relative;
float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
div#hamburger.open span {
background: #fff;
}
#hamburger span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #d8106b;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#hamburger span:nth-child(1) {
top: 0px;
}
#hamburger span:nth-child(2) {
top: 12px;
}
#hamburger span:nth-child(3) {
top: 24px;
}
#hamburger.open span:nth-child(1) {
top: 14px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#hamburger.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#hamburger.open span:nth-child(3) {
top: 14px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.wp-block-group__inner-container {
width: 100%;
padding: 3% 15px;
display: flex;
flex-wrap: wrap;
max-width: 1400px;
margin: 0 auto;
} .graubg {
background: #484848;
color: #fff;
padding: 5%;
}
.magentabg {
background-image: linear-gradient(#d8106b, #c10f60);
color: #fff;
padding: 5%;
} .page-id-1517 .headerimage video {
object-position: bottom;
}
.page-id-1517 .ueberschriften {
text-align: center;
}
.page-id-1517 .ueberschriften .magentalinie:after {
right: 0;
margin: auto;
} .page-id-2463 .headerimage {
background: #fff;
height: 100vh;
}
.page-id-2463 .text {
color: #e6007e;
}
.page-id-2463 .text h1 {
font-size: 7vw;
line-height: 8vw;
}
.text {
opacity: 0;
position: absolute;
z-index: 7;
-webkit-animation: on 0.6s ease-in-out 3.7s forwards;
-moz-animation: on 0.6s ease-in-out 3.7s forwards;
-o-animation: on 0.6s ease-in-out 3.7s forwards;
animation: on 0.6s ease-in-out 3.7s forwards;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 1;
left: 0;
right: 0;
top: 30%;
margin: auto;
max-width: 1400px;
padding: 0 15px;
}
.text p {
white-space: nowrap;
overflow: hidden;
width: 100%;
-webkit-animation: type 0.3s steps(60, end) 3.7s;
-moz-animation: type 0.3s steps(60, end) 3.7s;
-o-animation: type 0.3s steps(60, end) 3.7s;
animation: type 0.3s steps(60, end) 3.7s;
}
.text p:nth-child(2) {
-webkit-animation: type2 0.5s steps(60, end) 3.7s;
-moz-animation: type2 0.5s steps(60, end) 3.7s;
-o-animation: type2 0.5s steps(60, end) 3.7s;
animation: type2 0.5s steps(60, end) 3.7s;
}
.text button {
border: 0;
opacity: 0;
background: #191919;
color: #f5d300;
border: 1px solid #191919;
letter-spacing: 2px;
padding: 0.5rem 2.5rem;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: color 0.5s, background-color 0.5s;
-moz-transition: color 0.5s, background-color 0.5s;
-ms-transition: color 0.5s, background-color 0.5s;
-o-transition: color 0.5s, background-color 0.5s;
transition: color 0.5s, background-color 0.5s;
-webkit-animation: on 0.6s ease-in-out 4s forwards;
-moz-animation: on 0.6s ease-in-out 4s forwards;
-o-animation: on 0.6s ease-in-out 4s forwards;
animation: on 0.6s ease-in-out 4s forwards;
}
.text button:hover {
background: #f5d300;
color: #191919;
border: 1px solid #191919;
}
.splash {
width: 100vw;
height: 100vh;
position: absolute;
max-width: 100%;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.splash_logo {
position: absolute;
margin: -15px 0 0 -25px;
top: 50vh;
z-index: 5;
left: 48.5vw;
width: 50px;
text-align: center;
height: 30px;
font-size: 26px;
font-weight: 600;
color: #ffffff;
opacity: 1;
will-change: opacity;
-webkit-animation: logo 0.3s ease-in 1.5s forwards,
off 0.6s ease-in-out 3.2s forwards;
-moz-animation: logo 0.3s ease-in 1.5s forwards,
off 0.6s ease-in-out 3.2s forwards;
-o-animation: logo 0.3s ease-in 1.5s forwards,
off 0.6s ease-in-out 3.2s forwards;
animation: logo 0.3s ease-in 1.5s forwards, off 0.6s ease-in-out 3.2s forwards;
} .splash_svg {
position: relative;
margin: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
right: 0;
}
.splash_svg svg {
width: 100%;
height: 100%;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.splash_svg svg rect {
width: 100%;
height: 100%;
fill: #e6007e;
stroke: 0;
-webkit-clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
-webkit-animation: expand 0.7s ease-in forwards 2.7s;
-moz-animation: expand 0.7s ease-in forwards 2.7s;
-o-animation: expand 0.7s ease-in forwards 2.7s;
animation: expand 0.7s ease-in forwards 2.7s;
}
.splash_minimize {
position: absolute;
margin: auto;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 4;
}
.splash_minimize svg {
width: 100%;
height: 100%;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.splash_minimize svg rect {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
-webkit-animation: scale 0.2s ease-out forwards 1s,
hide 1.3s ease-out forwards 1.2s;
-moz-animation: scale 0.2s ease-out forwards 1s,
hide 1.3s ease-out forwards 1.2s;
-o-animation: scale 0.2s ease-out forwards 1s,
hide 1.3s ease-out forwards 1.2s;
animation: scale 0.2s ease-out forwards 1s, hide 1.3s ease-out forwards 1.2s;
}
@-webkit-keyframes scale {
100% {
-webkit-clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
}
}
@-moz-keyframes scale {
100% {
-webkit-clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
}
}
@-o-keyframes scale {
100% {
-webkit-clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
}
}
@keyframes scale {
100% {
-webkit-clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(45vw 40vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
}
}
@-webkit-keyframes hide {
100% {
fill: transparent;
}
}
@-moz-keyframes hide {
100% {
fill: transparent;
}
}
@-o-keyframes hide {
100% {
fill: transparent;
}
}
@keyframes hide {
100% {
fill: transparent;
}
}
@-webkit-keyframes off {
100% {
opacity: 0;
}
}
@-moz-keyframes off {
100% {
opacity: 0;
}
}
@-o-keyframes off {
100% {
opacity: 0;
}
}
@keyframes off {
100% {
opacity: 0;
}
}
@-webkit-keyframes on {
100% {
opacity: 1;
}
}
@-moz-keyframes on {
100% {
opacity: 1;
}
}
@-o-keyframes on {
100% {
opacity: 1;
}
}
@keyframes on {
100% {
opacity: 1;
}
}
@-webkit-keyframes logo {
100% {
color: #292929;
}
}
@-moz-keyframes logo {
100% {
color: #292929;
}
}
@-o-keyframes logo {
100% {
color: #292929;
}
}
@keyframes logo {
100% {
color: #292929;
}
}
@-webkit-keyframes type {
0% {
width: 0;
}
}
@-moz-keyframes type {
0% {
width: 0;
}
}
@-o-keyframes type {
0% {
width: 0;
}
}
@keyframes type {
0% {
width: 0;
}
}
@-webkit-keyframes type2 {
0% {
width: 0;
}
50% {
width: 0;
}
100% {
width: 100;
}
}
@-moz-keyframes type2 {
0% {
width: 0;
}
50% {
width: 0;
}
100% {
width: 100;
}
}
@-o-keyframes type2 {
0% {
width: 0;
}
50% {
width: 0;
}
100% {
width: 100;
}
}
@keyframes type2 {
0% {
width: 0;
}
50% {
width: 0;
}
100% {
width: 100;
}
}
@-webkit-keyframes expand {
25% {
-webkit-clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 58vh, 45vw 58vh);
clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
fill: white;
}
50% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
fill: #e6007e;
}
75% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
fill: white;
}
100% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
fill: #e6007e;
}
}
@-moz-keyframes expand {
25% {
-webkit-clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 58vh, 45vw 58vh);
clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
fill: white;
}
50% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
fill: #e6007e;
}
75% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
fill: white;
}
100% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
fill: #e6007e;
}
}
@-o-keyframes expand {
25% {
-webkit-clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 58vh, 45vw 58vh);
clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
fill: white;
}
50% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
fill: #e6007e;
}
75% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
fill: white;
}
100% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
fill: #e6007e;
}
}
@keyframes expand {
25% {
-webkit-clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 58vh, 45vw 58vh);
clip-path: polygon(0vw 0vh, 55vw 40vh, 55vw 60vh, 45vw 60vh);
fill: white;
}
50% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 45vw 60vh);
fill: #000;
}
75% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 55vw 60vh, 0vw 100vh);
fill: white;
}
100% {
-webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
fill: #000;
}
}
.socialmediaiconsfoot {
margin: 0;
padding: 0;
}
.socialmediaiconsfoot li {
display: inline-block;
margin: 0 5px 0 0;
}
.socialmediaiconsfoot li a img {
width: 55px;
height: 55px;
}
input[type="checkbox"] {
border: 1px solid #cbcbcb;
margin-right: 10px;
border-radius: 5px;
min-width: 30px;
min-height: 30px;
}
.wpcf7 label {
display: flex;
align-items: center;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"] {
width: 100%;
font-size: 16px;
color: #000;
padding: 10px;
margin: 10px 0;
border-radius: 5px;
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #cbcbcb;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
input[type="file"]::file-selector-button {
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 0.2em;
background: #e6007e;
transition: 1s;
}
input[type="file"]::file-selector-button:hover {
background-color: #000;
}
.page-id-2526 .wpcf7 {
max-width: 700px;
margin: 0 auto;
}
.wpcf7 input[type="submit"] {
cursor: pointer;
transition: all 0.5s;
border: 4px solid #e6007e;
text-transform: uppercase;
font-size: 24px;
line-height: 30px;
display: flex;
margin: 0 auto;
max-width: 300px;
color: #e6007e;
text-align: center;
align-items: center;
flex-wrap: wrap;
padding: 10px 20px;
background: none;
}
.wpcf7 input[type="submit"]:hover {
border: 4px solid #000;
color: #000;
}
.grecaptcha-badge {
visibility: hidden;
} @media screen and (min-width: 2200px) {
.page-id-5 h1 {
line-height: 180px;
font-size: 150px;
}
}
@media screen and (max-width: 1024px) {
.col-4-flex {
height: 350px;
}
.headerimage {
height: 65vh;
}
.page-id-18 .headerimage:after {
width: 600px;
height: 600px;
}
h1,
.elementor-size-xxl,
.rounded,
.has-huge-font-size {
font-size: 45px !important;
}
h2 {
font-size: 28px;
}
.page-id-5 h1 {
line-height: 55px;
}
.projektcontent h3 {
font-size: 30px;
}
.page-id-18 .headerimage:before {
display: none;
}
.strike-this::after {
height: 5px;
}
}
@media screen and (max-width: 768px) {
.navigation a {
font-size: 24px;
}
.col-4 {
width: 98%;
}
.col-4-flex {
height: 250px;
}
.col-4-flex:hover .projektcontent {
bottom: 5%;
}
.menu-item-description {
font-size: 15px;
}
.headerimage {
height: 85vh;
}
h1,
.elementor-size-xxl,
.rounded,
.has-huge-font-size {
font-size: 36px !important;
}
h2 {
font-size: 24px;
}
.page-id-5 h1 {
line-height: 45px;
}
.page-id-18 .headerimage:after {
right: 0;
left: auto;
} }
@media screen and (max-width: 600px) {
.col-4-flex {
width: 98%;
margin: 1em 1%;
}
}