@charset "UTF-8";
/* roboto-100 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/roboto-v20-latin-100.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/roboto-v20-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-100.woff2") format("woff2"), url("../fonts/roboto-v20-latin-100.woff") format("woff"), url("../fonts/roboto-v20-latin-100.ttf") format("truetype"), url("../fonts/roboto-v20-latin-100.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100;
    src: url("../fonts/roboto-v20-latin-100italic.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("../fonts/roboto-v20-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-100italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-100italic.woff") format("woff"), url("../fonts/roboto-v20-latin-100italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-100italic.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/roboto-v20-latin-300.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-300.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300.woff") format("woff"), url("../fonts/roboto-v20-latin-300.ttf") format("truetype"), url("../fonts/roboto-v20-latin-300.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/roboto-v20-latin-300italic.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/roboto-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-300italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300italic.woff") format("woff"), url("../fonts/roboto-v20-latin-300italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-300italic.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/roboto-v20-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/roboto-v20-latin-500.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500.woff") format("woff"), url("../fonts/roboto-v20-latin-500.ttf") format("truetype"), url("../fonts/roboto-v20-latin-500.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/roboto-v20-latin-italic.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-italic.woff") format("woff"), url("../fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/roboto-v20-latin-700.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto-v20-latin-700.ttf") format("truetype"), url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/roboto-v20-latin-900.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-900.woff2") format("woff2"), url("../fonts/roboto-v20-latin-900.woff") format("woff"), url("../fonts/roboto-v20-latin-900.ttf") format("truetype"), url("../fonts/roboto-v20-latin-900.svg#Roboto") format("svg");
    /* Legacy iOS */
}

html {
    height: 100%;
}

body {
  padding-top: 50px;
  height: 100%;
  font-family: "Roboto";
  font-weight: inherit;
}

#uni4-impressum h1, #uni4-datenschutz h1,



h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #1e4895;
    font-size: 2em;
    margin: 60px 0 40px 0;
}

h3 {
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.5em;
    color: #767676;
}

h4 {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 30px;
    margin-top: 0;
}

header {
    position: fixed;
    width: 100%;
}

.nav-up {
  top: -50px;
}

span.anchor {
    display: block;
    height: 60px;
    margin-top: -60px;
    visibility: hidden;
}

.divide-line {
  margin: 0 15px;
  padding-bottom: 3em;
  border-top: none;
  border-bottom: 1px solid #cccccc;
}

#uni40-bp-starter h1, #uni40-vm-starter h1, #uni40-hapo-starter h1 {
  color: #1e4895;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: left;
  margin-top: 26px;
  line-height: 1.5em;
  margin-bottom: 30px;
  font-weight: 400;
}

#uni40-bp-starter h2, #uni40-vm-starter h2, #uni40-hapo-starter h2 {
    font-size: 1.5em;
    text-transform: none;
    text-align: left;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
}

#uni40-vm-starter h1 p {
    text-transform: none;
    font-size: 0.75em;
    line-height: 1.5em;
    padding-top: 30px;
}

.ueber-uns .divide-line,
.bp-leistungen .divide-line,
.hapo-leistungen .divide-line,
.projekte .divide-line {
    border-bottom: none;
}

.bp-funktionen h3,
.softwarebaukasten h3,
.hapo-funktionen h3 {
    margin-bottom: 30px;
}

.row {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.start-img{
    width: 100%;
}


.inner-div {
    display: inline-block;
}



footer {
    background: #323a45;
    color: #ebf0f5;
}

footer .container {
    height: 100px;
}

footer p {
    margin: 12px 15px;
}

footer .glyphicon {
    padding-right: 12px;
}

footer a, footer .glyphicon {
    color: #008bce;
}

footer a:active, footer a:hover, footer .glyphicon:active, footer .glyphicon:hover {
    color: #33519e;
    text-decoration: none;
}

#uni40-bp-starter, #uni40-vm-starter, #uni40-hapo-starter {
    padding-top: 120px;
}

#uni40-bp-starter, #uni40-vm-starter, #uni40-hapo-starter {
    color: #1e4895;
    padding-bottom: 60px;
}

#uni40-bp-starter .starter-template img-responsive, #uni40-vm-starter .starter-template img-responsive, #uni40-hapo-starter .starter-template img-responsive {
    padding-top: 30px;
    margin-bottom: 100px;
}

#uni40-bp-starter .fa, #uni40-vm-starter .fa, #uni40-hapo-starter .fa {
    font-size: 26px;
    width: 60px;
}

#uni40-bp-starter .bv-icon, #uni40-vm-starter .bv-icon, #uni40-hapo-starter .bv-icon {
    width: 20px;
    float: left;
    padding-top: 6px;
}

#uni40-bp-starter h4, #uni40-vm-starter h4, #uni40-hapo-starter h4 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 20px;
    display: -webkit-box;
}

#uni40-bp-starter .bv-logo, #uni40-vm-starter .bv-logo, #uni40-hapo-starter .bv-logo {
    margin-bottom: 30px;
}

#uni40-bp-starter .bv-logo-text, #uni40-vm-starter .bv-logo-text, #uni40-hapo-starter .bv-logo-text {
    padding-right: 90px;
}

#uni40-bp-starter .bv-logo-text h2, #uni40-vm-starter .bv-logo-text h2, #uni40-hapo-starter .bv-logo-text h2 {
    margin-top: 34px;
}

#uni40-bp-starter .logo-text-bottom, #uni40-vm-starter .logo-text-bottom, #uni40-hapo-starter .logo-text-bottom {
    padding-left: 100px;
}

