/* -------------------- WICHTIG: Die Formatierung gilt auch für die Top-info -------------------- */

.bottom-info {
    display: block;
    background-color: var(--bg-bottom-info);
}

/* -------------------- Topinfo Main Anfang -------------------- */
.wrappertinfo a {
  color: var(--links-top-info);
}

.wrappertinfo a:hover {
  color: var(--links-top-info-hover);
  text-decoration: underline;
}
.wrappertinfo address {
	display: flex;
	align-items: center;
}
/* -------------------- Topinfo Mobil Anfang -------------------- */
.wrappertinfo {
display: inline-flex;
margin: 0.5em 0em 0.5em 0em;
}

.wrapinner {
display: inline-flex;
font-size: 0.8em;
text-align: start;
}

.wrapinner h4 {
    font-size: 0.8rem;
}

.wrapout {
display: inline-flex;
flex-direction: column;
justify-content: center;
margin-left: 0em;
}

.tinfoicon {
display: inline-flex;
align-items: center;
}

.icon {
font-size: 1.2em;
/*background-color: var(--color-akzent);*/
padding: 0.1em;
/*border: 2px solid #fff;*/
/*border-radius: 2em;*/
width: 1em;
color: var(--color-icon-info);
}

.wrapinner h4 {
    color: #333;
    color: var(--color-wrapinner-header);
    text-transform: uppercase;
    font-weight: 700;
}


@media (min-width: 1200px) {
    .wrapinner {
        font-size: 1.2rem;
    }
    .wrapinner h4 {
        font-size: 1.2rem;
    }
    .wrapinner a {
        font-size: 1.2rem;
    }
    .wrapinner p {
        font-size: 1.2rem;
    }
    .icon {
font-size: 2.5em;

}
}
/* -------------------- Topinfo Mobil ENDE -------------------- */

.tinfo {
	display: flex;
	place-content: center space-around;
	align-items: flex-start;
	flex-direction: column;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.tinfo {
		display: flex;
		flex-direction: row;
		place-content: center space-evenly;
		align-items: center;
		font-size: smaller;
	}
}
@media (min-width: 1200px) {
	.tinfo {
		display: flex;
		flex-direction: row;
		place-content: center space-evenly;
		align-items: center;
	}
}

@media (min-width: 1200px) {
    .bottom-info {
        display: none;
    }
}