@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

#imageproductmanagercol {
    max-width: 180px;
}

#section-contact .triangle-border {
    /*margin-bottom: 0px;
    margin-right:0px;*/
    margin-top: 80px;
}

#section-preis abbr {
    border-bottom-width: 0px;
}

.carousel-inner .item {
    width: 70%;
    text-align: left;
    background: white;
    height: 270px;
}

    .carousel-inner .item h4 {
        color: black;
    }

.carousel-control {
    background-color: #d7645a;
}

footer {
    border-top: black;
    border-top-style: solid;
    padding-top: 10px;
}

    footer a {
        color: black;
    }

        footer a:hover {
            color: #b5cf91;
            text-decoration: none;
        }

.voffset10 {
    margin-top: 10px;
}

.voffset20 {
    margin-top: 20px;
}

.voffset25 {
    margin-top: 25px;
}

.btn-default {
    border-color: #000;
}

.btn-lg {
    border-width: 3px;
}

.btn-danger-inverted {
    background-color: #fff;
    color: #d25145;
}

/*Green headers*/
/*h1, h2, h3, h4, h5, h6 {
    color: #b5cf91;
}*/

/*h3 {
    text-decoration: underline;
}*/

/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE  http://nicolasgallagher.com/pure-css-speech-bubbles/demo/
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    border: 5px solid #d7645a;
    color: #d7645a;
    background: #fff;
    /* css3 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0px;
}
    /* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

    .triangle-border:before {
        content: "";
        position: absolute;
        bottom: -20px; /* value = - border-top-width - border-bottom-width */
        left: 40px; /* controls horizontal position */
        border-width: 20px 20px 0;
        border-style: solid;
        border-color: #d7645a transparent;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }

    /* creates the smaller  triangle */
    .triangle-border:after {
        content: "";
        position: absolute;
        bottom: -13px; /* value = - border-top-width - border-bottom-width */
        left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
        border-width: 13px 13px 0;
        border-style: solid;
        border-color: #fff transparent;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }
    /* Variant : left
------------------------------------------ */

    /* creates the larger triangle */
    .triangle-border.left:before {
        top: 10px; /* controls vertical position */
        bottom: auto;
        left: -20px; /* -30px value = - border-left-width - border-right-width */
        border-width: 20px 20px 20px 0; /*15px 30px 15px 0;*/
        border-color: transparent #d7645a;
    }

    /* creates the smaller  triangle */
    .triangle-border.left:after {
        top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
        bottom: auto;
        left: -12px; /* -21px; value = - border-left-width - border-right-width */
        border-width: 13px 13px 13px 0; /*9px 21px 9px 0;*/
        border-color: transparent #fff;
    }

/*Alte Version*/
.bubble {
    color: black;
    position: relative;
    width: 250px;
    height: 80px;
    padding: 0px;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #FFFFFF solid 3px;
}

    .bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 15px 0;
        border-color: transparent #FFFFFF;
        display: block;
        width: 0;
        z-index: 1;
        left: -15px;
        top: 25px;
    }

    .bubble:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 17px 17px 17px 0;
        border-color: transparent #FFFFFF;
        display: block;
        width: 0;
        z-index: 0;
        left: -20px;
        top: 23px;
    }

.bs-docs-header-base {
    padding-top: 70px;
    padding-bottom: 70px;
    /*font-size: 24px;*/
    text-align: left;
    position: relative;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    /*background-image: linear-gradient(to bottom, #21844F 0px, #007235 100%);*/
    background-repeat: repeat-x;
    box-sizing: border-box;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*line-height: 1.42857;*/
}

.bs-docs-header0 {
    background-color: #e6e7e8;
}

.bs-docs-headerRed {
    background-color: #d7645a;
}

    /*.bs-docs-headerRed a {
        color: #fff;
    }*/

    .bs-docs-headerRed h1, .bs-docs-headerRed h2 {
        color: #000;
    }

.bs-docs-header1 {
    color: #000000;
    background-color: #b5cf91;
}

    .bs-docs-header1 h1, .bs-docs-header1 h2, .bs-docs-header1 h3, .bs-docs-header1 a {
        color: #000000;
    }

/*.panel-body {
    color: #007235;
}*/

/*.panel-default > .panel-heading {
    color: #fff;
    background-color: #007235;
}*/

.centered {
    text-align: center;
}

.number-circle {
    background: white;
    border-radius: 50%;
    color: #d7645a;
    display: table;
    height: 40px;
    font-weight: bold;
    font-size: 1.2em;
    width: auto;
    margin: 20px auto 5px auto;
}

    .number-circle span {
        display: table-cell;
        vertical-align: middle;
        height: 40px;
        width: 40px;
        text-align: center;
        padding: 0 15px;
    }

/* Input range Schieber in grün*/
input[type=range]::-ms-track {
    /*remove default tick marks*/
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #b5cf91;
}

