@font-face {
    font-family: Oswald-Light;
    src: url(../font/Oswald-Light.ttf);
}
@font-face {
    font-family: Oswald-Regular;
    text-transform: none;
    src: url(../font/Oswald-Regular.ttf);
}
@font-face {
    font-family: Oswald-Medium;
    text-transform: none;
    src: url(../font/Oswald-Medium.ttf);
}
header,
.view {
    height: auto !important;
    background-position: center 20% !important;
    overflow: hidden;
}
body {
    height: 100%;
    overflow-x: hidden !important;
    overflow-y: scroll;
    color: rgb(102,102,102) !important;
    font-family: Oswald-Light;
    position: relative;
    line-height: 1.3vw;
}
h1, h2 {
    color: #d8355b;
}
strong {
    font-weight: normal;
    font-family: Oswald-Regular;
}
b {
    border-bottom: 0.15vw solid rgb(164, 161, 161);
    padding: 0 0 0.5vw;
}
img {
    border-radius: 0;
}
b.full {
    display: block;
    padding-bottom: 1vw;
}
b.b-black {
    border-color: rgb(74, 73, 73);
}
b.b-white {
    border-color: rgb(255,255,255);
}
b.b-red {
    border-color: rgb(216, 53, 91);
}
b.b-small-white {
    border-bottom: 0.05vw solid rgb(255,255,255);
    padding: 0 0 0.05vw;
}
.intro {
    background: url("../img/intro.jpg")no-repeat center center;
    background-size: cover;
    min-height: 960px;
    background-position: 70% -100% !important;
}
.navbar {
    background-color: transparent;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: none;
    padding-top: 1.25vw !important;
    transition: all 0.75s cubic-bezier(1,0,0,1);
}
#mainnav, #mainnav-unterseite {
    margin-right: -2.5vw;
}
.top-nav-collapse {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
    background-color: rgb(74, 73, 73);
    padding-top: 0 !important;
}
.top-nav-collapse #mainnav {
    margin-top: 0;
    box-shadow: none;
}
.top-nav-collapse .navbar-brand {
    border-bottom: 0;
    padding-top: 0;
}
.top-nav-collapse #navbar_logo,
#navbar-logo-unterseite {
    width: 13vw;
    height: auto;
    margin-top: 0.25vw;
}
.top-nav-collapse .nav-item .nav-link {
    padding-top: 1.45vw;
    padding-bottom: 1.45vw;
}
.navbar-unterseite {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
    background-color: rgb(74, 73, 73);
    padding-top: 0 !important;
}
.navbar-unterseite #mainnav-unterseite {
    margin-top: 0;
    box-shadow: none;
}
.navbar-unterseite .navbar-brand {
    border-bottom: 0;
    padding-top: 0;
}
.navbar-unterseite .nav-item .nav-link {
    padding-top: 1.45vw;
    padding-bottom: 1.45vw;
}
.navbar-nav {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
    background-color: rgb(74, 73, 73);
    margin-top: 0.35vw;
}
#navbar_logo {
    width: 25vw;
    height: auto;
    margin-top: 3vw;
    margin-right: 3vw;
}
.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
    font-family: Oswald-Regular;
    color: rgb(255,255,255);
    transition: .35s;
    text-transform: uppercase;
}
.fa-phone {
    transform: rotate(90deg);
}
#nav_contact {
    border-bottom: 0.1vw solid rgb(206, 19, 66);
    padding-right: 14vw;
    padding-bottom: 0.25vw;
    margin-left: 2.75vw;
    width: auto;
    padding-right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding-top: 0.2vw;
    padding-bottom: 0.4vw;
}
#nav_contact_left {
    padding-left: 0 !important;
}
#nav_contact_right {
    padding-right: 0 !important;
}
#nav_contact li {
    color: rgb(35,47,98);
    font-family: PraxisLTRegularSC;
    text-transform: none;
    padding-top: 0.5vw;
    padding-bottom: 0.225vw;
    padding-right: 4.35vw;
    padding-left: 4.35vw;
}
.navbar-brand {
  display: block;
  z-index: 1;
  /*added this to test if it fixes the problem*/
  overflow: hidden;
}
.navbar-brand object {
  z-index: -1;
  /*added this to test if it fixes the problem*/
  pointer-events: none;
  display: inline-block;
}
#nav_phone {
    color: rgb(35,47,98);
    font-family: PraxisLTRegularSC;
    text-transform: none;
    transition: all 1s ease;
}
#nav_phone:hover {
    color: rgb(206,19,66);
}
#nav_contact svg {
    margin-right: 1vw;
    color: rgb(206,19,66);
}
.navbar img {
    width: 5.5vw;
    height: auto;
    padding-bottom: 0.25vw;
    padding-top: 0.25vw;
}
.navbar-brand {
    height: auto;
    margin-left: 2vw;
    padding-bottom: 0;
}
.nav_sep {
    margin-left: 1vw;
    color: rgb(172, 130, 0);
}
.nav-item .active {
    color: rgb(255,255,255) !important;
    background-color: rgb(216, 53, 91);
}
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
    background-color: transparent;
    transition: all 1s ease;
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover,
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover {
    color: rgb(255,255,255) !important;
    background-color: rgb(216, 53, 91);
}
.container-full {
    width: 100% !important;
    max-width: 100% !important;
}
.col {
    padding-right: 1vw;
    padding-left: 1vw;
}
.nopadding {
   padding: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.underline {
    text-decoration: underline;
}
.regular {
    font-family: Oswald-Regular;
}
.arrow-small-white {
    width: 0.5vw;
    height: auto;
    margin-right: 0.35vw;
    margin-bottom: -0.15vw;
}
.line-16 {
    line-height: 1.6vw;
}
.tel-ref {
    color: rgb(102,102,102);
    transition: all 1s ease;
}
.tel-ref:hover {
    color: rgb(216, 53, 91);
}
.blocksatz {
    text-align: justify;
}
.block-bg {
    background-color: rgb(216, 53, 91);
    padding: 1.15vw;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}
.block-bg.white-bg {
    background-color: rgb(255,255,255);
}
.block-bg.grey-bg {
    background-color: rgb(74, 73, 73);
}
.block-bg.grey-bg p {
    color: rgb(255,255,255) !important;
}
.block-bg.grey-bg h3, .block-bg.grey-bg h4 {
    color: rgb(255,255,255);
}
.block-bg.light-grey-bg {
    background-color: rgb(243, 243, 243);
}
.block-bg.light-grey-bg h3, .block-bg.light-grey-bg p {
    font-family: Oswald-Regular;
    color: rgb(60,59,59);
}
.block-bg.light-grey-bg p .light {
    font-family: Oswald-Light;
}
.block-bg p {
    color: rgb(255,255,255);
}
.block-bg a {
    font-family: Oswald-Regular;
    color: rgb(255,255,255);
    transition: all 1s ease;
}
.block-bg a:hover {
    color: rgb(102,102,102);
}
.block-bg.grey-bg a:hover {
    color: rgb(216, 53, 91);
}
.block-bg h3, .block-bg h4  {
    font-family: Oswald-Regular;
    color: rgb(255,255,255);
}
.a-btn {
    font-family: Oswald-Regular;
    background-color: rgb(216, 53, 91);
    color: rgb(255,255,255);
    padding-top: 0.75vw;
    padding-bottom: 0.75vw;
    padding-right: 1.5vw;
    padding-left: 1.5vw;
    transition: all 1s ease;
    display: inline-block;
    width: auto;
}
.a-btn:hover {
    background-color: rgb(74, 73, 73);
    color: rgb(255,255,255);
}
.a-btn .icon {
    width: 1.3vw;
    height: auto;
    margin-right: 0.3vw;
    margin-bottom: -0.25vw;
}
.mobile_only {
    display: none;
}
.nav-item {
    text-transform: uppercase;
    transition: all 1s ease;
}
.zero_margin_bottom {
    margin-bottom: 0 !important
}
.only-tab-landscape {
    display: none;
}
.hide {
    display: none;
}
.show {
    display: block;
    height: 100%;
}
.ui-loader {
    display: none;
}
.headline_blue {
    color: rgb(35,47,98) !important;
}
.mail_ref {
    text-decoration: none !important;
}
.mail_ref:hover {
    text-decoration: none !important;
}
.jquery_ui_btn {
    font-family: Oswald-Regular;
    background-color: rgb(216, 53, 91);
    color: rgb(255,255,255);
    padding-top: 0.75vw;
    padding-bottom: 0.75vw;
    padding-right: 1.5vw;
    padding-left: 1.5vw;
    transition: all 1s ease;
    cursor: pointer;
    border: 0;
}
.jquery_ui_btn:hover {
    background-color: rgb(74, 73, 73);
    color: rgb(255,255,255);
}
.jquery_ui_btn .icon {
    width: 1.3vw;
    height: auto;
    margin-right: 0.3vw;
    margin-bottom: -0.25vw;
}
.jquery_ui_btn svg {
    margin-right: 0.2vw;
    color: rgb(206,19,66);
}
.ui-widget-overlay {
    background-color: rgb(74, 73, 73, 0.93);
    opacity: unset;
}
.ui-dialog .ui-dialog-title {
    display: none;
}
.ui-widget-header {
    border: 0;
}
.ui-icon, .ui-botton .ui-icon, .ui-button {
    background-image: url("images/icon_close.svg") !important;
    background-size: contain !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0;
}
.ui-dialog {
    width: 60% !important;
    left: 20% !important;
    right: auto;
    padding: 0;
    border-radius: 0;
}
.ui-widget-header {
    border: 0;
    height: 0;
    background-color: transparent;
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 0.6vw;
    right: 0.1vw !important;
    width: 1.5vw;
    height: 1.5vw;
    right: 0;
    z-index: 9;
    border: 0;
    border-radius: 0;
}
.ui-dialog ul {
    margin-left: 1vw;
}
.ui-dialog p {
    color: rgb(102,102,102);
    font-family: Oswald-Light;
    list-style-type: disc;
}
.ui-dialog ul li {
    color: #a94442;
    font-family: Oswald-Light;
    list-style-type: none;
    text-align: left;
    margin-left: 5.5vw;
}
.ui-dialog a {
    font-family: PraxisLTRegular;
    color: rgb(35,47,98);
    text-decoration: underline;
    transition: all 1s ease;
}
.ui-dialog a:hover {
    color: rgb(206,19,66);
    text-decoration: underline;
}
.ui-dialog a svg {
    color: rgb(206,19,66);
    margin-right: 0.5vw;
}
.ui-dialog h3 {
    float: left;
    font-family: Oswald-Medium;
    color: rgb(102,102,102);
    margin-bottom: 1.5vw;
}
.ui-dialog .close-ref {
    float: right;
    margin-right: 2vw;
    font-family: Oswald-Light;
    color: rgb(102,102,102);
    margin-bottom: 1.5vw;
    text-decoration: underline !important;
    margin-top: -0.2vw;
}
.ui-button:active {
    background: transparent;
}
.mail_ref {
    color: rgb(4,4,4) !important;
    text-decoration: underline !important;
    transition: all 1s ease;
}
.mail_ref:hover {
    text-decoration: underline !important;
    color: rgb(172, 130, 0) !important;
}
.tel_ref {
    color: rgb(4,4,4);
    transition: all 1s ease;
}
.tel_ref:hover {
    color: rgb(172, 130, 0);
}
.accordion_inner_ref {
    display: block;
    font-family: PraxisLTRegular;
    color: rgb(35,47,98);
    text-decoration: underline;
    transition: all 1s ease;
}
.accordion_inner_ref:hover {
    color: rgb(206,19,66);
    text-decoration: underline;
}
.accordion_inner_fa {
    color: rgb(172, 130, 0);
    margin-right: 0.2vw;
    background-color: transparent !important;
    padding: 0 !important;
}
.accordion {
    height: auto;
    width: 100%;
    margin: 0;
    margin-bottom: 1vw;
}
.accordion_jobs {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 2vw;
}
.accordion ul {
    margin-left: 1vw;
}
.accordion_div {
    margin-bottom: 1vw;
}
.accordion_box {
    padding: 3vw;
    padding-left: 2vw;
    padding-bottom: 1vw;
    padding-top: 1vw;
    width: 92%;
    margin-top: 2vw;
}
.accordion_box p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: rgb(4,4,4) !important;
}
.accordion_box ul li {
    font-family: 'Roboto', sans-serif;
    list-style-type: disc;
    text-align: left;
    margin-bottom: 0.5vw;
}
.accordion_btn {
    font-family: Merriweather-Bold !important;
    display: flex;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    color: rgb(4,4,4);
    background-color: rgb(255, 255, 255);
    width: 92%;
    text-align: left;
    padding: 0;
    padding-top: 0.75vw;
    border-top: 0.15vw solid rgb(172, 130, 0);
    height: auto;
    text-transform: none;
    position: relative;
}
.accordion_jobs_btn {
    background-color: rgb(232, 214, 177);
    width: 90%;
    margin: 0 auto;
}
.acc_btn_active {
    text-transform: none;
}
.accordion span {
    padding-top: 0.75vw;
}
.accordion_btn object {
    margin-right: 2vw;
    width: 3.5vw;
    height: auto;
}
#icon_baubegleitung {
    width: 3.25vw;
}
.accordion_btn .svg-inline--fa {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgb(172, 130, 0);
    padding: 0.2vw;
    color: rgb(255,255,255);
}
#acc_offenburg, #acc_kehl {
    padding-bottom: 0;
    padding-top: 2vw;
    padding-right: 0;
    padding-left: 0;
}
#acc_offenburg p, #acc_kehl p {
    padding-left: 3vw;
    padding-right: 3vw;
    padding-bottom: 2vw;
}
.nav-item .nav-link {
    font-family: Merriweather-Bold;
    text-transform: none;
    padding-top: 1.75vw;
    padding-bottom: 1.75vw;
    padding-left: 1.8vw !important;
    padding-right: 1.8vw !important;
    transition: all 1s ease;
}
.nav-item .fa-envelope::before, .nav-item .fa-phone::before {
    margin-right: 0.3vw;
    color: rgb(252,220,22);
}
#nav_icons .nav-item .nav-link {
    padding-right: 0.8vw !important;
    padding-left: 0.8vw !important;
}
#nav_icons .nav-item:hover {
    background-color: transparent;
}
.container-fluid .row, .container .row {
    width: 100%;
}
/* ALL 12pt font-sizes */
 {
    font-size: 0.835vw;
}
/* ALL 13pt font-sizes */
  {
    font-size: 0.9vw;
}
/* ALL 14pt font-sizes */
body, .nav-item .nav-link, #schritte h3,
#schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
#submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
#reservierung label, #reservierung ::-webkit-input-placeholder, #investment h4, 
#team small {
    font-size: 0.973vw;
}
body, .nav-item .nav-link, #schritte h3,
#schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
#submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
#reservierung label, #reservierung :-ms-input-placeholder, #investment h4, 
#team small {
    font-size: 0.973vw;
}
body, .nav-item .nav-link, #schritte h3,
#schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
#submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
#reservierung label, #reservierung ::-ms-input-placeholder, #investment h4, 
#team small {
    font-size: 0.973vw;
}
body, .nav-item .nav-link, #schritte h3,
#schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
#submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
#reservierung label, #reservierung ::placeholder, #investment h4, 
#team small {
    font-size: 0.973vw;
}
/* ALL 15.635pt font-sizes */
.nav-item .nav-link {
    font-size: 1.085vw;
}
/* ALL 16pt font-sizes */
#impressum h4  {
    font-size: 1.115vw;
}
/* ALL 16.31pt font-sizes */
  {
    font-size: 1.13vw;
}
/* ALL 18pt font-sizes */
.block-bg h4, .block-bg h3, #consulting h4, #verrentung h4,
#verrentung .h3-pink, #schritte h2, .svg-inline--fa, #team h5,
#impressum h3 {
    font-size: 1.25vw;
}
/* ALL 20.33pt font-sizes */
.ui-dialog h3 {
    font-size: 1.41vw;
}
/* ALL 24pt font-sizes */
#intro .intro-list li span, #unternehmen h2, #investment h2, #consulting h2, #verrentung h1, #partner .block-bg.grey-bg h3,
#impressum h2, #team h3 {
    font-size: 1.675vw;
}
#intro {
    height: 100vh !important;
    background-image: url('../img/intro/Herbold-Consulting_Manfred-und-Fabio-Herbold_Intro.jpg');
    background-size: 180vh;
    background-size: 89.45vw;
    background-position: 0% 30%;
    background-position: 0% 1.75vw;
    background-repeat: no-repeat;
}
#intro .intro-list {
    margin-top: 14vw;
}
#intro .intro-list li {
    font-family: Oswald-Light;
    color: rgb(255,255,255);
    list-style-type: none;
    text-transform: uppercase;
    margin-bottom: 1.4vw;
}
#intro .intro-list .icon {
    width: 0.5vw;
    height: auto;
    margin-right: 1vw;
    padding-bottom: 0.45vw;
}
#intro .padding-left {
    padding-left: 3.5vw;
}
#intro-schleife {
    position: absolute;
    left: 0vw;
    top: 0vw;
    width: 50vw;
    height: auto;
}
#unternehmen {
	margin-top: 0vw;
    margin-bottom: 5vw;
}
#unternehmen h2 {
    font-family: Oswald-Medium;
    margin-bottom: 5vw;
}
#unternehmen .text-block {
    padding-right: 2.2vw;
    margin-bottom: 3vw;
}
#unternehmen .tel {
    padding-right: 5vw;
}
#unternehmen .form {
    padding-right: 3vw;
    margin-left: -1vw;
}
#unternehmen .mail {
    padding-right: 2vw;
}
#unternehmen .svg-inline--fa {
    margin-right: 0.5vw;
    margin-bottom: -0.2vw;
}
#unternehmen .btn-subhead {
    font-family: Oswald-Regular;
    margin-bottom: 1vw;
}
#unternehmen .contact-icon {
    width: 1.5vw;
    height: auto;
    float: left;
    margin-right: 1vw;
    margin-top: 0.5vw;
}
#investment {
    background: url("../img/investment/background.jpg")no-repeat center center;
        background-position-x: center;
        background-position-y: center;
        background-size: auto auto;
    background-size: 92.5vw;
    background-position: 100% 0% !important;
    padding-top: 35vw;
    padding-bottom: 5vw;
}
#investment h2 {
    font-family: Oswald-Medium;
}
#investment h4 {
    font-family: Oswald-Regular;
    margin-bottom: 2vw;
}
#investment .block-bg.light-grey-bg {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}
#investment .left {
    float: left;
    line-height: 1.3vw;
}
#investment .right {
    float: right;
}
#investment .svg-inline--fa {
    margin-right: 0.25vw;
    margin-bottom: -0.1vw;
}
#investment .block-bg.grey-bg {
    margin-bottom: 4vw;
    height: 35vw;
}
#investment .a-btn {
    color: rgb(255,255,255);
    padding-right: 0.5vw;
    padding-left: 0.5vw;
    padding-top: 0.5vw;
    padding-bottom: 0.75vw;
    margin-top: 3.3vw;
}
#investment .p-top {
    padding-top: 8vw;
    padding-left: 3vw;
}
#investment_carousel img {
    width: 100%;
    height: auto;
    margin-bottom: 2vw;
}
#investment_carousel .carousel-indicators {
    display: none;
}
#investment_carousel .row {
    margin: 0;
}
#investment_carousel .col {
    padding: 0;
}
.consulting-text p {
    margin-bottom: 0.4vw;
}
#investment_carousel {
    padding-right: 0.5vw;
    padding-left: 0.5vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}
