﻿
@font-face {
    font-family: 'STIHLContrafaceDisplayMedium';
    src: url('webFonts/STIHLContrafaceDisplayMedium.woff2') format('woff2'), url('webFonts/STIHLContrafaceDisplayMedium.woff') format('woff');
}
@font-face {
    font-family: 'STIHLContrafaceDisplayTitling';
    src: url('webFonts/STIHLContrafaceDisplayTitling.woff2') format('woff2'), url('webFonts/STIHLContrafaceDisplayTitling.woff') format('woff');
}
@font-face {
    font-family: 'STIHLContrafaceText';
    src: url('webFonts/STIHLContrafaceText.woff2') format('woff2'), url('webFonts/STIHLContrafaceText.woff') format('woff');
}
@font-face {
    font-family: 'STIHLContrafaceText-Bold';
    src: url('webFonts/STIHLContrafaceText-Bold.woff2') format('woff2'), url('webFonts/STIHLContrafaceText-Bold.woff') format('woff');
}
@font-face {
    font-family: 'STIHLContrafaceText-Bold';
    src: url('webFonts/STIHLContrafaceText-Bold.woff2') format('woff2'), url('webFonts/STIHLContrafaceText-Bold.woff') format('woff');
}

@font-face {
    font-family: 'STIHLContrafaceText-Italic';
    src: url('webFonts/STIHLContrafaceText-Italic.woff2') format('woff2'), url('webFonts/STIHLContrafaceText-Italic.woff') format('woff');
}

html {
    scroll-behavior: smooth;
    height: 100%;
}

hr {
    border-top: 1px solid rgba(239, 114, 2, 0.3);
}

.greyout {
    opacity: .3;
    pointer-events: none;
}

.aktionskachel:hover h5 {
    color: black;
}

.fas {
    color: #f37a1f;
}

.nav-item {
    border-left: 1px solid #B1B1B1;
    height: 70px;
}

b {
    font-family: 'STIHLContrafaceText-Bold';
}
.nav-item:last-of-type {
    border-left: none;
}
    .nav-item:hover {
       background-color: #EDEDED;
    }

.nav-link {
    text-decoration: none !important;
    color: black !important;
    font-family: 'STIHLContrafaceDisplayTitling';
    font-size: 16px;
    margin-top:15px;
    height:70px;
    box-shadow:none !important;
}


.navbar {
    border-bottom: solid black 1px;
}


select, option {
    -webkit-appearance: none; /* Remove style Chrome */
    -moz-appearance: none; /* Remove style FireFox */
    appearance: none; /* Remove style FireFox*/
    font-family: 'STIHLContrafaceDisplayMedium'!important;
    color: #fff;
}


html {
    scroll-behavior: smooth;
}

.k-input {
    font-family: 'STIHLContrafaceDisplayMedium';
    font-size: 16px !important;
}

.k-upload-button {
    font-size: 16px !important;
}



body {
    height: 100%;
    overflow-x: hidden;
    font-family: 'STIHLContrafaceText';
    font-weight: 400;
    color: #000;
    margin-top: 0px;
    background-size: cover;
    font-size:120%;
}


.body-content {

    min-height: 80vh;
    font-family: 'STIHLContrafaceText';
}


.navbar-nav
{
    height:100%;
}

h1::after {
    width: 23px;
    height: 5px;
    margin-top: 10px;
    background: #000;
}

h1::after {
    display: block;
    content: '';
    background-color: #000;
}

#startseite >* h2::after {
    display: block;
    content: '';
    width: 20px;
    height: 4px;
    margin-top: 5px;
    background: #000;
}

.navbar {
    padding: 0px 25px;
    height: 70px !important;
}

h1, h2, h3 {
    color: #000;
    font-family: 'STIHLContrafaceDisplayTitling';
}



.k-input {
    width: 100% !important;
    height: 60px;
    border:none;
    box-shadow:none;
}

