.container-fluid {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}
.same-height-right{
    padding: unset;
    border-radius: unset;
}
.main-container > .container-fluid {
    max-width: unset
}
/* Teaser-Bereich */
#teaser {
    border-top: 1px solid #f29100;
    height: calc(100vh - 150px);
    position: relative;
    background: url("../page/Teaser-Unterhalt2.jpg") no-repeat center center;
    background-size: cover;
    border-bottom: 1pt solid #f29100;
    display:flex;
    justify-content:center;
    flex-direction: column;
}

#teaserbox {
    width: 320px;
    margin: 0 0 90px 180px;
    transition: all .2s linear;
}

.teaser-title {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22.8pt;
    letter-spacing: 0pt;
    word-spacing: 0pt;
    margin-top: 0;
    margin-bottom: 19pt;
    font-weight: 400;
    color: #323232;
    line-height: 28.5pt
}

.teaser-title:before {
    content: 'Sie denken an';
    display: block;
    margin-bottom: 4.25pt
}

.teaser-title:after {
    font-family: 'Playfair Display', serif;
    display: block;
    font-size: 48pt;
    content: 'Unterhalt?'
}
#teaser .btn {
    width: 100%;
    word-spacing: .8pt;
    margin-top: 5px;
    padding: 10pt 60pt !important;
    font-size: 19pt;
    font-weight: 400;
}

.tsm-container {
    font-size: 2em;
    margin-bottom: 0 !important;
}
.tsm {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    border-radius:100%;
    width: 50px;
    height: 50px;
    margin-right: 15px;
    color: #ffffff!important;
    text-align: center;
    padding-top: 10px;
    filter:grayscale(75%);
    opacity: .8;
    transform:scale(1);
    transition: all .2s linear;
    line-height: 0!important;
    border: none!important;
}
.tsm:hover {
    filter:grayscale(0);
    opacity:1;
    transform:scale(1.125);
}
.tsm .fa,.tsm:hover .fa {
    margin-top:-5px!important;
}
.tsm-fb {
    background: #3b5998;
    color: #fff;
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.tsm-tw {
    background: #1da1f2;
    color: #fff;
    position: absolute;
    left: 75px;
    bottom: 15px;
}
.tsm-pr {
    background: #bd081c;
    color: #fff;
    position: absolute;
    left: 135px;
    bottom: 15px;
}

.teaser-trust-ao {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 100px;
    height: 100px;
    border: none!important;
    transform: scale(1);
    transition: all .2s linear;
}
.teaser-trust-ao img {
    width: 100px;
    height: 100px;
}
.teaser-trust-tuev {
    position: absolute;
    right: 130px;
    bottom: 15px;
    width: 100px;
    height: 100px;
    border: none!important;
    transform: scale(1);
    transition: all .2s linear;
}
.teaser-trust-tuev img {
    width: 100px;
    height: 100px;
}

.teaser-trust-ao:hover, .teaser-trust-tuev:hover {
    transform:scale(1.275);
}

@media (min-height:900px) and (min-width:1200px) {
    #teaserbox {
        transform: scale(1.25);
    }
}
@media (max-width:767px) {
    #teaser {
        height: calc(100vh - 51px);
    }
    .teaser-title:before {
        font-size: 19pt;
        margin-bottom: 0;
    }
    .teaser-title:after {
        font-size: 36pt;
    }
    #teaser .btn {
        text-align: center;
        max-width: 260px;
        padding: unset!important;
        padding-top: 10pt!important;
        padding-bottom: 10pt!important;
    }
    #teaserbox {
        width: auto;
        margin: 0 auto 90px;
        transition: all .2s linear;
    }
    .tsm {
        width:32px;
        height: 32px;
        font-size:14.25pt;
        bottom: 30px;
    }
    .tsm .fa {
        margin-top:-8px!important;
    }
    .tsm-fb {
        left: 15px;
    }
    .tsm-tw {
        left: 55px;

    }
    .tsm-pr {
        left: 95px;

    }
    .teaser-trust-ao {
        width: 70px;
        height: 70px;
    }
    .teaser-trust-ao img {
        width: 70px;
        height: 70px;
    }
    .teaser-trust-tuev {
        width: 70px;
        right: 90px;
        bottom: 27px;
        height: 60px;
    }
    .teaser-trust-tuev img {
        width: 70px;
        height: 70px;

    }
    @supports (-webkit-appearance: none) {
        #teaser {
            height: calc(100vh - 107px );
        }
    }
}
/* Round Corner (RC) */
.width-rc {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45);
}
.rc {
    clear: both;
    height: 50px;
    display: grid;
    grid-template-columns: auto 1060px auto;
}
.rc-u {
    filter: drop-shadow(0 6px 3px rgba(0, 0, 0, 0.075));
}
.rc-l {
    filter: drop-shadow(0 -6px 3px rgba(0, 0, 0, 0.075));
}
.rc-inner {
    display: grid;
    grid-template-columns: 50px auto 50px;
}
.rc-ul {
    width: 50px;
    height: 50px;
    background: url(../libs/img/symbols/ecken/3.svg) no-repeat left top;
}
.rc-ur {
    width: 50px;
    height: 50px;
    background: url(../libs/img/symbols/ecken/4.svg) no-repeat left top;
}
.rc-ll {
    width: 50px;
    height: 50px;
    background: url(../libs/img/symbols/ecken/1.svg) no-repeat left top;
}
.rc-lr {
    width: 50px;
    height: 50px;
    background: url(../libs/img/symbols/ecken/2.svg) no-repeat left top;
}
.rc-white {
    height: 50px;
    width: 100%;
    background: #ffffff;
    display: inline-block;
}
.rc-blank {
    height: 50px;
    width: 100%;
    display: inline-block;
}
.rc-ur:before,
.rc-ul:before,
.rc-ll:before,
.rc-lr:before {
    display: none;
}
@media (min-width: 768px) and (max-width: 1066px) {
    .rc {
        display: block;
    }
    .rc .rc-white {
        display: none;
    }
}
@media (max-width: 767px) {
    .rc {
        display: none;
    }
}
/* Elitexperts */
#experten h2 {
    font-family:"Source Sans Pro";
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 2.125pt 2.125pt 4.25pt rgba(0, 0, 0, .1667);
    margin-top: 9.5pt !important;
}