#investment_carousel a {
    color: rgb(74, 73, 73);
}
#investment_carousel .ileft {
    position: absolute;
    left: -6.5%;
    top: 10.25vw;
}
#investment_carousel .iright {
    position: absolute;
    right: -6.5%;
    top: 10.25vw;
}
.arrow-small-grey {
    width: 1.5vw;
    height: auto;
    z-index: -1;
    pointer-events: none;
    display: inline-block;
}
#verrentung {
    background: url("../img/verrentung/background.jpg")no-repeat center center;
        background-position-x: center;
        background-position-y: center;
        background-size: auto auto;
    background-size: 92.5vw;
    background-position: 0% 0% !important;
    padding-top: 30vw;
    padding-bottom: 5vw;
}
#verrentung h1 {
    font-family: Oswald-Medium;
}
#verrentung .h3-pink {
    font-family: Oswald-Regular;
    color: rgb(216, 53, 91);
}
#verrentung h4, #verrentung ul li {
    font-family: Oswald-Regular;
    color: rgb(60,59,59);
}
#verrentung .btn-subhead {
    font-family: Oswald-Regular;
    margin-top: 2vw;
    margin-bottom: 2vw;
    text-align: center;
    width: 34%;
}
#verrentung p {
    font-family: Oswald-Light;
    color: rgb(60,59,59);
}
#verrentung .padding-left {
    padding-left: 0vw;
}
#verrentung .padding-right {
    padding-right: 4vw;
}
#verrentung .p-top {
    padding-top: 12.5vw;
}
#verrentung .bg-image {
    position: absolute;
    bottom: -5vw;
    right: -10vw;
    width: 30vw;
    height: auto;
}
#verrentung .block-bg.light-grey-bg {
    margin-bottom: 1vw;
}
#verrentung .icon {
    width: 1vw;
    height: auto;
    margin-right: 1vw;
}
#verrentung .icon.icon-left {
    margin-left: -2vw;
}
#verrentung .padding-left-li {
    padding-left: 2vw;
}
#verrentung .block-bg.grey-bg {
    margin-bottom: 2.5vw;
}
#verrentung .block-bg {
    margin: 0;
}
#verrentung hr {
    border-bottom: 0.15vw solid rgb(216, 53, 91);
    width: 80%;
    float: left;
}
#verrentung .left{
    float: left;
    margin-right: 4vw;
}
#verrentung .right{
    float: left;
}
#schritte {
    background-color: rgb(243, 243, 243);
    padding-top: 3vw;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
}
#schritte h2, #schritte h3 {
    font-family: Oswald-Regular;
    color: rgb(51,51,51);
}
#schritte h4 {
    font-family: Oswald-Regular;
    text-transform: uppercase;
    color: rgb(74,73,73);
}
#schritte .arrow {
    position: absolute;
    width: 6vw;
    height: auto;
    left: 26.5vw;
    top: 4vw;
}
#schritte p {
    color: rgb(74,73,73);
}
#schritte .icon {
    width: 5vw;
    height: auto;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
