@CHARSET "UTF-8";

/* Breakpoints
xs = Extra small <576px. Max container width None (auto)
sm = Small ≥576px. Max container width 540px.
md = Medium ≥768px. Max container width 720px.
lg = Large ≥992px. Max container width 960px.
xl = Extra large ≥1200px. Max container width 1140px.
*/

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.50rem !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-5 {
    margin-top: 2rem !important;
}

.mt-5-5 {
    margin-top: 3rem !important;
}

.mt-6 {
    margin-top: 6rem !important;
}

.mt-8 {
    margin-top: 8rem !important;
}

.mt-10 {
    margin-top: 10rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.50rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
}

.mb-5-5 {
    margin-bottom: 3rem !important;
}

.mb-6 {
    margin-bottom: 6rem !important;
}

.mb-10 {
    margin-bottom: 10rem !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.50rem !important;
}

.ml-3 {
    margin-left: 0.75rem !important;
}

.ml-4 {
    margin-left: 1rem !important;
}

.ml-5 {
    margin-left: 2rem !important;
}

.ml-5-5 {
    margin-left: 3rem !important;
}

.ml-6 {
    margin-left: 6rem !important;
}

.ml-10 {
    margin-left: 10rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.50rem !important;
}

.pt-3 {
    padding-top: 0.75rem !important;
}

.pt-4 {
    padding-top: 1rem !important;
}

.pt-5 {
    padding-top: 2rem !important;
}

.pt-5-5 {
    padding-top: 3rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.50rem !important;
}

.pb-3 {
    padding-bottom: 0.75rem !important;
}

.pb-4 {
    padding-bottom: 1rem !important;
}

.pb-5 {
    padding-bottom: 2rem !important;
}

