/*
font-family:'Avenir Next W01 Light';
font-family:'AvenirNextLTW01-Regular';
*/



* {
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
    width: device-width;
}

img {
    border: none;
    font-size: 0;
}

.hidden {
    display: none;
}

html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Avenir Next W01 Light', sans-serif;
    line-height: 170%;
    margin: 0px 0px 0px 0px;
    font-size: 19px;
    color: #333;
    position: relative;
    height: 100%;
    overflow-y: scroll;
    background: #191919;
}

a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease-in;
    border: 0;
}

a:hover {
    color: #005c8a;
}

b, strong {
    font-family: 'AvenirNextLTW01-Regular', sans-serif;
    font-weight: normal;
    color: #222;
}

p {
    margin-bottom: 8px;
}

.clearfix, .clr, .clear {
    clear: both;
}

small, .small {
    font-size: 16px;
}



#quick_contact {
    display: block !important;
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 999999;
}

#quick_contact a {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
    background: #005c8a;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#quick_contact a:nth-child(1) img {
    display: block;
    height: 32px;
    width: auto;
}

#quick_contact a:nth-child(2) img {
    display: block;
    width: 32px;
    height: auto;
}

#wrapper {
    position: relative;
    width: 100%;
    background: #ffffff;
    max-width: 1920px;
    margin: 0 auto;
    height: auto;
    min-height: 100%;
    overflow: hidden;
}



#webpage  {
    transform: translateX(0);
    transition: transform 0.3s ease-in;
    width: 100%;
    position: relative;
    height: auto;
    min-height: 100%;
}

#webpage.menu_active {
    transform: translateX(300px);
}

#webpage_overlay {
    position: absolute;
    z-index: 60;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.75);
    transition: opacity 0.3s ease-in, visibility 0s 0.3s;
    visibility: hidden;
    opacity: 0;
}

#webpage_overlay.menu_active  {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in, visibility 0s 0s;
}




#header_wrapper_fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 150px;
    pointer-events: none;
    z-index: 70;
}

#header_wrapper {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 150px;
    overflow: hidden;
}

#header {
    position: relative;
    height: 150px;
    width: 100%;
    left: 0;
    transition: transform 0.3s ease-in;
    z-index: 10;
}

#header.menu_active {
    transform: translateX(300px);
}

#header #logo {
    position: absolute;
    right: 0;
    top: 25px;
    width: 1920px;
    height: auto;
    pointer-events: auto;
    display: block;
    z-index: 10;
}

.logo_st0 { fill: rgba(255,255,255,0.95); }

.logo_st0.opaque { fill: rgba(255,255,255,1); }

.logo_st1 {
    fill:#790023;
    transition: fill 0.3s ease-in;
}

.logo_st2 {
    fill:#005c8a;
    transition: fill 0.3s ease-in;
}


#header #vdup {
    position: absolute;
    height: 60px;
    line-height: 60px;
    top: 57px;
    right: 160px;
    z-index: 20;
    font-size: 24px;
    transition: color 0.3s ease-in;
}

#header #phone {
    height: 60px;
    line-height: 60px;
    top: 58px;
    left: 143px;
    right: 540px;
    position: absolute;
    font-size: 21px;
    z-index: 20;
    pointer-events: auto;
    text-align: center;
    transition: color 0.3s ease-in;
}

#header.menu_active .logo_st1 {
    fill:#eedfe3;
}

#header.menu_active .logo_st2 {
    fill:#bfd6e2;
}

#header.menu_active #vdup, #header.menu_active #phone, #header.menu_active #phone a {
    color: #cccccc;
    pointer-events: none;
}

#mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #fff;
    z-index: 5;
    display: none;
}

#mask.opaque {
    display: block;
}



#rmenu {
    position: absolute;
    left: 30px;
    top: 68px;
    z-index: 99999;
    height: 40px;
    line-height: 36px;
    font-size: 21px;
    transition: transform 0.3s ease-in;
    pointer-events: auto;
    display: inline-block;
    transform: translateY(0);
}

#rmenu #rmenu_icon {
    display: block;
    width: 40px;
    height: 2px;
    background: rgba(121,0,35,1);
    position: relative;
    top: 19px;
    left: -60px;
    transition: background 0s 0.15s;
}

#rmenu.menu_active #rmenu_icon {
    background: rgba(121,0,35,0);
}

