/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 24.04.2017, 18:16:03
    Author     : christoph
*/

html {
    font: unset !important;
    font-size: 100.01%;
    scroll-behavior: smooth;
}

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    /*		margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;*/

    color: #2d2d2d;
    font-family: Arial !important;

    word-wrap: normal;
}

a {
    color: #a88c64;
}

#top__anchor {
    display: none;
}

.instructionModule {
    background-color: #fffcf4;
    border-radius: 5px 5px 1px 1px;
    border-color: #868678;
    border-style: solid;
    border-width: 2px 1px 1px 5px;
    padding: 7px;
    margin: 2rem 0 1rem 1rem;
}

.justified-gallery {
    width: 90%;
}

p {
    margin-bottom: 1em !important;
    font-size: unset !important;
}

p + p {
    text-indent: 0em !important;
    margin-top: -1.0em !important;
}


body {
    padding-top: 0px;
}

#navPanel {
    font-size: 0.90rem !important;
}

/* List */

#content ul > li {
    list-style-type: none;
    /*background-color: rgba(227, 218, 204, 0.15);*/
    border-radius: 1px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 10px 0 rgba(0, 0, 0, 0.045);
    margin: 0 0 15px -15px;
    padding: 5px;
}

#content ul > li > ul > li {
    list-style: circle;
    box-shadow: none;
    margin-bottom: -5px;
}

#content ul > li > ul > li > ul > li {
    list-style: square;
    box-shadow: none;
}

li.normal, .current {
    list-style: none;
}

li.current {
    color: #605c60;
    font-weight: lighter;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
    color: #222 !important;
    letter-spacing: unset !important;
    font-weight: 600 !important;
}


/* ListModule */

.listModule {
    background-color: #ebe9d9;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 10px 0 rgba(0, 0, 0, 0.045) !important;
    padding: 5px 1px 0 5px;
    margin: 0 0 15px 10px;
    border-radius: 1px;
}
.listModule-text {
    background-color: #fff;
}

div.listModule-text ul > li {
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0px !important;
    list-style: circle !important;
}

div.listModule-text ul > li > ul > li {
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0px !important;
    list-style: square !important;
}


/* Mobile */
#navPanel, #titleBar {
    /*display: none;*/
}

.neos-nodetypes-twocolumn {
    margin-bottom: 1.0em !important;
}

/* Mobile */
@media screen and (max-width: 736px) {
    .nav.flex-column {
        display: none !important;
    }
    body {
        background: linear-gradient(135deg, rgba(246, 245, 242, 1) 10%, rgba(255, 255, 255, 1) 23%, rgba(252, 251, 248, 1) 73%) !important;
        hyphens: auto;
    }
    #content {
        padding: 5px 0;
    }
    p {
        text-align: left !important;
        hyphens: manual;
    }

    .header-title {
        font-weight: bold;
        font-size: 1.5rem;
        color: #4f3232;
    }
    .header-description {
        font-style: italic;
        font-size: 1.0rem;
        line-height: normal;
        hyphens: manual;
        padding-left: 10%;
    }

    .headerBackgroundColor {
        padding: 8px;
        text-align: justify;
        font-size: 24px;
        background: linear-gradient(135deg, rgb(228, 227, 225) 14%, rgb(255, 255, 255) 33%, rgba(249, 245, 236, 1) 70%);
        box-shadow: 10px 5px 5px lightgray;
        color: rgba(148, 94, 75, 0.86);
        border-radius: 3px;
    }

    .headerTextBlock {
        font-size: 1.1rem;
        width: 90%;
        margin-left: 7%;
    }

    .logoIcon {
        background: url(../../../Images/Logo_infoServicing_1080x280.png) no-repeat 0px 0px;
        background-size: 170px 40px;
        margin: 0 0 0px 70px;
        width: 100%;
        height: 60px;
    }


    h1, h2, h3, h4, h5, h6 {
        letter-spacing: 0px !important;
        text-align: left;
        hyphens: manual;
    }

    h1 {
        font-size: 1.3rem !important;
        margin-bottom: 0.5em !important;
    }

    h2 {
        font-size: 1.25rem !important;
        margin-bottom: 0.3em !important;
    }

    h3 {
        font-size: 1.20rem !important;
        margin-bottom: 0.2em !important;
    }

    h4 {
        font-size: 1.15rem !important;
        margin-bottom: 0.2em !important;
    }

    h5 {
        font-size: 1.1rem !important;
        margin-bottom: 0.2em !important;
    }

    h6 {
        font-size: 1.0rem !important;
        margin-bottom: 0.2em !important;
    }
}