.pb-5-5 {
    padding-bottom: 3rem !important;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.red {
    color: red;
}

p {
    margin-top: 0;
    margin-bottom: 0.1rem;
    border: 0px solid black;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3;
    text-decoration: none;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

/** Inline **/
*.inline {
    float: left;
    display: inline;
}

*.inline_right {
    float: right;
    display: inline;
}

*.center {
    width: auto;
    margin: 0 auto;
    text-align: center;
    border: 0px solid black;
}

*.with_100 {
    width: calc(100% - 10px) ;
    float: left;
    margin: 0;
    border: 0px solid black;
}

*.ohneauflistung {
    list-style-type: none;
}

*.auflistung {
    list-style-type: disc !important;
    margin: 1rem 2rem 1rem 2rem !important;
    padding: 0;
}

*.auflistung-abc {
    list-style-type: lower-alpha !important;
    margin: 1rem 2rem 1rem 2rem !important;
    padding: 0;
}

*.auflistung-zahl {
    list-style-type: decimal !important;
    margin: 1rem 2rem 1rem 2rem !important;
    padding: 0;
}

*.border-free{
    border: none !important;
}

*.margin-free{
    margin: 0 !important;
}

select {
    border: 1px solid #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

textarea,
input[type="date"],
input[type="password"],
input[type="time"],
input[type="text"] {
    border: 1px solid #dfe1e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/** checkBox Listung result **/
#checkOther {
    float: left;
    width: 13px !important;
    height: 13px !important;
    margin: 0 5px 2px 5px;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #0275d8;
}

#confirmedOther {
    float: left;
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px 2px 5px;
    background-color: #0275d8;
    border-radius: 3px;
}

/** Text ausrichtung in Formularen **/
.label_formular_right {
    text-align: right;
    margin-right: 5px;
}
.input_formular_right {
    float: right;
}

.label_formular_left {
    text-align: left;
}
.input_formular_left {
    float: left;
}

@media only screen and (max-width: 63em) {
    textarea{ width: 90%; font-size: 1.1rem;}
    select{ width: 90%; height: 2rem; font-size: 1.1rem;}
    input[type="text"] { width: 90%; height: 2rem; font-size: 1.1rem;}
    input[type="password"] { width: 90%; height: 2rem; font-size: 1.1rem;}
}

@media only screen and (min-width: 63em) {
    .colgroup textarea{ max-width: 21rem; width: 100%; height: 10rem; font-size: 1.1rem; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; !important;}
    textarea{ width: 99%; height: 10rem; font-size: 1.1rem; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; !important;}
    select{ max-width: 21rem; width: 100%; height: 2rem; padding-left: 0.25rem; font-size: 1.1rem;}
    input[type="text"] {max-width: 21rem; width: 100%; height: 2rem; font-size: 1.1rem;}
    input[type="password"] {max-width: 21rem; width: 100%; height: 2rem; font-size: 1.1rem;}
}

/********************************** Error *********************************/

label.error {
    font-size: 0.8em;
    color: #F00;
    font-weight: bold;
    display: block;
    margin-left: 20px;
}

input.error {
    background: #FFA9B8;
    border: 1px solid red;
}

select.error {
    background: #FFA9B8;
    border: 1px solid red;
}

/******************************** Main Part *************************************/

body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; border: 0px solid black;}

    #layout { width:100%; height: auto; margin: 0 auto; padding: 0; border: 0px solid red;}

        #layout #main { width: 100%; height: auto; margin: 0; border: 0px solid green; }

            #layout #main #container { width: 100%; max-width: 1024px; height: auto; margin: 0 auto; padding: 0; background-color: #fff; border: 0px solid green;}

                /* Slideshow container */
                #layout #main #container .slideshow-container {  max-width: 1000px; height: 420px; position: relative;  margin: auto; border: 0px solid black; }

                    #layout #main #container .slideshow-container img { margin-left: calc(50% - 200px); border: 0px solid black;}

                @media only screen and (max-width: 1000px) {
                    #layout #main #container #content_buttons {max-width: 412px; height: auto; padding: 20px 0 10px 10px; margin: 0 auto !important; border: 0px solid red;}
                }

                @media only screen and (min-width: 1000px) {
                    #layout #main #container #content_buttons {max-width: 808px; height: auto; padding: 20px 0 10px 0; margin: 0 auto !important; border: 0px solid black;}
                }

/*************************************** Middle panel ****************************************/

                #layout #main #container #content_neutral {width: calc(100% - 0.2rem); height: auto; margin-left: 0.1rem; float: left; border: 0px solid red;}

                    #layout #main #container #content_neutral #activity_map {width: calc(100% - 5px); height: auto; margin: 0; border: 0px solid #2255CB;}

                        #layout #main #container #content_neutral #activity_map img {display: block;  margin-left: auto;  margin-right: auto;  width: 50%; border: 0px solid #2255CB;}

                /** Left Panel Search **/
                @media only screen and (max-width: 768px) {
                    #layout #main #container #content_neutral #search_start {width: 100%; height: auto; float: left; margin: 0; border: 0px solid #2255CB;}
                }

                @media only screen and (min-width: 768px) {
                    #layout #main #container #content_neutral #search_start {width: 20%; height: auto; float: left; margin: 0; border: 0px solid red;}
                }

                    #layout #main #container #content_neutral .fail { width: 100%; height: auto; padding-top: 20px; border: 0px solid #000099;}

                        #layout #main #container #content_neutral .fail p { text-align: center; color: #0091FF; border: 0px solid #000099;}

                        #layout #main #container #content_neutral #search_start .headline { width: auto; height: auto; padding: 0; margin-left: 1em; border: 0px solid black;}

                            #layout #main #container #content_neutral #search_start .headline span { font-weight: bold; color: #0091FF; }

                        #layout #main #container #content_neutral #search_start .distance { width: 100%; height: auto; padding: 0; margin-bottom: 10px; border: 0px dashed #2255CB;}

                            #layout #main #container #content_neutral #search_start .distance .table_formular{ width: 100%; height: auto; margin: 0; border: 0px solid #000099;}

                                #layout #main #container #content_neutral #search_start .distance .table_formular td{ width: auto; height: auto; vertical-align: top; background-color: #fff; border: 0px solid #000099;}

                            #layout #main #container #content_neutral #search_start .distance select { width: 100%; height: auto; margin: 0; padding: 0;}

                        #layout #main #container #content_neutral #search_start .date { width: 100%; height: auto; padding: 0px; margin-bottom: 10px; border: 0px dashed #2255CB;}

                            #layout #main #container #content_neutral #search_start .date #date_search{ width: auto; height: auto; padding: 0px; margin: 0; border: 0px solid #2255CB;}

                                #layout #main #container #content_neutral #search_start .date #date_search .date_center {width: 10em; height: 4em; padding: 0; margin: 0; border: 0px solid red;}

                                    #layout #main #container #content_neutral #search_start .date #date_search .date_center .date_search_from_till{ width: 100%; height: auto; line-height: 1.8em; padding: 0; margin: 0; border: 0px solid black;}

                                        #layout #main #container #content_neutral #search_start .date #date_search .date_center .date_search_from_till input{width: 6.5em;}

                        #layout #main #container #content_neutral #search_start .place{ width: 100%; height: auto; padding: 0px; margin-bottom: 10px; border: 0px dashed #2255CB;}

                            #layout #main #container #content_neutral #search_start .place #place_search { width: auto; height: auto; padding: 0px; margin: 0; border: 0px solid #2255CB;}

                                #layout #main #container #content_neutral #search_start .place #place_search .place_center {width: 10em; height: 4em; padding: 0; margin: 0; border: 0px solid red;}

                                    #layout #main #container #content_neutral #search_start .place #place_search .place_center td{width: 10em; background-color: #fff; border: 0px solid red;}

                                    #layout #main #container #content_neutral #search_start .place #place_search .place_center select{width: 9em;}

                        #layout #main #container #content_neutral #search_start .other { width: 100%; height: auto; padding: 0px; margin-bottom: 5px; border: 0px solid #2255CB;}

                            #layout #main #container #content_neutral #search_start .other #selection{ width: auto; height: auto; padding: 0px; margin: 0; border: 0px solid black;}

                                #layout #main #container #content_neutral #search_start .other #selection .selection_center {width: 100%; margin: 0; border: 0px solid red;}

                                    #layout #main #container #content_neutral #search_start .other #selection .selection_center table {width: 100%; border: 0px solid red;}

                            #layout #main #container #content_neutral #search_start .other #headline_search{ width: auto; height: auto; padding: 0px; margin: 0; border: 0px solid black;}

                                #layout #main #container #content_neutral #search_start .other #headline_search .headline_center {width: 100%; height: 4em; margin: 0; border: 0px solid red;}

                                    #layout #main #container #content_neutral #search_start .other #headline_search .headline_center table {width: 100%; border: 0px solid red;}

                                    #layout #main #container #content_neutral #search_start .other #headline_search .headline_center input{width: calc(100% - 18px);}

                            #layout #main #container #content_neutral #search_start .other #date_search{ width: 100%; height: auto; padding: 0; margin: 0; border: 0px solid green;}

                                #layout #main #container #content_neutral #search_start .other #date_search .date_search_from input {width: calc(100% - 1rem); height: auto; padding: 0; margin: 0; }

                                #layout #main #container #content_neutral #search_start .other #date_search .date_search_till input {width: calc(100% - 0.8rem); height: auto; padding: 0; margin: 0; }

                        #layout #main #container #content_neutral #search_start #button_search { width: 100%; height: 1.8em; clear: both; padding: 0px; margin: 1.4em 0 0 0; border: 0px solid black;}

                            #layout #main #container #content_neutral #search_start #button_search .button_center {width: 6em; height: 1.8em; margin: 0 auto; border: 0px solid red;}

                                #layout #main #container #content_neutral #search_start #button_search .button_center input{ width: 100%; height: 1.8em; margin: auto; padding-bottom: 2px; text-align: center; background-color: #0091FF; font-weight: bold; color: #fff; border: 0px solid #000099;}

                                    #layout #main #container #content_neutral #search_start #button_search .button_center input:hover { background-color: #2255CB; }

/************************************* Result *****************************************************/

                @media only screen and (max-width: 768px) {
                    #layout #main #container #content_neutral #search_result {width: 100%; height: auto; float: left; margin: 0; border: 0px solid #2255CB;}
                }

                @media only screen and (min-width: 768px) {
                    #layout #main #container #content_neutral #search_result {width: 80%; height: auto; float: left; margin: 0; border: 0px solid #2255CB;}
                }

                        #layout #main #container #content_neutral #search_result .headline { width: 100%; height: auto; padding: 0; margin: 0; float: left; border: 0px solid black;}

                            #layout #main #container #content_neutral #search_result .headline .actualEntry {margin-left: 1em; float: left; border: 0px solid black;}

                            #layout #main #container #content_neutral #search_result .headline span { font-weight: bold; color: #0091FF;}

                            #layout #main #container #content_neutral #search_result .headline .newEntry {float: right; border: 0px solid black;}

                                #layout #main #container #content_neutral #search_result .headline .newEntry a {text-decoration: none; color: #0091FF; border: 0px solid black;}

                                    #layout #main #container #content_neutral #search_result .headline .newEntry a:hover {color: #2255CB;}

                        #layout #main #container #content_neutral #search_result .text { width: 100%; height: auto; float: left; margin: 0; border: 0px solid black;}

                            #layout #main #container #content_neutral #search_result .text .content { width: calc(100% - 10px); height: auto; float: left; margin-bottom: 2px; padding: 2px; background-color: #FFFFFF; border: 0px solid black;}

                                #layout #main #container #content_neutral #search_result .text .content .picture { width: auto; height: auto; float: left; display: block; margin: 0px 5px 0 0; border: 0px solid black;}

                                    #layout #main #container #content_neutral #search_result .text .content .picture .picture_content {width: auto; max-width: 10em; height: auto; border: 0px solid black;}

                                    #layout #main #container #content_neutral #search_result .text .content .picture .photographer { width: auto; max-width: 10em; height: auto; border: 0px solid black;}

                                        #layout #main #container #content_neutral #search_result .text .content .picture .photographer p { color: #0091FF; line-height: 13px; border: 0px solid black;}

                                #layout #main #container #content_neutral #search_result .text .content p a { text-decoration: none; color: #0091FF; }

                                    #layout #main #container #content_neutral #search_result .text .content p a:hover { text-decoration: underline; color: #2255CB; }

                        #layout #main #container #content_neutral #search_result .fail { width: 100%; height: auto; padding-top: 20px; border: 0px solid #000099;}

                            #layout #main #container #content_neutral #search_result .fail p { text-align: center; color: #0091FF; border: 0px solid #000099;}

/******************* Result Site Content *********************/

                    #layout #main #container #content_neutral #location_text {width: 100%; height: auto; float: left; margin: 0; border: 0px solid #2255CB;}

                        /** Slide Show **/
                        #layout #main #container #content_neutral #location_text #slideShowWrapper { width: 100%; height: auto; float: left; margin: 0; padding: 0px; border: 0px solid red;}

/***************** Result Text *******************************/
                        #layout #main #container #content_neutral #search_detail_content { width: 100%; max-width: 1024px; height: auto; margin: 0 auto; padding: 0; border: 0px solid red;}

                            #layout #main #container #content_neutral #service { width: 100%; float: left; margin: 0; }

                            #layout #main #container #content_neutral #company { width: 100%; float: left; margin: 0; }

                            #layout #main #container #content_neutral #description { width: 100%; float: left; margin: 0; }

                            #layout #main #container #content_neutral #impressum { width: 100%; float: left; margin: 0; }

/********************** Basket ****************************************/

                    #layout #main #container #content_neutral #content_text { width: 100%; max-width: 1024px; height: auto; margin: 0 auto; border: 0px solid black;}

                        #layout #main #container #content_neutral #content_text #content_text_details { width: calc(100% - 22px); float: left; padding: 10px; margin: 20px 0 20px 0; background-color: #FFFFFF; border-radius: .25rem; border: 1px solid rgba(0,0,0,.125);}

                        #layout #main #container #content_neutral .table_headline_4_basket {width: 100%; height: auto; margin: 0;  float: left; border-bottom: 1px dashed #dddddd;}

                            #layout #main #container #content_neutral .table_headline_4_basket thead th{ width: 100%; height: auto; text-align: center; border: 0px solid #000099;}

                            #layout #main #container #content_neutral .table_headline_4_basket .one{ width: 15%; min-width: 6em; height: auto; border: 0px solid #000099;}

                            #layout #main #container #content_neutral .table_headline_4_basket .two{ width: 55%; min-width: 10em; height: auto; border: 0px solid #000099;}

                            #layout #main #container #content_neutral .table_headline_4_basket .three{ width: 15%; min-width: 6em; height: auto; border: 0px solid #000099;}

                            #layout #main #container #content_neutral .table_headline_4_basket .four{ width: 15%; min-width: 6em; height: auto; border: 0px solid #000099;}

                                #layout #main #container #content_neutral .table_headline_4_basket td{ width: auto; height: auto; vertical-align: top; border: 0px solid #000099;}

                                    #layout #main #container #content_neutral .table_headline_4_basket td p{ border: 0px solid #000099;}

                        #layout #main #container #content_neutral .table_content_4_basket {width: 100%; height: 10rem; margin: 0;  float: left; border-bottom: 1px dashed #dddddd;}

                            #layout #main #container #content_neutral .table_content_4_basket .one { width: 15%; min-width: 6em; height: auto; border: 0px solid #000099;}

                            #layout #main #container #content_neutral .table_content_4_basket .two { width: 55%; min-width: 10em; height: auto; border: 0px solid #000099;}

                            #layout #main #container #content_neutral .table_content_4_basket .three { width: 15%; min-width: 6em; height: auto; border: 0px solid #000099;}

                            #layout #main #container #content_neutral .table_content_4_basket .four { width: 15%; min-width: 6em; height: auto; border: 0px solid #000099;}

                                #layout #main #container #content_neutral .table_content_4_basket td { width: auto; height: auto; word-break: normal; vertical-align: top; background-color: #fff; border: 0px solid #000099;}

                                    #layout #main #container #content_neutral .table_content_4_basket td p { border: 0px solid #000099;}

                    /* Reactionsdesign bei Formularen /company/publish/ */
                    #layout #main #container #content_neutral .reaction {width: 100%; height: auto; margin-bottom: 1px; background-color: #FFFFFF; border: 0px solid #000099;}

                        #layout #main #container #content_neutral .reaction p{padding: 10px 10px 10px 10px; }

/************************************ Footer of the middle panel *************************************************************/

            #layout #main footer {width: 100%; height: auto; margin: 0.2rem 0 0 0; padding: 0; float: left; border: 0px solid black;}

                #layout #main footer .footer_content{ width: 100%; max-width: 1024px; height: 5rem; margin: 0 auto; padding: 10px 0 10px 0; background-color: #2255CB; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid black;}

                    #layout #main footer .footer_content .first_line { width: calc(100% - 10px); height: auto; margin: 0 auto; padding-left: 10px; float: left; border: 0px solid #000099;}

                        #layout #main footer .footer_content .first_line ul { list-style: none; margin: 0; padding: 0; border: 0px solid black;}

                            #layout #main footer .footer_content .first_line li { float: left; margin-right: 15px; padding: 0; border: 0px solid #000099;}

                                #layout #main footer .footer_content .first_line li a { line-height: 0; font-size: 1.4em; font-family: Times New Roman, Arial, sans, sans-serif; color: #FFFFFF; text-decoration: none; border: 0px solid black;}

                                    #layout #main footer .footer_content .first_line li a:hover {color: red;}

                    #layout #main footer .footer_content .second_line { width: calc(100% - 10px); height: auto; margin: 0 auto; padding-left: 10px; float: left; border: 0px solid #000099;}

                        #layout #main footer .footer_content .second_line ul { list-style: none; margin: 0; padding: 0; border: 0px solid black;}

                            #layout #main footer .footer_content .second_line li { float: left; margin-right: 15px; padding: 0; border: 0px solid #000099;}

                                #layout #main footer .footer_content .second_line li a { line-height: 0; font-size: 1.4em; font-family: Times New Roman, Arial, sans, sans-serif; color: #FFFFFF; text-decoration: none; border: 0px solid black;}

                                    #layout #main footer .footer_content .second_line li a:hover {color: red;}

            /* Footer der bei den Results die Seiten zaehlt */
            #footer_counter{ width: 100%; height: 80px; text-align: center; background-color: #FFFFFF; line-height:16px; margin-top: 25px; float: right; border: 0px solid black;}

                #footer_counter p { line-height: 26px; font-size: 1.5em; letter-spacing: -0.02em; font-weight: normal; color: #0091FF;}

/***************************************** Third Parties  ****************************************/

/****************** Image Light Box ********************/

#imagelightbox
{
    position: fixed;
    z-index: 9999;

    -ms-touch-action: none;
    touch-action: none;

    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}

/* PREVIEW DESIGN*/

#slideShowWrapper img
{
    border-color: #eee;
    border: 0.625em solid rgba( 255, 255, 255, .5 );
    -webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
    box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */

    -webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
    transition: box-shadow .3s ease, border-color .3s ease;
}
#slideShowWrapper img:hover,
#slideShowWrapper img:focus
{
    border-color: #fff;
    -webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
    box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
}

/* OVERLAY */

#imagelightbox-overlay
{
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .9 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* "CLOSE" BUTTON */

#imagelightbox-close
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    text-align: left;
    background-color: rgba( 0, 0, 0, .5 );
    border-radius: 50%;
    position: fixed;
    z-index: 10002;
    top: 2.5em; /* 40 */
    right: 2.5em; /* 40 */
    border: 0px solid black;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #111; }

#imagelightbox-close:before,
#imagelightbox-close:after
{
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}
#imagelightbox-close:before
{
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
#imagelightbox-close:after
{
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

/* CAPTION */

#imagelightbox-caption
{
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}

/***************************** Image Navigation *************************/

img
{
    max-width:100%;
    height:auto
}

.image-nav
{
    margin-top:.5rem
}
@media (min-width:54em)
{
    .image-nav
    {
        margin-top:0
    }

}
@media (min-width:65em)
{
    .image-nav
    {
        margin-top:6px
    }

}
.image-nav h2
{
    text-align:center;
    margin-bottom:0
}
.image-nav h2 .tagline-img
{
    width:245px;
    height:28px;
    fill:#555;
    margin-left:-5px
}
@media (min-width:35em)
{
    .image-nav h2 .tagline-img
    {
        width:298px;
        height:34px;
        margin-left:-8px
    }

}
@media (min-width:54em)
{
    .image-nav h2 .tagline-img
    {
        margin-left:62px;
        margin-top:5px
    }
}
@media (min-width:65em)
{
    .image-nav h2 .tagline-img
    {
        width:332px;
        height:38px;
        margin-left:80px;
        margin-top:0
    }
}
.image-nav-items
{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.image-nav a
{
    display:block;
    width:50%;
    text-align:center;
    padding-bottom:15px
}
.image-nav a img
{
    width:100%;
    max-width:235px
}
.image-nav a span
{
    font-size:.8125rem;
    display:block;
    color:#101010;
    font-weight:700;
    letter-spacing:.02rem
}
@media (min-width:45em)
{
    .image-nav a
    {
        width:25%
    }

}
@media (min-width:65em)
{
    .image-nav
    {
        margin-bottom:-1.6rem
    }
    .image-nav a
    {
        padding-bottom:0
    }
    .image-nav a span
    {
        display:none
    }
}

/**************************** Shopping Cart ****************************/

/** Sprach buttons **/
#layout #main nav #lang_design .btn, .button {
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    background-color: #e53d01;
    color: white;
    text-transform: uppercase;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border: solid black 0px;
}

#layout #main nav #lang_design input[value]{
    font-size: 1.2em;
    line-height: 24px;
    font-weight: 400;
    background-color: #fff;
    color: #2255CB;
    text-align: center;
    border: solid black 0px;
}

#layout #main nav #lang_design input[value]:hover{
    color: red;
    cursor: pointer;
}

#layout #main nav #lang_design .btn:hover, .button:hover {
    background-color: black;
}

@media only screen and (min-width: 776px) {
    #layout #main nav #lang_design .btn, .button {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) {
    #layout #main nav #lang_design .btn, .button {
        height: 48px;
        line-height: 48px;
        font-size: 15px;
    }
}

