@font-face {
font-family: 'ConduitBold';
src: url(https://triberg-media.de/wp-content/themes/triberg-media-compact/assets/fonts/Conduit_ITC_Bold.ttf) format('truetype');
}
@font-face {
font-family: 'ConduitLight';
src: url(https://triberg-media.de/wp-content/themes/triberg-media-compact/assets/fonts/Conduit_ITC_Light.ttf) format('truetype');
}
@font-face {
font-family: 'GalanoBlack';
src: url(https://triberg-media.de/wp-content/themes/triberg-media-compact/assets/fonts/GalanoGrotesqueAltBlack.otf) format('opentype');
}
body {
margin: 0;
font-family: 'ConduitLight', sans-serif;
}
h1, h2 {
font-family: 'GalanoBlack', sans-serif;
}
a {
color: #fff;
text-decoration: none;
}
@media (max-width: 768px) {
h1 {
font-size: 1.5em;
}
section img {
max-width: 90% !important;
}
} .fly-in {
animation: flyIn 1.2s ease-out forwards;
opacity: 0;
transform: translateY(-40px);
}
@keyframes flyIn {
to {
opacity: 1;
transform: translateY(0);
}
}
.angled-tag {
position: absolute;
top: 20px;
right: 90px;
transform: rotate(15deg);
font-family: 'GalanoBold', sans-serif;
font-size: 1.4em;
font-weight: bold;
background: #fff;
color: #000;
padding: 10px 18px;
line-height: 1.2;
box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
@media (max-width: 768px) {
.angled-tag {
right: 20px;
top: 10px;
font-size: 1em;
padding: 6px 10px;
}
}
@font-face {
font-family: 'ConduitLight';
src: url(https://triberg-media.de/wp-content/themes/triberg-media-compact/assets/fonts/Conduit_ITC_Light.ttf) format('truetype');
}
@font-face {
font-family: 'GalanoBlack';
src: url(https://triberg-media.de/wp-content/themes/triberg-media-compact/assets/fonts/GalanoGrotesqueAltBlack.otf) format('opentype');
}
body {
margin: 0;
font-family: 'ConduitLight', sans-serif;
}
h1, h2 {
font-family: 'GalanoBlack', sans-serif;
}
a {
color: #fff;
text-decoration: none;
}
@media (max-width: 768px) {
h1 {
font-size: 1.5em;
}
section img {
max-width: 90% !important;
}
} .fly-in {
animation: flyIn 1.2s ease-out forwards;
opacity: 0;
transform: translateY(-40px);
}
@keyframes flyIn {
to {
opacity: 1;
transform: translateY(0);
}
}
.angled-tag {
position: absolute;
top: 20px;
right: 90px;
transform: rotate(15deg);
font-family: 'GalanoBold', sans-serif;
font-size: 1.2em;
font-weight: bold;
background: #fff;
color: #000;
padding: 8px 14px;
line-height: 1.2;
box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
@font-face {
font-family: 'ConduitLight';
src: url(https://triberg-media.de/wp-content/themes/triberg-media-compact/assets/fonts/Conduit_ITC_Light.ttf) format('truetype');
}
@font-face {
font-family: 'GalanoBlack';
src: url(https://triberg-media.de/wp-content/themes/triberg-media-compact/assets/fonts/GalanoGrotesqueAltBlack.otf) format('opentype');
}
body {
margin: 0;
font-family: 'ConduitLight', sans-serif;
}
h1, h2 {
font-family: 'GalanoBlack', sans-serif;
}
a {
color: #fff;
text-decoration: none;
}
@media (max-width: 768px) {
h1 {
font-size: 1.5em;
}
section img {
max-width: 90% !important;
}
} .fly-in {
animation: flyIn 1.2s ease-out forwards;
opacity: 0;
transform: translateY(-40px);
}
@keyframes flyIn {
to {
opacity: 1;
transform: translateY(0);
}
}
.angled-tag {
position: absolute;
top: 20px;
right: -20px;
transform: rotate(15deg);
font-family: 'GalanoBlack', sans-serif;
font-size: 1.2em;
font-weight: bold;
background: #fff;
color: #000;
padding: 8px 14px;
line-height: 1.2;
box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.angled-tag-topright {
position: absolute;
top: 20px;
right: 30px;
font-family: 'GalanoBold', sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #fff;
transform: rotate(7deg);
}
@media (max-width: 768px) {
.angled-tag-topright {
right: 10px;
font-size: 1em;
top: 10px;
}
}