/*
******************************************************************
(c) sinntun.codes
******************************************************************
*/


/*****************************************************************
*********** Document
******************************************************************/

html {
    height: 100%;
}

body {
    height: 100%;
    font-size: 18px;
}

/*****************************************************************
*********** Common Selectors
******************************************************************/

p {
    font-size: 18px;
    line-height: 24px;
}

span {
    font-size: 18px;
    line-height: 24px;
}

em {
    font-size: 18px;
    line-height: 24px;
}

strong {
    font-size: 18px;
    line-height: 24px;
}

li {
    font-size: inherit;
    width: auto;
    height: auto;
    box-sizing: border-box;
}

ul {
    font-size: inherit;
    box-sizing: border-box;
}

ol {
    font-size: inherit;
    box-sizing: border-box;
}

a {
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    z-index: 999;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.image-copyright {
    color: #646464;
    font-size: 12px;
    text-align: right;
}

ul.linklist {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.linklist li {
    display: block;
}

ul.linklist a {
    display: inline-block;
    color: #000000;
}

ul.linklist a:hover {
    color: #81BF53;
}


.link-more {

}

.link-int::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f32b';
    display: inline-block;
    width: 25px;
}

.link-ext::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f14c';
    display: inline-block;
    width: 25px;
}

.link-more::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f32b';
    display: inline-block;
    width: 20px;
}

.download-link::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f019';
    display: inline-block;
    width: 40px;
}

.phone::before {
    content: '\f098';
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    display: inline-block;
    width: 30px;
    color: #1e4231;
}

.fax::before {
    content: '\f1ac';
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    display: inline-block;
    width: 30px;
    color: #1e4231;
}

.mobile::before {
    content: '\f3cd';
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    display: inline-block;
    width: 30px;
    color: #1e4231;
}

.mail::before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    display: inline-block;
    width: 30px;
    color: #1e4231;
}

.button {
    background-color: #81BF53;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 30px;
    display: inline-block;
    cursor: pointer;
}

.button:hover {
    background-color: #1E4231;
    color: #fff;
}

.button-more {
    font-size: 18px;
}

.button-back::before {
    content: '\f100';
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    display: inline-block;
    width: 30px;
}

.button-join {
    font-family: 'Signika', sans-serif;
    background-color: #81BF53;
    border: none;
    border-radius: 8px;
    width: 180px;
    height: 75px;
    color: #fff;
    font-size: 26px;
    padding: 25px 20px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.button-join:hover {
    background-color: #1E4231;
    color: #fff;
}


/* CKEditor Absätze auch im Frontend */
.texteditor h3 {
    padding-bottom: .2rem;
}

.texteditor p {
    padding-bottom: 1.33rem;
}

.texteditor h2 {
    padding-bottom: 10px;
}

.texteditor > ul {
    padding-bottom: 1.33rem;
}

.texteditor li {
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 6px;
    margin-left: 1.2rem;
}

.texteditor li li {
    margin-left: 2.4rem;
}

.texteditor a {
    color: #81bf53;
}

.texteditor ol {
    padding-bottom: 1.33rem;
}

.texteditor a:not(.no-icon):before {
    font-family: 'Font Awesome 5 Pro', sans-serif;;
    font-weight: 900;
    content: '\f054';
    margin-left: 8px;
    margin-right: 8px;
    width: auto;
    text-decoration: none;
    display: inline-block;
    color: #81bf53;
}

.texteditor a:not(.no-icon)[target="_blank"]::before {
    content: '\f08e';
}

.texteditor a:not(.no-icon)[href^="mailto:"]::before {
    content: '\f0e0';
}

.texteditor a:not(.no-icon)[href^="/download.php"]::before {
    content: '\f019';
}

.texteditor a[href^='javascript:void(location.href=\'mailto:\'']:not(.no-icon):before {
    font-family: 'Font Awesome 5 Pro', sans-serif;;
    content: '\f0e0';
    margin-left: 8px;
    margin-right: 8px;
    width: auto;
    text-decoration: none;
    display: inline-block;
}

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

.text {
    box-sizing: border-box;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 1em;
    z-index: 9999999;
}


/*****************************************************************
*********** Locator / Breadcrumb
******************************************************************/


.breadcrumb {
    font-size: 14px;
    list-style: none;
    overflow: hidden;
    width: 100%;
    display: flex;
    padding: 0;
    height: fit-content;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.breadcrumb-item {
    float: left;
}

.breadcrumb-link {
}

.breadcrumb-link,
.breadcrumb-link:hover {
    color: #707070;
}

.breadcrumb-link span {
    font-size: 16px;
    color: #707070;
}

.breadcrumb-link .sign {
    text-align: center;
    padding-left: 10px;
    padding-right: 5px;
}


/*****************************************************************
*********** Grid / Canvases
******************************************************************/

#main-navigation {
    display: inline-block;
    width: 100%;
    position: initial;
    padding: 40px 0 20px 0;
    margin: 0 auto;
}

#content-canvas {
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 0;
}