#layout #main nav #lang_design .btn-large {
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

@media only screen and (min-width: 776px) {
    #layout #main nav #lang_design .btn-large {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) {
    #layout #main nav #lang_design .btn-large {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        letter-spacing: 1px;
    }
}

#layout #main nav #lang_design .btn-small {
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}

#layout #main nav #lang_design .inverse {
    background-color: white;
    color: #2255CB;
}

#layout #main nav #lang_design .inverse:hover {
    background-color: white;
    color: red;
}

#layout #main nav #lang_design a {
    color: inherit;
    text-decoration: none;
}

#layout #main nav #lang_design a:hover {
    text-decoration: none;
}

#layout #main nav #lang_design ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/******************************** Hover der Cart *************************************/

#layout #main nav #lang_design .header-minicart:hover #header-cart {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    border-left: 2px solid rgba(0, 0, 0, 0.125);
    border-right: 2px solid rgba(0, 0, 0, 0.125);
    border-bottom: 2px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#layout #main nav #lang_design #header-cart {
    border-top: 5px solid #434342;
    -webkit-box-shadow: 0 8px 16px rgba(21, 21, 21, 0.15);
    box-shadow: 0 8px 16px rgba(21, 21, 21, 0.15);
    position: absolute;
    z-index: 1090;
    top: 3.2rem;
    left: 0;
    right: calc(50% - 32rem);
    width: 100%;
    background-color: #ffffff;
    margin-top: -2px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    border-left: 2px solid rgba(0, 0, 0, 0.125);
    border-right: 2px solid rgba(0, 0, 0, 0.125);
    border-bottom: 2px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

