Highlight-Farbe lila

This commit is contained in:
Christoph Schindlbeck 2022-04-23 11:50:43 +02:00
parent 92d3bfde4d
commit e46324ece8
2 changed files with 34 additions and 34 deletions

View File

@ -113,7 +113,7 @@ a:active {
} }
.btn-home { .btn-home {
background-color: #1bafb4; background-color: #6700f4;
border-radius: 0px; border-radius: 0px;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
@ -129,7 +129,7 @@ a:active {
} }
.btn-tickets { .btn-tickets {
background-color: #1bafb4; background-color: #6700f4;
border-radius: 0px; border-radius: 0px;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
@ -177,7 +177,7 @@ a:active {
border-top: 5px solid #ecf0f1; border-top: 5px solid #ecf0f1;
border-bottom: 5px solid #ecf0f1; border-bottom: 5px solid #ecf0f1;
border-right: 5px solid #ecf0f1; border-right: 5px solid #ecf0f1;
background: #1bafb4; background: #6700f4;
width: 50px; width: 50px;
height: 60px; height: 60px;
-webkit-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%;
@ -214,17 +214,17 @@ a:active {
} }
20% { 20% {
background: #1bafb4; background: #6700f4;
} }
29.9% { 29.9% {
background: #1bafb4; background: #6700f4;
} }
30% { 30% {
-webkit-transform: perspective(200px) rotateY(-90deg); -webkit-transform: perspective(200px) rotateY(-90deg);
transform: perspective(200px) rotateY(-90deg); transform: perspective(200px) rotateY(-90deg);
background: #1bafb4; background: #6700f4;
} }
54.999% { 54.999% {
@ -238,13 +238,13 @@ a:active {
60% { 60% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
100% { 100% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
} }
@ -255,17 +255,17 @@ a:active {
} }
20% { 20% {
background: #1bafb4; background: #6700f4;
} }
29.9% { 29.9% {
background: #1bafb4; background: #6700f4;
} }
30% { 30% {
-webkit-transform: perspective(200px) rotateY(-90deg); -webkit-transform: perspective(200px) rotateY(-90deg);
transform: perspective(200px) rotateY(-90deg); transform: perspective(200px) rotateY(-90deg);
background: #1bafb4; background: #6700f4;
} }
54.999% { 54.999% {
@ -279,13 +279,13 @@ a:active {
60% { 60% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
100% { 100% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
} }
@ -443,7 +443,7 @@ a:active {
font-size: 30px; font-size: 30px;
display: inline-block; display: inline-block;
margin-bottom: 15px; margin-bottom: 15px;
color: #1bafb4; color: #6700f4;
} }
.service .block h3 { .service .block h3 {
@ -540,7 +540,7 @@ a:active {
border-radius: 0; border-radius: 0;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: #1bafb4; background: #6700f4;
padding: 0px 35px; padding: 0px 35px;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
@ -559,8 +559,8 @@ a:active {
.btn-send { .btn-send {
line-height: 48px; line-height: 48px;
border: 2px solid #1bafb4; border: 2px solid #6700f4;
background: #1bafb4; background: #6700f4;
color: #fff; color: #fff;
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;

View File

@ -113,7 +113,7 @@ a:active {
} }
.btn-home { .btn-home {
background-color: #1bafb4; background-color: #6700f4;
border-radius: 0px; border-radius: 0px;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
@ -129,7 +129,7 @@ a:active {
} }
.btn-tickets { .btn-tickets {
background-color: #1bafb4; background-color: #6700f4;
border-radius: 0px; border-radius: 0px;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
@ -177,7 +177,7 @@ a:active {
border-top: 5px solid #ecf0f1; border-top: 5px solid #ecf0f1;
border-bottom: 5px solid #ecf0f1; border-bottom: 5px solid #ecf0f1;
border-right: 5px solid #ecf0f1; border-right: 5px solid #ecf0f1;
background: #1bafb4; background: #6700f4;
width: 50px; width: 50px;
height: 60px; height: 60px;
-webkit-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%;
@ -214,17 +214,17 @@ a:active {
} }
20% { 20% {
background: #1bafb4; background: #6700f4;
} }
29.9% { 29.9% {
background: #1bafb4; background: #6700f4;
} }
30% { 30% {
-webkit-transform: perspective(200px) rotateY(-90deg); -webkit-transform: perspective(200px) rotateY(-90deg);
transform: perspective(200px) rotateY(-90deg); transform: perspective(200px) rotateY(-90deg);
background: #1bafb4; background: #6700f4;
} }
54.999% { 54.999% {
@ -238,13 +238,13 @@ a:active {
60% { 60% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
100% { 100% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
} }
@ -255,17 +255,17 @@ a:active {
} }
20% { 20% {
background: #1bafb4; background: #6700f4;
} }
29.9% { 29.9% {
background: #1bafb4; background: #6700f4;
} }
30% { 30% {
-webkit-transform: perspective(200px) rotateY(-90deg); -webkit-transform: perspective(200px) rotateY(-90deg);
transform: perspective(200px) rotateY(-90deg); transform: perspective(200px) rotateY(-90deg);
background: #1bafb4; background: #6700f4;
} }
54.999% { 54.999% {
@ -279,13 +279,13 @@ a:active {
60% { 60% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
100% { 100% {
-webkit-transform: perspective(200px) rotateY(-180deg); -webkit-transform: perspective(200px) rotateY(-180deg);
transform: perspective(200px) rotateY(-180deg); transform: perspective(200px) rotateY(-180deg);
background: #1bafb4; background: #6700f4;
} }
} }
@ -443,7 +443,7 @@ a:active {
font-size: 30px; font-size: 30px;
display: inline-block; display: inline-block;
margin-bottom: 15px; margin-bottom: 15px;
color: #1bafb4; color: #6700f4;
} }
.service .block h3 { .service .block h3 {
@ -540,7 +540,7 @@ a:active {
border-radius: 0; border-radius: 0;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: #1bafb4; background: #6700f4;
padding: 0px 35px; padding: 0px 35px;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
@ -559,8 +559,8 @@ a:active {
.btn-send { .btn-send {
line-height: 48px; line-height: 48px;
border: 2px solid #1bafb4; border: 2px solid #6700f4;
background: #1bafb4; background: #6700f4;
color: #fff; color: #fff;
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;