/*--- Leistungen und Projekte ---*/
.bp-leistungen h4,
.hapo-leistungen h4,
.projekte h4 {
    margin-bottom: 20px;
    padding-left: 80px;
}

.bp-leistungen .fa,
.hapo-leistungen .fa,
.projekte .fa {
    font-size: 26px;
    width: 60px;
}

.bp-leistungen .bv-icon,
.hapo-leistungen .bv-icon,
.projekte .bv-icon {
    width: 20px;
    float: left;
    padding-top: 6px;
}

.bp-leistungen .glyphicon,
.hapo-leistungen .glyphicon,
.projekte .glyphicon {
    font-size: 16px;
}

.bp-leistungen p,
.hapo-leistungen p,
.projekte p {
    margin: 10px 15px;
}

.bp-leistungen .speak h4,
.hapo-leistungen .speak h4,
.projekte .speak h4 {
    margin-top: 30px;
    padding-left: 0;
}

/*--- Kontakt  ---*/
.kontakt,
.bp-kontakt,
.hapo-kontakt,
.vm-kontakt {
    /*h1,*/
}

.kontakt h3,
.bp-kontakt h3,
.hapo-kontakt h3,
.vm-kontakt h3 {
    color: #1e4895;
}

.kontakt .speak h4,
.bp-kontakt .speak h4,
.hapo-kontakt .speak h4,
.vm-kontakt .speak h4 {
    margin-bottom: 40px;
    line-height: 28px;
}

.kontakt .contact-details,
.bp-kontakt .contact-details,
.hapo-kontakt .contact-details,
.vm-kontakt .contact-details {
    margin-bottom: 50px;
}

.kontakt .glyphicon,
.bp-kontakt .glyphicon,
.hapo-kontakt .glyphicon,
.vm-kontakt .glyphicon {
    color: #1e4895;
    font-size: 16px;
    padding-top: 10px;
    padding-right: 10px;
}

.kontakt .bv-icon, .kontakt .vm-icon,
.bp-kontakt .bv-icon,
.bp-kontakt .vm-icon,
.hapo-kontakt .bv-icon,
.hapo-kontakt .vm-icon,
.vm-kontakt .bv-icon,
.vm-kontakt .vm-icon {
    width: 20px;
    float: left;
    padding-top: 12px;
    margin-bottom: 30px;
    padding-right: 12px;
    margin-right: 12px;
}

.kontakt #contact-button, .kontakt .contact,
.bp-kontakt #contact-button,
.bp-kontakt .contact,
.hapo-kontakt #contact-button,
.hapo-kontakt .contact,
.vm-kontakt #contact-button,
.vm-kontakt .contact {
    margin-top: 30px;
    border-radius: 30px;
}

.kontakt #contact-button .uni4-button, .kontakt .contact .uni4-button,
.bp-kontakt #contact-button .uni4-button,
.bp-kontakt .contact .uni4-button,
.hapo-kontakt #contact-button .uni4-button,
.hapo-kontakt .contact .uni4-button,
.vm-kontakt #contact-button .uni4-button,
.vm-kontakt .contact .uni4-button {
    color: #fff;
    font-size: 18px;
    border: none;
    font-weight: inherit;
}

.kontakt #contact-button.close,
.bp-kontakt #contact-button.close,
.hapo-kontakt #contact-button.close,
.vm-kontakt #contact-button.close {
    display: none;
}

#contact-form-success-notification {
    display: none;
}

.btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.alert {
    border: none;
    border-radius: 0;
}

.alert h4 {
    margin: 10px;
}

.alert-dismissible {
    color: #fff;
    background: #33519e;
}

/*--- Vorteile ---*/
.vorteile .fa {
    font-size: 26px;
    width: 60px;
}

.vorteile .bv-icon {
    width: 40px;
    float: left;
}

.vorteile h4 {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 28px;
    padding-left: 80px;
}

.vorteile img {
    padding-top: 10px;
}

/*--- Funktionsumfang und Softwarebaukasten ---*/
.bp-funktionen,
.softwarebaukasten,
.hapo-funktionen {
    /*    h2 {
            margin-top: 0;
            margin-bottom: 30px;
        }*/
}

.bp-funktionen .fa,
.softwarebaukasten .fa,
.hapo-funktionen .fa {
    font-size: 26px;
    width: 60px;
}

.ueber-uns .fa {
    font-size: 26px;
    width: 40px;
}

.bp-funktionen hr,
.softwarebaukasten hr,
.hapo-funktionen hr {
    border-top: none;
}

.bp-funktionen .glyphicon,
.softwarebaukasten .glyphicon,
.hapo-funktionen .glyphicon {
    padding-right: 20px;
    font-size: 20px;
}

.bp-funktionen .bv-icon,
.bp-funktionen .vm-icon,
.softwarebaukasten .bv-icon,
.softwarebaukasten .vm-icon,
.hapo-funktionen .bv-icon,
.hapo-funktionen .vm-icon {
    width: 20px;
    float: left;
}

.bp-funktionen h4,
.softwarebaukasten h4,
.hapo-funktionen h4 {
    margin-bottom: 14px;
    padding-left: 50px;
}

/*PDF Button*/
.pdf-button {
    width: auto;
}

.pdf-button a {
    display: block;
    padding: 12px 0 16px 30px;
    margin-top: 20px;
    text-decoration: none;
    width: 280px;
    border-radius: 20px;
}

.pdf-button a h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-left: 0;
}