#consulting {
    background: url("../img/consulting/background.jpg")no-repeat center center;
        background-position-x: center;
        background-position-y: center;
        background-size: auto auto;
    background-size: 92.5vw;
    background-position: 100% 0% !important;
    padding-top: 31vw;
    padding-bottom: 5vw;
}
#consulting h2 {
    font-family: Oswald-Medium;
    color: rgb(255,255,255);
}
#consulting h4 {
    font-family: Oswald-Regular;
}
#consulting .block-bg.light-grey-bg {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}
#consulting .left {
    float: left;
    color: rgb(74,73,73);
    line-height: 1.5vw;
}
#consulting .right {
    float: right;
}
#consulting .svg-inline--fa {
    margin-right: 0.25vw;
    margin-bottom: -0.1vw;
}
#consulting .block-bg.grey-bg{
    margin-bottom: 4vw;
}
#consulting .a-btn {
    color: rgb(255,255,255);
    padding-right: 0.5vw;
    padding-left: 0.5vw;
    padding-top: 0.5vw;
    padding-bottom: 0.75vw;
    margin-top: 3.3vw;
}
#consulting .p-top {
    padding-top: 9.7vw;
}
#consulting .jquery_ui_btn {
    margin-bottom: 4vw;
}
#consulting_carousel img {
    width: 100%;
    height: auto;
    margin-bottom: 1vw;
    margin-top: 1vw;
}
#consulting_carousel .carousel-indicators {
    display: none;
}
#consulting_carousel .row {
    margin: 0;
}
#consulting_carousel .col {
    padding: 0;
}
.consulting-text p {
    margin-bottom: 0.4vw;
}
#consulting_carousel {
    padding-right: 0.5vw;
    padding-left: 0.5vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}