#detail-container {
    padding-top: 40px;
}

#main-canvas {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    max-width: 1400px;
    margin: auto;
}

#page-canvas {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    /*overflow: hidden;*/
    position: relative;
    margin: 0 auto;
}

/*****************************************************************
*********** Header
******************************************************************/

#head-canvas {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding-left: 0;
    padding-top: 20px;
    margin: auto;
    z-index: 1500;
}

#head-canvas .mobile-head-wrapper {
    width: fit-content;
}

@media only screen and (max-width: 1220px) {
    #head-canvas {
        padding: 15px 35px 0;
    }
}


#logo {
    width: 100%;
}

#logo img {
    width: auto;
    height: auto;
    display: block;
}

#logo .logo-mobile-img {
    display: none;
    max-width: 170px;
}

#head-image {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-height: 575px;
    margin-top: -60px;
    overflow: hidden;
}

#head-image-wave {
    position: absolute;
    top: -3px;
    width: 110%;
    z-index: 1000;
    left: -5px;
}

#head-image-wave img {
    height: auto !important;
}

#head-image img {
    width: 100%;
    z-index: -1;
    position: relative;
    object-fit: cover;
    max-height: 575px
}

#head-image .slider-caption {
    position: absolute;
    top: calc(100% - 37.5px);
    width: 100%;
    height: 75px;
    background-color: rgba(255, 255, 255, .8);
    font-family: 'Signika', sans-serif;
    font-size: 36px;
    color: #81BF53;
    padding: 15px 58px;
    box-sizing: border-box;
}


/*#### Head ####*/
#head-right {
    position: absolute;
    right: 0;
}

.head-text {
    box-sizing: border-box;
    display: block;
    text-align: center;
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    right: 0;
    margin: 0 auto;
}

/*****************************************************************
*********** Footer
******************************************************************/

#footer-canvas {
    height: auto;
    max-width: 1760px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding: 30px 0 60px;
    margin: auto;
}

#footer-canvas .column {
    overflow: hidden;
    box-sizing: border-box;
    margin-left: 0;
}

#footer-canvas .column .text {
    line-height: 22px;
}


.social-media-link {
    display: block;
    overflow: hidden;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
}

.social-media-link i {
    font-size: 33px;
}


/*****************************************************************
*********** Slider
******************************************************************/

#slider {
    width: 100%;
    display: block;
    overflow: hidden;
}

#slider .slick-slide {
    max-height: 600px;
}

#slider .slick-slide div {
    max-height: 600px;
    /*    display: menu-line;*/
}

.slick-next::before,
.slick-prev::before {
    content: '';
}

.slick-next,
.slick-prev {
    width: 24px;
    height: 46px;
    position: absolute;
    top: calc(50% - 23px);
    z-index: 999;
    cursor: pointer;
}

.slick-next {
    right: 25px;
    /*background: url(/_images/icons/slider-arrow-next.png) center center no-repeat;*/
    background-size: cover;
}

.slick-prev {
    left: 25px;
    /*background: url(/_images/icons/slider-arrow-prev.png) center center no-repeat;*/
    background-size: cover;
}

.slick-slide img {
    width: 100%;
}

.slick-dots {
    display: none;
}

.slider-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 210px;
    transform: translate(0, -50%);
}

a.slide.slick-slide {
    line-height: unset;
}

.slider-caption span {
    display: block;
    text-align: center;
}

#back-to-top-canvas {
    display: none;
    float: right;
    top: 90%;
    width: 3.5555555556rem;
    height: 3.5555555556rem;
    margin-right: 35px;
    background-color: rgba(112, 112, 112, .4);
    right: 0;
    cursor: pointer;
    position: fixed;
    z-index: 1000;
}

#back-to-top-canvas .back-to-top {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 10px;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 12px);
    transform: rotate(-134deg);

}

@media only screen and (max-width: 900px) {
    .slider-caption {
        display: none !important;
    }
}



/* quill adaptions
*****************************************  */

p[linebreak="true"] {
    margin-bottom: 0;
    padding-bottom: 0;
}

ol li[data-list="bullet"] {
    list-style: disc outside;
    margin-left: 20px;
}

ol li[data-list="ordered"] {
    list-style: decimal outside;
    margin-left: 20px;
}

.texteditor ol li[data-list="bullet"] {
    list-style: disc outside;
}