#rmenu #rmenu_icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 2px;
    background: rgba(121,0,35,1);
    position: absolute;
    top: -12px;
    transition: top 0.15s ease-in 0.15s, transform 0.15s ease-in 0s;
}

#rmenu_trigger {
    cursor: pointer;
    display: inline-block;
    padding-left: 60px;
    transition: color 0.3s ease-in;
}

#rmenu_trigger:hover {
    color: #003c82;
}

#rmenu #rmenu_icon:after {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 2px;
    background: rgba(121,0,35,1);
    position: absolute;
    top: 12px;
    transition: top 0.15s ease-in 0.15s, transform 0.15s ease-in 0s;
}

#rmenu.menu_active #rmenu_icon:before {
    top: 0px;
    transition: top 0.15s ease-in 0s, transform 0.15s ease-in 0.15s;
    transform: rotate(135deg);
}

#rmenu.menu_active #rmenu_icon:after {
    top: 0px;
    transition: top 0.15s ease-in 0s, transform 0.15s ease-in 0.15s;
    transform: rotate(-135deg);
}




#menu_container {
    position: fixed;
    width: 300px;
    min-height: 100%;
    top: 0;
    z-index: 100;
    overflow: hidden;
    pointer-events: none;
}

#menu_wrapper {
    position: absolute;
    top: 0;
    width: 300px;
    height: 100%;
    overflow: hidden;
    transform: translateX(-300px);
    transition: transform 0.3s ease-in;
}

#menu {
    background: #005c8a;
    width: 330px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9999999;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto;
}

#menu_wrapper.menu_active {
    transform: translateX(0);
}

#menu ul {
    width: 240px;
    position: relative;
    list-style: none;
    font-size: 19px;
    color: #fff;
    position: relative;
    left: 30px;
    top: 30px;
}

#menu ul li {
    position: relative;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    line-height: 100%;
}

#menu ul li:last-child {
    border-bottom: none;
}

#menu ul li a {
    color: #fff;
    padding: 12px 0;
    display: block;
    transition: transform 0.25s ease-in;
    width: calc(100% - 26px);
    transform: translateX(0);
    font-family: 'AvenirNextLTW01-Regular', sans-serif;
}

#menu ul li.current a, #menu ul li a:hover {
    transform: translateX(26px);
}


#menu ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 14px;
    width: 18px;
    height: 16px;
    transform: translateX(-50px);
    background: url(../images/logo_icon.svg) center center no-repeat;
    background-size: contain;
    transition: transform 0.28s ease-in;
}

#menu ul li.current a:before, #menu ul li a:hover:before {
    transform: translateX(-26px);
}



#slider {
    position: relative;
    width: 100%;
    background: #ccc;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
}





#content {
    position: relative;
    width: 1120px;
    margin: 0 auto;
    text-align: justify;
    margin-top: 80px;
    padding-bottom: 550px;

}

#content h1 {
    font-size: 38px;
    color: #005c8a;
    margin-bottom: 30px;
    line-height: 140%;
    font-weight: normal;
    text-align: left;
}

#content h1.centered {
    text-align: center;
}

#content h1.centered strong {
    font-size: 48px;
    display: inline-block;
    padding-bottom: 10px;
    color: #005c8a;
    font-weight: normal;
    font-family: 'Avenir Next W01 Light', sans-serif;
}

#content h2 {
    font-size: 27px;
    color: #005c8a;
    margin-bottom: 30px;
    line-height: 130%;
    font-weight: normal;
    text-align: left;
}

#content h3 {
    font-size: 23px;
    color: #005c8a;
    margin-bottom: 10px;
    line-height: 130%;
    font-weight: normal;
    text-align: left;
}



/* Home - andere Page */

/*

.teaser {
    display: flex;
    justify-content: space-around;
}

.teaser a {
    display: block;
    width: 200px;
    text-align: center;
    line-height: 150%;
    font-size: 18px;
    color: #333;
}

.teaser a:hover {
    color: #333;
}

.teaser a svg {
    display: block;
    width: 105px;
    margin: 0 auto 17px;
}

.teaser a svg .st0 {
    fill: #333;
}

.teaser a:hover svg .st0 {
    fill: #790023;
}

.teaser a span.headline {
    display: block;
    font-size: 20px;
    margin-bottom: 2px;
    color: #005c8a;
    font-family: 'AvenirNextLTW01-Regular', sans-serif;
}

.teaser a:hover span.headline {
    color: #790023;
}

*/