.pdf-button a:hover {
    text-decoration: none;
}

/*--- Referenzen  ---*/
.referenzen {
    background: #ebf0f5;
}

.ref-row {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    margin-bottom: 50px;
}

.ref-row .ref {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 15px 35px;
}

.ref-row .ref a img {
    height: 50px;
    height: 40px;
}

.ref-row .ref a img.ref-img-black-white {
    display: block;
}

.ref-row .ref a img.ref-img-color {
    display: none;
}

.ref-row .ref a:hover img.ref-img-black-white {
    display: none;
}

.ref-row .ref a:hover img.ref-img-color {
    display: block;
}

.bp-funktionen img,
.hapo-funktionen img {
    box-shadow: 0 1px 10px #ccc;
}

/*--- Honeypot  ---*/
.la2-hp {
    z-index: 999;
    position: absolute;
    height: 0;
    width: 0;
    border: none;
    background: none;
    margin: 0;
    top: 0;
    left: -999999px;
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

/*---  Generally ---*/
.navbar-brand {
    padding: 10px 15px;
}

.navbar-inverse {
    background-color: #eee;
    border: none;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #1e4895;
    background-color: #fff;
    font-weight: 600;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #1e4895;
    background-color: #fff;
}

.dropdown-menu > li > a {
    color: #777;
}

.dropdown-menu > li > a:hover {
    background: #eee;
    color: #1e4895;
}

.uni4-navbar-secondary {
    display: none;
}

.active .uni4-navbar-secondary {
    display: block;
}

/*---  Uni4.0 Side ---*/
#Uni4Nav {
    background: #fff;
    box-shadow: 0 1px 1px #999;
}

#Uni4Nav .navbar-nav > li > a {
    color: #1e4895;
    color: red;
    color: #9d9d9d;
    font-weight: 600;
    padding: 20px;
    font-size: 14px;
    text-transform: uppercase;
}

#Uni4Nav .navbar-nav > li > a:hover {
    color: #337ab7;
}

#Uni4Nav .navbar-nav > .active-item > a,
#Uni4Nav .navbar-nav > .active-item > a:hover {
    color: #1e4895;
    background-color: #fff;
}

#Uni4Nav .navbar-toggle, #Uni4Nav .navbar-toggle:focus, #Uni4Nav .navbar-toggle:active {
    background-color: #fff;
    border: none;
}

#Uni4Nav .navbar-toggle span.icon-bar, #Uni4Nav .navbar-toggle:focus span.icon-bar, #Uni4Nav .navbar-toggle:active span.icon-bar {
    background-color: #1e4895;
}

#Uni4Nav .navbar-toggle:hover {
    background: #1e4895;
}

#Uni4Nav .navbar-toggle:hover span.icon-bar {
    background-color: #fff;
}

/*---  Products Sides ---*/
#Uni4PrimaryNav {
    background: #fff;
    font-size: 12px;
}

#Uni4PrimaryNav .navbar-nav > li > a {
    text-transform: uppercase;
}

#Uni4PrimaryNav .navbar-nav > li > a:hover {
    color: #337ab7;
    font-weight: 600;
}

#Uni4PrimaryNav .navbar-toggle, #Uni4PrimaryNav .navbar-toggle:focus, #Uni4PrimaryNav .navbar-toggle:active {
    background-color: #fff;
    border: none;
}

#Uni4PrimaryNav .navbar-toggle span.icon-bar, #Uni4PrimaryNav .navbar-toggle:focus span.icon-bar, #Uni4PrimaryNav .navbar-toggle:active span.icon-bar {
    background-color: #1e4895;
}

#Uni4PrimaryNav .navbar-toggle:hover {
    background: #1e4895;
}

#Uni4PrimaryNav .navbar-toggle:hover span.icon-bar {
    background-color: #fff;
}

#Uni4PrimaryNav img {
    height: 30px;
}

#Uni40SecondaryNav-bp, #Uni40SecondaryNav-vm, #Uni40SecondaryNav-hapo {
    background: #465365;
}

#Uni40SecondaryNav-bp .navbar-nav, #Uni40SecondaryNav-vm .navbar-nav, #Uni40SecondaryNav-hapo .navbar-nav {
    float: inherit;
}

#Uni40SecondaryNav-bp .navbar-nav > li > a, #Uni40SecondaryNav-vm .navbar-nav > li > a, #Uni40SecondaryNav-hapo .navbar-nav > li > a {
    color: #ddd;
    font-weight: 600;
    padding: 20px;
    font-size: 1.2em;
    text-transform: uppercase;
}

#Uni40SecondaryNav-bp .navbar-nav > .active > a, #Uni40SecondaryNav-bp .navbar-nav > .active > a:hover, #Uni40SecondaryNav-vm .navbar-nav > .active > a, #Uni40SecondaryNav-vm .navbar-nav > .active > a:hover, #Uni40SecondaryNav-hapo .navbar-nav > .active > a, #Uni40SecondaryNav-hapo .navbar-nav > .active > a:hover {
    background: #465365;
}

#Uni40SecondaryNav-bp .navbar-brand, #Uni40SecondaryNav-vm .navbar-brand, #Uni40SecondaryNav-hapo .navbar-brand {
    padding-top: 16px;
}

#Uni40SecondaryNav-bp .navbar-toggle, #Uni40SecondaryNav-vm .navbar-toggle, #Uni40SecondaryNav-hapo .navbar-toggle {
    border: none;
}

.navbar-fixed-top .navbar-collapse {
    max-height: 400px;
}

