/* cabin-condensed-regular - latin */
@font-face {
    font-family: 'Cabin Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cabin-condensed-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Cabin Condensed'), local('CabinCondensed-Regular'),
    url('../fonts/cabin-condensed-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/cabin-condensed-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/cabin-condensed-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/cabin-condensed-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/cabin-condensed-v12-latin-regular.svg#CabinCondensed') format('svg'); /* Legacy iOS */
}

.BodyClass {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;

    overflow: hidden;
    overflow-y: scroll;

    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    width: 100vw;
    height: auto;
    min-height: 100vw;


    /*-webkit-touch-callout: none; !* iOS Safari *!*/
    /*-webkit-user-select: none; !* Safari *!*/
    /*-khtml-user-select: none; !* Konqueror HTML *!*/
    /*-moz-user-select: none; !* Old versions of Firefox *!*/
    /*-ms-user-select: none; !* Internet Explorer/Edge *!*/
    /*user-select: none; !* Non-prefixed version, currently supported by Chrome, Opera and Firefox *!*/

    font-family: 'Cabin Condensed', sans-serif;
}

.MainNavigation {
    position: relative;
    display: block;
    text-align: center;
    height: auto;
}

.LogoContainer {
    display: block;
}

.NavigationElementContainer {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #bcbcbc;
}

.NavigationElementWrapper {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-around;
    align-items: stretch;
}

.NavigationElement {
    display: flex;
    align-items:center;
    border-right: 1px solid #bcbcbc;
    color: #909090;
}

.NavigationElement:last-child {
    border: none;
}

