/* Eigene Anpassungen für TAK Seite*/
/* Einbindung: */
/*<link href="/267%20-%20Sektion%20Turner-Alpenkr%C3%A4nzchen/style/custom-style.css" rel="stylesheet" />*/
/*<link href="/267 - Sektion Turner-Alpenkränzchen/style/custom-style.css" rel="stylesheet" />*/



/* Element verstecken, z.B Textblock zum einbinden des CSS*/
main.content-loaded:not(.editmode) .hidden{
    display:none !important;
}
main.content-loaded:not(.editmode) div.cssblock{
    display:none !important;
}


/* Kachelbilder auf der Frontseite: gleiche Höhe */
.col-md-12.mb-3 picture.img-fluid.w-100 img{
    height: 370px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/*Grauschleier vom Hero Teaser entfernen*/
.hero-teaser-slider .hero-teaser:after {
    /*background-image: linear-gradient(180deg,transparent 10%,#000);
    bottom: 0;
    content: "";
    height: 70%;
    left: 0;
    position: absolute;
    width: 100%;*/
    background-image: none !important;
}

/*Hero Teaser Textschatten damit Schrift besser lesbar ist*/
.hero-teaser-slider .hero-teaser-overlay {
    text-shadow: 1px 1px 10px rgba(0,0,0,0.9) !important;
}


/* TAK Farbschema */
/* Strukturleiste von grün nach grau*/
:root {
    --v-primary-base: #e53521 !important;
    --v-anchor-base:  #e53521 !important;
    --primary:  #e53521 !important;
    --bg-primary-light: #e9e9e9 !important; 
}

/* Links im Text in Rot */
a:link, p:link, a:visited {
    color: var(--primary) !important;
}

/*Text auf Buttons weiß*/
a.btn, a.btn:link, a.btn:visited {
    color: #fff !important;
}

.hero-teaser img{
    object-fit: cover !important;
}

/* Footeranpassung - ohne Footermenue */
.footer-section {
    text-align: center !important; 
    border-left: none !important;
}
.footer-header[data-v-160133ab] {
    text-align: center !important;
}
/* Text im Footer Weiß*/
.footer-socket a:link,.footer-socket a:visited,.footer-socket a{
    color: #fff !important;
}

/* Background der Eingabefelder z.b Mailingliste*/
label input {
    background: #dbdbdb !important;
}