@font-face{
    font-family:"Helvetica Neue LT W05_47 Lt Cn";
    src:url("fonts/083e1179-98b4-4cbd-a13a-50a7c78d6fea.woff2") format("woff2"),url("fonts/239170e6-7f0d-4c35-97d4-490b362e4ef7.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W05_47LtCnOb";
    src:url("fonts/4e0d849a-b425-400e-a40c-789c4a37aac0.woff2") format("woff2"),url("fonts/71ce5b5d-325e-417b-843b-e8f6e554a182.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W05_67 Md Cn";
    src:url("fonts/1a559dd9-e51e-45d5-86eb-f343223bacef.woff2") format("woff2"),url("fonts/581fae27-b5f4-44ab-b5b1-92f11d4f9838.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W05_67MdCnObl";
    src:url("fonts/9c31450f-5d89-4ebd-afc6-9962b19448f5.woff2") format("woff2"),url("fonts/d0d30f97-b639-4228-8b85-fe2f879968db.woff") format("woff");
}
.navbar {
    padding-bottom: 0 !important;
}
.header {
    position: relative;
    z-index: 100;
}
#wrapper{
    background-color: #fbecf3 !important;
}
#main {
    padding-bottom: 0;
    border:0px;
}
#main .category_page{
    padding-top: 0;
    margin-top: 0;
}
.footer{
    top: 100%;
}
.page-footer-pre {
    height:115px;
}
.page-footer-pre a{
    border-bottom: none !important;
}

.content-app-sidebar{
    display:none;
}
.content-app-main{
    width:100%;
    margin-top: 3rem
}