#consulting_carousel a {
    color: rgb(74, 73, 73);
}
#consulting_carousel .ileft {
    position: absolute;
    left: -3.5%;
    top: 40%;
}
#consulting_carousel .iright {
    position: absolute;
    right: -3.5%;
    top: 40%;
}
#team {
    background-color: rgb(74,73,73);
    padding-top: 5vw;
    padding-bottom: 5vw;
}
#team .team-bilder {
    width: 100%;
    height: auto;
}
#team h3 {
    font-family: Oswald-Medium;
    color: rgb(255,255,255);
    margin-bottom: 3vw;
}
#team h5 {
    font-family: Oswald-Regular;
    color: rgb(255,255,255);
    margin-top: 2vw;
}
#team .desc {
    color: rgb(255,255,255);
    margin-bottom: 4vw;
}
#team small {
    color: rgb(255,255,255);
}
#team a {
    font-family: Oswald-Regular;
    color: rgb(255,255,255);
    transition: all 1s ease;
}
#team a:hover {
    color: rgb(216, 53, 91);
}
#partner {
    background: url("../img/partner/background.jpg")no-repeat center center;
        background-position-x: center;
        background-position-y: center;
        background-size: auto auto;
    background-size: 92.5vw;
    background-position: 0% 0% !important;
    padding-top: 6vw;
    padding-bottom: 2.5vw;
    margin-top: 5vw;
}
#partner .p-top {
    padding-top: 12.5vw;
}
#partner .block-bg.grey-bg h3 {
    font-family: Oswald-Medium;
}
#partner #volksbank {
    width: 22.5vw;
    height: auto;
    margin-bottom: 3vw;
    margin-top: 2vw;
}
#partner #hust {
    width: 22.5vw;
    height: auto;
    margin-bottom: 1vw;
    margin-top: 2vw;
    margin-left: 2vw;
}
#partner #psd {
    width: 6vw;
    height: auto;
}
#partner #funds {
    width: 8vw;
    height: auto;
    margin-bottom: 1vw;
    margin-left: 1vw;
}
#partner .block-bg.white-bg {
    margin-bottom: 5vw;
}
#partner .block-bg a {
    float: left;
    display: contents;
}
#contact {
}
#contact h3 {
    margin-bottom: 2vw;
}
#contact .regular {
    margin-left: -0.2vw;
}
#contact .block-bg.grey-bg {
    position: absolute;
    z-index: 99;
    width: 31.5vw;
}
#contact #gmaps {
    border: 0;
    width: 90vw;
    height: 30vw;
    margin-top: 5vw;
}
#contact .logo {
    width: 30vw;
    height: auto;
    margin-bottom: 2vw;
}
#contact a {
    font-family: Oswald-Regular;
    color: rgb(102,102,102);
    transition: all 1s ease;
}
#contact a:hover {
    color: rgb(216, 53, 91);
}
#reservierung input {
    padding: 0.15vw;
    background-color: rgb(255,255,255);
    width: 100%;
    height: 1.75vw;
    transition: all 0.1s ease;
    padding-left: 0.5vw;
}
#reservierung label {
}
#reservierung ::placeholder {
    font-family: Oswald-Light;
    font-style: italic;
    color: rgb(153,153,153);
}
#reservierung input[type="submit"] {
    font-family: Oswald-Light;
    font-weight: 700;
    cursor: pointer;
    width: auto;
}
#reservierung textarea {
    width: 25.2vw;
    height: 7vw;
    margin-bottom: 1vw;
    padding: 0.15vw;
    padding-top: 0.4vw;
    padding-left: 0.5vw;
    border: 0;
    border-bottom: 1px solid #ccc;
    background-color: rgb(255,255,255);
}
#reservierung .left {
    float: left;
    margin-right: 1vw;
}
#reservierung form {
    margin-top: 2vw;
}
#reservierung input[type="text"]:focus:not([readonly]), #reservierung textarea:focus {
    border-bottom: 1px solid rgb(229, 183, 115);
    -webkit-box-shadow: 0 1px 0 0 rgb(229, 183, 115);
    box-shadow: 0 1px 0 0 rgb(229, 183, 115);
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, 
.has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, 
.has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: rgb(235, 107, 62);
}
.has-error .form-control {
    border: 0.125vw solid rgb(235, 107, 62) !important;
}
#reservierung .btn {
    background-color: rgb(216, 53, 91) !important;
    transition: all 1s ease;
    box-shadow: none;
    margin-left: 0;
}
#reservierung .btn:hover {
    filter: contrast(70%);
}
.list-unstyled {
    float: none;
    clear: both;
}
#reservierung input[type="radio"] {
    float: left;
    width: 1vw;
    margin-right: 1vw;
}
#reservierung_submit_bg {
    position: absolute;
    top: 1vw;
    left: 31.5vw;
    width: 11vw;
    height: auto;
    z-index: 1;
}
#reservierung .sex {
    margin-top: 0.2vw;
}
#reservierung .success_message{
    margin-top: 5vw;
}
.captcha_unchecked {
    border: 0.15vw solid #a94442;
}
.captcha_checked {
    border: 0;
}
.form-control:focus {
    border-bottom: 1px solid rgb(229, 183, 115) !important;
    box-shadow: 0 1px 0 0 rgb(229, 183, 115) !important;
}
#mc-embedded-subscribe, #mc-embedded-subscribe_mobile {
    margin-left: 0 !important;
}
#reservierung label {
    color: rgb(255,255,255);
}
/* MDB Buttons */
.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
.form-check-input[type="radio"]:checked + label, .form-check-input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 1.5vw;
    padding-right: 0.25vw;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-check-label {
    margin-bottom: 0;
}
.form-check-input[type="radio"]:checked+label:after {
    border-color: #00C851;
    background-color: #00C851;
}
.form-check-input[type="radio"].with-gap:checked+label:before {
    border-color: #00C851;
}
.form-check-input[type="radio"]:checked+label:after {
    border-color: #00C851;
    background-color: #00C851;
}
.form-check-input[type="radio"]:checked + label::before, label.btn input[type="radio"]:checked + label::before {
    border: 2px solid transparent;
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"].with-gap:checked + label::before, .form-check-input[type="radio"]:checked + label::after, .form-check-input[type="radio"]:checked + label::before, .form-check-input[type="radio"]:not(:checked) + label::after, .form-check-input[type="radio"]:not(:checked) + label::before, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::before, label.btn input[type="radio"]:checked + label::after, label.btn input[type="radio"]:checked + label::before, label.btn input[type="radio"]:not(:checked) + label::after, label.btn input[type="radio"]:not(:checked) + label::before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.form-check-input[type="radio"] + label::after, .form-check-input[type="radio"] + label::before, label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
.radio-green [type="radio"]:checked + label::after {
    border-color: #00C851;
    background-color: #00C851;
}
.form-check-input[type="radio"]:checked + label::after, label.btn input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"]:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"]:checked + label::after {
    background-color: rgb(216, 53, 91);
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"].with-gap:checked + label::before, .form-check-input[type="radio"]:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::before, label.btn input[type="radio"]:checked + label::after {
    border: 2px solid rgb(255, 255, 255);
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"].with-gap:checked + label::before, .form-check-input[type="radio"]:checked + label::after, .form-check-input[type="radio"]:checked + label::before, .form-check-input[type="radio"]:not(:checked) + label::after, .form-check-input[type="radio"]:not(:checked) + label::before, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::before, label.btn input[type="radio"]:checked + label::after, label.btn input[type="radio"]:checked + label::before, label.btn input[type="radio"]:not(:checked) + label::after, label.btn input[type="radio"]:not(:checked) + label::before {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.form-check-input[type="radio"] + label::after, .form-check-input[type="radio"] + label::before, label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.1vw;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
.form-check-input[type="radio"]:not(:checked) + label::after, .form-check-input[type="radio"]:not(:checked) + label::before, label.btn input[type="radio"]:not(:checked) + label::after, label.btn input[type="radio"]:not(:checked) + label::before {
    border: 2px solid rgb(255, 255, 255);
}
[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
/* MDB Buttons */
footer {
    padding-top: 1vw;
    padding-bottom: 1vw;
    background-color: rgb(74, 73, 73);
}
footer a {
    color: rgb(255,255,255);
    text-transform: uppercase;
    transition: all 1s ease;
}
footer a:hover {
    color: rgb(216, 53, 91);
}
footer a:focus {
    color: rgb(216, 53, 91);
}
#impressum {
    padding-top: 8vw;
    padding-bottom: 5vw;
}
.trenner {
    color: rgb(216, 53, 91);
    margin-left: 0.25vw;
    margin-right: 0.25vw;
}
#impressum p {
    color: rgb(60,59,59);
    margin-bottom: 0;
}
#impressum h2 {
    font-family: Oswald-Medium;
    margin-bottom: 0;
}
#impressum h3 {
    font-family: Oswald-Regular;
    color: rgb(60,59,59);
    margin-bottom: 0;
}
#impressum h4 {
    font-family: Oswald-Regular;
    color: rgb(60,59,59);
    margin-bottom: 0;
}
#impressum a {
    color: rgb(60,59,59);
    text-decoration: underline;
    text-transform: inherit;
    transition: all 1s ease;
}
#impressum a:hover {
    color: #d8355b;
    text-decoration: underline;
}
#impressum .tel_ref {
    text-decoration: none;
}
#impressum .tel_ref:hover {
    text-decoration: none;
}
/* Contact Form */
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, 
.has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, 
.has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}
.has-error .form-control {
    border: 0.15vw solid #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
#unternehmen_ui_dialog .btn {
    color: rgb(0,0,0) !important;
}
.list-unstyled {
    float: none;
    clear: both;
}
#unternehmen_ui_dialog input[type="radio"] {
    float: left;
    width: 1vw;
    margin-right: 1vw;
}
#unternehmen_ui_dialog .sex {
    margin-top: 0.2vw;
}
#unternehmen_ui_dialog label {
    float: left;
}
#unternehmen_ui_dialog input {
    padding: 0.15vw;
    background-color: #ffffff;
    border: 1px solid #cacac1;
    color: rgb(102,102,102);
    width: 75%;
    height: 1.75vw;
    margin-left: 0.5vw;
    transition: all 0.1s ease;
    float: right;
    border-radius: 0;
}
#unternehmen_ui_dialog textarea {
    height: 5vw;
    margin-bottom: 1vw;
    margin-left: 11px;
    padding: 0.15vw;
    background-color: #ffffff;
    border: 1px solid #cacac1;
    color: #333;
    width: 88.75%;
    float: right;
}
#unternehmen_ui_dialog i.btn-success {
    background-color: rgb(216, 53, 91) !important;
    border-radius: 0;
}
.captcha_unchecked {
    border: 0.15vw solid #a94442;
}
.captcha_checked {
    border: 0;
}
.form-control:focus {
    border-bottom: 1px solid rgb(74, 73, 73) !important;
    box-shadow: 0 1px 0 0 rgb(74, 73, 73) !important;
}
#submit {
    font-family: Oswald-Regular;
    margin-left: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    color: rgb(255,255,255) !important;
}
#contact-form label {
    color: rgb(102,102,102);
    font-family: Oswald-Light;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 10vw;
    background-color: rgb(0,0,0);
    color: rgb(205, 213, 50);
    text-align: center;
    border-radius: 6px;
    padding: 0.5vw;
    position: absolute;
    z-index: 1;
    left: -1vw;
    font-weight: bold;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip:hover .tooltiptext:empty {
   visibility: hidden;
}
#impressum h2 {
    font-family: Oswald-Medium;
}
/* ./Contact Form */

