#varia-kontakt.section-breadcrumbs {
position: relative;
display: block;
padding: var(--space-6) var(--space-4);
background-color: var(--color-primary);
}
#varia-kontakt.section-breadcrumbs .container-breadcrumbs {
max-width: var(--container-3xl);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: baseline;
margin: 0 auto;
padding-bottom: var(--space-4);
border: unset;
}
#varia-kontakt .container-breadcrumbs img {
margin-bottom: -5px;
}
#varia-kontakt .container-breadcrumbs a,
#varia-kontakt .container-breadcrumbs p {
color: var(--color-white);
font-size: var(--text-sm);
font-weight: var(--font-normal);
line-height: var(--leading-6);
text-decoration-color: transparent;
transition: all ease-in var(--transition-time);
text-transform: uppercase;
}
#varia-kontakt .container-breadcrumbs a:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
}
@media only screen and (max-width: 768px) {
#varia-kontakt .container-breadcrumbs a,
#varia-kontakt .container-breadcrumbs p {
font-size: var(--text-xs);
}
}
#varia-kontakt .container-breadcrumbs p {
margin: 0;
}
#varia-kontakt .container-breadcrumbs .separator {
margin: 0 var(--space-2);
}
#varia-kontakt .container-breadcrumbs .varia-page-title {
color: var(--color-white);
font-size: var(--text-3xl);
font-weight: var(--font-extra-light);
list-style: var(--leading-5);
padding-top: var(--space-10);
padding-bottom: var(--space-1);
text-transform: uppercase;
letter-spacing: 3px;
}
#varia-kontakt .container-breadcrumbs .varia-page-subtitle {
color: var(--color-secondary);
font-size: var(--text-xxl);
font-weight: var(--font-normal);
letter-spacing: 5px;
}
.varia-blog-breadcrumbs--container {
background-color: #ece9e4;
padding: 15px 20px;
}
.varia-blog-breadcrumbs--container p {
margin-bottom: 0 !important;
}
.varia-blog-breadcrumbs--container a {
color: var(--color-text) !important;
text-decoration: none;
}
.varia-blog-breadcrumbs--container a:hover {
color: var(--color-secondary) !important;
}
.varia-blog-breadcrumbs--container .separator {
margin-inline: 5px;
}
.varia-blog-breadcrumbs--container span {
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
#varia-kontakt .container-breadcrumbs .varia-page-title {
padding-top: unset !important;
}
}
@media screen and (max-width: 500px) {
#varia-kontakt .container-breadcrumbs .varia-page-title {
font-size: 26px !important;
}
#varia-kontakt .container-breadcrumbs .varia-page-subtitle {
font-size: 16px;
}
#varia-kontakt.section-breadcrumbs {
padding: 10px;
}
#varia-kontakt.section-breadcrumbs .container-breadcrumbs {
padding-bottom: unset;
}
#varia-kontakt.section-breadcrumbs .container-breadcrumbs {
padding-bottom: unset !important;
gap: 0;
}
}