118 lines
1.9 KiB
CSS
118 lines
1.9 KiB
CSS
/* farbcodes eintragen*/
|
|
|
|
:host > * {
|
|
--white: #ffffff;
|
|
--black: #1b1b1b;
|
|
--red-900: #b71c1c;
|
|
--orange-900: #ff7134;
|
|
--green-800: #558b2f;
|
|
--amber-400: #ffca28;
|
|
--hint-box-bg: #ecfcef;
|
|
--hint-box-border: #caedd0;
|
|
--hint-box-warning-bg: #ffca28;
|
|
--hint-box-warning-border: #ffffff;
|
|
--hint-box-error-bg: rgb(255, 181, 181);
|
|
--hint-box-error-border: #b71c1c;
|
|
--pc-light-blue: #dcf1ff;
|
|
--pc-blue: #3ba4f0;
|
|
--pc-darker-blue: #2c92db;
|
|
--pc-gray: #f2f2f2;
|
|
--pc-mid-gray: #dfdfdf;
|
|
--pc-mid-gray-2: #c4bebe;
|
|
--pc-mid-gray-3: #a09e9e;
|
|
--pc-dark-gray: #5b5b5b;
|
|
}
|
|
|
|
/* general styling */
|
|
|
|
*,
|
|
::before,
|
|
::after {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana,
|
|
sans-serif;
|
|
font-size: 1.2rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.page-wrapper {
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-weight: 900;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4rem;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
/* ## header ## */
|
|
|
|
#intro {
|
|
/* width: 100%; */
|
|
}
|
|
|
|
/* ## navigation ## */
|
|
header {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
height: 80px;
|
|
padding: 0px 40px;
|
|
background-color: #2c92db;
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
header .left-block {
|
|
margin-right: auto;
|
|
height: inherit;
|
|
}
|
|
|
|
.logo {
|
|
max-height: 100%;
|
|
}
|
|
|
|
.nav__links {
|
|
list-style: none;
|
|
display: flex;
|
|
}
|
|
|
|
.nav__links a,
|
|
.contact-btn {
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nav__links li {
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
.contact-btn {
|
|
margin-left: 20px;
|
|
padding: 4px 10px;
|
|
border: none;
|
|
background-color: #dfdfdf;
|
|
border-radius: 50px;
|
|
}
|
|
|
|
/* engagement / tag-line */
|
|
|
|
.engagement img {
|
|
width: 100%;
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
/* ## main content ## */
|