:root
{
    --gorilla-color-primary:#ff6400;
    --gorilla-color-primary-semitransparent: rgba(255, 100, 0, 0.35);
    --gorilla-color-link:#ff6400;
    --gorilla-color-hover:#d95500;
    --gorilla-color-darkblue:#263139;
    --gorilla-color-darkblue-semitransparent: rgba(38, 49, 57, 0.59);
    --gorilla-white: #ffffff;
    --gorilla-white-color-hover: #ffffff;
}

@font-face {
    font-family: 'Roboto-Condensed-Light';
    src: url('../../../media/vendor/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Light.woff2') format('woff2'),
    url('../../../media/vendor/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto-Condensed';
    src: url('../../../media/vendor/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Light.woff2') format('woff2'),
    url('../../../media/vendor/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Condensed-bold';
    src: url('../../../media/vendor/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff2') format('woff2'),
    url('../../../media/vendor/roboto-fontface/fonts/roboto-condensed/Roboto-Condensed-Regular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face{
    font-display:block;
    font-family:Font Awesome\ 5 Free;
    font-style:normal;
    font-weight:400;
    src:url(../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.eot);
    src:url(../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
    url(../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.woff2) format("woff2"),
    url(../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.woff) format("woff"),
    url(../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.ttf) format("truetype"),
    url(../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.svg#fontawesome) format("svg")
}
.far{
    font-family:Font Awesome\ 5 Free;font-weight:400
}
/*
Chinese Font
@font-face {
    font-family: 'Noto-light';
    src: url('../../../media/vendor/noto-fontface/NotoSerifSC-Light.otf') format('opentype'),
    url('../../../media/vendor/noto-fontface/NotoSerifSC-Light.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Noto-regular';
    src: url('../../../media/vendor/noto-fontface/NotoSerifSC-Regular.otf') format('opentype'),
    url('../../../media/vendor/noto-fontface/NotoSerifSC-Regular.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Noto-medium';
    src: url('../../../media/vendor/noto-fontface/NotoSerifSC-Medium.otf') format('opentype'),
    url('../../../media/vendor/noto-fontface/NotoSerifSC-Medium.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}
*/
/* only error_site */
.error_site .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
    width: 100vw !important;
}

/* hide joomla module edit button */
.jmodedit
{
    display: none;
}
html, body {

    font-family: "Roboto-Condensed-Light","Helvetica Neue","Arial","Noto-light","YaHei","Microsoft Yahei","Noto-light","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    display: unset;
    max-width: 100%;
    /*  */
    overflow-x: hidden;

    line-height: 1.4;
    color: #505050;
}

.container-header {
    position: relative;
    z-index: 10;
    background-color: transparent;
    background-image: unset;
    box-shadow: unset;
    color: #232323;

}

h1, h2, h3, h4, h5, h6
{
    font-family: "Roboto-Condensed-Light","Helvetica Neue","Arial","Noto-light","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto-regular";
    font-weight: unset;
    letter-spacing: 0.01em !important;
}
h1, .h1
{
    font-size: 2.75rem;
}

h2, .h2
{
    font-size: 2rem;
}

h3, .h3
{
    font-size: 1.75rem;
}

h4, .h4
{
    font-size: 1.5rem;
}

h5, .h5
{
    font-size: 1.25rem;
}

h6, .h6
{
    font-size: 1rem;
}

.lead
{
    font-size: 1.25rem;
    font-weight: 300;
}
strong,
b,
.badge
{
    letter-spacing: 0.03em
}
.orange
{
    color: rgba(255,100,0,1);
}
/* Layout */

.edge-2-edge
{
    position: absolute;
    width: 100vw;
    left: 0;
    border: 1px solid transparent;
}

.bg-grey-light {
    background-image: url(/templates/gorilla/images/bg-feature-box-light.jpg);
    border: 1px solid #eeeeee;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bg-dark {
    background-image: url(/templates/gorilla/images/bg-feature-box-dark.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #efefef;
    background-color: transparent !important;
}

/* border styles */
.border-1-transparent
{
    border: 1px solid transparent;
}
.border-1-light
{
    border: 1px solid #dedede;
}
.border-top
{
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.border-bottom
{
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.border-left
{
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.border-right
{
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.border-right-light
{
    border-right: 1px solid rgba(255,255,255,.125);
}
.border-left-light
{
    border-right: 1px solid rgba(255,255,255,.125);
}
.border-top-light
{
    border-right: 1px solid rgba(255,255,255,.125);
}
.border-bottom-light
{
    border-right: 1px solid rgba(255,255,255,.125);
}


/* list styles */

.list
{
    padding-left: 0;
    list-style: none !important;
}
ol, ul, dl
{
    margin-top: 0;
    margin-bottom: 1rem;
}

.bg-dark .list list {
    background-image: url(/templates/gorilla/images/list-square-light.svg);
    background-position: 2px 9px;
}
.list list {
    padding-left: 1em;
    background-image: url(/templates/gorilla/images/list-square.svg);
    background-position: 0 9px;
    background-repeat: no-repeat;
}

main ul
{
    padding-left: 2px;
    list-style: none !important;
}
main ul li,  ul.list li
{
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22list-standard%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%203%203%22%20style%3D%22enable-background%3Anew%200%200%203%203%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.ul-list-standard%7Bfill%3A%23555555%3B%7D%0A%3C%2Fstyle%3E%0A%3Cellipse%20class%3D%22ul-list-standard%22%20cx%3D%220.8%22%20cy%3D%222.2%22%20rx%3D%220.7%22%20ry%3D%220.8%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: 2px .25em ;
    background-repeat: no-repeat ;
    background-size: 7px 7px ;
    padding-left: 16px ;
}

main ul[style="list-style-type: square;"] li
{
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22list-scare%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%203%203%22%20style%3D%22enable-background%3Anew%200%200%203%203%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.ul-list-square%7Bfill%3A%23555555%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20x%3D%220.6%22%20y%3D%220.7%22%20class%3D%22ul-list-square%22%20width%3D%221.7%22%20height%3D%221.7%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: 0px .45em ;
    background-repeat: no-repeat ;
    background-size: 7px 7px ;
    padding-left: 16px ;

}

main ul[style="list-style-type: circle;"] li
{
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22list-circle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%203%203%22%20style%3D%22enable-background%3Anew%200%200%203%203%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.ul-list-circle%7Bfill%3A%23555555%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22ul-list-circle%22%20d%3D%22M1.5%2C2.6c-0.6%2C0-1-0.5-1-1s0.5-1%2C1-1c0.6%2C0%2C1%2C0.5%2C1%2C1S2.1%2C2.6%2C1.5%2C2.6z%20M1.5%2C0.9c-0.4%2C0-0.7%2C0.3-0.7%2C0.7%0A%09s0.3%2C0.7%2C0.7%2C0.7c0.4%2C0%2C0.7-0.3%2C0.7-0.7S1.9%2C0.9%2C1.5%2C0.9z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: 0px .4em;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    padding-left: 16px;
}
main .bg-dark ul li
{
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22list-standard%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%203%203%22%20style%3D%22enable-background%3Anew%200%200%203%203%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.ul-list-standard%7Bfill%3A%23cdcdcd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cellipse%20class%3D%22ul-list-standard%22%20cx%3D%220.8%22%20cy%3D%222.2%22%20rx%3D%220.7%22%20ry%3D%220.8%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: 2px .25em ;
    background-repeat: no-repeat ;
    background-size: 7px 7px ;
    padding-left: 16px ;
}
ul.no-liststlye li,
ul.pagination li
{
    background: unset !important;
    background-position: 2px .25em ;
    background-repeat: no-repeat ;
    background-size: 7px 7px ;
    padding-left: 0px !important;
}
main .bg-dark ul[style="list-style-type: square;"] li
{
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22list-scare%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%203%203%22%20style%3D%22enable-background%3Anew%200%200%203%203%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.ul-list-square%7Bfill%3A%23efefef%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20x%3D%220.6%22%20y%3D%220.7%22%20class%3D%22ul-list-square%22%20width%3D%221.7%22%20height%3D%221.7%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: 0px .45em ;
    background-repeat: no-repeat ;
    background-size: 7px 7px ;
    padding-left: 16px ;
}

main .bg-dark ul[style="list-style-type: circle;"] li
{
    background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22list-circle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%203%203%22%20style%3D%22enable-background%3Anew%200%200%203%203%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.ul-list-circle%7Bfill%3A%23dedede%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22ul-list-circle%22%20d%3D%22M1.5%2C2.6c-0.6%2C0-1-0.5-1-1s0.5-1%2C1-1c0.6%2C0%2C1%2C0.5%2C1%2C1S2.1%2C2.6%2C1.5%2C2.6z%20M1.5%2C0.9c-0.4%2C0-0.7%2C0.3-0.7%2C0.7%0A%09s0.3%2C0.7%2C0.7%2C0.7c0.4%2C0%2C0.7-0.3%2C0.7-0.7S1.9%2C0.9%2C1.5%2C0.9z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: 0px .4em;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    padding-left: 16px;
}


/* Link & Buttons */
a
{
    text-decoration: unset !important;
}

a.btn-link:after
{
    /* Do not edit this, it's a clone from /css/kicon.css  */
    font-family: "kicon";
    font-style: normal;
    font-weight: normal;
    speak: unset;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

b,
strong
{
    font-family: 'Roboto-Condensed-bold';
}

.bolder
{
    font-weight: 700;
}

a.btn-link:hover {  text-decoration: underline !important; }
a.btn-link:hover:after {  text-decoration: unset !important; }
a.no-icon:after { content: ''; }
a.no-icon:before { content: ''; }
/* End of clone */

a
{
    color: var(--gorilla-color-link);
    text-decoration: none;
    background-color: transparent;
}
a:focus, a:hover {
    color: var(--gorilla-color-hover);
    text-decoration: underline;
}

a:not([href]):not([class]),
a.btn
{
    text-decoration: none;
}
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}


.btn
{
    border-radius: 0;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 5px;

}

.btn-link
{
    color: var(--gorilla-color-primary);
    padding: 0.25rem 0;
    text-decoration: unset;
}

.btn-link:hover
{
    color: var(--gorilla-color-hover);
    text-decoration: underline;
}

.btn-primary
{
    color: #fff;
    background-color: var(--gorilla-color-primary);
    border: 1px solid transparent;
}

.btn-primary:hover
{
    color: #fff;
    background-color: var(--gorilla-color-hover);
    border-color: transparent;
}

.btn-primary:focus, .btn-primary.hover
{
    border-color: transparent;
    background-color: var(--gorilla-color-hover);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 100, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 100, 0, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled
{
    color: #fff;
    background-color: var(--gorilla-color-primary-semitransparent);
    border-color: transparent;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle
{
    color: #fff;
    background-color: #cc5000;
    border-color: #bf4b00;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus
{
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 100, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 100, 0, 0.5);
}

.btn-outline-primary
{
    color: var(--gorilla-color-primary);
    border-color: var(--gorilla-color-primary);
}

.btn-outline-primary:hover
{
    color: white;
    background-color: var(--gorilla-color-primary);
    border-color: transparent;
}

.btn-outline-primary:focus, .btn-outline-primary.focus
{
    box-shadow: var(--gorilla-color-primary);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled
{
    color: var(--gorilla-color-primary-semitransparent);
    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: white;
    background-color: var(--gorilla-color-primary-semitransparent);
    border-color: var(--gorilla-color-primary);
}

.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: var(--gorilla-color-primary-semitransparent);
}



/*! Cards , Accordion, usw */
.badge-info {
    color: white;
    background-color: var(--gorilla-color-darkblue);
}
a.badge-info:hover, a.badge-info:focus {
    color: white;
    background-color: var(--gorilla-color-darkblue);
}
a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: var(--gorilla-color-darkblue-semitransparent);
}
.card-img, .card-img-top
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.card a.btn-link:after
{
    content: '\e802';
}
.card-footer:last-child {
    border-radius: 0 0 0 0;
}

/* Container, Content */
main
{
    margin-top: 0 !important;
    min-height: calc(0.80 * 100vh);
}

.bg-secondary
{
    background-color: #e4e4e4 !important;
    color: rgba(0, 0, 0, 0.6);
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus
{
    background-color: #cbcbcb !important;
}

.bg-dark-blue,
.bg-dark-blue .font-weight-bold,
.bg-dark-blue p,
.bg-dark-blue p strong {
    color: #fefefe;
    background-color: #263139; }

/* footer spacing override */
.footer
{
    margin-top: 0 !important;
}
.container-bottom-b {
    grid-area: unset;
}


/* headlines bei dunkelem Hintergund */
.bg-dark-blue h1,
.bg-dark h1,
.bg-dark-blue h2,
.bg-dark h2,
.bg-dark-blue h3,
.bg-dark h3,
.bg-dark-blue h4,
.bg-dark h4,
.bg-dark-blue h5,
.bg-dark h5,
.bg-dark-blue h6,
.bg-dark h6 {
    color: #f4f4f4;
}

.polygon-white-bg
{
    min-height: 430px;
    background-image: url(/templates/gorilla/images/polygone-white-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-width: calc(100% + 85px)!important;
    left: -2.5rem !important;
}
.blockquote-bg hr
{
    max-width: 260px;
}



/* Form Fields */

.kuebler-form-field
{
    margin-bottom: 12px;
}
.kuebler-form-field label
{
    font-size: .8rem;
    color: #676767;
}
.kuebler-form-field input::placeholder
{
    color: #cdcdcd;
}

.kuebler-form-field input,
.kuebler-form-field textarea
{
    border: 1px solid #cdcdcd;
    padding: 7px 7px 7px 7px;
    background: rgba(255,255,255,.6);
    width: 100%;
    outline: 0;
    transition: border-bottom-color .65s;
    font-size: 1.1rem;
    margin-bottom: 1px;
}

.kuebler-form-field input:hover,
.kuebler-form-field textarea:hover
{
    -webkit-box-shadow: 2px 2px 13px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 13px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 13px rgba(0,0,0,0.05);
}

.kuebler-form-field input:focus,
.kuebler-form-field input:focus-visible,
.kuebler-form-field input:focus-within,
.kuebler-form-field textarea:focus,
.kuebler-form-field textarea:focus-visible,
.kuebler-form-field textarea:focus-within
{
    outline: 0;

    border: 1px solid #eeeeee;
    border-bottom: 2px solid #ff6400;
    width: 100%;
    margin-bottom: 0px;
}
.kuebler-form-field textarea
{
    min-height: 95px;
}
.kuebler-form-field select
{
    width: 98%;
}



/* Kontakte Contact */
ul.contact-list
{
    list-style: none !important;
    padding-left: 1rem;
    margin-bottom: 0;
}
ul.contact-list li
{
    padding-bottom: 3px;
    white-space: nowrap;
    overflow: visible;
    background: unset;
    padding-left: unset;
}
ul.contact-list li a:hover
{
    text-decoration: underline;
}
.contact-list [class^="kicon-"]
{
    margin-right: 10px;
    position: relative;
    margin-left: -20px;
}
.contact-list .kicon-mail
{
    color: #ff6400;
}
.contact-list [href^="tel:"]
{
    color: #343434;
}



/* Kuebler CheckBox CLASS */
.kuebler-form-field li
{
    list-style: none;
}
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    cursor: pointer;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
     user-select: none;
    width: 100%;
    font-size: 1rem;
}

input[type="checkbox"] + label:Hover {
    color: rgba(0,0,0,1);
}

input[type="checkbox"] + label i {
    font-family: "kicon";
    font-style: normal;
    font-weight: normal;
    font-size: 1.2rem;
    speak: unset;
    display: inline-block;
    text-decoration: inherit;
    width: 1.2em;
    margin-right: .5em;
    text-align: center;

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


input[type="checkbox"] + label i:before
{
    content: "\e800";
    color: rgba(0,0,0,.2);
}

input[type="checkbox"] + label i:hover:before,
li:hover > input[type="checkbox"] + label i:before
{
    color: rgba(255,100,0,1);
}

input[type="checkbox"]:checked + label.card,
input[type="checkbox"] + label:hover,
input[type="checkbox"]:checked + label
{
    color: rgba(255,100,0,1);
}



input[type="checkbox"]:checked + label i:before
{
    content: "\e801";
    color: rgba(255,90,0,1);
}
/* EDND  - - Kuebler CheckBox CLASS */


#system-message-container
{
    margin-bottom: 30px;
}



/* Paginatipon */
.pagination .page-link  ,
.page-link
{
    color: var(--gorilla-color-primary);
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
}
.page-item:first-child .page-link {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 1px solid transparent !important;

}
.page-item:last-child .page-link {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 1px solid transparent !important;

}
.pagination .page-link:hover {
    color: var(--gorilla-color-hover);
    border: 1px solid #ff6400 !important;

}
.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--gorilla-color-primary);
    border-color: var(--gorilla-color-primary);
}
.pagination .page-link:focus, .pagination .page-link:hover {
    color: var(--gorilla-color-primary);
    background-color: rgba(255,100,0,0);
    border: 1px solid rgba(255,100,0,1);
}



/* chosen select */
.chosen-container.chosen-container-single .chosen-single
{
    display: inline-block;
    height: calc(1.45em + 1rem + 2px);
    padding: .5rem 4rem .5rem 0rem;
    line-height: 1.5;
    color: #22262a;
    font-size: 1.3rem;
    vertical-align: middle;
    background-color: transparent;
    background: rgba(0,0,0,0) url(/templates/gorilla/images/select-bg-grey.svg) no-repeat right .065rem center !important;
    background-size: auto;
    background-size: auto;
    background-image: none\9;
    background-size: 116rem;
    border: 0;
    border-bottom: 1px dashed rgba(0,0,0,.15);
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    width: 100%;
    min-width: 220px;
}


.chosen-container-single
{
    width: 100% !important;
}

.chosen-container.chosen-container-single .chosen-single:hover
{
    border-bottom: 1px solid #ff6400 !important;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    background: rgba(0,0,0,0) url(/templates/gorilla/images/select-bg-orange.svg) no-repeat right .065rem center !important;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 10px 20px 10px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid red;
    background: url(/media/vendor/chosen/css/chosen-sprite.png) no-repeat 100% -21px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-single .chosen-drop {
    border-radius: 0 0 0 0;
}
.chosen-container.chosen-container-single .chosen-drop {
    background: #fff;
    border: 1px solid #ced4da;
    border-left: 2px solid rgba(255,100,0,1);
}
.chosen-container .chosen-results li
{
    margin-right: 0;
}
.chosen-container .chosen-results li.group-result {
    font-size: .8rem;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #ffffff;
    background-image: unset;
    color: #ff6400;
}
.kuebler-form-field .chosen-container {
    /* width: auto !important; */
    display: block;
}

.chosen-container .chosen-results
{
    max-height: 300px;
}

.chosen-container .chosen-results li
{
    background: unset;
    margin-top: 3px;
}


/* Modal */
.modal-content
{
      border-radius: 1px;
}
.table
{
    color: unset;
}
.table th, .table td
{
    vertical-align: top;
    line-height: 1.6;
}
table tr th
{
    border-bottom: 0px solid transparent;
    letter-spacing: 0.075em;
    font-size: 0.875rem;
    color: #ff6400 !important;
    font-weight: bolder !important;
}
.table > :not(:first-child) {
    border-top: 0px solid;
}
table td hr
{
    margin: .5rem 0;
    color: rgba(0,0,0,.45);
}

.anchor
{
    position: relative;
    top: -50px;
}

.btn-group.kuebler-share-network .dropdown-menu
{
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 320px;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
    border-left: 2px solid rgba(255,100,0,1);
    -webkit-border-radius: 1px 1px 1px 1px;
    -moz-border-radius: 1px 1px 1px 1px;
    border-radius: 1px 1px 1px 1px;
}
.btn-group.kuebler-share-network .dropdown-menu li
{
    background: unset;
    padding: 0;
    margin: 0;
    text-align: center;
}
.btn-group.kuebler-share-network .dropdown-menu li hr
{
    margin: 0 12px 0 12px;
    border: 0;
    background-color: rgba(0,0,0,.5);
}
.btn-group.kuebler-share-network .dropdown-menu li a
{
    padding: 15px;
    display: block;
    color: rgba(0,0,0,.8);
}
.btn-group.kuebler-share-network .dropdown-menu li a:hover,
.btn-group.kuebler-share-network .dropdown-menu li i
{
    color: rgba(255,100,0,1);
}

.btn-group.kuebler-share-network .dropdown-menu li a.clipboard
{
    color: rgba(0,0,0,.8);
}
.btn-group.kuebler-share-network .dropdown-menu li a.clipboard:hover
{
    color: rgba(255,100,0,1);
}
.kicon-checkbox-checked.kuebler-share-network
{
    color: rgba(255,100,0,1);
}
.kuebler-share-network.btn-group button,
.kuebler-share-network.btn-group button:focus
{
    background: transparent;
    box-shadow: unset;

}
.kuebler-share-network.btn-group button:after
{
    border: 0;
}
.kuebler-share-network.btn-group.border-0 button
{
    border: transparent;
    padding: 0;
    margin: 0;
    color: rgba(255,100,0,1);
}

/* new visual link hover effect 2024 - arrow bouncing, example: <div class='modern-arrow bounce'></div>  */
.modern-arrow.bounce:hover
{
    animation: bounce 2s infinite;
}

.modern-arrow
{
    position: relative;
    display: inline-block;
    padding-left: 35px;
    margin-left: 10px;
    height: 20px;
    width: 26px;
    top: 10px;
    border: 1px solid transparent;
    background-image: url("https://www.kuebler.com/images/layout/hero-list-arrow-right.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
@keyframes bounce {
    0%, 30%, 60%, 100% {
        transform: translateX(0);
    }
    10%, 40% {
        transform: translateX(15px);
    }

}
/* END / new visual link hover effect 2024 - arrow bouncing, example: <div class='modern-arrow bounce'></div>  */


/* Bootstrap Nav Tabs reworked 2024 */
.kuebler .nav.nav-tabs {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 0 0 0 0;
    box-shadow: unset;
    border-bottom: 1px solid rgba(1,1,1,.15);
}


.kuebler .nav.nav-tabs .nav-link {
    position: relative;
    padding: 0.75em .5em 0.75em .5em;
    color: rgba(0,0,0,.625);
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: unset;
    border-bottom: 2px solid rgba(1,1,1,0);
    margin-right: 2rem;
}
.kuebler .nav.nav-tabs .nav-link:hover
{
    color: rgba(0,0,0,.9);
}
@media (max-width: 768px)
{
    .kuebler .nav.nav-tabs .nav-link
    {
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.15);
        text-align: left;
    }
}

.kuebler .nav.nav-tabs .nav-link.active {
    background-color: transparent;
    background-image: unset;
    border-right: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: unset;
    color: rgba(0,0,0,1);
    /* border-bottom: 2px solid rgba(1,1,1,1); */
    border-bottom: 2px solid rgba(255,100,0,1);
}
.kuebler  .nav.nav-tabs .nav-link.active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 5px;
    content: "";
    background-color: transparent;
    opacity: 0.8;
}


.joomla-dialog-container {
    box-sizing: border-box;
    flex-flow: column;
    width: 100%;
    display: flex;
    position: relative;
}

.joomla-dialog-container .buttons-holder {
    justify-content: flex-end;
    align-items: center;
    margin-inline-start: auto;
    display: flex;
}

.joomla-dialog-container .buttons-holder button {
    margin-inline: .375rem;
}

.joomla-dialog-header {
    border-bottom: 1px solid var(--border-color);
    justify-content: space-between;
    align-items: center;
    padding: unset;
    display: flex;
    position: relative;
}

.joomla-dialog-header h3, .joomla-dialog-header .h3 {
    margin: 0;
}

.joomla-dialog-header .header-icon {
    margin-inline-end: .375rem;
    font-size: 1.75rem;
}

.joomla-dialog-header.empty {
    display: none;
}

.joomla-dialog-body {
    box-sizing: border-box;
    flex: auto;
    position: relative;
}

.joomla-dialog-body .buttons-holder {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.joomla-dialog-body joomla-dialog[type="inline"], joomla-dialog[type="ajax"] .joomla-dialog-body {
    overflow: auto;
}

joomla-dialog.loading .joomla-dialog-body {
    opacity: 0;
}

joomla-dialog.loaded .joomla-dialog-body {
    opacity: 1;
    transition: opacity .4s;
}

.joomla-dialog-footer {
    border-top: 1px solid var(--border-color);
    padding: 1rem;
    position: relative;
}

.joomla-dialog-footer .buttons-holder button {
    padding-inline: 22px;
}

.joomla-dialog-footer.empty {
    display: none;
}

.joomla-dialog-alert dialog, .joomla-dialog-confirm dialog {
    width: 600px;
    max-width: 80vw;
    height: fit-content;
}

.joomla-dialog-alert .joomla-dialog-body, .joomla-dialog-confirm .joomla-dialog-body {
    padding: 1rem;
}

@media (width >= 1400px) {
    .joomla-dialog-content-select-field dialog {
        width: 95vw;
        height: 95vh;
    }
}
.joomla-dialog-media-field.loaded dialog
{
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    box-sizing: unset !important;
}

.joomla-dialog-body iframe.iframe-content {
    width: 100vw !important;
    height: calc( 100vh - 100px ) !important;
}
/* END / Bootstrap Nav Tabs reworked 2024 */