.NavigationElementLink:link      { text-decoration: none; color:#909090; }
.NavigationElementLink:visited   { text-decoration: none; color:#909090; }
.NavigationElementLink:hover     { text-decoration: none; color:black; }
.NavigationElementLink:active    { text-decoration: none; color:#909090; }
.NavigationElementLink:focus     { text-decoration: none; color:#909090; }

.NavigationElementLink.Active {
    color: black;
}

.ContentContainer {
    position: relative;
    text-align: center;
}

.ContentRow {
    position: relative;
    display: inline-block;
    height: auto;
    text-align: left;
    box-sizing: border-box;
    padding-bottom: 3px;
    padding-top: 30px;
}

.ContentLine {
    padding-top: 5px;
    border-bottom: 2px solid #4a4a4a;
}

.ContentLineThin {
    padding-top: 5px;
    border-bottom: 1px solid #4a4a4a;
}

.ContentText {
    color: #909090;
    font-size: 15px;
    line-height: 22.5px;
}

.ContentText.Center {
    text-align: center;
}

.FooterText {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 22.5px;
    color: black;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
}

.ContentRowHalb {
    float: left;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width:50%;
    vertical-align: top;
    text-align: justify;

}

.ContentRowHalb:first-child {
    padding-right: 20px;
    padding-left: 0px;
}

.ContentRowHalb:last-child {
    padding-right: 0px;
    padding-left: 20px;
}

.ContentRowDrittel {
    float: left;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width:33%;
    vertical-align: top;
    text-align: justify;
    padding-right: 0px;
    padding-left: 20px;
}

.ContentRowZweiDrittel {
    float: left;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width:67%;
    vertical-align: top;
    text-align: justify;
    padding-right: 20px;
    padding-left: 0px;
}

.ContentTextTitle {
    font-weight: bolder;
    margin-top: 15px;
    color: #a90000;
}

.ContentTextGap {
    padding-left: 25px;
    margin-top: 15px;
}

.ContentElementContainer {
    position: relative;
    box-sizing: border-box;
    display: block;
    padding: 0px;
}

.ContentElement {
    float: left;
    width: 33%;
}

.IndexElementContainer {
    display: flex;
}

.IndexBackground {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 33.3%;
    background-color: #c0c0c0;
    padding: 44px;
    margin: 2%;
}

.IndexBackground:first-child {
    margin-left: 0!important;
    margin-right: 2%;
}

.IndexBackground:last-child {
    margin-right: 0!important;
    margin-left: 2%;
}

.IndexBildElement {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.5em;
    vertical-align: bottom;
}

.IndexBild {
    vertical-align: bottom;
    position: relative;
    display: block;
    border:1px solid #858585;
    padding: 3px;
}

.IndexFloatClearer {
    clear: both;
}

.IndexTitel {
    color: white;
    font-size: 32px;
    margin-top: 45px;
}

.IndexText {
    margin-top: 20px;
    display: inline-block;
    line-height: 1.6em;
    color: black;
}

.Anwaltlink {
    font-size: 18px;
    font-weight: bolder;
}

.AnwaltlinkText {
    display: inline-block;
    margin-bottom: 5px;
}

.NavigationElementContainerOpener, .NavigationElementContainerSanitizer {
    display: none!important;
}

@media (min-width: 1031px)
{
    .ContentRow {
        width: 1000px;
    }

    .LogoContainer {
        position: relative;
        display: block;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .Logo {
        width: auto;
    }

    .NavigationElementContainer {
        width: 1000px;
        border-left: 10px solid #4a4a4a;
        border-right: 10px solid #4a4a4a;
        height: 75px;
    }

    .NavigationElement {
        padding: 30px;
        font-size: 18px;
    }
}

@media (max-width: 1030px) and (min-width: 800px)
{
    .ContentRow {
        width: 780px;
    }

    .LogoContainer {
        position: relative;
        display: block;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .Logo {
        width: auto;
    }

    .NavigationElementContainer {
        height: 60px;
        width: auto;
        border-left: 6px solid #4a4a4a;
        border-right: 6px solid #4a4a4a;
    }

    .NavigationElement {
        padding: 20px;
        font-size: 16px;
    }
}

@media (max-width: 799px) and (min-width: 666px)
{
    .ContentRow {
        width: 646px;
    }
    .LogoContainer {
        position: relative;
        display: block;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .Logo {
        width: 160px;
    }

    .NavigationElementContainer {
        height: 60px;
        width: auto;
        border-left: 4px solid #4a4a4a;
        border-right: 4px solid #4a4a4a;
    }

    .NavigationElement {
        padding: 15px;
        font-size: 14px;
    }
}

@media (max-width: 665px)
{
    .ContentContainer {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .ContentRow {
        width: 100%;
    }

    .MainNavigation {
        position: relative;
        display: block;
        text-align: center;
        min-height: 90px;
    }

    .LogoContainer {
        position: absolute;
        display: inline-block;
        left: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .Logo {
        max-width: 100px;
    }

    .NavigationElementContainerSanitizer {
        display: block!important;
        height: 90px;
    }

    .NavigationElementContainerOpener {
        position: absolute;
        display: inline-block!important;
        width: 50px;
        right: 25px;
        top: 20px;
    }

    .NavigationElementContainerOpener:hover {
        cursor: pointer;
    }

    .NavigationElementContainerOpenerImage {
        position: relative;
        width: 100%;
    }

    .NavigationElementContainerOpenerImage.Rotated {
        rotate: 90deg;
        -moz-transition: rotate 0.5s;
        -webkit-transition: rotate 0.5s;
        -o-transition: rotate 0.5s;
        transition: rotate 0.5s;
    }

    .NavigationElementContainerOpenerImage.NotRotated {
        rotate: 0deg;
        -moz-transition: rotate 0.5s;
        -webkit-transition: rotate 0.5s;
        -o-transition: rotate 0.5s;
        transition: rotate 0.5s;
    }

    .NavigationElementContainer {
        position: relative;
        box-sizing: border-box;
        display: block!important;
        width: auto;
        border:none!important;
        border-left: 4px solid #4a4a4a;
        border-right: 4px solid #4a4a4a;
        overflow: hidden;
    }

    .NavigationElementContainer.Closed {
        height: 0px;
        -moz-transition: height 0.5s;
        -webkit-transition: height 0.5s;
        -o-transition: height 0.5s;
        transition: height 0.5s;
    }

    .NavigationElementContainer.Opened {
        height: 353px;
        -moz-transition: height 0.5s;
        -webkit-transition: height 0.5s;
        -o-transition: height 0.5s;
        transition: height 0.5s;
    }

    .NavigationElement {
        padding: 15px;
        font-size: 16px;
        display: block!important;
        border: none!important;
        box-sizing: border-box;
        border-bottom: 1px solid #bcbcbc!important;
        color: #909090;
    }

    .NavigationElement:first-child {
        border-top: 1px solid #bcbcbc!important;
    }

    .NavigationElementWrapper {
        display: block!important;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
    }

    .ContentElement {
        position: relative;
        display: block;
        float: none;
        width: auto!important;
        margin-bottom: 10px;
    }

    .ContentRowHalb {
        position: relative;
        display: block;
        float: none!important;
        box-sizing: border-box;
        width:100%;
        vertical-align: top;
        text-align: justify;
        padding: 0px!important;
    }

    .ContentRowHalb:first-child {
        margin-bottom: 15px;
    }

    .ContentRowDrittel {
        float: none!important;
        position: relative;
        box-sizing: border-box;
        display: block;
        width: 100%;
        vertical-align: top;
        text-align: justify;
        padding: 0px;
    }

    .ContentRowZweiDrittel {
        float: none!important;
        position: relative;
        box-sizing: border-box;
        display: block;
        width: 100%;
        vertical-align: top;
        text-align: justify;
        padding: 0px;
    }

    .IndexElementContainer {
        position: relative;
        display: block!important;
        box-sizing: border-box;
    }

    .IndexBackground {
        position: relative;
        display: block;
        box-sizing: border-box;
        float: none!important;
        width: 100%;
        background-color: #c0c0c0;
        padding: 44px;
        margin: 0!important;
        margin-bottom: 15px!important;
    }

    .IndexBackground:first-child {
        margin: 0%!important;
        margin-bottom: 15px!important;
    }

    .IndexBackground:last-child {
        margin: 0%!important;
        margin-bottom: 15px!important;
    }
}