/* Home */

.image_team {
    display: block;
    margin: 0 auto;
}



/* Team */

.clm2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.clm2 > div {
    margin-bottom: 85px;
    width: 516px;
    text-align: center;
    font-size: 21px;
}

.clm2 > div img {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}



#content ul {
    list-style: none;
}

#content ul.list li {
    padding-left: 15px;
    position: relative;
    text-align: left;
    line-height: 160%;
    margin-bottom: 10px;
}

#content ul.list li:before {
    content: '';
    display: block !important;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 13px;
    background: #005c8a;
    border-radius: 50%;
}



a.link {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

a.link:before {
    content: '';
    position: absolute;
    display: block;
    border-left: 6px solid #005c8a;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    left: 0;
    top: 11px;
}




/* Relocation Service Tabelle */

.tabelle {
    width: 100%;
    border: 1px solid #005c8a;
    margin-bottom: 100px;
}

.tabelle td {
    vertical-align: center;
    padding: 4px 10px;
    text-align: left;
}

.tabelle td:first-child, .tabelle td:last-child {
    text-align: right;
}

.tabelle tr:nth-child(odd) td {
    background: #f5f8f9;
}



.tabelle tr:first-child td {
  background: #005c8a;
  color: #fff;
    font-family: 'AvenirNextLTW01-Regular', sans-serif;
}

.tabelle .mail {
  width: 35px;
  height: auto;
  float: right;
}




/* Kontakt */

#map {
    position: absolute;
    right: 0;
    top: 95px;
    width: 600px;
    height: 350px;
    background: #eee;
}






/* Kostenfreie Beratung */

#kostenfreie_beratung {
    text-align: center;
    margin-top: 40px;
}

.kostenfreie_beratung {
    display: inline-block;
    border: 1px solid #005c8a;
    margin: 0 auto;
    padding-bottom: 13px;
    font-size: 23px;
    line-height: 150%;
    font-family: 'AvenirNextLTW01-Regular', sans-serif;
}

#content .kostenfreie_beratung h2 {
    background: #005c8a;
    color: #fff;
    padding: 5px 20px;
    font-size: 30px;
    margin-bottom: 13px;
    font-family: 'AvenirNextLTW01-Regular', sans-serif;
}






#footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 350px;
    background: #005c8a;
    color: #fff;
    z-index: 50;
    transition: transform 0.3s ease-in;
    transform: translateX(0);
}

#footer.menu_active {
    transform: translateX(300px);
}

#footer_overlay {
    position: absolute;
    z-index: 70;
    left: 0;
    right: 0;
    top: -150px;
    bottom: 0;
    background-color: rgba(255,255,255,0.75);
    transition: opacity 0.3s ease-in, visibility 0s 0.3s;
    visibility: hidden;
    opacity: 0;
}

#footer_overlay.menu_active  {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in, visibility 0s 0s;
}



#footer #footer_inner {
    width: 1120px;
    height: 350px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 60;
    padding-top: 70px;
    box-sizing: border-box;
    font-size: 21px;
    line-height: 180%;
}

#footer #footer_inner #icon_footer {
    display: block;
    width: 220px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    top: -75px;
}

#footer h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 5px;
}

#footer .small {
    font-size: 18px;
}

#footer p {
    margin-bottom: 20px;
}

#footer a {
    color: #fff;
}






@media (max-width: 1270px) { 
    
    .hd_smallscreen {
        display: none;
    }

}