@media all and (max-width: 1700px) {

    #intro {
        height: 90vh !important;
    }
    #unternehmen {
        margin-top: 6vw;
    }
}
@media all and (max-width: 1550px) {

    .navbar-brand {
        margin-right: 3vw;
    }
}
@media all and (max-width: 1450px) {

    .form-check-input[type="radio"]:checked + label, 
    .form-check-input[type="radio"]:not(:checked) + label, 
    label.btn input[type="radio"]:checked + label, 
    label.btn input[type="radio"]:not(:checked) + label {
        padding-left: 2vw;
    }
}
@media all and (max-width: 1350px) {

    .referenzen_auswahl {
        margin-right: 1vw;
    }
    #intro {
        height: 62.5vh !important;
    }
}
@media all and (max-width: 1300px) {

    .navbar-brand {
        margin-right: 2vw;
    }
}
@media all and (min-width: 2000px) {
    #intro video {
	    left: 13.5vw;
	}
}
@media all and (min-width: 1200px) {
    .container {
        width: 80vw;
        max-width: 100%;
    }
    .container-90 {
        width: 90vw;
        max-width: 100%;
    }
}
@media all and (max-width: 1200px) {
    .navbar-brand {
        margin-right: 1vw;
    }
    .nav-item .nav-link {
        padding-left: 2vw !important;
    }
    .referenzen_auswahl {
        margin-right: 0.25vw;
    }
}
@media all and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    #intro .carousel-indicators {
        bottom: 2.25vw;
    }
    .only-tab-landscape {
        display: block;
    }
    #investment .block-bg.grey-bg {
        height: 39vw;
    }
    .form-check-input[type="radio"]:checked + label, 
    .form-check-input[type="radio"]:not(:checked) + label, 
    label.btn input[type="radio"]:checked + label, 
    label.btn input[type="radio"]:not(:checked) + label {
        padding-left: 3vw;
    }
}
@media all and (max-width: 975px){

        #intro .intro-list li span {
        font-size: 2.235vw;
    }
    /* ALL 12pt font-sizes */
    .block-bg a {
        font-size: 2.835vw;
    }
    /* ALL 14pt font-sizes */
    body, .nav-item .nav-link, #schritte h3,
    #schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
    #submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
    #reservierung label, #reservierung ::-webkit-input-placeholder, #investment h4, 
    #team small {
        font-size: 2.973vw;
        font-size: 2.2vh;
    }
    body, .nav-item .nav-link, #schritte h3,
    #schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
    #submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
    #reservierung label, #reservierung :-ms-input-placeholder, #investment h4, 
    #team small {
        font-size: 2.973vw;
        font-size: 2.2vh;
    }
    body, .nav-item .nav-link, #schritte h3,
    #schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
    #submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
    #reservierung label, #reservierung ::-ms-input-placeholder, #investment h4, 
    #team small {
        font-size: 2.973vw;
        font-size: 2.2vh;
    }
    body, .nav-item .nav-link, #schritte h3,
    #schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
    #submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
    #reservierung label, #reservierung ::placeholder, #investment h4, 
    #team small {
        font-size: 2.973vw;
        font-size: 2.2vh;
    }
    /* ALL 15.635pt font-sizes */
    .nav-item .nav-link {
        font-size: 3.085vw;
    }
    /* ALL 16pt font-sizes */
    #impressum h4  {
        font-size: 3.115vw;
    }
    /* ALL 18pt font-sizes */
    .block-bg h4, .block-bg h3, #consulting h4, #verrentung h4,
    #verrentung .h3-pink, #schritte h2, .svg-inline--fa, #team h5,
    #impressum h3 {
        font-size: 3.25vw;
    }
    /* ALL 20.33pt font-sizes */
    #intro p, .ui-dialog h3 {
        font-size: 3.41vw;
    }
    #intro p {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    /* ALL 24pt font-sizes */
    #unternehmen h2, #investment h2, #consulting h2, 
    #verrentung h1, #partner .block-bg.grey-bg h3, #impressum h2, #team h3 {
        font-size: 3.675vw;
    } 
    /* ALL 30.515pt font-sizes */
    #intro h2 {
        font-size: 4.125vw;
    }
    #intro h2 {
        font-size: 3.75vw;
    }
    body {
        line-height: 4vw;
    }
    main {
        overflow-x: hidden !important;
    }
    b {
        border-bottom: 0.35vw solid rgb(164, 161, 161);
        padding: 0 0 1.5vw;
    }
    b.full {
        padding-bottom: 2.5vw;
    }
    .hide-mobile {
        display: none !important;
    }
    .hide_mobile_imp {
        display: none !important;
    }
    .xs-nomargin {
        margin: 0;
    }
    .mobile_nopadding {
        padding: 0 !important;
    }
    .container {
        width: 90vw;
    }
    .collapse.show {
        border-top: 2px solid rgb(255, 255, 255);
        margin-top: 11vw;
    }
    .jquery_ui_btn {
        margin-bottom: 4vw;
        padding-left: 0;
    }
    .jquery_ui_btn svg {
        margin-right: 1vw;
    }
    .ui-dialog img, #dialyse_ferien_carousel, #dialyse_ferien_carousel img,
    #dialyse_shun_carousel, #dialyse_shun_carousel img,
    #intro_shun_carousel, #intro_shun_carousel img   {
        width: 100%;
        height: 90vw;
        float: none;
    }
    .dialyse_popup_desc {
        float: none;
        width: 100%;
    }
    .mobile_jui_reffix {
        margin-left: 5vw;
        margin-bottom: 5vw;
    }
    .mobile_jui_reffix a {
        margin-left: -5vw;
    }
    .accordion ul {
        margin-left: 3vw;
    }
    .ui-dialog {
        width: 90% !important;
        left: 5% !important;
    }
    .ui-dialog ul {
        margin-left: 2.5vw;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        width: 10vw;
        height: 10vw;
    }
    .ui-icon, .ui-botton .ui-icon, .ui-button {
        background-image: url("images/icon_close_mobile.png") !important;
        background-size: cover !important;
    }
    .ui-dialog h3 {
        margin-top: 3vw;
        color: rgb(206,19,66);
    }
    /* Mobile Form */
        .form-check-input[type="radio"]:checked + label, .form-check-input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label {
        padding-left: 3.5vw;
    }
    #unternehmen_ui_dialog input {
        height: 5vw;
    }
    #unternehmen_ui_dialog textarea {
        height: 15vw;
        width: 75.5%;
    }
    .ui-dialog .close-ref {
        margin-right: 10vw;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        top: 1.5vw;
    }
    .ui-dialog ul li {
        margin-left: 18.5vw;
    }
    /* ./Mobile Form */
    .navbar img {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .navbar .container .navbar-toggler-right {
        top: 8px;
        display: none;
    }
    .top-nav-collapse .container .navbar-toggler-right {
        display: block;
    }
    .navbar img {
        width: 10vw;
    }
    .navbar-brand {
        margin-right: 15vw;
        width: auto;
        height: auto;
        float: left;
        padding-top: 0;
        height: auto;
    }
    #nav_mobile_tel {
        padding-top: 3.5vw
    }
    #nav_mobile_tel a {
        font-family: 'Roboto', sans-serif;
        color: rgb(4,4,4);
        margin-left: 2vw;
        transition: all 1s ease;
    }
    #nav_mobile_tel a:hover {
        color: rgb(172, 130, 0);
    }
    #nav_mobile_tel a svg {
        color: rgb(172, 130, 0);
        margin-right: 1vw;
        width: 2.4vw;
    }
    .nav-item_mobile {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 1vw;
    }
    .navbar.navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(216, 53, 91)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    #navbar_logo {
        width: 34.5vw;
        margin-top: 4vw;
    }
    .top-nav-collapse #navbar_logo, #navbar-logo-unterseite {
        width: 34vw;
        display: block;
    }
    .float_left {
        float: left;
    }
    .mobile_only {
        display: block;
    }
    #nav_icons {
        display: inline-block;
        width: 100%;
    }
    #nav_icons .nav-item {
        width: 100%;
        float: left;
    }
    .navbar-toggler-icon {
        width: 5vw;
        height: 5vw;
        margin-top: 1vw;
    }
    #nav_icons .nav-item a {
        text-align: center;
    }
    #carousel-example-1z .carousel-inner, #carousel-example-1z .carousel-inner img {
        height: 80vw !important;
    }
    .accordion {
        margin-bottom: 3vw;
    }
    .accordion_btn svg {
        width: 5.3vw !important;
        height: 5.3vw;
    }
    .accordion span {
        padding-top: 4vw;
        padding-left: 1.5vw;
    }
    .accordion_btn object {
        width: 8vw;
        padding-top: 2.5vw;
    }
    .accordion_btn svg {
        width: 4vw !important;
        height: 4vw;
    }
    #intro {
        height: 49vh;
        margin-top: 0vw;
    }
    #intro .intro-list .icon {
        padding-bottom: 0.65vw;
    }
    header, .view {
        height: 40vh !important;
    }
    .navbar-nav {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }
    #navbarNav1 .row {
        margin-right: 0;
        margin-left: 0;
    }
    #intro {
        height: 40vh !important;
        background-size: 96vw;
        background-position: left 60% !important;
    }
    #intro-schleife {
        top: -3vw;
        width: 60vw;
    }
    #intro h2 {
        margin-top: 17.5vw;
        margin-bottom: 2vw;
    }
    #intro .padding-left {
        padding-left: 1.5rem;
    }
    #intro video {
        width: 85.75vw;
        left: 6vw;
        top: 0.55%;
    }
    .line-16 {
        line-height: 3.75vw;
    }
    .a-btn .icon, .jquery_ui_btn .icon {
        width: 3.5vw;
        margin-right: 1vw;
    }
    .a-btn, .jquery_ui_btn {
        padding: 2vw;
    }
    .block-bg {
        width: 100%;
        margin-bottom: 1vw;
        padding-top: 3vw;
        padding-bottom: 4vw;
        padding-left: 3vw;
        padding-right: 3vw;
        margin-top: 4vw;
    }
    .arrow-small-white {
        width: 2vw;
        margin-right: 1vw;
        margin-bottom: -0.5vw;
    }
    #intro .intro-list {
        margin-top: 16vw;
        margin-left: -2vw;
    }
    #unternehmen h2 {
        margin-bottom: 7.5vw;
    }
    #unternehmen .tel {
        margin-top: 7.5vw;
    }
    #unternehmen .text-block {
        padding-right: 0vw;
    }
    #unternehmen .contact-icon {
        width: 4.5vw;
        margin-right: 3vw;
        margin-top: 1.5vw;
    }
    #unternehmen .form {
        margin-bottom: 7.5vw;
    }
    #unternehmen .tel,
    #unternehmen .mail {
        margin-bottom: 5vw;
    }
    #unternehmen {
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    #investment {
        background-size: 97vw;
        padding-top: 33.25vw;
    }
    #investment .p-top {
        padding-left: 0vw;
    }
    #investment .left {
        line-height: 4vw;
    }
    #investment .a-btn {
        padding: 2vw;
        margin-top: 10vw;
    }
    #investment {
        padding-bottom: 10vw;
    }
    #verrentung h4, #verrentung ul li,
    #verrentung .padding-left-li  {
        padding-left: 4vw;
    }
    #verrentung .icon,
    #verrentung .icon.icon-left {
        margin-left: -4vw;
    }
    #verrentung ul {
        margin-bottom: 10vw;
    }
    #verrentung .jquery_ui_btn {
        padding-left: 6vw;
    }
    #verrentung {
        background-size: 97vw;
        padding-top: 17vw;
    }
    #verrentung .verrentung-box.mobile_only, #verrentung .beispielrechnung {
        margin-bottom: 10vw !important;
    }
    .arrow-small-grey {
        width: 3vw;
    }
    #investment_carousel .ileft {
        left: -9.25%;
        top: 30vw;
    }
    #investment_carousel .iright {
        right: -9.25%;
        top: 30vw;
    }
    #investment h4 {
        margin-bottom: 5vw;
    }
    #investment .block-bg.grey-bg {
        height: 97vw;
    }
    #verrentung .p-top {
        padding-top: 15vw;
    }
    #verrentung .icon {
        width: 3vw;
    }
    #verrentung .bg-image {
        width: 40vw;
    }
    #verrentung .btn-subhead {
        width: 37.5%;
    }
    #schritte {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    #schritte .icon {
        width: 10vw;
    }
    #schritte .icon.angebot, 
    #schritte .icon.notar {
        margin-top: 10vw;
    }
    #schritte .arrow.first, #schritte .arrow.second {
        top: 47vw;
        width: 10vw;
        transform: rotate(90deg);
        left: 39vw;
        display: none;
    }
    #schritte .arrow.second {
        top: 65vw;
        width: 10vw;
        transform: rotate(90deg);
        left: 39vw;
    }
    #consulting {
        background-size: 97vw;
        padding-bottom: 7.5vw;
    }
    #consulting h4 {
        margin-bottom: 0;
    }
    #consulting {
        padding-top: 29vw;
    }
    #team h3 {
        margin-bottom: 5vw;
    }
    #team .team-bilder {
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    #team .desc {
        margin-bottom: 0vw;
    }
    #team {
        padding-bottom: 7.5vw;
        padding-top: 7.5vw;
    }
    #partner {
        background-size: 97vw;
        padding-top: 27.5vw;
    }
    #partner #psd {
        width: 15vw;
    }
    #partner #hust {
        width: 50vw;
        margin-left: 5vw;
    }
    #partner #volksbank {
        width: 50vw;
        margin-top: 5vw;
    }
    #partner #funds {
        width: 20vw;
        margin-left: 4vw;
    }
    #contact .logo {
        width: 100%;
        margin-top: 2.5vw;
    }
    #contact .block-bg.grey-bg {
        position: initial;
        width: 100%;
        height: auto;
    }
    #reservierung input {
        height: 6vw;
        padding-left: 2.5vw;
    }
    #reservierung textarea {
        width: 83vw;
        height: 25vw;
        padding-left: 2.5vw;
    }
    .form-check-input[type="radio"]:checked + label, .form-check-input[type="radio"]:not(:checked) + label, 
    label.btn input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label {
        padding-left: 5.5vw;
    }
    #reservierung .btn {
        width: 83vw;
    }
    .form-check-input[type="radio"] + label::after, .form-check-input[type="radio"] + label::before, 
    label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before {
        top: -0.8vw;
        width: 4vw;
        height: 4vw;
    }
    #contact #gmaps {
        height: 60vw;
    }
    footer {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    #impressum {
        margin-top: -45vw;
    }
}
@media all and (max-width: 500px){

    #intro .intro-list li span {
        font-size: 2.535vw;
    }
    /* ALL 12pt font-sizes */
    .block-bg a {
        font-size: 3.835vw;
    }
    /* ALL 14pt font-sizes */
    body, .nav-item .nav-link, #schritte h3,
    #schritte h4, #contact-form label, #unternehmen_ui_dialog textarea,
    #submit, .ui-dialog p, .ui-dialog ul li, .ui-dialog .close-ref,
    #reservierung label, #reservierung ::placeholder, #investment h4, 
    #team small {
        font-size: 3.973vw;
    }
    /* ALL 15.635pt font-sizes */
    .nav-item .nav-link {
        font-size: 4.085vw;
    }
    /* ALL 16pt font-sizes */
    #impressum h4  {
        font-size: 4.115vw;
    }
    /* ALL 18pt font-sizes */
    .block-bg h4, .block-bg h3, #consulting h4, #verrentung h4,
    #verrentung .h3-pink, #schritte h2, .svg-inline--fa, #team h5,
    #impressum h3 {
        font-size: 4.25vw;
    }
    /* ALL 20.33pt font-sizes */
    #intro p, .ui-dialog h3 {
        font-size: 4.41vw;
    }
    #intro p {
        font-size: 2.7vw;
        line-height: 3.3vw;
    }
    /* ALL 24pt font-sizes */
    #unternehmen h2, #investment h2, #consulting h2, 
    #verrentung h1, #partner .block-bg.grey-bg h3, #impressum h2, #team h3 {
        font-size: 4.675vw;
    } 
    /* ALL 30.515pt font-sizes */
    #intro h2 {
        font-size: 5.125vw;
    }
    #intro h2 {
        font-size: 4vw;
    }
    #intro .intro-list .icon {
        padding-bottom: 0.65vw;
    }
    body {
        line-height: 5.25vw;
    }
    .block-bg {
        padding: 5vw;
        padding-bottom: 6vw;
        padding-top: 6vw;
    }
    b {
        border-bottom: 0.5vw solid rgb(164, 161, 161);
        padding: 0 0 1.75vw;
    }
    b.full {
        padding-bottom: 3vw;
    }
    .xs-none {
        display: none;
    }
    .container {
        width: 90vw;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        width: 15vw;
        height: 15vw;
    }
    .ui-dialog ul {
        margin-left: 3.5vw;
    }
    .jquery_ui_btn svg {
        margin-right: 0.75vw;
    }
    /* Mobile Form */
    .form-check-input[type="radio"]:checked + label, .form-check-input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label {
        padding-left: 6.5vw;
    }
    #unternehmen_ui_dialog input {
        height: 6vw;
    }
    #unternehmen_ui_dialog textarea {
        height: 16vw;
        width: 75.5%;
    }
    .ui-dialog .close-ref {
        margin-right: 12vw;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        top: 2.5vw;
    }
    .ui-dialog ul li {
        margin-left: 18.5vw;
    }
    /* ./Mobile Form */
    .nav-item .nav-link {
        padding-top: 2.225vw;
    }
    #nav_mobile_tel {
        padding-top: 0;
    }
    #nav_mobile_tel a {
        margin-left: 0;
        float: left;
        width: 22vw;
        height: 10vw;
        padding-top: 4.5vw;
    }
    .top-nav-collapse #navbar_logo, #navbar-logo-unterseite {
        width: 40vw;
    }
    .navbar-toggler-icon {
        width: 8vw;
        height: 8vw;
        margin-top: 0.5vw;
    }
    .navbar .container .navbar-toggler-right {
        padding-top: 0;
        padding-right: 1vw;
        padding-left: 1vw;
    }
    #navbar_logo {
        width: 26.25vw;
        margin-top: 5vw;
    }
    .nav-item {
        margin-right: 0vw;
        margin-left: 0vw;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    header, .view {
        height: 62vw !important;
    }
    .navbar img{
        width: 17vw
    }
    .navbar-brand {
        margin-bottom: 2vw;
        margin-right: 6.5vw;
    }   
    #nav_mobile_tel a svg {
        width: 3vw;
    }
    #carousel-example-1z .carousel-inner, #carousel-example-1z .carousel-inner img {
        height: 100vw !important;
    }
    .accordion_box ul {
        margin-left: 4vw;
    }
    .accordion_btn { 
        width: 100%;   
        height: auto;
    }
    .accordion_btn svg {    
        width: 5vw !important;
        height: 5vw;
    }
    .accordion_btn object {
        width: 10vw;
    }
    #navbar_logo {
        width: 34vw;
    }
    .navbar-brand {
        height: 15vw;
        margin-left: 0;
    }
    .top-nav-collapse .navbar-brand {
        height: auto;
        margin-top: 2.5vw;
        margin-bottom: 3vw;
    }
    .top-nav-collapse .container .navbar-toggler-right {
        top: 3.5vw;
    }
    .collapse.show {
        margin-top: 14vw;
    }
    .block-bg {
        margin-top: 5vw;
    }
    #intro {
        height: 62vw !important;
        background-size: 95vw;
        background-position: left 30% !important;
    }
    #intro .intro-list {
        margin-top: 16vw;
        margin-left: 0vw;
    }
    #intro .intro-list li {
        line-height: 3vw;
    }
    #intro-schleife {
        top: -7vw;
        width: 65vw;
    }
    .line-16 {
        line-height: 5vw;
    }
    #intro .padding-left {
        padding-left: 1rem;
    }
    #intro .container {
        margin-left: 0;
    }
    #intro video {
        left: 6vw;
        top: 0.425%;
        width: 85.75vw;
    }
    #unternehmen {
        margin-top: 8vw;
    }
    #unternehmen h2 {
        margin-top: -7.5vw;
        margin-bottom: 10vw;
    }
    #unternehmen h3,
    #unternehmen h4 {
        margin-bottom: 0vw;
    }
    #investment {
        padding-top: 31.5vw;
    }
    #investment .left {
        float: none;
        clear: both;
        line-height: 5.25vw;
        margin-top: 2.5vw;
        margin-bottom: 2.5vw;
    }
    #investment .left br {
        display: none;
    }
    #investment .right {
        float: none;
        clear: both;
    }
    #investment_carousel .iright {
        right: -12%;
    }
    #investment_carousel .ileft {
        left: -12%;
    }
    #investment .block-bg.grey-bg {
        height: 112vw;
    }
    #investment .a-btn {
        margin-top: 5vw;
        float: left;
        clear: both;
    }   
    #verrentung .icon {
        width: 4vw;
    }
    #verrentung .bg-image {
        width: 50vw;
    }
    #verrentung .icon,
    #verrentung .icon.icon-left {
        margin-left: -5vw;
    }
    #verrentung .btn-subhead {
        width: 48%;
    }
    #verrentung .jquery_ui_btn {
        padding-left: 7vw;
    }
    #consulting {
        padding-top: 26vw;
    }
    #consulting .block-bg.grey-bg {
        margin-bottom: 10vw;
    }
    #consulting .jquery_ui_btn {
        margin-bottom: 10vw;
    }
    #team h3 {
        margin-bottom: 6vw;
    }
    .form-check-input[type="radio"] + label::after, .form-check-input[type="radio"] + label::before, 
    label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before {
        top: -0.2vw;
    }
    #reservierung input {
        height: 8vw;
        padding-left: 2vw;
        width: 98%;
    }
    #reservierung .left {
        float: none;
        clear: both;
        margin-right: 0;
    }
    #reservierung textarea {
        width: 76.5vw;
        height: 35vw;
        padding-left: 2vw;
    }
    #reservierung .btn {
        width: 76.5vw;
    }
    #contact #gmaps {
        height: 80vw;
        width: 100%;
    }
}
input[type="submit"]:disabled, input[type="submit"].disabled {
  opacity: .3;
}

/*Datenschutz*/
#datenschutz h1,
#datenschutz h2,
#datenschutz p {
	margin-bottom: 25px;
}