input[type=range]::-ms-fill-upper {
    background: #ddd;
}

/*hide progressbar on small screen*/
.cdt-hidden-xs, .cdt-hidden-sm, .cdt-hidden-md, .cdt-hidden-lg {
    display: inline !important;
}

@media (max-width:767px) {
    .cdt-hidden-xs, .cdt-hidden-sm.cdt-hidden-xs, .cdt-hidden-md.cdt-hidden-xs, .cdt-hidden-lg.cdt-hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cdt-hidden-xs.cdt-hidden-sm, .cdt-hidden-sm, .cdt-hidden-md.cdt-hidden-sm, .cdt-hidden-lg.cdt-hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cdt-hidden-xs.cdt-hidden-md, .cdt-hidden-sm.cdt-hidden-md, .cdt-hidden-md, .cdt-hidden-lg.cdt-hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .cdt-hidden-xs.cdt-hidden-lg, .cdt-hidden-sm.cdt-hidden-lg, .cdt-hidden-md.cdt-hidden-lg, .cdt-hidden-lg {
        display: none !important;
    }
}

.cdt-visible-xs, .cdt-visible-sm, .cdt-visible-md, .cdt-visible-lg {
    display: none !important;
}

@media (max-width:767px) {
    .cdt-visible-xs, .cdt-visible-sm.cdt-visible-xs, .cdt-visible-md.cdt-visible-xs, .cdt-visible-lg.cdt-visible-xs {
        display: inline !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cdt-visible-xs.cdt-visible-sm, .cdt-visible-sm, .cdt-visible-md.cdt-visible-sm, .cdt-visible-lg.cdt-visible-sm {
        display: inline !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cdt-visible-xs.cdt-visible-md, .cdt-visible-sm.cdt-visible-md, .cdt-visible-md, .cdt-visible-lg.cdt-visible-md {
        display: inline !important;
    }
}

@media (min-width:1200px) {
    .cdt-visible-xs.cdt-visible-lg, .cdt-visible-sm.cdt-visible-lg, .cdt-visible-md.cdt-visible-lg, .cdt-visible-lg {
        display: inline !important;
    }
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .print-page-break {
        page-break-after: always;
    }

    .print-page-break-before {
        page-break-before: always;
    }

    /*Link url nicht drucken*/
    a[href]:after {
        content: none !important;
    }

    /*Seitenränder bei Druck minimieren*/
    body {
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0mm;
    }

    div.container {
        padding-left: 0px;
    }

    .compress-print h1, h2, h3, h4, p, ol {
        margin-top: 1mm !important;
        margin-bottom: 0mm !important;
    }

    .compress-print h1 {
        font-size: 12pt;
    }

    .compress-print h2 {
        font-size: 10pt;
    }

    .compress-print h3 {
        font-size: 8pt;
    }

    .compress-print p, ol, ul, table {
        font-size: 8pt;
        line-height: 1.1;
    }

    .compress-print ol {
        padding-left: 5mm;
    }

    .compress-print h1, h2, h3, h4 {
        page-break-after: avoid;
    }
}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

@page {
    margin-top: 6mm;
    margin-bottom: 6mm;
    margin-left: 6mm;
    margin-right: 6mm;
    size: A4 portrait;
}

/*.btn-circle-lg {
        width: 79px;
        height: 79px;
        text-align: center;
        padding: 13px 0;
        font-size: 30px;
        line-height: 2.00;
        border-radius: 70px;
    }*/

/* css for timepicker */
/*.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 45%;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 45% 10px 10px;
        }*/






/*simple-collabsible*/
.wrap-simple-collabsible {
    /*margin-bottom: 1.2rem 0;*/
}

input[type='checkbox'].simple-collabsible-toggle {
    display: none;
}

.simple-collabsible-lbl-toggle {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.25s ease-out;
}

    .simple-collabsible-lbl-toggle:hover {
    }

    .simple-collabsible-lbl-toggle::before {
        content: ' ';
        display: inline-block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid currentColor;
        vertical-align: middle;
        margin-right: .7rem;
        transform: translateY(-2px);
        transition: transform .2s ease-out;
    }

.simple-collabsible-toggle:checked + .simple-collabsible-lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px);
}

.simple-collabsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}

.simple-collabsible-toggle:checked + .simple-collabsible-lbl-toggle + .simple-collabsible-content {
    max-height: 1000px;
}

.simple-collabsible-toggle:checked + .lbl-toggle {
}

.simple-collabsible-content .simple-collabsible-content-inner {
    padding: .5rem 1rem;
}



/*Anker zB für Inhaltsverzeichnis auf Supportseite/Handbuch https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header*/
a.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}


.unicode-text-symbol-hughe-sized {
    font-size: 100pt;
    /*font-family: "Segoe UI Symbol";*/
}