.navbar-nav {
    margin: 0;
}

.cr_site {
    margin: 0;
    padding: 75px 0 0 0;
    text-align: center;
    background-color: #eeeeee;
}

.cr_font {
    font-size: 14px;
    font-family: Arial;
}

.cr_body h2, .cr_header h2 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 10px 0;
}

.cr_body h1, .cr_header h2 {
    font-size: 28px;
    margin-bottom: 15px;
    padding: 0;
    margin-top: 0;
}

.wrapper, .cr_page {
    margin: 0 auto 10px auto;
    text-align: left;
    border-radius: 4px;
}

.cr_header {
    text-align: center;
    background: transparent !important;
}

.cr_body label {
    float: none;
    clear: both;
    display: block;
    width: auto;
    margin-top: 8px;
    text-align: left;
    font-weight: bold;
    position: relative;
}

.cr_button {
    display: inline-block;
    font-family: "Helvetica", Arial, sans-serif;
    width: auto;
    white-space: nowrap;
    height: 32px;
    margin: 5px 5px 0 0;
    padding: 0 22px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;
}

.cr_button {
    background-color: #333;
    color: #ffffff;
}

.cr_button:hover, .cr_button-small:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.powered {
    padding: 20px 0;
    width: 560px;
    margin: 0 auto;
}

.formbox {
    line-height: 150%;
    font-family: Helvetica;
    font-size: 12px;
    color: #333333;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 6px 6px 6px 6px;
}

.cr_ipe_item label {
    line-height: 150%;
    font-size: 14px;
}

.cr_ipe_item textarea {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #aaa;
    font-family: Helvetica;
    font-size: 16px;
}

.cr_ipe_item input {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #aaa;
    padding: 5px;
    font-family: Helvetica;
    font-size: 16px;
}

.cr_ipe_item select {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #aaa;
    display: block;
    margin: 0;
    padding: 5px;
    width: 100%;
    font-family: Helvetica;
    font-size: 16px;
}

.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {
    -moz-binding: none;
    -moz-box-sizing: border-box;
    background-color: -moz-field !important;
    border: 2px inset threedface !important;
    color: -moz-fieldtext !important;
    cursor: default;
    height: 13px;
    padding: 0 !important;
    width: 13px;
}

.cr_ipe_item input.cr_ipe_radio {
    -moz-appearance: radio;
    border-radius: 100% 100% 100% 100% !important;
    margin: 3px 3px 0 5px;
}

.submit_container {
    text-align: center;
}

.cr_ipe_item {
    padding: 1px 10px;
    margin: 1px 10px;
}

.cr_ipe_item.inactive {
    display: none;
}

.imprint {
    font-size: 0.8em;
}

.cr_captcha {
    padding-left: 130px;
}

.cr_error {
    font-size: 1.1em;
    padding: 10px;
}

.clever_form_error {
    background-color: #f99;
    color: #000;
    border: 1px solid #f22 !important;
}

.clever_form_note {
    margin: 26px 0 0 3px;
    position: absolute;
    display: inline;
    padding: 2px 4px;
    font-weight: bold;
    background-color: #f2ecb5;
    color: #000;
    font-size: 12px !important;
}

.cr_site {
    background-color: #eee;
}

.cr_header {
    color: #000000;
}

.cr_body {
    background-color: #ffffff;
    font-size: 12px;
    color: #000000;
}

.cr_hr {
    background-color: #ccc;
}

.cr_site a {
    color: #0084ff;
}

.imprint {
    color: #000;
}

.cr_site {
    background-color: #eee;
}

.cr_header {
    color: #000000;
}

.cr_body {
    background-color: #ffffff;
    font-size: 12px;
    color: #000000;
}

.cr_hr {
    background-color: #ccc;
}

.cr_site a {
    color: #0084ff;
}

.imprint {
    color: #000;
}

.cr_page {
    width: 50%;
}

#recaptcha_instructions_image, #recaptcha_instructions_audio, #recaptcha_instructions_error {
    font-size: 10px !important;
}

#recaptcha_image {
    margin-bottom: 10px;
}

#cr_embeded_form {
    text-align: center;
    display: none;
    padding-top: 10%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    /**background-color: rgb(0,0,0);*/
    z-index: 8000;
}

#cr_embed_close_form {
    position: relative;
    cursor: pointer;
    float: right;
    margin-top: -30px;
    margin-right: -30px;
    z-index: 9000;
}

.cr_button {
    color: #fff;
    background-color: #1e4895;
    font-size: 20px;
    border: none;
    font-weight: inherit;
    padding: 1em;
    line-height: 0;
}

#newsletter-section {
    margin-top: 20px;
    padding: 0 15px;
}

#newsletter-section .uni4-button {
    color: #fff;
    background-color: #1e4895;
    font-size: 20px;
    border: none;
    font-weight: inherit;
    margin-bottom: 30px;
    padding: 9px 30px;
    border-radius: 30px;
}

#newsletter-section .uni4-button:hover {
    background: #008bce;
}

/* Allgemein für content
-------------------------------------------------- */


.featurette-divider {
    margin: 40px 0;
}

.uni4-button {
    background-color: #fff;
    color: #33519e;
    padding: 8px 30px;
    border-radius: inherit;
    font-weight: bold;
}

.uni4-button span {
    padding-left: 5px;
}

.uni4-button:hover {
    background-color: #fff;
}

.uni4-button-bv:hover {
    color: #008bce;
}

.uni4-button-vm:hover {
    color: #64b34b;
}

