/* Hero */

.anbieterHero{
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.anbieterHero a{
    color: var(--block-hero-link-color);
}

.anbieterHero a:hover{
    color: var(--block-hero-link-hover);
}

body.animateLinks .anbieterHero .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):not(.noGlobalStyling):after{
    background-color: var(--block-hero-link-hover);
}

.anbieterHero .info-abteilung{
    margin-top: 1rem;
}

.anbieterHero .positionWrap{
    font-size: 100%;
}

.anbieterHeroContactButtonsWrap a,
.anbieterHeroContactButtonsWrap a:hover{
    color: var(--teamHeroButtoncolor);
}

.anbieterHeroContactButtonsWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.anbieterHeroContactButtonsWrap a{
    padding: 1rem 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    white-space: nowrap;
    font-size: 1.6rem;
}

.anbieterHeroContactButtonsWrap a svg{
    width: auto;
    height: 1.7rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 1rem;
}

.anbieterHeroTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 2rem;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    margin-bottom: 3rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.anbieterHeroTextWrap h1 {
    margin-bottom: .5rem;
	font-size: 4rem;
}

.socialWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 1rem;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
}

.socialWrap img{
    width: 5rem;
}

.statusInnerWrap  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 1rem;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2rem;
}

.statusInnerWrap svg {
    width: 3rem;
    height: auto;
}

.heroHeadlineWrap{
    font-size: 110%;
    margin-top: 3rem;
    margin-bottom: .5rem;
}

.abschlussWrap,
.berufserfahrungWrap {
    font-size: 100%;
}

.abschlussWrap{
    margin-top: 1rem;
}

/* Lange Beschreibung */

.anbieterLangeBeschreibung {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.anbieterLangeBeschreibung a{
    color: var(--block-lange-beschreibung-link-color);
}

.anbieterLangeBeschreibung a:hover{
    color: var(--block-lange-beschreibung-link-hover);
}

body.animateLinks .anbieterLangeBeschreibung .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):not(.noGlobalStyling):after{
    background-color: var(--block-lange-beschreibung-link-hover);
}

/* Zertifikate */

.anbieterZertifikate {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.anbieterZertifikate a{
    color: var(--block-zertifikate-link-color);
}

.anbieterZertifikate a:hover{
    color: var(--block-zertifikate-link-hover);
}

body.animateLinks .anbieterZertifikate .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):not(.noGlobalStyling):after{
    background-color: var(--block-zertifikate-link-hover);
}

.zertifikatWrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: 2rem;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
    margin-top: 2rem;
}

.zertifikatImgWrap img{
    width: 25rem;
}

.zertifikatInfoWrap a{
    font-size: 100%;
}

.anbieterZertifikate .flexRow{
    row-gap: 4rem;
}

.anbieterZertifikate a .referenzenWrap{
    color: var(--linkColor);
}

.anbieterZertifikate a{
    display: block;
    height: 100%;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.anbieterZertifikate a:hover{
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

.anbieterZertifikate a .textWrap{
    height: 100%;
}

/* Referenzen */

.anbieterReferenzen {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.anbieterReferenzen .flexRow{
    row-gap: 4rem;
}

.anbieterReferenzen .imgWrap{
    margin-bottom: 2rem;
}

.anbieterReferenzen a{
    color: var(--block-referenzen-link-color);
}

.anbieterReferenzen a:hover{
    color: var(--block-referenzen-link-hover);
}

body.animateLinks .anbieterReferenzen .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):not(.noGlobalStyling):after{
    background-color: var(--block-referenzen-link-hover);
}

.anbieterReferenzen .referenzenWrap{
    margin-top: 1.5rem;
}

.anbieterReferenzen a .referenzenWrap{
    color: var(--linkColor);
}

.anbieterReferenzen a{
    display: block;
    height: 100%;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.anbieterReferenzen a:hover{
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

.anbieterReferenzen a .textWrap{
    height: 100%;
}


/* Mitgliedschaften */

.anbieterMitgliedschaften {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.anbieterMitgliedschaften a{
    color: var(--block-mitgliedschaften-link-color);
}

.anbieterMitgliedschaften a:hover{
    color: var(--block-mitgliedschaften-link-hover);
}

body.animateLinks .anbieterMitgliedschaften .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):not(.noGlobalStyling):after{
    background-color: var(--block-mitgliedschaften-link-hover);
}

.mitgliedschaftenWrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: 2rem;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
    margin-top: 2rem;
}

.mitgliedschaftenImgWrap img{
    width: 25rem;
}

.mitgliedschaftenInfoWrap{
    font-size: 100%;
}

.anbieterMitgliedschaften .flexRow{
    row-gap: 4rem;
}

.anbieterMitgliedschaften a .referenzenWrap{
    color: var(--linkColor);
}

.anbieterMitgliedschaften a{
    display: block;
    height: 100%;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.anbieterMitgliedschaften a:hover{
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

.anbieterMitgliedschaften a .textWrap{
    height: 100%;
}


/* Einschätzung */

.anbieterEinschatzung {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.anbieterEinschatzung h4{
    margin-bottom: 1rem;
}

.anbieterEinschatzung a{
    color: var(--block-einschatzung-link-color);
}

.anbieterEinschatzung a:hover{
    color: var(--block-einschatzung-link-hover);
}

body.animateLinks .anbieterEinschatzung .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):not(.noGlobalStyling):after{
    background-color: var(--block-einschatzung-link-hover);
}

/* Kontakt */

.anbieterKontakt {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.anbieterKontakt .flexRow {
    row-gap: 3rem;
}

.anbieterKontakt a{
    color: var(--block-kontakt-link-color);
}

.anbieterKontakt a:hover{
    color: var(--block-kontakt-link-hover);
}

body.animateLinks .anbieterKontakt .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):not(.noGlobalStyling):after{
    background-color: var(--block-kontakt-link-hover);
}