/**  stö  */

/**  Desktop, Tablet  */
/**  stö  ersetzt main.css 2149  */
@media screen and (min-width: 736px) {
    .main-nav-submenu-responsive {
        display: none;
    }

    body {
        background: linear-gradient(135deg, rgba(246, 245, 242, 1) 10%, rgba(255, 255, 255, 1) 23%, rgba(252, 251, 248, 1) 73%) !important;
    }
    #content {
        background: #ffffff;
        padding: 10px;
    }
    p {
        text-align: justify !important;
        hyphens: auto;
    }
    header {

    }
    .container {
        /*max-width: unset !important;*/
        max-width: 100%;
    }
    .header {
        width: 99% !important;
        margin-left: 0.5%;
        margin-top: 5px;
        margin-bottom: 11px;
    }
    .header-title {
        font-weight: bold;
        font-size: 2.8rem;
        line-height: normal;
        letter-spacing: 1px;
        color: #4f3232;
        text-align: center;
    }
    .header-description {
        font-style: italic;
        font-size: 1.1rem;
        hyphens: manual;
        padding-left: 25%;
    }

    .headerBackgroundColor {
        padding: 8px;

        /*margin: 5px 0 11px 0;*/
        /*width: 100vw !important;*/
        /*max-width: unset;*/
        text-align: justify;
        font-size: 24px;
        background: linear-gradient(135deg, rgb(228, 227, 225) 14%, rgb(255, 255, 255) 33%, rgba(244, 243, 240, 1) 70%);
        box-shadow: 10px 5px 5px lightgray;
        color: rgba(148, 94, 75, 0.86);
        border-radius: 3px;
    }

    .logoIcon {
        background: url(../../../Images/Logo_infoServicing_1080x280.png) no-repeat 0px 0px;
        background-size: 240px 65px;
        margin-top: 5px;
        width: 35%;
        height: 60px;
        float: left;
    }

    .headerTextBlock {
        font-size: 1.3rem;
        margin: 15px 0 0 0;
        width: 60%;
        float: right;
    }

    .dropotron {
        font-size: 1.0rem;
    }



    /**  stö  */
    h1 {
        font-size: 1.8rem !important;
        margin-bottom: 0.5em !important;
    }

    h2 {
        font-size: 1.6rem !important;
        margin-bottom: 0.2em !important;
    }

    h3 {
        font-size: 1.4rem !important;
        margin-bottom: 0.2em !important;
    }

    h4 {
        font-size: 1.3rem !important;
        margin-bottom: 0.2em !important;
    }

    h5 {
        font-size: 1.2rem !important;
        margin-bottom: 0.2em !important;
    }

    h6 {
        font-size: 1.1rem !important;
        margin-bottom: 0.2em !important;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 600 !important;
    }

    /**  stö  */
}