.uni4-button-hp:hover {
    color: #00a9b3;
}

.la2-link {
    padding: 8px 0px;
}

.starter-template {
    padding: 0 15px 40px 15px;
    text-align: center;
}

.starter-template img {
    display: -webkit-inline-box;
    display: inline;
}

/*.container h1 {
    color: $uni-color-blue-dark;
}*/
#uni4-suite{
    padding-top: 10px;
}

.product-logo{
    padding-top: 20px;
}

#uni4-suite .row-product{
    display: block;
    margin-right: auto;
    margin-left: 80px;
}

#uni4-suite .logo-product{
    margin-top: 20px;
    height: 50px;
}

#uni4-suite p{
    font-size: 16px;
    line-height: 160%;
}

#phd{
    scroll-padding-top: 50px;
}

.phd-anchor, .habil-anchor, .bep-anchor, .flexap-anchor, .prof-anchor{
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin-top: -80px;
}


#karriere {
    background: #eef0f2;
    padding: 60px 0 20px 0;
}

.karriere-block {
    background: #fff;
    margin: 0 0 20px 0;
    padding: 30px 40px;
    box-shadow: 0 1px 3px 1px rgba(60, 64, 67, 0.2), 0 2px 8px 4px rgba(60, 64, 67, 0.1);
    border-radius: 3px;
    line-height: 1.5em;
}
.karriere-block p {
    color: #1e4895;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}

.karriere-block h4, .panel-body h4 {
    border-bottom: 1px solid #767676;
    margin-top: 0;
    padding-bottom: 6px;
    margin-bottom: 16px;
}
.karriere-h2{
    margin: 0px 0px 40px 0px;
}

.message {
    text-align: center;
    color: #1e4895;
    font-size: 1.5em;
}
.message-icon {
    text-align: center;
    font-size: 2em;
}
.message-icon a {
    color: #1e4895;
}

/*Anzeige*/
#uni40-anzeige {
    margin: 40px 0;
}

.panel a:focus, .panel a:hover {
    text-decoration: none;
}

.panel-group .panel + .panel {
    margin-top: 20px;
}

.panel-heading {
    background: #C9CCD3;
}
.panel-heading span, .panel-heading .panel-title {
    font-weight: bold;
    font-size: 1.2em;
    color: #2e3338;
    padding: 8px 12px;
}
.panel-heading span {
    float: left;
    padding: 15px 10px 10px 2px;
}
.panel-heading span:before {
    content: "";
}

.panel-heading-open {
    background: #1e4895;
}
.panel-heading-open span, .panel-heading-open .panel-title {
    color: #fff;
}
.panel-heading-open span:before {
    content: "";
}

.panel-heading:hover {
    background: #2e3338;
}
.panel-heading:hover span, .panel-heading:hover .panel-title {
    color: #C9CCD3;
}

.panel-body {
    padding: 30px 40px;
}

.panel-body-block {
    padding-bottom: 30px;
}
.panel-body-block h4 {
    border-bottom: 1px solid #1e4895;
}
.panel-body-block h4, .panel-body-block h5 {
    color: #1e4895;
}
.panel-body-block h5 {
    font-weight: bold;
}

.panel-body-block.padding-less {
    padding-bottom: 0;
}


#uni4-starter {
    padding-top: 10px;
    background: linear-gradient(to top, #ffffff, #2d2d2d);
}

#uni4-starter .container h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #de66ff;
    margin: 60px 0 0 0;
    font-size: 2.5em;
    line-height: 1.5em;
}

#uni4-starter .parent{
    display: flex;
    gap: 25px;
    padding-bottom: 130px;
    flex-wrap: wrap;
    justify-content: space-between;
}

#uni4-starter .child{
    width: 200px;

}

@media (max-width: 1199px){
    #uni4-starter .child{
        width: 100%;
    }
    #uni4-starter .parent {
        flex-direction: column;
        justify-content: center;
    }
}

#uni4-starter .product-n {
    background: rgb(255, 255, 255);
    height: 225px;
    padding: 20px 20px 15px 20px;
    text-align: center;
    box-shadow: 0 1px 3px 1px rgba(60, 64, 67, 0.2), 0 2px 8px 4px rgba(60, 64, 67, 0.1);
    border-radius: 3px;
}

#uni4-starter .product-n h2 {
    color: #1e4895;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: none;
}

#uni4-starter .product-n #flexap {
    color: #1e4895;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
}

#uni4-starter .product-n:hover {
    box-shadow: 0 1px 15px #767676;
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}


#uni4-starter .product {
    background: rgb(255, 255, 255);
    margin: 0 15px 15px 15px;
    padding: 20px 40px 15px 40px;
    text-align: center;
    box-shadow: 0 1px 3px 1px rgba(60, 64, 67, 0.2), 0 2px 8px 4px rgba(60, 64, 67, 0.1);
    border-radius: 3px;
}

#uni4-starter .product a {
    text-decoration: none;
}

#uni4-starter .product h2 {
    color: #1e4895;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
}

#uni4-starter .product p {
    color: #767676;
    font-weight: 400;
}

#uni4-starter .product:hover {
    box-shadow: 0 1px 15px #767676;
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

#uni4-starter .product:hover p {
    color: #333;
}

#uni4-starter .product:hover .uni4-bp h3 {
    color: #008bce;
}

#uni4-starter .product:hover .uni4-vm h3 {
    color: #64b34b;
}

#uni4-starter .product:hover .uni4-hp h3 {
    color: #00a9b3;
}

