/* KNIFFE
Hintergründe: Man kann kommagetrennt mehrere Hintergründe hinterlegen. Der erste ist ganz oben. Funktioniert auch mit Gradients
*/

/* TAGS */
a {
    color: #873F22;
    font-family: "dibold";
}
*:disabled {
    color: #000000 !important;
}
body {
    color: #873F22;
    font-family: 'dita';
    font-size: 25px;

}
h1, h2, h6 {
    font-family: 'dog';
    margin-bottom: 30px;
    font-size: 75px;
    text-transform: uppercase;
    color: #873F22;
}
h3 {
    font-size: 50px;
    font-family: "dibold";
    color: #873F22;
    text-transform: uppercase;
    letter-spacing: 0px;
}
h4 {
    font-size: 32px;
    font-family: "medium";
}
h5 {
    font-family: "dibold";
    font-size: 40px;
}
footer {
    background-color: #FAF6EB;
    color: #873F22;
    line-height: 65px;
}

 #kontakt hr {
    color: #EA721E !important;
    opacity: 1;
    border: 1px solid;
}
footer span {
    margin: 0 20px;
    font-family: "dibold";
}
header {
    font-size: 40px;
    font-weight: bold;
}
header .container {
    max-width: 100vw !important;
}
header span {
    color: #873F22;
}
header .container {
    padding: 0 50px 0 20px;
}
header img {
    max-width: 174px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="checkbox"]:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 2px solid #6A2819; /* oder eine andere Farbe */
    outline-offset: 2px;
  }
/* IDs */
#faq {
    background-color: #FAF6EB;
    color: #873F22;
}
#faq h2 {
    color: #EA620A;
    letter-spacing: 4px;
}

#praemien {
    background-image: url("../images/kaba_vkf2026_fond_3947px.jpg");
    background-size: contain;
    color: #873F22;
}
#praemien h2, #sammelheft h2, #produkte h2 {
    margin-bottom: 0px;
}
#praemien img, #produkte img {
    max-width: 620px;
}
#produkte {
    background-color: #FAF6EB;
}
#produkte .help1 {
    margin-top: -200px;
}
#produkte .help2 {
    margin-top: -100px;
}
#sammelheft {
    background-color: #FAF6EB;
}
#sammelheft img {
    max-width: 620px;
}
#intro {
    background-color: #FFC45A;
    color: #EA620A;
    font-family: "myriadco";
    font-size: 41px;
    text-transform: uppercase;
    margin-bottom: -40px;

}
#intro p{
    margin-bottom: 0;
}
#intro .container {
    max-width: 100vw !important;
}
#kontakt {
    color: #873F22;
    background-color: #FAF6EB;
}

#popBON .modal-content {
    background-color: transparent;
    border: none;
}


#popCOO .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background: #EA610A;
    background: linear-gradient(180deg, rgba(234, 97, 10, 1) 0%, rgba(243, 151, 3, 0.81) 100%);
    border: none;
    color: white;
    display: inline-block;
    font-size: 25px;
    font-family: "dibold";
    padding: 10px 35px;
    text-transform: uppercase;
    min-width: 348px;
}
#nope .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, #danke .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background: #EA610A;
    background: linear-gradient(180deg, rgba(234, 97, 10, 1) 0%, rgba(243, 151, 3, 0.81) 100%);
    border: none;
    color: white;
    display: inline-block;
    font-size: 25px;
    font-family: "dibold";
    padding: 10px 35px;
    text-transform: uppercase;
    min-width: 348px;
} 
#popCOO .modal-content {
    background-color: #FCC600;
    color: #6A2819;
    font-family: 'dita';
    font-size: 16px;
    border: 1px solid ;
    border-radius: 20px;
}
#popCOO h2 {
    color: #873F22;
    font-family: "dibold";
    font-size: 50px;
    letter-spacing: 0px;
}
#popNAV .modal-content  {
    background-color: #FCC600;
    color: #873F22;
    font-family: 'dibold';
    font-size: 22px;
}
#popNAV .men {
    font-family: "dibold";
    font-size: 22px;
    color: #EA620A;
}
#popNAV a, #popNAV span {
    display: block;
}
#sogehts {
    background-image: url("../images/kaba_vkf2026_fond_3947px.jpg");
    background-size: contain;
    background-color: #FCC600;

    margin-top: -360px;
}
#sogehts .container {
    padding-top: 340px !important;
}

#sogehts img {
    margin-bottom: 15px;
    max-width: 620px;
}
#teilnahme {
    background-color: #FAF6EB;
    color: #873F22;
    font-size: 22px;
}