@media (max-width: 1180px) { 

    body {
        font-size: 16.15px;
    }

    p {
        margin-bottom: 7px;
    }

    small, .small {
        font-size: 13.6px;
    }

    #header_wrapper_fixed {
        height: 128px;
    }

    #header_wrapper {
        height: 128px;
    }

    #header {
        height: 128px;
    }

    #header #logo {
        top: 21px;
        width: auto;
        height: 105px;
    }

    #header #vdup {
        height: 51px;
        line-height: 51px;
        top: 48px;
        right: 136px;
        font-size: 20.4px;
    }

    #header #phone {
        height: 51px;
        line-height: 51px;
        top: 49px;
        left: 124px;
        right: 460px;
        font-size: 17.85px;
    }

    #mask {
        height: 51px;
    }



    #rmenu {
        left: 25px;
        top: 54px;
        line-height: 36px;
        font-size: 17.85px;
    }

    #rmenu #rmenu_icon {
        top: 19px;
        left: -55px;
    }

    #rmenu_trigger {
        padding-left: 55px;
    }



    #content {
        width: 952px;
        margin-top: 68px;
        padding-bottom: 467px;
    }

    #content h1 {
        font-size: 32.3px;
        margin-bottom: 25px;
    }

    #content h1.centered strong {
        font-size: 40.8px;
        padding-bottom: 9px;
    }

    #content h2 {
        font-size: 22.95px;
        margin-bottom: 25px;
    }

    #content h3 {
        font-size: 19.55px;
        margin-bottom: 9px;
    }

    /* Home */

    .image_team {
        width: 340px;
        height: auto;
    }



    /* Team */

    .clm2 > div {
        margin-bottom: 72px;
        width: 438px;
        font-size: 17.85px;
    }

    .clm2 > div img {
        margin-bottom: 17px;
    }



    #content ul.list li {
        padding-left: 13px;
        margin-bottom: 9px;
    }

    #content ul.list li:before {
        width: 5px;
        height: 5px;
        top: 10px;
    }



    a.link {
        padding-left: 13px;
    }

    a.link:before {
        top: 10px;
    }




    /* Relocation Service Tabelle */
    
    .tabelle {
        margin-bottom: 85px;
    }

    .tabelle td {
        padding: 4px 9px;
    }

    .tabelle .mail {
      width: 30px;
    }




    /* Kontakt */

    #map {
        top: 78px;
        width: 510px;
        height: 300px;
    }



    /* Kostenfreie Beratung */

    #kostenfreie_beratung {
        margin-top: 34px;
    }

    .kostenfreie_beratung {
        padding-bottom: 11px;
        font-size: 19.55px;
    }

    #content .kostenfreie_beratung h2 {
        padding: 4px 17px;
        font-size: 25.5px;
        margin-bottom: 11px;
    }





    /* Footer */


    #footer {
        height: 297px;
    }

    #footer_overlay {
        top: -128px;
    }

    #footer #footer_inner {
        width: 952px;
        height: 297px;
        padding-top: 56px;
        font-size: 17.85px;
    }

    #footer #footer_inner #icon_footer {
        width: 188px;
        margin-left: -94px;
        top: -64px;
    }

    #footer h2 {
        font-size: 25.5px;
    }

    #footer .small {
        font-size: 15.3px;
    }

    #footer p {
        margin-bottom: 17px;
    }

}






@media (max-width: 980px) {

    .hd_tbpt {
        display: none;
    }
    
    .sh_tbpt {
        display: block !important;
    }

    body {
        font-size: 17.8px;
    }

    p {
        margin-bottom: 8px;
    }

    small, .small {
        font-size: 15px;
    }
    

    
    #webpage {
        padding-top: 70px;
    }

    #header_wrapper_fixed {
        height: 100px;
    }

    #header_wrapper {
        height: 100px;
    }

    #header {
        height: 100px;
    }

    #header #logo {
        top: 0px;
        width: auto;
        height: 90px;
    }

    #header #vdup {
        height: 51px;
        line-height: 51px;
        top: 17px;
        right: 120px;
        font-size: 21px;
    }

    #header #phone {
        display: none;
    }

    .logo_st0 { fill: rgba(255,255,255,1); }

    #mask {
        height: 70px;
        display: block !important;
    }



    #rmenu {
        left: 30px;
        top: 15px;
    }
    
    #rmenu #rmenu_icon {
        left: 0;
    }

    #rmenu_trigger {
        display: block;
        padding: 0;
        height: 40px;
    }
    
    #menu ul {
        top: 20px;
    }



    /* Slider */
    
    .ls-gui-element {
        display: none !important;
    }

    #content {
        width: 100%;
        margin-top: 40px;
        padding: 0 30px;
        box-sizing: border-box;
        padding-bottom: 467px;
    }

    #content h1 {
        font-size: 29px;
        margin-bottom: 20px;
    }

    #content h1.centered strong {
        font-size: 37px;
        padding-bottom: 9px;
    }

    #content h2 {
        font-size: 20.7px;
        margin-bottom: 20px;
    }

    #content h3 {
        font-size: 17.6px;
        margin-bottom: 9px;
    }

    /* Home */

    .image_team {
        max-width: 90%;
    }



    /* Team */

    .clm2 > div {
        margin-bottom: 60px;
        width: 47.5%;
    }

    .clm2 > div img {
        margin-bottom: 15px;
    }





    #content ul.list li:before {
        top: 11px;
    }



    a.link {
        padding-left: 13px;
    }

    a.link:before {
        top: 10px;
    }




    /* Relocation Service Tabelle */


    .tabelle td {
        padding: 7px 9px;
        line-height: 140%;
    }




    /* Kontakt */

    #map {
        right: 30px;
        top: 65px;
        width: calc(100% - 400px);
        height: 330px;
    }








    /* Footer */


    #footer {
        height: 297px;
    }

    #footer_overlay {
        top: -128px;
    }

    #footer #footer_inner {
        width: 100%;
        height: 297px;
        padding: 0 30px;
        box-sizing: border-box;
        padding-top: 56px;
        font-size: 17.85px;
    }

    #footer #footer_inner #icon_footer {
        width: 188px;
        margin-left: -94px;
        top: -64px;
    }

    #footer h2 {
        font-size: 25.5px;
    }

    #footer .small {
        display: none;
    }
    
    #footer .sh_tbpt {
        display: block !important;
        font-size: 20px;
    }

    #footer p {
        margin-bottom: 17px;
    }



   
}