@media only screen and (min-width: 1024px) {
    #layout #main nav #lang_design .header-minicart:hover .skip-cart {
        background-color: #ffffff;
        border-color: #434342;
        color: #ffffff;
    }

    #layout #main nav #lang_design .skip-cart {
        float: left;
        font-size: 10px;
        color: #6c6c6c;
        border: solid black 0px;
    }

    #layout #main nav #lang_design #header-cart {
        left: auto;
        width: 32rem;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #layout #main nav #lang_design .header-minicart:hover .skip-cart {
        background-color: #ffffff;
        border-color: #434342;
        color: #ffffff;
    }
}

/************************* Counter ******************************/

#layout #main nav #lang_design .skip-cart .count {
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    z-index: 5;
    width: 20px;
    height: 20px;
    background-color: #f7c800;
    color: white;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 0 8px 16px rgba(21, 21, 21, 0.15);
    box-shadow: 0 8px 16px rgba(21, 21, 21, 0.15);
    border: 1px solid #f7c800;
}

#layout #main nav #lang_design .skip-cart .count {
    margin-top: 3px;
}

/**************************************************************/

#layout #main nav #lang_design .header-minicart {
    display: inline-block;
    float: right;
    height: 100%;
    border: solid red 0px;
}

#layout #main nav #lang_design #shop #header-cart a {
    color: #2255CB;
    text-align: left;
    float: left;
    line-height: 24px;
    font-size: 1.2em;
    font-weight: normal;
    border: solid black 0px;
}