#teilnahme span {
    color: #EA620A;
}
#teilnahmebon img {
    float: left;
    margin-top: 25px;
    margin-right: 20px;
}
#teilnahmecash img {
    float: left;
    margin-top: 25px;
    margin-right: 20px;
}



/* CLASSES */
.accordion-body {
    color: #873F22;
}
.accordion-button:focus {
    border: none;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #873F22 !important;
}
.accordion-button {
    background-color: #FAEECD !important;
    color: #873F22;
    font-family: "myriadco" !important;
    font-size: 25px;
}
.accordion-item {
    background-color: #FAF6EB;
    border: solid 1px;
    border-color: #FAEECD;
}
.bg-primary {
    background: #FAF6EB !important;
}
.btn-primary,.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background: #EA610A;
    background: linear-gradient(180deg, rgba(234, 97, 10, 1) 0%, rgba(243, 151, 3, 0.81) 100%);
    border: none;
    color: white;
    display: inline-block;
    font-size: 25px;
    font-family: "dibold";
    padding: 10px 35px;
    text-transform: uppercase;
    min-width: 348px;

}
.btn-secondary,.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
    background: #EA610A;
    background: linear-gradient(180deg, rgba(234, 97, 10, 1) 0%, rgba(243, 151, 3, 0.81) 100%); 
    border: none;
    color: white;
    display: inline-block;
    font-size: 25px;
    font-family: "dibold";
    padding: 10px  35px;
    text-transform: uppercase;
    min-width: 348px;

}
.container {
    padding: 0;
    max-width: 1920px;
}
.closehelp img {max-width: 25px;}
.form-control, .form-select {
    color: #873F22;
}
.form-control::placeholder {
    color: #873F22;
}
.form-control, .form-select {
    background-color: #fff;
    border-top: 1px solid #FAF6EB !important;
    border-right: 1px solid #FAF6EB !important;
    border-bottom: 1px solid #FAF6EB !important;
    border-left: 1px solid #FAF6EB !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.form-check-input {
    border-top: 1px solid #FAF6EB !important;
    border-right: 1px solid #FAF6EB !important;
    border-bottom: 1px solid #FAF6EB !important;
    border-left: 1px solid #FAF6EB !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    height: 20px;
    margin-left: -1px;
    width: 20px;
}
.form-check-input:checked {
    background: #873F22;
    border-top: 1px solid #646464;
    border-right: 1px solid #646464;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-radius: 0px !important;
    height: 20px;
    width: 20px;
}
.form-check-label {
    float: left;
    text-align: left !important;
}
.footlogo {
    max-width: 302px;
    max-height: 66px;

}
.footsocial {
    max-width: 37px;
} 
.help1 {
    margin-top: -500px;
} 
.help2 {
    margin-top: -250px;
}  
.help3 {
    margin-top: -100px;
}  
.info-circle {
    max-width: 40px;
}
.medium25 {
    font-size: 25px;
    font-family: "medium";
}
.medium31 {
    font-size: 31px;
    font-family: "medium";
    margin-left: -20px;
    margin-bottom: -5px;
    line-height: 40px;
}
.open15 {
    font-family: "open";
    font-size: 15px;
}
.my17 {
    font-family: "dita";
    font-size: 17px;
}
.my30 {
    font-family: "dibold";
    font-size: 50px;
    text-transform: uppercase;
    color: #873F22;
    line-height: 55px;
}
.di18 {
    font-family: "dita";
    font-size: 18px;
}
.di36 {
    font-family: "dibold";
    font-size: 36px;
    text-transform: uppercase;
    line-height: 36px;
}
.winleft {
    background-image: url("../images/kaba-fond-beige.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 0px;
}
.winright, .dankright {
    background-color: #FAF6EB;

}
.winright img {
    margin-top: -115px;
}
.dankright img {
    max-width: 500px;
}
.rowhelp {
    padding-top: 150px;
}
.palme1 {
    max-width: 500px !important;
    position: absolute;
    z-index: 1000;
    left: 0px;
    margin-top: -757px;
}
.palme2 {
    max-width: 500px !important;
    position: absolute;
    right: 0px;
    margin-top: -880px;
    margin-right: -50px;
}
.palme3 {
    max-width: 452px !important;
    margin-top: -175px;
    position: absolute;
    right: 0px;
    margin-right: -20px;
}
.palme4 {
    max-width: 452px !important;
    margin-top: -1081px;
    position: absolute;
    right: 0px;
}

.dibold30 {
    font-family: "dibold";
    font-size: 30px;
}
.linie1 img{max-width: 222px !important;} 
.linie2 img{max-width: 310px !important;}
.heftbild {margin-top: -400px;}
.klein {
    text-transform: lowercase;
}