#eeform {
    margin-top: -4.75pt
}

.input-group-addon {
    background-color: #f29100;
    color: #fff;
    border: 1px solid #868686
}

#experten input.form-control {
    border-color: #f29100 !important
}

.ee-box {
    border: 1px solid #868686;
    position: relative;
    margin-top: 10px;
    height: 100px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 3pt 3pt 3pt 12pt;
    transition: all .25s ease-in-out;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.ee-box:hover {
    border-color: #f29100;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)
}

.ee-upper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 34.25pt;
    background: #868686;
    transition: all .25s ease-in-out
}

.ee-box:hover .ee-upper {
    background: #f29100
}

.ee-image {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -45px
}

.ee-image .info-icon {
    margin: 0;
    width: 67.5px;
    height: 90px;
    background-size: cover;
    background-position: center center;
    border-radius: 2pt 2pt 2pt 8pt;
    border: 3pt solid #fff
}

.ee-upper-branche {
    position: absolute;
    left: 82px;
    top: 0;
    font-size: 9.5pt !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1.337pt
}

.lower .row p.ee-upper-name {
    font-size: 13.5pt !important;
    position: absolute;
    left: 82px;
    top: 13.25pt;
    font-weight: 700 !important;
    color: #fff !important
}

.lower .row p.ee-body-ort {
    position: absolute;
    left: 82px;
    top: 40pt;
    font-size: 9.5pt !important;
    letter-spacing: .337pt;
    line-height: 13.75pt !important
}
@media (max-width:767px){
    #experten h2 {
        font-size: 24pt!important;
        margin-top:30px;
    }
}
/* Typography */
h1, h1 * {
    line-height: 1em!important;
    margin-bottom: 17.5pt;
    margin-top: 30pt;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: normal;
    font-size: 38pt!important;
    text-align: center;
    color: #323232;
}
.lower .row h2 {
    letter-spacing: -.5pt;
    line-height: 38pt;
    margin-bottom: 8pt;
    margin-top: 9.5pt;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 30pt!important;
    text-align: center;
}
.lower .row .unterhaltsrecht h4 {
    line-height: 19pt!important;
    margin-bottom: 2pt;
    margin-top: 19pt;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 17pt!important;
}