#layout #main nav #lang_design .header-minicart .minicart-wrapper {
    margin: 0 auto;
    max-width: 30rem;
    border-left: 1px dashed #dedede;
    border-right: 1px dashed #dedede;
}

#layout #main nav #lang_design .header-minicart .block-subtitle {
    padding: 18px;
    margin: 0;
    border-bottom: 1px solid #dedede;
}

#layout #main nav #lang_design .header-minicart .block-subtitle p {
    color: #434342;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 4px 0;
    border: solid green 0px;
}

#layout #main nav #lang_design .header-minicart .mini-products-list {
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: solid yellow 0px;
}

#layout #main nav #lang_design .header-minicart .mini-products-list li {
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
    position: relative;
}

#layout #main nav #lang_design .header-minicart .mini-products-list li.last {
    border: none;
}

#layout #main nav #lang_design .header-minicart .product-details {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: solid red 0px;
}

#layout #main nav #lang_design .header-minicart .product-details .product-name {
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#layout #main nav #lang_design .header-minicart .product-details .product-name a {
    color: #434342;
}

#layout #main nav #lang_design .header-minicart .remove-article {
    font-weight: normal;
    color: #fff;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
    margin: 0;
    background-color: #007bff;
    border-radius: 5px;
}

#layout #main nav #lang_design .header-minicart .remove-article a {
    color: #434342;
}