@media (max-width: 760px) {

    body {
        font-size: 16.15px;
    }

    p {
        margin-bottom: 7px;
    }

    small, .small {
        font-size: 13.6px;
    }
    
    #quick_contact {
        top: 130px;
    }
    
    #quick_contact a {
        width: 38px;
        height: 38px;
        margin-bottom: 10px;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    
    #quick_contact a:nth-child(1) img {
        height: 26px;
    }
    
    #quick_contact a:nth-child(2) img {
        width: 26px;
    }
    
    #webpage {
        padding-top: 58px;
    }

    #header_wrapper_fixed {
        height: 80px;
    }

    #header_wrapper {
        height: 80px;
    }

    #header {
        height: 80px;
    }

    #header #logo {
        height: 75px;
    }

    #header #vdup {
        top: 12px;
        right: 100px;
        font-size: 19px;
    }
    
    #mask {
        height: 58px;
        display: block !important;
    }



    #rmenu {
        left: 25px;
        top: 8px;
    }
    
    #menu ul {
        top: 15px;
        font-size: 18px;
    }



    #content {
        width: 100%;
        margin-top: 35px;
        padding: 0 25px;
        box-sizing: border-box;
        padding-bottom: 330px;
    }

    #content h1 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    #content h1.centered strong {
        font-size: 33px;
        padding-bottom: 7px;
    }

    #content h2 {
        font-size: 18.6px;
        margin-bottom: 20px;
    }

    #content h3 {
        font-size: 15.8px;
        margin-bottom: 9px;
    }








    #content ul.list li {
        padding-left: 13px;
        margin-bottom: 9px;
    }

    #content ul.list li:before {
        width: 5px;
        height: 5px;
        top: 10px;
    }




    a.link:before {
        top: 8px;
    }









    /* Kontakt */

    #map {
        right: 30px;
        top: 60px;
        width: calc(100% - 370px);
        height: 310px;
    }








    /* Footer */


    #footer {
        height: 240px;
    }

    #footer_overlay {
        top: -70px;
    }

    #footer #footer_inner {
        width: 100%;
        height: 240px;
        padding: 0 25px;
        box-sizing: border-box;
        padding-top: 35px;
        font-size: 16px;
    }

    #footer #footer_inner #icon_footer {
        width: 120px;
        margin-left: -60px;
        top: -45px;
    }

    #footer h2 {
        font-size: 23px;
    }

    #footer .small {
        display: none;
    }
    
    #footer .sh_tbpt {
        display: block !important;
        font-size: 18px;
    }

    #footer p {
        margin-bottom: 15px;
    }

   
}