.unterhaltsrecht h5 {
    font-size: 13.5pt;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.4em;
}

.lower .row .einleitung-headline {
    font-size: 24.5pt!important;
    line-height: 28.5pt!important;
    margin-bottom: 5px!important;
    margin-top:-7px;
}
.lower .row .einleitung-subheadline {
    font-size: 19pt!important;
    line-height: 19pt!important;
    margin-bottom: 9.5pt!important;
}

.expertentipp-title {
    float: left;
    display: inline-block;
    margin: 0 .4em 0 0!important;
    font-weight: bold!important;
    /* font-weight: 400!important; */
    color: #d68100;
}

#top-ratgeber img{outline:1px solid #e6e6e6}
p {
    font-size: 14.25pt;
    font-weight:normal !important;
    line-height:1.5em!important;
    margin-bottom:1em!important;
}
ul li {
    font-size: 14.25pt!important;
    font-weight: 400!important;
    line-height: 1.5em!important;
    position: relative;
    margin: 0 0 1em 1em!important;
    display: block;
}
ul li:before{
    margin-left:-14.25pt;
}

/* grids */
.grid-gs {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 38% auto;
}
.grid-2 {
    display:grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
}
.grid-3 {
    display:grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px){
    h1, h1 * {
        font-size:30pt!important;
        line-height:1.2em!important;
        margin-top:38pt!important;
        margin-bottom:30pt;
    }
    h1 span {
        line-height: 0!important;
        margin-top:0!important;
        margin-bottom:0;
    }
    .grid-gs,.grid-2{
        display: block;
    }
    .lower .row .einleitung-headline {
        text-align: center;
    }
}