#layout #main nav #lang_design .header-minicart .info-wrapper {
    width: 100%;
    border: 0px solid black;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .one {
    width: 90%;
    min-width: 10em;
    height: auto;
    border: 0px solid #000099;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .two {
    width: 10%;
    min-width: 5em;
    height: auto;
    border: 0px solid #000099;
}

#layout #main nav #lang_design .header-minicart .info-wrapper th {
    text-transform: uppercase;
    padding-right: 10px;
}

#layout #main nav #lang_design .header-minicart .info-wrapper td {
    clear: right;
    vertical-align: top;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .remove {
    font-size: 0;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .remove .icon-close:before {
    color: #aaaaaa;
    font-size: 18px;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .remove .icon-close:hover:before {
    color: #434342;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .qty,
#layout #main nav #lang_design .header-minicart .info-wrapper .price {
    font-weight: bold;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .price {
    float: right;
}

#layout #main nav #lang_design .header-minicart .info-wrapper .qty:after {
    content: "x";
    font-size: 12px;
    font-weight: bold;
}

/*** DU Sparst **/
#layout #main nav #lang_design .header-minicart .du-sparst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px 10px 20px;
    margin: 0;
    background-color: #F3EAEA;
    border: solid black 0px;
}

#layout #main nav #lang_design .header-minicart .du-sparst-price {
    color: #B90C07;
}

#layout #main nav #lang_design .header-minicart .du-sparst > span {
    font-weight: bold;
    font-style: italic;
}

#layout #main nav #lang_design .header-minicart .du-sparst .du-sparst-label {
    color: #b90c07;
    margin-left: -5px;
}

#layout #main nav #lang_design .header-minicart .du-sparst .du-sparst-label .icon-coins {
    top: -3px;
    left: 0;
    position: absolute;
    font-size: 24px;
    margin-right: 8px;
}

/**** SUB TOTAL *************/
#layout #main nav #lang_design .header-minicart .subtotal {
    padding: 5px 20px 5px 20px;
    border-bottom: 1px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    margin: 0;
}

#layout #main nav #lang_design .header-minicart .subtotal .price {
    text-align: right;
    font-size: 18px;
    margin-top: -4px;
}

#layout #main nav #lang_design .header-minicart .minicart-actions {
    padding: 12px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#layout #main nav #lang_design .checkout-types.minicart li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 48%;
}

#layout #main nav #lang_design .checkout-types.minicart .button {
    width: 100%;
    -webkit-box-shadow: 0 8px 16px rgba(21, 21, 21, 0.15);
    box-shadow: 0 8px 16px rgba(21, 21, 21, 0.15);
}

#layout #main nav #lang_design .checkout-types.minicart .checkout-button {
    color: #ffffff !important;
}

@media only screen and (min-width: 768px) {
    #layout #main nav #lang_design .checkout-types.minicart {
        float: none;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 8px 0;
        border: solid black 0px;
    }
    #layout #main nav #lang_design .checkout-types.minicart .button {
        max-height: 40px;
        line-height: 40px !important;
        text-align: center !important;
        border: solid black 0px;
    }
}

@media only screen and (max-width: 768px) {
    #layout #main nav #lang_design .checkout-types.minicart {
        float: none;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 8px 0;
        border: solid black 0px;
    }
    #layout #main nav #lang_design .checkout-types.minicart .button {
        max-height: 40px;
        line-height: 30px !important;
        text-align: center !important;
        border: solid black 0px;
    }
}

/************************ Tabs design ********************/

.ui-tabs-nav{margin: 0 0 0 12px; padding: 0; list-style: none; float: left; border: 0px solid black;}
.ui-tabs-nav li{ padding: 0; margin: 5px 5px 0 0; float: left; border: 0px solid black;}
.ui-tabs-nav a{ font-weight : bold; color: #000099; font-size: 1.3em; text-decoration: none; display: block; padding: 3px 10px 3px 10px; border: none;}
.ui-tabs-active a{ font-size: 1.3em; padding: 3px 10px 3px 10px; border-bottom: none; background-color: #000099; color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.ui-tabs-panel{ clear: both; width: auto; height: auto; padding: 0; margin-bottom: 30px; background-color: #FFF; border: 0px solid #000099;}
.ui-tabs-panel ul{ padding-top: 10px; padding-left: 10px;}
.ui-tabs-hide{ display: none;}

/**************** Corner radius ***************************/

.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ui-corner-all  {
    border-radius: 3px;
}

/********************* Time picker ***********************/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
    border: 1px solid rgba(0,0,0,.125);
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_555555_256x240.png");
}

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("/de/includes/images/icons/ui-icons_777777_256x240.png");
}

.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10052;
    margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888999;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,

/********************* Cards *****************************/

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    float: left;
    border: 0px solid black;
}

.card-columns {
    float: left;
    width: 100%;
    margin: 0;
    border: 0px solid black;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    margin: 0.2rem 0.2rem 0 0;
    border-radius: 0.25rem;
}