@media (max-width: 600px) {

    .hd_smpt {
        display: none;
    }
    
    .sh_smpt {
        display: block !important;
    }



    #content {
        width: 100%;
        margin-top: 35px;
        padding: 0 25px;
        box-sizing: border-box;
        padding-bottom: 260px;
    }
    
    
    /* Team */
    
    .clm2 {
        display: block;
    }

    .clm2 > div {
        width: 100%;
    }




    /* Relocation Service */

    .tabelle tr:first-child {
        display: none;
    }

    .tabelle td, .tabelle td:first-child, .tabelle td:last-child {
        padding: 3px 9px;
        line-height: 140%;
        display: block;
        text-align: left;
        vertical-align: top;
    }
    
    .tabelle td, .tabelle td:first-child, .tabelle td:last-child {
        position: relative;
        padding-left: 45%;
    }
    
    .tabelle td:first-child {
        padding-top: 7px;
    }
    
    .tabelle td:last-child {
        padding-bottom: 7px;
    }
    
    .tabelle td:before {
        position: absolute;
        left: 9px;
    }
    
    .tabelle .mail {
      width: 25px;
      height: auto;
      float: none;
      position: relative;
      bottom: -2px;
    }

    .tabelle td:nth-child(1):before { content: 'Nr.:'; }
    .tabelle td:nth-child(2):before { content: 'Name:'; }
    .tabelle td:nth-child(3):before { content: 'Wohnort:'; }
    .tabelle td:nth-child(4):before { content: 'Zielort:'; }
    .tabelle td:nth-child(5):before { content: 'Kauf / Miete:'; }
    .tabelle td:nth-child(6):before { content: 'Preis:'; }
    .tabelle td:nth-child(7):before { content: 'Kontakt:'; }
    
    
    /* Kontakt */
    
    #map {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        margin-top: 40px;
    }
    
    #kostenfreie_beratung {
        display: none;
    }
    
    
    /* Footer */
    
    #footer {
        height: 160px;
    }

    #footer_overlay {
        top: -70px;
    }
    
    #footer strong {
        color: #fff;
        font-size: 25px;
        font-family: 'Avenir Next W01 Light', sans-serif;
        margin-bottom: 3px;
        display: block;
    }

    #footer #footer_inner {
        width: 100%;
        height: 160px;
        padding: 0 20px;
        box-sizing: border-box;
        padding-top: 24px;
        font-size: 16px;
    }

    #footer #footer_inner #icon_footer {
        width: 120px;
        margin-left: -60px;
        top: -45px;
    }
    
    #footer .sh_tbpt {
        font-size: 23px;
        line-height: 160%;
    }

    
    
  
}



@media (max-width: 460px) {

    .sh_smpt2 {
        display: block !important;
    }
    
    #quick_contact {
        top: 100px;
    }
    
    #webpage {
        padding-top: 52px;
    }
    
    #webpage.menu_active, #header.menu_active, #footer.menu_active {
        transform: translateX(240px);
    }

    #header_wrapper_fixed {
        height: 80px;
    }

    #header_wrapper {
        height: 80px;
    }

    #header {
        height: 80px;
    }

    #header #logo {
        height: 67px;
        right: -5px;
    }

    #header #vdup {
        top: 6px;
        right: 81px;
        font-size: 16px;
        line-height: 120%;
        text-align: right;
    }
    
    #mask {
        height: 52px;
        display: block !important;
    }



    #rmenu {
        left: 20px;
        top: 5px;
    }
    
    #menu ul {
        top: 15px;
        font-size: 18px;
    }
    
    #menu_container {
        width: 240px;
    }

    #menu_wrapper {
        width: 240px;
        transform: translateX(-240px);
    }

    #menu {
        width: 270px;
    }
    
    #menu ul {
        width: 200px;
        left: 20px;
        top: 10px;
    }
    
    #content {
        margin-top: 25px;
        text-align: left;
        padding: 0 20px;
        padding-bottom: 220px;
    }
    
    #content h1 {
        font-size: 23.4px;
        margin-bottom: 15px;
    }

    #content h1.centered strong {
        font-size: 30px;
        padding-bottom: 10px;
    }

    #content h2 {
        font-size: 19px;
        margin-bottom: 15px;
    }

    #content h3 {
        font-size: 17px;
        margin-bottom: 9px;
    }
    
}


@media (max-width: 330px) {

    #header #vdup {
        top: 9px;
        font-size: 14px;
    }

    #footer {
        height: 150px;
    }

    #footer strong {
        font-size: 23px;
    }

    #footer #footer_inner {
        height: 150px;
    }
    
    #footer .sh_tbpt {
        font-size: 21px;
    }

}