#uni4-starter .banner-text {
    background: #0d8bcc;
    text-align: center;
    margin-bottom: 60px;
    margin: 0 15px 50px 15px;
}

#uni4-starter .banner-text h2 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: none;
    margin: 20px;
}

#uni4-starter .banner-text p {
    color: #fff;
    color: #1e4895;
    font-size: 1.3em;
}

#uni4-starter .row.prod {
    margin-bottom: 50px;
}

#uni4-starter .banner {
    /*background: #0d8bcc;*/
    padding: 2.5em 0em;
    text-align: center;
    color: #fff;
}

#uni4-starter .banner a {
    text-decoration: underline;
    color: #fff;
}

#uni4-starter .banner h3 {
    font-size: 2em;
    color: #fff;
}
#uni4-starter .banner .h3-start {
    font-size: 2.3em;
    letter-spacing: 0.4px;
    color: #fff;
}

#uni4-starter .banner p {
    font-size: 1.5em;
}

#uni4-impressum, #uni4-datenschutz {
    padding: 40px 0;
}

#uni4-impressum .container h1, #uni4-datenschutz .container h1 {
    margin-bottom: 30px;
}

.ueber-uns {
    background-color: #fff;
    min-height: 200px;
    /*    .collapsed {
            display: none;
        }*/
}

.ueber-uns h1 {
    font-size: 1.8px;
    font-weight: 500;
    line-height: 1.35em;
    color: #767676;
}

.ueber-uns .pdf-button a {
    background-color: #1e4895;
}

.ueber-uns .pdf-button a:hover {
    background-color: #008bce;
}


.ueber-uns .center-block {
    margin-top: 26px;
    max-width: 80%;
}

.ueber-uns .about-img {
    text-align: center;
}

.ueber-uns p {
    font-size: 16px;
    line-height: 26px;

}

.ueber-uns div.heading-title.heading-border-bottom {
    border-bottom: #ccc 2px solid;
    margin-bottom: 30px;
}

.ueber-uns div.border-left {
    border-left: 5px solid rgba(0, 0, 0, 0.1);
}

.ueber-uns .bold-inbetween{
    color: #555;
}

.ueber-uns .glyphicon {
    color: #1e4895;
    font-size: 100px;
}






#about{
    padding-top: 30px;
}

.div-glyphicon{
    width: 11px;
    height: 11px;
    background-color: #1e4895;
    position: relative;
}

.div-glyphicon-text {
    font-size: 16px;
    line-height: 26px;
    margin-left: 25px;
    margin-top: -18px;
    padding-bottom: 25px;
}




.ueber-uns .news-block {
    margin-bottom: 20px;
}

.ueber-uns .news-block h4 {
    margin-bottom: 0;
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #1e4895;
}

.ueber-uns .news-block h5 {
    font-size: 14px;
    line-height: 24px;
    color: #1e4895;
}

.ueber-uns .news-block p {
    font-size: 14px;
    line-height: 24px;
}

.ueber-uns .news-block ul {
    font-size: 14px;
    line-height: 24px;
    color: #555;
}

.ueber-uns .news-block .la2-link {
    font-size: 12px;
    padding: 0;
}

.ueber-uns #archiv-block-2018, .ueber-uns #archiv-block-2019, .ueber-uns #archiv-block-2020, .ueber-uns #archiv-block-2021, .ueber-uns #archiv-block-2022 {
    padding: 5px 30px 0px;
}

.ueber-uns .archiv {
    background: #ebf0f5;
    color: #1e4895;
    border: none;
    font-weight: inherit;
    padding: 15px 0 15px 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ueber-uns .archiv a:focus, .ueber-uns .archiv a:hover {
    text-decoration: none;
}

.ueber-uns .archiv h4 {
    font-size: 20px;
}

.ueber-uns a .archiv:hover {
    background: #008bce;
}

a:focus, a:hover {
    text-decoration: none;
}

.kontakt {
    background-color: #fff;
    /*h1,*/
}

.kontakt h3 {
    color: #1e4895;
}

.kontakt .contact-details {
    margin-bottom: 50px;
}

.kontakt .glyphicon {
    color: #1e4895;
    font-size: 16px;
    padding-top: 10px;
    padding-right: 10px;
}

.kontakt #contact-button .uni4-button, .kontakt .contact .uni4-button {
    color: #fff;
    background-color: #1e4895;
    font-size: 20px;
    border: none;
    font-weight: inherit;
    margin-bottom: 30px;
    border-radius: 30px;
}

.kontakt #contact-button .uni4-button:hover, .kontakt .contact .uni4-button:hover {
    background: #008bce;
}

.kontakt #contact-button.close .uni4-button {
    background-color: #fff;
    padding: 5px 10px;
    text-indent: -9999px;
    line-height: 0;
    /* Collapse the original line */
}

.kontakt #contact-button.close .uni4-button::after {
    content: "X";
    text-indent: 0;
    color: #1e4895;
    display: block;
    line-height: initial;
    /* New content takes up original line height */
}

.kontakt #contact-button.close .uni4-button:after, .kontakt #contact-button.close .uni4-button:before {
    border: none;
}

.kontakt #contact-button.close .uni4-button:hover {
    background: #008bce;
}

#Uni40SecondaryNav-bp .navbar-nav > li > a:hover {
    color: #008bce;
}

#Uni40SecondaryNav-bp .navbar-nav > .active > a, #Uni40SecondaryNav-bp .navbar-nav > .active > a:hover {
    color: #47c5ee;
}