img {
    filter: drop-shadow(5px 5px 5px #9e9e9e);
}

/* ListModule */
.listModule {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 10px 0 rgba(0, 0, 0, 0.045) !important;
    width: 90%;
    padding: 5px 1px 0 5px;
    margin: 0 0 15px 1rem;
    border-radius: 1px;
    border-top: 1px #eae6cb solid;
    border-right: 1px #f6f5e9 solid;
    background-color: #dedec9;
    /*background: linear-gradient(90deg, rgb(209, 209, 155) 0.3%, rgb(252, 253, 253) 0.5%, rgb(243, 248, 249) 1.3%, rgb(246, 250, 251) 100%);*/
}

div.listModule > p:first-child {
    margin-bottom: 0 !important;
    padding: 0 0 0 .15em;
    font-weight: bold;
    font-size: 110% !important;
    border-bottom: 2px #cbc7ae solid;
}

.listModule-text {
    background-color: #fff;
    padding-left: 0.5em;
}

div.listModule-text > p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

div.listModule-text ul > li {
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0px !important;
    list-style: circle !important;
}

div.listModule-text ul > li > ul > li {
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0px !important;
    list-style: square !important;
}

/*SubPage navigation*/
.nav.flex-column {
    display: block;
}
#content .neos-nodetypes-navigation-navigation {
    display: block;
    /*position: sticky;*/
    top: 0;
    z-index: 100;
    width: 104%;
    margin-left: -2%;
}

ul.nav {
    /*background-color: #d9d4ca;*/
    /*background-image: linear-gradient(270deg, #9E5D5D, #9E5D5D, #9E5D5D, #625151);*/
    padding: 0.2em 2% 0.2em 0.2em !important;
    margin: -0.5% 0 2% 0;
    text-align: center;
}
.nav > li > a {
    padding: 0.1em 0.9em;
    font-size: 90% !important;
}
.sub-pages-navigation ul > li {
    background-color: #8b6c5f;
    padding: 0.1em 0.9em;
    font-size: 90% !important;
}

li.nav-item {
    display: inline-block;
    color: white !important;
    font-size: 100%;
    text-align: center !important;
    background-color: #625e5b;
    border: solid black 1px;
    /*width: 19%;*/
    margin: 0.2em 0.3em 0.2em 0.3em !important;
    padding: 2px !important;
}
a.navbar-brand {
    display: none;
}
#titleBar .toggle {
    /*display: none;*/
}
.logoIcon {
    /*margin: unset;*/
}

li.nav-item > a {
    color: white !important;
    font-size: medium;
    font-weight: bolder;
    letter-spacing: 0.12em;
}
.nav-link.current {
    font-weight: bold !important;
    text-decoration: underline;
}
.nav > li > a:hover {
    text-decoration: underline;
    background-color: unset;
}

.teaser {
    color: #262626;
    background-color: #f5f5f5;
    padding: 1.6%;
    border-style: solid;
    border-radius: 2px;
    border-color: #bebebe;
    border-width: thin;
    margin-bottom: 15px;
    min-height: 80px;
    box-shadow: 2px 3px 3px lightgray;
    hyphens: manual;
}

.teaser:hover {
    border-color: #7a7a7a;
    box-shadow: 4px 5px 4px gray;
}

.teaser-title {
    color: #393939;
    padding: 0px;
}

.teaser-text {
    line-height: 1.5em;
    font-size: 1.0em;
    /*pointer-events: none !important;*/
}

.right {
    float: right;
    margin-left: 15px;
}

h3 + div.teaser-text {

}

h4 + div.teaser-text {

}

.noHover {
    text-decoration: none !important;
}


/* Nav from main.css */

.panel-body {
    background-color: #D4CDCE;
    padding: 3px 7px;
    margin: 25px 23px 0 23px;
    text-align: center;
}

.language-menu {
    margin-top: 0 !important;
    z-index: 100000 !important;
}

div > span.language-menu-full {
    background-color: #b39ba3;
    padding: 3px 5px 3px 5px;
    border-radius: 3px;
    font-weight: bold;

}

#nav {
    padding-top: 1%;
    margin-bottom: -2%;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
}

#nav ul {
    text-align: center;
}

#nav > ul > li {
    text-align: center !important;
    background-color: #d9e1de;
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
    margin: 5px 1px 0 1px;
}
#nav > ul > li > a {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
}
#nav > ul > li.active a {
    font-weight: bold !important;
    color: black;
}



#nav li.opener:not(.normal) .icon {
    font-weight: bold;
    color: #6b282f;
    border-radius: 3px;
}

#nav li.normal .icon {
    color: #6b282f;
}