.card-border {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    margin: 0.2rem 0.2rem 0 0;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card-border-free {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card-nobody {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    margin: 0.2rem 0.2rem 0 0;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    width: calc(100% - 0.3rem);
}

.card-header-left h4 {
    text-align: left;
    margin: 5px;
    color: #2255CB;
}

.card-header-search h4 {
    text-align: center;
    margin: 5px;
    color: #007bff;
}

.card-nobody .card-header-left {
    width: calc(50% - 2px);
    float: left;
    border: 0px solid black;
}

.card-nobody .card-header-left h4 {
    text-align: left;
    margin: 5px;
    color: #007bff;
}

.card-nobody .card-header-right {
    width: calc(50% - 2px);
    float: right;
    border: 0px solid red;
}

.card-nobody .card-header-right h4 {
    text-align: right;
    margin: 5px;
}

.card-img-top {
    margin: 0 auto !important;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.photographer {
    margin-left: 0.5rem;
}

/** card headers **/

.card-header {
    padding: 0 1.25rem ;
    background-color: #FFFFFF;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

.card-header-nobody {
    padding: 0 1.25rem ;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border: 0;
}

.card-header-blue {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #20cfeb;
    border-top-left-radius: calc(.25rem - 0px);
    border-top-right-radius: calc(.25rem - 0px);
}

.card-header-blue-noradius {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #20cfeb;
}

.card-header-basic-blue {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #2255CB;
    border-top-left-radius: calc(.25rem - 0px);
    border-top-right-radius: calc(.25rem - 0px);
}

.card-header-basic-blue-noradius {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #2255CB;
}

.card-header-green {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #42eb20;
    border-top-left-radius: calc(.25rem - 0px);
    border-top-right-radius: calc(.25rem - 0px);
}

.card-header-green-noradius {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #42eb20;
}

.card-header-orange {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #ff5733;
    border-top-left-radius: calc(.25rem - 0px);
    border-top-right-radius: calc(.25rem - 0px);
}

.card-header-orange-noradius {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #ff5733;
}

.card-header-violet {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #FF006E;
    border-top-left-radius: calc(.25rem - 0px);
    border-top-right-radius: calc(.25rem - 0px);
}

.card-header-violet-noradius {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: #FF006E;
}

.card-header-grey {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: grey;
    border-top-left-radius: calc(.25rem - 0px);
    border-top-right-radius: calc(.25rem - 0px);
}

.card-header-grey-noradius {
    padding: 0 1.25rem ;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    background-color: grey;
}

/*************************/

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

/** card body **/

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 0.3rem 0.3rem 0.3rem;
    vertical-align: bottom !important;
    border: 0px solid black;
}

.card-body-result {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem;
    float: left;
    vertical-align: bottom !important;
    border-top: 0px solid rgba(0,0,0,.125);
}

/** card content **/

.card-title {
    margin: 2px;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin: 0;
}

.card-link:hover {
    text-decoration: none;
    color: #0056b3;
    border-color: #0056b3;
}

/*************** Flex ****************/

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

/************************************/

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

/***********************************/

/**
sm = Small ≥576px. Max container width 540px.
md = Medium ≥768px. Max container width 720px.
lg = Large ≥992px. Max container width 960px.
*/

@media only screen and (min-width: 1024px) {

    .card-70 {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
        margin: 0.2rem 0.2rem 0 0;
        float: left;
        width: calc(70% - calc(0.2rem + 2px));
        height: auto;
    }

    .card-30 {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
        margin: 0.2rem 0.2rem 0 0;
        float: left;
        width: calc(30% - calc(0.2rem + 2px));
        height: auto;
    }

    .col-33 {
        -ms-flex: 0 0 calc(33.33% - (0.20rem + 2px));
        flex: 0 0 calc(33.33% - (0.20rem + 2px));
        max-width: calc(33.33% - (0.20rem + 2px));
    }

    .col-50 {
        -ms-flex: 0 0 calc(50% - 0.40rem);
        flex: 0 0 calc(50% - 0.40rem);
        max-width: calc(50% - 0.40rem);
    }

    .col-100 {
        -ms-flex: 0 0 calc(100% - 0.20rem);
        flex: 0 0 calc(100% - 0.20rem);
        max-width: calc(100% - 0.20rem);
    }
}

@media only screen and (max-width: 1024px) {

    .card-70 {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
        margin: 0.2rem 0.2rem 0 0;
        float: left;
        width: calc(100% - calc(0.2rem + 2px));
        height: auto;
    }

    .card-30 {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
        margin: 0.2rem 0.2rem 0 0;
        float: left;
        width: calc(100% - calc(0.2rem + 2px));
        height: auto;
    }

    .col-33 {
        -ms-flex: 0 0 calc(33.33% - 0.40rem);
        flex: 0 0 calc(33.33% - 0.40rem);
        max-width: calc(33.33% - 0.40rem);
    }

    .col-50 {
        -ms-flex: 0 0 calc(50% - 0.40rem);
        flex: 0 0 calc(50% - 0.40rem);
        max-width: calc(50% - 0.40rem);
    }

    .col-100 {
        -ms-flex: 0 0 calc(100% - 0.20rem);
        flex: 0 0 calc(100% - 0.20rem);
        max-width: calc(100% - 0.20rem);
    }
}

@media only screen and (max-width: 960px) {

    .col-33 {
        -ms-flex: 0 0 calc(50% - 0.4rem);
        flex: 0 0 calc(50% - 0.4rem);
        max-width: calc(50% - 0.4rem);
    }

    .col-50 {
        -ms-flex: 0 0 calc(50% - 0.4rem);
        flex: 0 0 calc(50% - 0.4rem);
        max-width: calc(50% - 0.4rem);
    }

    .col-100 {
        -ms-flex: 0 0 calc(100% - 0.40rem);
        flex: 0 0 calc(100% - 0.40rem);
        max-width: calc(100% - 0.40rem);
    }
}

@media only screen and (max-width: 720px) {

    .col-33 {
        -ms-flex: 0 0 calc(100% - 0.40rem);
        flex: 0 0 calc(100% - 0.40rem);
        max-width: calc(100% - 0.40rem);
    }

    .col-50 {
        -ms-flex: 0 0 calc(100% - 0.40rem);
        flex: 0 0 calc(100% - 0.40rem);
        max-width: calc(100% - 0.40rem);
    }

    .col-100 {
        -ms-flex: 0 0 calc(100% - 0.40rem);
        flex: 0 0 calc(100% - 0.40rem);
        max-width: calc(100% - 0.40rem);
    }
}

/******************** buttons ***************************/

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    margin-left: 0.075rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-appearance: none; /* Apple Button CSS inactive setzen */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

/******************* Article *************************/

.article-columns
{
    width: 100%;
    margin-bottom:2rem;
    border: 0px inset black;
}

.article-columns ul {
    list-style: outside none none;
}

.article-columns .section-title
{
    color:#101010;
    margin-bottom:1rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height:1;
    letter-spacing:0;
    text-transform:none;
    position:relative;
    text-align:center;
    padding-top:0;
    border: 0px inset black;
}

.article-columns .section-title a
{
    color:#101010;
    padding-bottom:-1px;
    padding-left:5px;
    padding-right:5px;
    display:inline-block;
    text-decoration: none;
}

/* Bei vier Feldern **/
@media (min-width:65em)
{
    .article-columns-list
    {
        margin: 2rem 0 0 0;
        border: 0px inset black;
    }
}

/* Bei zwei Feldern **/
@media all and (min-width:45em)
{
    .article-columns-list
    {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin: 0 5px;
        padding: 20px 0; /*wichtig*/
        border: 0px inset black;
    }
}

/* Bei einem Feld **/
@media all and (max-width:45em)
{
    .article-columns-list
    {
        margin: 0 10px;
        padding: 20px 0; /*wichtig*/
        border: 0px inset black;
    }
}

.article-columns-list .column-btn {
    bottom: 0.4rem;
    color: #000;
    display: flex;
    flex-grow: 1;
    font-size: 0.8125rem;
    font-weight: 700;
    left: 1rem;
    letter-spacing: 0.2px;
    padding-top: 0.5rem;
    position: absolute;
    right: 1rem;
    text-transform: uppercase;
}

.article-columns-list .column-btn .icon
{
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    margin-left:5px
}

.article-columns-list .column-btn:hover
{
    color:#FA5B0F
}

.article-columns-item
{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-bottom:.625rem;
    background:#fff;
    padding: 1rem 1rem 2.8rem;
    position:relative;
    box-shadow:-1px 0 2px 0 rgba(1,1,1,.12),1px 0 2px 0 rgba(1,1,1,.12),0 1px 1px 0 rgba(1,1,1,.24)
}

.article-columns-item:nth-child(1) .section-title a
{
    box-shadow:inset 0 -7px 0 #6ED7F4
}
.article-columns-item:nth-child(2) .section-title a
{
    box-shadow:inset 0 -7px 0 #F96E58
}
.article-columns-item:nth-child(3) .section-title a
{
    box-shadow:inset 0 -7px 0 #FEE134
}
.article-columns-item:nth-child(4) .section-title a
{
    box-shadow:inset 0 -7px 0 #D8BDCD
}
.article-columns-item:nth-child(5) .section-title a
{
    box-shadow:inset 0 -7px 0 #ADDD2A
}
.article-columns-item:nth-child(6) .section-title a
{
    box-shadow:inset 0 -7px 0 #7A91F4
}

/* Bei sechs Feldern **/
@media all and (min-width:80em)
{
    .article-columns-item
    {
        margin:0 5px 10px 5px;
        -webkit-box-flex:1;
        -webkit-flex:1 0 10%;
        -ms-flex:1 0 10%;
        flex:1 0 10%;
    }
}

/* Bei drei Feldern **/
@media all and (max-width:80em)
{
    .article-columns-item
    {
        margin: 0 5px;
        -webkit-box-flex:1;
        -webkit-flex:1 0 25%;
        -ms-flex:1 0 25%;
        flex:1 0 25%;
    }
    .article-columns-item:nth-child(1),.article-columns-item:nth-child(2),.article-columns-item:nth-child(3),.article-columns-item:nth-child(4),.article-columns-item:nth-child(5),.article-columns-item:nth-child(6)
    {
        margin-bottom: 10px;
    }
}

/* Bei zwei Feldern **/
@media all and (max-width:65em)
{
    .article-columns-item
    {
        margin: 0 5px;
        -webkit-box-flex:1;
        -webkit-flex:1 0 40%;
        -ms-flex:1 0 40%;
        flex:1 0 40%;
    }
    .article-columns-item:nth-child(1),.article-columns-item:nth-child(2),.article-columns-item:nth-child(3),.article-columns-item:nth-child(4),.article-columns-item:nth-child(5),.article-columns-item:nth-child(6)
    {
        margin-bottom: 10px;
    }
}

/* Bei einem Feld **/
@media all and (max-width:45em)
{
    .article-columns-item
    {
        margin: 0 0 10px 0;
        padding: 0.5rem 0.5rem 3rem 0.5rem;
        border: 0px inset black;
    }
}

.article-columns-item .block-list
{
    margin:0;
    padding: 0;
    box-shadow:none;
    min-height:1px
}

.article-columns-item .block-list .block
{
    box-shadow:none
}

.article-columns-item .block-list-item
{
    padding:0!important;
    border-bottom:1px solid #E9E9E9
}

.article-columns-item .block-list-item:first-child .block-title
{
    font-size:1.375rem
}

@media all and (max-width:45em)
{
    .article-columns-item .block-list-item .block-title
    {
        font-size:1.375rem
    }
    .article-columns-item .block-list-item:first-child .block-title
    {
        font-size:1.625rem
    }

}

.article-columns-item .block
{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    border:none
}

.article-columns-item .block-media
{
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
    padding:0;
    max-width:100%;
    margin:0;
    height:auto;
    min-height:1px
}

.article-columns-item .block-media img
{
    width:100%;
    height:auto
}

.article-columns-item .block-content
{
    -webkit-box-ordinal-group:3;
    -webkit-order:2;
    -ms-flex-order:2;
    order:2;
    padding: 2px 0 1px;
}

.article-columns-item .block-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2em;
}

.article-columns-item .block-title:hover
{
    color:#FA5B0F
}

.article-columns-item .block-kicker {
    color: #ccc;
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin: 0;
    text-transform: uppercase;
}

/**************** popover *************************/

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

/*****************************************************************************/