#uni40-bp-starter {
    background: radial-gradient(circle, #d7ffef, #4facfe);
}

.bp-funktionen .glyphicon,
.bp-leistungen .glyphicon {
    color: #47c5ee;
}

.bp-funktionen .pdf-button {
    width: auto;
}

.bp-funktionen .pdf-button a {
    background-color: #47c5ee;
    margin-top: 40px;
}

.bp-funktionen .pdf-button a:hover {
    background-color: #008bce;
}

.bp-funktionen p {
    margin-bottom: 14px;
    padding-left: 50px;
    margin-top: -10px;
}

.bp-kontakt #contact-button .uni4-button, .bp-kontakt .contact .uni4-button,
.bp-funktionen #contact-button .uni4-button,
.bp-funktionen .contact .uni4-button {
    background-color: #47c5ee;
}

.bp-kontakt #contact-button .uni4-button:hover, .bp-kontakt .contact .uni4-button:hover,
.bp-funktionen #contact-button .uni4-button:hover,
.bp-funktionen .contact .uni4-button:hover {
    background-color: #008bce;
}

.bp-message {
    background-color: #47c5ee;
}

.footer-bp a, .footer-bp .glyphicon {
    color: #47c5ee;
}

.footer-bp a:active, .footer-bp a:hover, .footer-bp .glyphicon:active, .footer-bp .glyphicon:hover {
    color: #008bce;
    text-decoration: none;
}

#Uni40SecondaryNav-vm .navbar-nav > li > a:hover {
    color: #64b34b;
}

#Uni40SecondaryNav-vm .navbar-nav > .active > a, #Uni40SecondaryNav-vm .navbar-nav > .active > a:hover {
    color: #8bd16e;
}

#uni40-vm-starter {
    background: radial-gradient(circle, #88fed8, #8bd16e);
    background: radial-gradient(circle, #88fed8, #9be15d);
}

#uni40-vm-starter .bv-logo-text h2 {
    line-height: 1.75em;
}

.vm-kontakt #contact-button .uni4-button, .vm-kontakt .contact .uni4-button {
    background-color: #8bd16e;
}

.vm-kontakt #contact-button .uni4-button:hover, .vm-kontakt .contact .uni4-button:hover {
    background-color: #64b34b;
}

.vm-kontakt p {
    margin: 10px 15px;
}

.vm-message {
    background-color: #8bd16e;
}

.projekte .speak h4 {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 1.5em;
}

.projekte .glyphicon {
    color: #8bd16e;
}

.softwarebaukasten hr {
    border-top: none;
}

.softwarebaukasten .glyphicon {
    padding-right: 20px;
    color: #8bd16e;
    font-size: 20px;
}

.softwarebaukasten .center-block {
    width: 50%;
}

.softwarebaukasten .row {
    padding: 40px 20px;
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: 0 1px 10px #ccc;
}

.softwarebaukasten .row-button {
    padding: 0;
    box-shadow: none;
    margin: 0;
}

.softwarebaukasten .featurette-divider {
    margin: 0 0 20px;
}

.softwarebaukasten .vm-kits-text {
    padding: 0 5%;
}

.softwarebaukasten .pdf-button a {
    background-color: #8bd16e;
}

.softwarebaukasten .pdf-button a:hover {
    background-color: #64b34b;
}

.ablauf h4 {
    font-size: 16px;
    line-height: 28px;
}

.footer-vm a, .footer-vm .glyphicon {
    color: #8bd16e;
}

.footer-vm a:active, .footer-vm a:hover, .footer-vm .glyphicon:active, .footer-vm .glyphicon:hover {
    color: #64b34b;
    text-decoration: none;
}

.ablauf .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 15px;
    padding-right: 15px;
}

.ablauf .wrapper .aa, .ablauf .wrapper .cc, .ablauf .wrapper .dd, .ablauf .wrapper .ff {
    background: #fff;
    border: 2px solid #ddd;
    padding: 40px 60px;
    text-align: center;
    box-shadow: 0 1px 10px #ccc;
}

.ablauf .wrapper .aa img, .ablauf .wrapper .cc img, .ablauf .wrapper .dd img, .ablauf .wrapper .ff img {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.ablauf .wrapper .aa {
    grid-column: 1/span 4;
    grid-row: 1/span 4;
}

.ablauf .wrapper .cc {
    grid-column: 6/span 4;
    grid-row: 4/span 4;
}

.ablauf .wrapper .dd {
    grid-column: 1/span 4;
    grid-row: 8/span 4;
}

.ablauf .wrapper .ff {
    grid-column: 6/span 4;
    grid-row: 11/span 4;
}

.ablauf .wrapper .ff img {
    width: 60%;
}

.ablauf .wrapper .bb {
    grid-column: 5/span 3;
    grid-row: 2/span 1;
    border-bottom: 3px solid #ddd;
}

.ablauf .wrapper .aabb {
    grid-column: 7/span 1;
    grid-row: 2/span 4;
    border-right: 3px solid #ddd;
}

.ablauf .wrapper .ee {
    grid-column: 3/span 3;
    grid-row: 6/span 1;
    border-bottom: 3px solid #ddd;
}

.ablauf .wrapper .ccee {
    grid-column: 3/span 1;
    grid-row: 6/span 4;
    border-left: 3px solid #ddd;
}

.ablauf .wrapper .gg {
    grid-column: 5/span 3;
    grid-row: 9/span 1;
    border-bottom: 3px solid #ddd;
}

.ablauf .wrapper .ddgg {
    grid-column: 7/span 1;
    grid-row: 9/span 4;
    border-right: 3px solid #ddd;
}

.vm-referenzen .ref {
    padding: 15px 30px;
}

#Uni40SecondaryNav-hapo .navbar-nav > li > a:hover {
    color: #00a9b3;
}