.k-formatted-value {
    width: 100% !important;
    height: 60px;
    border-radius: 0px !important;
    background-color: #f4f3f2 !important;
    box-shadow: none;
}

.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-multiselect-wrap, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border:none;
    box-shadow:none;
}

.k-autocomplete .k-input, .k-combobox .k-state-default .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-progress-status-wrap, .k-slider-selection, .k-slider-track {
    border: none;
    box-shadow: none;
}



.k-numerictextbox {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 0px !important;
}


.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .5em !important;
    background-color: transparent;
}

.control-label {
    margin: 0;
    margin-top: 0px;
    padding-top: 10px;
    font-family: 'STIHLContrafaceDisplayMedium';
}

.form-control {
    font-family: 'STIHLContrafaceText';
    width: 100% !important;
    border-radius: 0px !important;
    background-color: #EDEDED !important;
    height: 60px;
    border: none;
    border-color: #F37A1F;
    font-size: 18px;
    margin-top: 0px;
    border-bottom: 5px solid transparent;
}

.k-dropdown-wrap {
    font-family: 'STIHLContrafaceText';
    border-radius: 0px !important;
    background-color: #f4f3f2 !important;
    border: none;
    border-color: #F37A1F;
    margin-top: 0px;
}
.k-dropdown-wrap.k-state-default span.k-input
{
    padding-top:15px;
}


.form-control:focus, .form-control:hover {
    border: none;
    border-bottom: 5px solid #F37A1F;
    box-shadow: none !important;
    margin-top: 0px;
    height: 60px;
}
a {
    color: #000;
    font-family: 'STIHLContrafaceText-Bold';
    text-decoration: none;
    box-shadow: inset 0 -0.05em #fff, inset 0 -0.15em #F37A1F;
}

a:hover {
    text-decoration:none;
}

.teilnehmen {
    padding-left: 44px;
    text-indent: -40px;
}




.checkbox-style {
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 0%;
    vertical-align: middle;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transform: scale(1.2);
    border: 1px solid #C6C6C6;
}

.checkbox-style:checked {
    background-color: white;
    border: 1px solid black;
    transition: 1000ms ease all;
    background-image: url(/Content/img/checkbox.png);
    background-size: cover;
}

.checkbox-style:empty {
    transition: 500ms ease all;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}


.footer-link a {
    font-family: 'STIHLContrafaceText';
    color: #000 !important;
    font-size: 18px;
    text-decoration:none !important;
    margin-right:25px;
    box-shadow:none !important;
}

footer {
    color: #000 !important;
    background-color: #EDEDED;
    position: relative;
    width: 100%;
    bottom: 0px;
    padding-top: 30px;
    vertical-align: central;
    min-height: 6vh;
}




.validation-summary-errors {
    color: red;
}

.bg-blue {
    background-color: #0073B6;
}

.btn-primary {
    background-color: #000;
    color: white;
    border: none;
    border-radius: 0;
    padding: 5px 25px;
    border: none;
    vertical-align: central;
    padding: 15px 60px;
    font-family: 'STIHLContrafaceDisplayTitling';
}

h1:first-letter {

    border-bottom:5px solid #fff;
}

.btn-primary:hover {
    background-color: #000;
    color: white;
    transition: all 0.5s ease-in-out;
    border: none;
    border-radius: 0;
    border: none;
    vertical-align: central;
    font-family: 'STIHLContrafaceDisplayTitling';
}

select, option {
    font-family: 'STIHLContrafaceDisplayTitling';
}


#aktuelle-rabatte img {
    width: 100%;
}

#aktuelle-rabatte p {
    font-size: large;
}

.aktion-link::after {
    content: "";
    background: url(img/icon-arrow.svg) no-repeat center / contain;
    position: absolute;
    height: .75rem;
    width: .75rem;
    filter: var(--svg-filter-invert, none);
    margin-top: 1rem;
    transform: translate3d(0.3125rem, -50%, 0);
    transition: transform .2s;
}

.aktion-link:hover::after {
    transform: translate3d(10px, -50%, 0);
}



