@charset "utf-8";
/* CSS Document */

/*-------------------------*/
/* Icon Link Typo3         */
/*-------------------------*/

/* Linktexte */
a.icon-link
{	font-weight: 500;
    font-family: 'Readex Pro', sans-serif;
	font-size: 1.0rem;
	line-height: 1.0;
    /*padding-top: 1.0rem;*/

}
a.icon-link:hover
{    text-decoration: none;
}
a.icon-link .icon-link-text:hover {
  text-decoration: underline;
}


h1 a.icon-link, h2 a.icon-link,
.h1-mb a.icon-link, .h2-mb a.icon-link
{	padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    font-size: 1.0rem;
}
@media (min-width: 1200px) {
    h1 a.icon-link, h2 a.icon-link,
.h1-mb a.icon-link, .h2-mb a.icon-link
{	font-size: 1.4rem;
	}
}
@media (min-width: 1400px) {
    h1 a.icon-link, h2 a.icon-link,
.h1-mb a.icon-link, .h2-mb a.icon-link
{	font-size: 1.4rem;
	}
}

h3 a.icon-link, h4 a.icon-link,
.h3-mb a.icon-link, .h4-mb a.icon-link
{ 	padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    font-size: 1.0rem;
}
@media (min-width: 1200px) {
h3 a.icon-link, h4 a.icon-link,
.h3-mb a.icon-link, .h4-mb a.icon-link
{	font-size: 1.25rem;
	}
}
@media (min-width: 1400px) {
h3 a.icon-link, h4 a.icon-link,
.h3-mb a.icon-link, .h4-mb a.icon-link
{	font-size: 1.25rem;
	}
}

h5 a.icon-link,
.h5-mb a.icon-link
{	padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    font-size: 1.0rem;
}
@media (min-width: 1200px) {
h5 a.icon-link,
.h5-mb a.icon-link
{	font-size: 1.0rem;
	}
}
@media (min-width: 1400px) {
h5 a.icon-link,
.h5-mb a.icon-link
{	font-size: 1.0rem;
	}
}

h6 a.icon-link,
.h6-mb span.icon-link
{	padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    font-size: 1.0rem;
}
@media (min-width: 1200px) {
h6 a.icon-link,
.h6-mb span.icon-link
{	font-size: 1.0rem;
	}
}
@media (min-width: 1400px) {
h6 a.icon-link,
.h6-mb span.icon-link
{	font-size: 1.0rem;
	}
}



/* Gemeinsame Stildefinition für alle Links mit Icon */
.icon-link-icon::after {
    font-family: 'bootstrap-icons';
    display: inline-block; /* Verhindert Unterstreichung des Icons */
    margin-left: 0.5rem; /* Abstand zwischen Text und Icon */
    transition: transform 0.3s ease; /* Übergangseffekt für Hover */
    text-decoration: none;
}

/* Spezifisches Icon für .icon-link */
.icon-link-site::after {
    content: '\F134'; /* Unicode für 'arrow-right-circle' Icon */
}
/* Hover-Effekt für .icon-link */
.icon-link-site:hover::after {
    transform: translateX(5px); /* Verschiebt das Icon um 5px nach rechts beim Hover */
}

/* Spezifisches Icon für .icon-link */
.icon-link-pdf::after {
    content: '\F29B'; /* Unicode für 'arrow-right-circle' Icon */
}
/* Hover-Effekt für .icon-link */
.icon-link-pdf:hover::after {
    transform: translateX(5px); /* Verschiebt das Icon um 5px nach rechts beim Hover */
}