Update and rework project structure with new pagebuilder concept. (based on RK Architekten and SFU Politik configs and sources)
This commit is contained in:
@@ -1,36 +0,0 @@
|
||||
article,
|
||||
.article {
|
||||
overflow-wrap: anywhere;
|
||||
border: 1px dashed @on-background;
|
||||
padding: 2px;
|
||||
|
||||
& ~ article,
|
||||
& ~ .article {
|
||||
margin-top: @space-md;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
color: @primary;
|
||||
font-size: 2rem;
|
||||
line-height: 2.4rem;
|
||||
}
|
||||
|
||||
.article-subtitle {
|
||||
color: @secondary;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.8rem;
|
||||
}
|
||||
|
||||
.article-link {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.article-details {
|
||||
&.default {
|
||||
}
|
||||
|
||||
&.news {
|
||||
}
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
.audioToggle {
|
||||
position: fixed;
|
||||
right: 17px;
|
||||
bottom: 17px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 100%;
|
||||
padding: 15px;
|
||||
background-color: @secondary;
|
||||
z-index: 1000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
audio {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
@@ -1,137 +0,0 @@
|
||||
.carousel {
|
||||
width: 100%;
|
||||
height: 695px;
|
||||
|
||||
.carousel-slide {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-size: cover;
|
||||
|
||||
.container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
color: #fff;
|
||||
text-shadow: 0 2px 10px #000;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
top: 17rem;
|
||||
left: 0;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
top: 10rem;
|
||||
}
|
||||
|
||||
.headline {
|
||||
font-family: "Caveat", sans-serif;
|
||||
text-shadow: rgb(196, 37, 62) 6px 0px 0px,
|
||||
rgb(196, 37, 62) 5.91686px 0.995377px 0px,
|
||||
rgb(196, 37, 62) 5.66974px 1.96317px 0px,
|
||||
rgb(196, 37, 62) 5.2655px 2.87655px 0px,
|
||||
rgb(196, 37, 62) 4.71532px 3.71022px 0px,
|
||||
rgb(196, 37, 62) 4.03447px 4.44106px 0px,
|
||||
rgb(196, 37, 62) 3.24181px 5.04883px 0px,
|
||||
rgb(196, 37, 62) 2.35931px 5.51667px 0px,
|
||||
rgb(196, 37, 62) 1.41143px 5.83163px 0px,
|
||||
rgb(196, 37, 62) 0.424423px 5.98497px 0px,
|
||||
rgb(196, 37, 62) -0.574341px 5.97245px 0px,
|
||||
rgb(196, 37, 62) -1.55719px 5.79441px 0px,
|
||||
rgb(196, 37, 62) -2.49688px 5.45578px 0px,
|
||||
rgb(196, 37, 62) -3.36738px 4.96596px 0px,
|
||||
rgb(196, 37, 62) -4.14455px 4.33852px 0px,
|
||||
rgb(196, 37, 62) -4.80686px 3.59083px 0px,
|
||||
rgb(196, 37, 62) -5.33596px 2.74364px 0px,
|
||||
rgb(196, 37, 62) -5.71718px 1.8204px 0px,
|
||||
rgb(196, 37, 62) -5.93995px 0.84672px 0px,
|
||||
rgb(196, 37, 62) -5.99811px -0.150428px 0px,
|
||||
rgb(196, 37, 62) -5.89004px -1.14341px 0px,
|
||||
rgb(196, 37, 62) -5.61874px -2.1047px 0px,
|
||||
rgb(196, 37, 62) -5.19172px -3.00766px 0px,
|
||||
rgb(196, 37, 62) -4.62082px -3.82727px 0px,
|
||||
rgb(196, 37, 62) -3.92186px -4.54081px 0px,
|
||||
rgb(196, 37, 62) -3.11421px -5.12852px 0px,
|
||||
rgb(196, 37, 62) -2.22026px -5.57409px 0px,
|
||||
rgb(196, 37, 62) -1.26477px -5.86518px 0px,
|
||||
rgb(196, 37, 62) -0.274238px -5.99373px 0px,
|
||||
rgb(196, 37, 62) 0.723898px -5.95617px 0px,
|
||||
rgb(196, 37, 62) 1.70197px -5.75355px 0px,
|
||||
rgb(196, 37, 62) 2.63288px -5.39147px 0px,
|
||||
rgb(196, 37, 62) 3.49082px -4.87998px 0px,
|
||||
rgb(196, 37, 62) 4.25202px -4.23324px 0px,
|
||||
rgb(196, 37, 62) 4.89538px -3.46919px 0px,
|
||||
rgb(196, 37, 62) 5.40307px -2.60899px 0px,
|
||||
rgb(196, 37, 62) 5.76102px -1.67649px 0px,
|
||||
rgb(196, 37, 62) 5.95932px -0.697531px 0px, 0 2px 20px #000;
|
||||
line-height: 70px;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
font-size: 96px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
font-size: 72px;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 32px;
|
||||
font-family: "Nunito", sans-serif;
|
||||
margin-left: @space-md;
|
||||
}
|
||||
|
||||
ul.text {
|
||||
list-style-type: none;
|
||||
padding-left: 30px;
|
||||
|
||||
li {
|
||||
font-size: 32px;
|
||||
font-family: "Nunito", sans-serif;
|
||||
text-shadow: rgb(196, 37, 62) 3px 0px 0px,
|
||||
rgb(196, 37, 62) 2.83487px 0.981584px 0px,
|
||||
rgb(196, 37, 62) 2.35766px 1.85511px 0px,
|
||||
rgb(196, 37, 62) 1.62091px 2.52441px 0px,
|
||||
rgb(196, 37, 62) 0.705713px 2.91581px 0px,
|
||||
rgb(196, 37, 62) -0.287171px 2.98622px 0px,
|
||||
rgb(196, 37, 62) -1.24844px 2.72789px 0px,
|
||||
rgb(196, 37, 62) -2.07227px 2.16926px 0px,
|
||||
rgb(196, 37, 62) -2.66798px 1.37182px 0px,
|
||||
rgb(196, 37, 62) -2.96998px 0.42336px 0px,
|
||||
rgb(196, 37, 62) -2.94502px -0.571704px 0px,
|
||||
rgb(196, 37, 62) -2.59586px -1.50383px 0px,
|
||||
rgb(196, 37, 62) -1.96093px -2.27041px 0px,
|
||||
rgb(196, 37, 62) -1.11013px -2.78704px 0px,
|
||||
rgb(196, 37, 62) -0.137119px -2.99686px 0px,
|
||||
rgb(196, 37, 62) 0.850987px -2.87677px 0px,
|
||||
rgb(196, 37, 62) 1.74541px -2.43999px 0px,
|
||||
rgb(196, 37, 62) 2.44769px -1.73459px 0px,
|
||||
rgb(196, 37, 62) 2.88051px -0.838247px 0px,
|
||||
0 2px 20px #000;
|
||||
font-weight: 700;
|
||||
|
||||
&:before {
|
||||
content: "»";
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
.contact-information {
|
||||
margin-top: -120px;
|
||||
min-height: 1060px;
|
||||
background: url("../css/theme-2022/components/img/union.svg") top no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
& > .container {
|
||||
padding-top: 10rem;
|
||||
}
|
||||
|
||||
.appointmentOfficeHour {
|
||||
@media (max-width: 768px) {
|
||||
font-size: 0.87em;
|
||||
margin-bottom: @space-sm;
|
||||
}
|
||||
|
||||
strong {
|
||||
display: inline-block;
|
||||
min-width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
.meeting-information {
|
||||
margin-top: @space-xl;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding-left: 40px;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
line-height: 30px;
|
||||
padding-left: 0px;
|
||||
font-weight: 400;
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: url("../css/theme-2022/components/img/check-bold.svg");
|
||||
font-weight: 400;
|
||||
top: 1px;
|
||||
left: -30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1050px) {
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
margin-bottom: -90px;
|
||||
}
|
||||
}
|
||||
@@ -1,29 +0,0 @@
|
||||
.top-of-content {
|
||||
*[class^="col"] {
|
||||
margin-bottom: @space-md;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: stretch;
|
||||
gap: @space-lg;
|
||||
|
||||
article {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
flex-direction: column;
|
||||
|
||||
article {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wave-top {
|
||||
height: 54px;
|
||||
margin-top: -54px;
|
||||
background-image: url("../css/theme/components/img/wave_header_top.png");
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
@@ -5,54 +5,11 @@ form {
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
strong {
|
||||
color: @primary;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.titles {
|
||||
flex-grow: 1;
|
||||
|
||||
.title,
|
||||
.subTitle {
|
||||
text-align: left;
|
||||
color: @on-surface;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
border-radius: 100%;
|
||||
|
||||
img {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.collapse-icon {
|
||||
cursor: pointer;
|
||||
|
||||
svg {
|
||||
transition: @transition-default;
|
||||
}
|
||||
|
||||
&.collapsed svg {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
.checkbox {
|
||||
cursor: pointer;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 10px;
|
||||
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
|
||||
background: @surface;
|
||||
color: @on-background;
|
||||
padding: @space-sm @space-md;
|
||||
@@ -76,7 +33,7 @@ form {
|
||||
|
||||
&:focus {
|
||||
border: 1px solid @primary;
|
||||
color: @primary;
|
||||
color: @on-surface;
|
||||
}
|
||||
|
||||
&[readonly] {
|
||||
@@ -86,15 +43,22 @@ form {
|
||||
|
||||
.checkbox {
|
||||
padding: 0;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: @primary;
|
||||
|
||||
.icon {
|
||||
svg {
|
||||
width: 90% !important;
|
||||
height: 90% !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 10px 0 @primary;
|
||||
box-shadow: inset 0 0 1px 1px @primary;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -19,51 +19,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
// Scroll To Top
|
||||
|
||||
.scroll-to-top {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
right: 5rem;
|
||||
bottom: 5rem;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
right: 4rem;
|
||||
bottom: 1rem;
|
||||
}
|
||||
|
||||
.circle-top,
|
||||
.circle-email,
|
||||
.circle-contact {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 100%;
|
||||
background-color: @secondary;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.circle-email {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background-color: @secondary;
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
right: -39px;
|
||||
}
|
||||
|
||||
.circle-contact {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background-color: @secondary;
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
right: -53px;
|
||||
}
|
||||
}
|
||||
|
||||
// 404
|
||||
|
||||
.page-404 {
|
||||
|
||||
@@ -1,50 +0,0 @@
|
||||
.history {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
|
||||
.history-item {
|
||||
min-height: 80px;
|
||||
|
||||
.date {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 100%;
|
||||
background-color: @secondary;
|
||||
color: @on-secondary;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
position: absolute;
|
||||
top: -21px;
|
||||
left: calc(50% - 40px);
|
||||
}
|
||||
.text {
|
||||
width: 41%;
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
.text {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
& ~ .history-item {
|
||||
margin-top: @space-md;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.date {
|
||||
left: 0;
|
||||
}
|
||||
&:nth-child(odd),
|
||||
&:nth-child(even) {
|
||||
.text {
|
||||
width: 100%;
|
||||
padding-left: 100px;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
.language-chooser {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
margin: @space-xs;
|
||||
|
||||
.lang {
|
||||
border: 1px solid @secondary;
|
||||
padding: 0 @space-xs;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: @primary;
|
||||
color: @on-primary;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: @primary;
|
||||
color: @on-primary;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
.news {
|
||||
article {
|
||||
background: @surface;
|
||||
color: @on-surface;
|
||||
padding: @space-sm @space-md;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: @space-lg;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-weight: 700;
|
||||
margin-bottom: @space-xs;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
.promotion-image-wave-top,
|
||||
.promotion-image-wave-bottom {
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.promotion-image {
|
||||
z-index: 0;
|
||||
margin-top: -56px;
|
||||
margin-bottom: -68px;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -1,52 +0,0 @@
|
||||
.services {
|
||||
article {
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: @space-sm;
|
||||
margin-bottom: @space-xs;
|
||||
padding: @space-sm @space-md;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: @surface;
|
||||
color: @on-surface;
|
||||
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 100%;
|
||||
background-color: @secondary;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
|
||||
img {
|
||||
height: 32px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding: 0;
|
||||
|
||||
&:hover {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,42 +0,0 @@
|
||||
.sidebar {
|
||||
.contact-info {
|
||||
color: @primary;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.today {
|
||||
padding: 5px 20px;
|
||||
border-radius: 25px;
|
||||
border: solid 3px #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.lastPageUpdate {
|
||||
text-align: center;
|
||||
|
||||
.lastPageUpdate-date {
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
margin-top: @space-xs;
|
||||
}
|
||||
}
|
||||
|
||||
.visitor-counter {
|
||||
h3 {
|
||||
margin-bottom: @space-xs;
|
||||
}
|
||||
table {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
display: block !important;
|
||||
td {
|
||||
width: 100%;
|
||||
font-family: "Nunito", sans-serif;
|
||||
font-size: @font-size-default;
|
||||
line-height: auto;
|
||||
padding: @space-xs 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
.specials {
|
||||
article {
|
||||
background: @surface;
|
||||
color: @on-surface;
|
||||
padding: @space-md;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: @space-lg;
|
||||
font-weight: 700;
|
||||
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
gap: @space-md;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: @space-xs;
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&.hovered {
|
||||
display: none;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
top: 40%;
|
||||
left: 30%;
|
||||
right: 30%;
|
||||
z-index: 999;
|
||||
box-shadow: inset 0 0 2px 1px white, 0 10px 40px 0 rgba(0, 0, 0, 0.1), 0 10px 40px 0 rgba(0, 0, 0, 0.1);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(238, 254, 255, 1) 0%,
|
||||
rgba(255, 254, 255, 1) 35%,
|
||||
rgba(215, 255, 254, 1) 100%
|
||||
),
|
||||
radial-gradient(88.73% 230.98% at 25.76% 13.14%, #ffffff 0%, rgba(255, 255, 255, 0) 100%),
|
||||
radial-gradient(50% 20.05% at 50% 46.13%, #fffeff 0%, #d7fffe 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row:nth-child(2) > *:nth-child(2) > article:first-child {
|
||||
margin-top: @space-xl;
|
||||
|
||||
@media (max-width: 1050px) {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,50 +0,0 @@
|
||||
.top-section {
|
||||
height: 1003px;
|
||||
margin-bottom: -28rem;
|
||||
|
||||
@media (max-width: 1050px) {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-top: @space-xl;
|
||||
|
||||
strong {
|
||||
color: @secondary;
|
||||
}
|
||||
}
|
||||
|
||||
.top-section-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
height: 64rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.circles {
|
||||
position: absolute;
|
||||
top: -151px;
|
||||
left: -97px;
|
||||
min-width: 986px;
|
||||
|
||||
@media (max-width: 1049px) {
|
||||
top: -151px;
|
||||
left: -97px;
|
||||
}
|
||||
}
|
||||
.circles-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 70px;
|
||||
min-width: 550px;
|
||||
|
||||
@media (max-width: 1240px) {
|
||||
min-width: 652px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -35,22 +35,15 @@
|
||||
|
||||
@import "components/general";
|
||||
@import "components/grid";
|
||||
@import "components/typo";
|
||||
@import "components/layout";
|
||||
@import "components/typo";
|
||||
|
||||
@import "components/section";
|
||||
@import "components/header";
|
||||
@import "components/footer";
|
||||
@import "components/navigation";
|
||||
@import "components/news";
|
||||
@import "components/services";
|
||||
@import "components/specials";
|
||||
@import "components/iframes";
|
||||
@import "components/contact-information";
|
||||
@import "components/promotion-image";
|
||||
@import "components/history";
|
||||
@import "components/top-section";
|
||||
@import "components/forms";
|
||||
@import "components/language-chooser";
|
||||
@import "components/article";
|
||||
|
||||
// Overwrite styles from Webmakers Cookie-Bar
|
||||
|
||||
@import "components/cc-bar";
|
||||
|
||||
Reference in New Issue
Block a user