/* einleitung */
.einleitung figure {
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 3pt;
    margin-bottom:15px;
}
.einleitung figcaption {
    font-size:10.5pt;
    padding: 3px 5px;
}
.unterhaltsrecht p{
    text-align: justify;
}
.unterhaltsrecht ul li {
    text-align: justify;
}
.margin-top-none {
    margin-top: 0!important
}
.margin-bottom-none {
    margin-bottom: 0!important
}
.lower .row .unterhaltsrecht h3 {
    font-size: 24.5pt!important;
    line-height: 28.5pt!important;
    margin-bottom: 10px!important;
}
/* Tables */
.grid-table{
    background: #326996;
    padding: 15px 15px 30px;
    border-radius: 3px 3px 3px 12px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0,0,0,.24), 0 3px 6px rgba(0,0,0,.32), inset -15px -15px 30px rgba(0,0,0,.4), inset 15px 15px 30px rgba(255,255,255,.2);

}
.grid-table-1 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 40% 30% 30%;
    width: calc(100% - 30px);
}
.grid-table-1 .grid-item{
    font-size:14.25pt;
    color: #fff;
}
.grid-table-headline {
    font-size:16.15pt;
    font-family:"Playfair Display", sans;
    color:#fff;
    margin-bottom: 10px;

}
.grid-table-header {
    font-weight:bold;
    border-bottom: 2px solid rgba(255,255,255,.4);
}
.unterhaltsrecht-inhaltsverzeichnis {
    position: relative;
    padding: 30px 15px 15px;
    border: 1px solid #ccc;
    border-radius: 3pt 3pt 3pt 12pt;
    margin-left: 15px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.unterhaltsrecht-inhaltsverzeichnis .grid-2, .unterhaltsrecht-inhaltsverzeichnis .grid-3 {
    grid-gap: 15px!important;
}
.unterhaltsrecht-inhaltsverzeichnis ol li{
    margin-left: 1.75em!important;
}

.unterhaltsrecht-inhaltsverzeichnis ol li:before{
    left: -1.75em;
    color: #d68100;
}
.unterhaltsrecht-inhaltsverzeichnis li a{
    color: #323232;
    border-bottom: 1px dotted #d0d0d0;
    width: 100%;
    display: inline-block;
}
.unterhaltsrecht-inhaltsverzeichnis li a:hover{
    color: #d68100;
    border-bottom: 1px solid rgba(242,145,0,.6);
}
.unterhaltsrecht-inhaltsverzeichnis h3 {
    position: absolute;
    padding-left: 1.4em;
    margin: 0 !important;
    top: -20px;
    left: -15px;
    background: #fff;
    padding-right: 5px;
}
.unterhaltsrecht-inhaltsverzeichnis h3 .fa{
    position: absolute;;
    left:0;
    top: 0;
    font-size:.6em;
    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    background: rgba(242,145,0,.8);
    color: #fff;
    border-radius:2em 2em;
    overflow: hidden;
    text-align: center;
    padding-top: 8px;

}

@media(max-width:767px) {
    .unterhaltsrecht-inhaltsverzeichnis{
        margin-top: 60px;
        margin-bottom: 40px;
        border: none;
        padding: 30px 0 15px;
    }
    .grid-table{
        padding: 10px 10px 20px;
    }
    .grid-table-1 {
        grid-template-columns: 46% 27% 27%;
    }
    .grid-table-1 .visible-xs{
        display: inline-block!important;
    }
    .lower .row .unterhaltsrecht-inhaltsverzeichnis h3{
        padding-left:0;
    }
    .lower .row .unterhaltsrecht-inhaltsverzeichnis h3 .fa{
        display: none;
    }
    .lower .row .unterhaltsrecht-inhaltsverzeichnis ol li{
        font-size:14.25pt!important;
    }
}


.ratgeber-grid{
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 30% auto;
    transition: all .2s linear;
}
.ratgeber-grid figure {
    width: 100%;
    border: 1px solid #f29100;
    position: relative;
    border-radius: 3px 3px 3px 12px;
    overflow:hidden;
}
.ratgeber-grid figure figcaption{
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    display: inline-block;
    background: #f29100;
    padding: 2px 6.33333327pt;
    color: #ffffff;
    font-weight: bold;
    z-index: 10;
    filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.4));
}
.ratgeber-grid figure img{
    width: 100%;
}
.ratgeber-grid figure.ratgeber-image-mobil {
    display: none;
}
.ratgeber-grid h3 {
    margin-bottom:2.125!important;
}
.ratgeber-grid p {
    margin-bottom:9.5pt!important;
}
.ratgeber-grid ul {
    margin-top:9.5pt!important;
}
ul.arrow li.font-x2:before{
    top: .25em!important;
}
@media (min-width:768px) and (max-width:991px){
    .ratgeber-grid{
        grid-gap: 15px;
        grid-template-columns: 38% auto;
    }

}
@media (max-width:767px){
    .ratgeber-grid{
        display:block;
    }
    .lower .row .ratgeber-grid h3 {
        font-size:19pt!important;
    }
    .ratgeber-desktop-left {
        display: none;
    }
    .ratgeber-grid figure.ratgeber-image-mobil {
        display: block;
    }
    .grid-table{
        box-shadow: 0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.16), inset -6px -6px 12px rgba(0,0,0,.4), inset 6px 6px 12px rgba(255,255,255,.2);
    }
    .expertentipp {
        padding: 15px 15px 0;
    }
    .expertentipp:before{
        transform: scale(.8);
        top: -20px;
        left: -20px;
    }
    ul li.font-x2 {
        font-size: 21.5pt!important;
        line-height: 1.2em!important;
        margin-left: 0!important;
    }
    ul li.font-x2:before {
        top: .1em!important;
    }
}