/* May be move this to global styles? */
.kurse-container  {
    font-family:"Helvetica Neue LT W05_47 Lt Cn", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.kurse-container h1,
.kurse-container h2,
.kurse-container h3,
.kurse-container h4,
.kurse-container h5,
.kurse-container h6{
    font-family:"Helvetica Neue LT W05_67 Md Cn", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-weight:normal;
}
.kurse-container h1 {
    font-size: 2rem;
    font-weight: normal;
}

.content-app-sidebar .btn,
.kurse-container .card,
.kurse-container .btn,
.kurse-container .badge,
.kurse-container .form-control {
    border-radius: 0 !important;
}


/*********************************************************/

/*
a.btn[href^="https://"]::before{
    display:none !important;
} */

.btn-back-to-search {height:75px !important;vertical-align: baseline;}
.btn-gutschein {height:75px !important;vertical-align: baseline;color:#ffffff !important;background-color:#db4a91 !important;}

.btn-gutschein::before {
    background-image: none !important;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 0 !important;
    height: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    content: "";
}

.btn-faq {height:75px !important;vertical-align: baseline;color:#4e4e4c !important;background-color:#ffffff !important; border:1px solid #6b6b6b;}
.btn-faq-small {height:30px !important;vertical-align: baseline;color:#ffffff !important;background-color:#db4a91 !important; border:1px solid #6b6b6b;}
.btn-kurse {height:75px !important;vertical-align: baseline;color:#ffffff !important;background-color:#4f504b !important;}
.btn-kurse-pink {height:75px !important;vertical-align: baseline;color:#ffffff !important;background-color:#db4a91 !important;}

.btn-faq::after,
.btn-faq-small::after,
.btn-gutschein::after,
.btn-kurse::after,
.btn-kurse-pink::after{
    content: '▶';
    display: block;
    margin-left: auto;
}
.btn-back-to-search::before,
.btn-back-to-search-header::before{
    content: '◀';
    margin-right:10px;
    display: inline-block;
}

.btn-kurse-card{
    position: relative;
    display:block;
    border-bottom:none !important;
}
.btn-kurse-card .card {
    padding-right: 40px;
}
.btn-kurse-card::after{
    content: '▶';
    font-size: 30px;
    display: block;
    position: absolute;
    top:4px;
    right: 10px;
}

.btn-agree {color:#ffffff !important;background-color:#db4a91 !important;}

.kurse-small-categories{
    max-width: 100px;
}


/*********** Head **************/
.bg-transparent {
    background-color: transparent !important;
}
.bg-primary {
    background-color: #db4a91 !important;
}
.bg-primary-light-2 {
    background-color: #e992bd !important;
}
.bg-primary-light-3 {
    background-color: #f1b6d4 !important;
}
.bg-primary-light-4 {
    background-color: #fbecf3 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-gray {
    background-color: #dedede !important;
}
.bg-white-selected {
    background-color: #ccc !important;
}
.kurse-container .btn-primary,
.kurse-container .btn-primary:hover,
.kurse-container .btn-primary:focus,
.kurse-container .btn-primary:active,
.kurse-container .btn-primary:not([disabled]):not(.disabled):active{
    border-color: #6b6b6b;
    color: #6b6b6b !important;
    background-color: #fff !important;
}
.kurse-container .btn-secondary,
.kurse-container .btn-secondary:hover,
.kurse-container .btn-secondary:focus,
.kurse-container .btn-secondary:active,
.kurse-container .btn-secondary:not([disabled]):not(.disabled):active{
    border-color: #6b6b6b;
    color: #6b6b6b !important;
    background-color: #b5b5b5 !important;
}

.text-purple {
    color: #db4a91 !important;
}
a.text-purple:hover, .kurse-container a:hover {
    color: #b12e6e !important;
}

a.btn-gutschein:hover {
    color: #ffffff !important;
    background-color:#a4376d !important;
}

a.btn-kurse:hover {
    color: #ffffff !important;
    background-color:#a4376d !important;
}

.kurse-container .bg-gray a {
    color: #db4a91;
    text-decoration: none;
    border-bottom: 1.2px solid #db4a91!important;
    background-color: transparent;
}

.kurse-container .bg-gray a::before {
background-image: url(/myGfx/icon-external-link-pink.svg) !important; }

.kurse-container a:not(.btn):hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
}
.text-secondary {
    color: #6b6b6b !important;
}

.overflow-hidden{
    overflow:hidden;
}

.app-button-icon-wrapper {
    width:75px;
    height:75px;
}
.app-button-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
}
.app-button-icon-small  {
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.result-count-badge{
    top: 3px;
    right: 3px;
    color:white;

    font-size: 12px;
    padding:2px 4px;
}

.keyword-submit-button{
    width:60px;
    height:100%;
    background-color:#4e4e4c;
    border: 0 !important;
    border-radius: 0;
    margin-top:0;
}

.kanton-image{
    width: 35px;
}

.card-header{
    background-color:inherit;
}

.btn-back-to-search-header{
    background-color: #4e4e4c !important;
    color: white !important;
    font-size: 18px;
    padding: 4px 20px;
    vertical-align: middle;
    float: right;
    display:none;
}

/************** Home ***********************/
.page-home .kurse-container{
    height: 100%;
    margin-top: -55px;
    margin-top: 0;
    padding-top: 55px !important;
    padding-top: 0 !important;
}
.page-home h2{
    color: #fff !important;
}

.h-filter-row{
    height: 46px;
}
/******************* Footer **********************/
footer.page-footer{
    width: 100%;
}
footer.page-footer img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
footer.page-footer a.footer-link {
    border-bottom: 1px solid #ffffff;
    font-size:70%;
}

.card{
    box-shadow: none;
}


/************** MAp ******************/
.mapplic-clickable{
    pointer-events: all;
}
.mapplic-active path,
.mapplic-active polygon,
.mapplic-clickable:hover path,
.mapplic-clickable:hover polygon{
    fill: #db4a91 !important;
}

/*************** Some components ****************/
#accordion .card {border:none !important;}
#accordion .card .card-header {border-radius:0;}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    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='%234e4e4c'%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.25rem;
    transition: transform .2s ease-in-out;
}
.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='%234e4e4c'%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);
}

.content a.accordion-button{
    border-bottom: none;
}

.page-kurse_item h4{
    font-weight: bold;
}

.external-iframe{
    max-width: 940px;
    margin-top: -2px !important;
}

#accordion .card-header {

}



/******* Slider ****/
.rs-container .rs-bg{
    background-color: #f1b6d4 !important;
    border: #db4a91 !important;
}
.rs-container .rs-selected {
    background-color: #db4a91 !important;
    border: #db4a91 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#db4a91 !important;
}

@media (max-width: 991px) {
    .desktop-content{
        display:none;
    }
    .logo{
        top: 6px;
        flex: 1 0 auto;
        text-align: center;
    }
    .logo img{
        max-width: 205px;
    }
}

/* links side bar */
.content-app-sidebar a:not(.btn) {
    color:#db4a91 !important;
    border-bottom: 1.2px solid #db4a91 !important;
}

.content-app-sidebar a[href^="http://"]:not([href*="mysite.com"])::before, 
.content-app-sidebar a[href^="https://"]:not([href*="mysite.com"])::before, 
.content-app-sidebar a[href^="//"]:not([href*="mysite.com"])::before {
    background-image: url(/myGfx/icon-external-link-pink.svg) !important;
}


.content-after {background-color:#dbdcdb;}
.content-after a {color:#db4a91 !important; 
border-bottom: 1.2px solid #db4a91!important;
margin-left:1rem;}

.content-after a:hover {color:#b12e6e !important; 
border-bottom: 1.2px solid #b12e6e!important;
margin-left:1rem;}

.content-after a::before
 {
    /* background-image: url(/myGfx/icon-external-link-pink.svg) !important; */
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 16px 16px;
    display: inline-block;
    margin-left: -16px;
    height: 16px;
    margin-right: 3px;
    padding-left: 0.75rem;
    content: "";
}

/* HACK */
.btn-gutschein-27-2, .btn-gutschein-12-2 {background-color:#4e4e4c !important}