#nav li.current .icon {
    font-weight: bold;
    color: #6b282f;
    margin: 0px 5px 0 5px;
    border-radius: 3px;
}

#nav li.current .opener .icon, #nav li.opener {
    font-weight: bold;
    color: #6b282f !important;
    padding: 0 5px;
    border-radius: 3px;
}

ul.dropotron {
    background-color: #dfe4e6 !important;
    width: 340px;
    padding: 3px;
    margin: 10px;
}

ul.dropotron li {
    background-color: #d3dbd8;
    padding: 0.2rem 0.2rem 0.2rem 0.5rem;
    font-size: 140%;
}

ul.dropotron li:hover > a {
    background-color: #d0d6d8 !important;
    color: #563434 !important;
    font-weight: bold;
    text-decoration: unset;
}

ul.dropotron li:first-child > a {
    border-top: 0;
    padding-top: 10px !important;
    margin-top: 10px;
}

ul.dropotron a {
    background-color: #dfe4e6 !important;
    color: #6b282f;
    font-weight: normal;
    font-style: normal;
    padding: 10px;
    text-align: center;
    font-stretch: expanded !important;
}

:root {
    --bs-breadcrumb-divider: '|' !important;
}

.breadcrumb{padding-left:0;color:#5b5b5b;background-color:transparent}
.breadcrumb li{display:inline}

ul.breadcrumb {
    font-style: italic;
    font-size: 14px;
    margin: 5px 23px -15px 23px;
}

/* from NeosDemo*/
/* START */
.typo3-neos-alignment-right {
    float: right;
    margin-left: 2em;
    margin-bottom: 1em
}
.typo3-neos-alignment-left {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em
}

img {
    max-width: 100%;
    height: auto
}
.row {
    /*margin-bottom: 2em*/
}

.language-menu {
    float: right;
    margin-top: 25px;
    font-size: 14px;
    line-height: 46px;
    position: relative;
    z-index: 1001;
    cursor: pointer;
    font-family: 'Work Sans Regular', serif
}

.language-menu div .language-menu-full {
    font-size: 14px
}

.language-menu div .language-menu-short {
    display: none
}

.language-menu div span {
    font-size: 10px
}

@media only screen and (max-width: 767px) {
    .language-menu div {
        width: 44px;
        height: 34px;
        text-align: center;
        line-height: 30px;
        text-transform: uppercase;
        margin-right: 15px;
        background-color: #a88c64;
        color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-bottom: 8px
    }

    .language-menu div .language-menu-full {
        display: none
    }

    .language-menu div .language-menu-short {
        display: inline
    }
}

.language-menu:hover ul {
    display: block
}

.language-menu ul {
    display: none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 2px #000;
    width: 100px
}

@media only screen and (max-width: 767px) {
    .language-menu ul {
        width: 42px;
        margin: 0 1px;
        text-align: center
    }
}

.language-menu ul:before, .language-menu ul:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    background-color: #fff
}

.language-menu ul:before {
    box-shadow: 0 0 2px #000;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.language-menu ul:after {
    top: 0;
    width: 20px;
    margin-left: -10px
}

.language-menu ul li {
    list-style: none;
    padding: 0 10px;
    line-height: 20px;
    margin-bottom: 10px;
    font-family: 'Work Sans Regular', serif;
    font-size: 13px;
    color: #5b5b5b
}

.language-menu ul li:first-child {
    margin-top: 10px
}

.language-menu ul li.current a {
    color: #26224C;
    text-decoration: underline
}

.language-menu ul li a {
    color: #a88c64
}

.language-menu ul li .language-menu-short {
    display: none
}

@media only screen and (max-width: 767px) {
    .language-menu ul li .language-menu-full {
        display: none
    }

    .language-menu ul li .language-menu-short {
        display: inline;
        text-transform: uppercase
    }
}

.breadcrumb {
    padding-left: 0;
    color: #5b5b5b;
    background-color: transparent
}

.breadcrumb li {
    display: inline
}
/* END  NeosDemo*/