/* Hier können Sie bei Bedarf Ihre eigenen CSS-Definitionen einfügen. *//* styles.css */

:root {
	--redwine: #A6375F;
	--blueprimer: #4D5D73;
	--yellowsand: #F2E1AC;
	--orangemold: #D97D5B;
}

/* Technotyp */

@font-face{
    font-family: "Technotyp W02 Regular";
    src: url("d9f83ab4b1672e12258f9de536bf4466.eot");
    src: url("d9f83ab4b1672e12258f9de536bf4466.eot?#iefix")format("embedded-opentype"),
        url("d9f83ab4b1672e12258f9de536bf4466.woff")format("woff"),
        url("d9f83ab4b1672e12258f9de536bf4466.woff2")format("woff2"),
        url("d9f83ab4b1672e12258f9de536bf4466.ttf")format("truetype"),
        url("d9f83ab4b1672e12258f9de536bf4466.svg#Technotyp W02 Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Technotyp W02 Regular Italic";
    src: url("c65fd0ee526fbbc8f81df98113988326.eot");
    src: url("c65fd0ee526fbbc8f81df98113988326.eot?#iefix")format("embedded-opentype"),
        url("c65fd0ee526fbbc8f81df98113988326.woff")format("woff"),
        url("c65fd0ee526fbbc8f81df98113988326.woff2")format("woff2"),
        url("c65fd0ee526fbbc8f81df98113988326.ttf")format("truetype"),
        url("c65fd0ee526fbbc8f81df98113988326.svg#Technotyp W02 Regular Italic")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Technotyp W02 Bold";
    src: url("f020a093a2320290a64966fbb40c9004.eot");
    src: url("f020a093a2320290a64966fbb40c9004.eot?#iefix")format("embedded-opentype"),
        url("f020a093a2320290a64966fbb40c9004.woff")format("woff"),
        url("f020a093a2320290a64966fbb40c9004.woff2")format("woff2"),
        url("f020a093a2320290a64966fbb40c9004.ttf")format("truetype"),
        url("f020a093a2320290a64966fbb40c9004.svg#Technotyp W02 Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Technotyp W02 Bold Italic";
    src: url("e15a5dec3759668d5ad1a399399925e7.eot");
    src: url("e15a5dec3759668d5ad1a399399925e7.eot?#iefix")format("embedded-opentype"),
        url("e15a5dec3759668d5ad1a399399925e7.woff")format("woff"),
        url("e15a5dec3759668d5ad1a399399925e7.woff2")format("woff2"),
        url("e15a5dec3759668d5ad1a399399925e7.ttf")format("truetype"),
        url("e15a5dec3759668d5ad1a399399925e7.svg#Technotyp W02 Bold Italic")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "Technotyp W02 Extra Bold";
    src: url("55ed3a56a738a2db71940dbe8cb742de.eot");
    src: url("55ed3a56a738a2db71940dbe8cb742de.eot?#iefix")format("embedded-opentype"),
        url("55ed3a56a738a2db71940dbe8cb742de.woff")format("woff"),
        url("55ed3a56a738a2db71940dbe8cb742de.woff2")format("woff2"),
        url("55ed3a56a738a2db71940dbe8cb742de.ttf")format("truetype"),
        url("55ed3a56a738a2db71940dbe8cb742de.svg#Technotyp W02 Extra Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/* Einbindung der Roboto-Schriftarten */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}


@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


/* Anwendung der Schriftarten auf Fließtext */
body, * {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

p, .copytext {
    font-family: 'Roboto', sans-serif;
    font-weight: 400; /* Standardgewicht für normalen Text */
}

p.bold, .copytext.bold, strong, b {
    font-weight: 700; /* Fettgedruckter Text */
}

p.italic, .copytext.italic, em, i {
    font-style: italic; /* Kursiver Text */
}

p.bold-italic, .copytext.bold-italic {
    font-weight: 700;
    font-style: italic; /* Fettgedruckter und kursiver Text */
}

h1 {
    font-family: 'Technotyp W02 Extra Bold', serif;
}

h2, h3, h4 {
    font-family: 'Technotyp W02 Bold', serif;
}

/* styles.css */

/* Sticky Navbar */
.sticky-navbar {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: var(--blueprimer);
    z-index: 1000;
    opacity: 0.9; /* Dimmen der Deckkraft */
}

/* Hauptmenü horizontal ausrichten */
.sticky-navbar .navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0;
}

.sticky-navbar .navbar-nav .nav-item {
    margin-right: 15px; /* Abstand zwischen den Menüelementen */
}

.sticky-navbar .navbar-nav .nav-item a {
    color: var(--white);
}

.sticky-navbar .navbar-nav .nav-item:last-child {
    margin-right: 0; /* Kein Abstand nach dem letzten Element */
}

.sticky-navbar .navbar-nav .nav-link {
    padding: 10px 15px; /* Innenabstand der Links */
    text-align: center;
}

/* Optional: Stil für das Dropdown-Menü */
.sticky-navbar .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    flex-direction: column;
}

.sticky-navbar .dropdown:hover .dropdown-menu {
    display: flex;
}

/* Text Styles */

.text-primary, a, .text-primary:hover, a:hover, a.text-primary:hover {
    color: var(--yellowsand) !important;
}

.text-secondary {
    color: var(--orangemold) !important;
}

.card {
  background-color: transparent;
  border: none}

.card-header {
  background-color: transparent;
  padding: 0;
}

.card-body, .card-body p {
  color: var(--gray-dark);
  background-color: rgba(204, 204, 204, 1.0);
  border-radius: 5px;
}

h2 .btn {
  font-size: 1.25rem;
}

#accordion .btn-link, #accordion .btn-link:hover {
  color: rgba(204, 204, 204, 1.0);
}