/*
        FAQ accordion +
    */
.card-header .fas {
    transition: .3s transform ease-in-out;
}

.card-header .collapsed .fas {
    transform: rotate(90deg);
}

.btn-link {
    text-align: left;
    width: 90%;
    color:black;
}


.btn-link:hover {
   
   
    color: black;
    text-decoration:none
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}



.accordion-button {
    font-size: 1rem;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.5rem;
    transition: transform .2s ease-in-out;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.accordion-button:not(.collapsed) {
    transform: translate3d(10px, -50%, 0);
}



.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0)!important;
    border-radius: 0.25rem;
}


.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.00);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}


.btn-danger {
    font-family: 'STIHLContrafaceText-Bold';
    padding-top: 10px !important;
    text-transform: uppercase;
    background-color: #F37A1F;
    border-radius: 0px;
    border-color: white !important;
    transition: .8s;
    cursor: pointer;
    font-size: 16px;
    padding:15px 25px !important;
}

.btn-danger:hover {
    box-shadow: inset 0 100px 0 0 #000;
}


.footerimg {
    max-height:32px;
    max-width:32px;
}

option:not(:checked) {
    background-color: white;
    color: black;
    font-family: 'STIHLContrafaceDisplayTitling';

}



option:checked {
    background-color: black;
    color: white;
    font-family: 'STIHLContrafaceDisplayTitling';
 
}





@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }
}



@media (min-width: 992px) {
    .navbar-collapse {
        margin-left: -140px !important;
}

@media (max-width: 576px) {
    h1, h2, h3 {
        font-size: 22px;
    }

    .control-label {
        font-size: 18px;
    }

    p {
        font-size: 18px;
    }

    #frage2 {
        font-size: 0.7rem;
    }
}

@media (max-width: 640px) {
    #frage2 {
        font-size: 1rem;
    }
}



/*
.body-content {
    padding-top:50px;
}




.green-gradient {
    background: rgb(168,198,29);
    background: linear-gradient(90deg, rgba(168,198,29,1) 0%, rgba(215,224,126,1) 49%, rgba(168,198,29,1) 100%);
}




    .form-control:focus {
        color: #672b46;
        background-color: #fff;
        border-color: #672b46;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(104, 44, 70, 0.25);
    }


.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #f4f3f2;
    background-clip: padding-box;
    border: 1px solid #672b46 !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

h1, h2, h3 {
    font-family: 'CheltenhamITCPro-BookCond';
    color: #672b46;
}

a {
    color:#672b46 ;
    text-decoration:underline;
}

.lila {
    color: #672b46;
}*/

    /*
.list {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px;
}

    .list li {
        margin: 0 0 0.5rem 0;
        counter-increment: my-awesome-counter;
        position: relative;
    }

        .list li::before {
            content: counter(my-awesome-counter);
            color: #fff;
            font-size: 1.5rem;
            font-weight: bold;
            position: absolute;
            --size: 32px;
            left: calc(-1 * var(--size) - 10px);
            line-height: var(--size);
            width: var(--size);
            height: var(--size);
            top: 0;
            background: #3cb5b3;
            border-radius: 50%;
            text-align: center;
            font-family: 'CheltenhamITCPro-BookCond';
        }*/



    /*

.buttonspan {
    content: url(/Content/img/btn.png);
    position: relative;
    top: 3px;
    margin-right:10px;
}

.counter {
     margin:50px auto;
     display:block;
     background-image:url(/Content/img/count.png);
     background-size:contain;
     height:160px;
     width:300px;
     color:#fff;
     padding-top:45px;

}

    .counter h1 {
        color: #fff;
        font-size:250%!important;
    }


:focus {
    outline: -webkit-focus-ring-color auto 0px!important;
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 0px!important;
    -webkit-appearance: none;
}





.validation-summary-errors {
    color:red !important;
}

.modal-dialog {
    max-width: 90% !important;
    margin: 1.75rem auto;
}*/