#Uni40SecondaryNav-hapo .navbar-nav > .active > a, #Uni40SecondaryNav-hapo .navbar-nav > .active > a:hover {
    color: #41cdbf;
}

#uni40-hapo-starter {
    background: radial-gradient(circle, #84fab0, #8fd3f4);
}

.hapo-funktionen .glyphicon,
.hapo-leistungen .glyphicon {
    color: #41cdbf;
}

.hapo-funktionen .pdf-button {
    width: auto;
}

.hapo-funktionen .pdf-button a {
    background-color: #41cdbf;
}

.hapo-funktionen .pdf-button a:hover {
    background-color: #00a9b3;
}

.hapo-kontakt #contact-button .uni4-button, .hapo-kontakt .contact .uni4-button,
.hapo-funktionen #contact-button .uni4-button,
.hapo-funktionen .contact .uni4-button {
    background-color: #41cdbf;
}

.hapo-kontakt #contact-button .uni4-button:hover, .hapo-kontakt .contact .uni4-button:hover,
.hapo-funktionen #contact-button .uni4-button:hover,
.hapo-funktionen .contact .uni4-button:hover {
    background-color: #00a9b3;
}

.hapo-referenzen {
    background: #ebf0f5;
}

.hapo-referenzen .ref-row .ref a img {
    height: 60px;
}

.hp-message {
    background-color: #41cdbf;
}

.footer-hapo a, .footer-hapo .glyphicon {
    color: #41cdbf;
}

.footer-hapo a:active, .footer-hapo a:hover, .footer-hapo .glyphicon:active, .footer-hapo .glyphicon:hover {
    color: #00a9b3;
    text-decoration: none;
}

@media (max-width: 480px) {
    .container h1 {
        font-size: 1.7em;
    }

    .container h2 {
        font-size: 1.5em;
    }

    iframe {
        width: 100%;
    }

    #uni4-starter .container {
        padding: 0;
    }

    #uni4-starter .container h1, #uni40-bp-starter h1, #uni40-vm-starter h1, #uni40-hapo-starter h1 {
        font-size: 1.5em;
    }

    .ueber-uns .container {
        padding: 0;
    }

    .ueber-uns .container .col-md-4 {
        margin: 15px;
    }

    .navbar-toggle {
        margin-right: 5px;
    }

    .softwarebaukasten .row {
        padding-top: 10px;
    }

    .softwarebaukasten .vm-kits-text {
        padding: 0;
    }

    .ablauf .wrapper .aa, .ablauf .wrapper .cc, .ablauf .wrapper .dd, .ablauf .wrapper .ff {
        padding: 20px;
    }

    .banner h3 {
        font-size: 1.3em !important;
    }

    .banner p {
        font-size: 1em !important;
    }
}

@media (min-width: 480px) {
    .container h1 {
        font-size: 2em;
    }

    .container h2 {
        font-size: 2em;
    }
}

@media (max-width: 768px) {
    span.anchor {
        height: 50px;
        margin-top: -50px;
    }

    .bp-leistungen h4,
    .hapo-leistungen h4,
    .projekte h4 {
        padding-left: 40px;
    }

    #Uni4Nav img {
        width: 80%;
    }

    #Uni40SecondaryNav-bp .navbar-brand,
    #Uni40SecondaryNav-vm .navbar-brand {
        padding: 10px 15px;
    }

    .container h1 {
        margin-bottom: 30px;
    }

    #uni40-bp-starter,
    #uni40-vm-starter {
        padding-top: 100px;
    }

    #uni40-bp-starter .bv-logo-text,
    #uni40-vm-starter .bv-logo-text,
    #uni40-hapo-starter .bv-logo-text {
        padding-right: 0;
    }

    .cr_page {
        width: 95%;
    }

    .cr_ipe_item {
        padding: 1px 0;
        margin: 1px 0;
    }

    .ablauf .wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .ablauf .wrapper .aa {
        grid-column: 1/span 2;
        grid-row: 1/span 1;
    }

    .ablauf .wrapper .cc {
        grid-column: 1/span 2;
        grid-row: 3/span 1;
    }

    .ablauf .wrapper .dd {
        grid-column: 1/span 2;
        grid-row: 5/span 1;
    }

    .ablauf .wrapper .ff {
        grid-column: 1/span 2;
        grid-row: 7/span 1;
    }

    .ablauf .wrapper .bb, .ablauf .wrapper .ee, .ablauf .wrapper .gg {
        display: none;
    }

    .ablauf .wrapper .aabb, .ablauf .wrapper .ccee, .ablauf .wrapper .ddgg {
        grid-column: 1/span 1;
        border-right: 3px solid #ddd;
        height: 100px;
    }

    .ablauf .wrapper .aabb {
        grid-row: 2/span 1;
    }

    .ablauf .wrapper .ccee {
        grid-row: 4/span 1;
        border-left: none;
    }

    .ablauf .wrapper .ddgg {
        grid-row: 6/span 1;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right;
    }
}

@media (max-width: 1199px) {
    .logo-text-bottom {
        display: none;
    }

    .logo-text-rechts {
        display: block;
        max-width: 100%;
        height: auto;
        padding-left: 0;
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .logo-text-rechts {
        display: none;
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
}

/*# sourceMappingURL=main.css.map */