:root {
    --main-highlight:#f00;
    --main-highlight:#b81820;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: var(--main-highlight);
}

::selection {
  color: white;
  background: var(--main-highlight);
}

body {
    font-size:1.1rem;
    color:#595959;
    line-height:1.4rem;
}

img {
    image-rendering:optimizeSpeed;              /* Legal fallback                 */
    image-rendering:-moz-crisp-edges;           /* Firefox                        */
    image-rendering:-o-crisp-edges;             /* Opera                          */
    image-rendering:-webkit-optimize-contrast;  /* Chrome (and eventually Safari) */
    image-rendering: bicubic;                /* CSS3 Proposed                  */
    -ms-interpolation-mode: bicubic;             /* IE8+                           */
    image-rendering: -webkit-optimize-contrast;
}

.navbar-light .navbar-nav .nav-item .dropdown {
}

.navbar-light .navbar-nav li.dropdown a.expandable:after {
    content:" >";
}
.navbar-light .navbar-nav .active > .nav-link, 
ul.dropdown-menu li.active a.dropdown-item
{
    content:" >";
    color: var(--main-highlight);
}
ul.dropdown-menu li.active a.dropdown-item:before
{
    content:" >";
    color: var(--main-highlight);
    visibility: visible;
}

.sub-item:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: inherit;
    height: 1px;
    content: '';
    opacity: 0;
    transition: all 200ms linear;
}

.dropdown-item 
{
    padding: 0.3rem;
    padding-right: .5rem;
    margin: 0;
}
ul.dropdown-menu li.nav-item:last-child 
{
    margin-bottom:.1rem;
}
.dropdown-item:hover:before, .dropdown-item:focus:before,
.dropdown-item:before, .dropdown-item:before
{
    visibility: visible;
}
.dropdown-item:before, .dropdown-item:before
{
    color: var(--main-highlight);
    content:"> ";
    display: inline-block;
    visibility: hidden;
}
.dropdown-item 

.dropdown-menu {
    min-width:.1rem;
}

.nav-link, .nav-item {
    transition: none;
}

.footer-section {
    background-color:#fff;
    padding:60px 0;
}
.footer-section p b {
    color: var(--main-highlight);
}

@media (max-width: 991px)
{
    .red-badge-top {
        padding-right:3rem !important
    }
}
@media (max-width: 767px)
{
    .footer-section .col-md-3 br,
    h2 br {
        display: block;
    }
    .red-badge {
        padding-bottom: 5rem !important;
    }
    .red-badge h2 {
        font-size:20px;
    }
    .red-badge-top {
        top:-2rem !important;
        margin-bottom: -2rem !important;
    }    
    .header-top-image-iphone {
        display:block;
    }
    .header-top-image-browser {
        display:none;
    }
    .zusatz-1{
        position:inherit; top:0rem !important;
    }
    .telheader {
        display: inline; font-size:80%;
    }
}
@media (min-width: 768px)
{
    .header-top-image-iphone {
        display:none;
    }
    .header-top-image-browser {
        display:block;
    }
}

.zusatz-1{
    position:relative; top:-7.15rem
}

.row {
    margin:0;
}

/* immer nicht sichtbar */
.navbar-expand-md .navbar-toggler {
    display: none;
}

.red-badge {
    background-color:var(--main-highlight);
    color:#fff;
    padding:2rem;
    padding-bottom: 7rem;
    padding-right:6rem;
    background-image:  url('/images/red-badge-white-bg.png');
    background-position: bottom right;
}
.red-badge h2 { color:#fff; font-weight: 500; }

.red-badge-top {
    position: relative; 
    top:-4rem;
    margin-bottom:-4rem;
}

.red-badge-right {
    background-image:  url('/images/red-badge-white-right-bg.png') !important;
    background-position: bottom left !important;
}

li:before {
    content: "\f04d";
    font-family: "FontAwesome";
    font-size:80%;
    top:-2px;
    color: var(--main-highlight); /* or whatever color you prefer */
    position: relative;
    top:-1px;
    left:-.5rem;
}

li {
    margin-bottom:.5rem;
    padding-left:1.2rem;
}

ul.bigger li {
    margin-bottom:0.76rem;
}
.content-box {
    padding:2.5rem;
}

ul {
    text-indent: -.8rem;
    padding:0;
    padding-left:1rem;
}

h3.red {
    color: var(--main-highlight);
}

.width_1 {
    width:5rem;
    display:inline-block;
}

.width_2 {
    width:3rem;
    display:inline-block;
}

.content_datenschutz h4,
.content_datenschutz h5,
.content_datenschutz h6
{
    color: var(--main-highlight);
}

.content_datenschutz h4 {
    font-size: 1.5rem;
    padding-left:0rem;
    hyphens:none;
}

.content_datenschutz h5 {
    font-size: 1.2rem;
    padding-left:1rem;
    hyphens:none;
}

.content_datenschutz h6 {
    font-size: .9rem;
    padding-left:1.5rem;
}

.content_datenschutz h4 +p,
.content_datenschutz h4 +p +p,
.content_datenschutz h4 +p +p +p,
.content_datenschutz h4 +p +p +p +p
 {
    padding-left:1rem;
    font-size:.9rem;
    line-height:1.2rem;
    color:#262626;
}

.content_datenschutz h5 +p,
.content_datenschutz h5 +p +p,
.content_datenschutz h5 +p +p +p,
.content_datenschutz h5 +p +p +p +p,
.content_datenschutz h5 +p +ul +p
{
    padding-left:1rem;
    font-size:.9rem;
    line-height:1.2rem;
    color:#262626;
}

.content_datenschutz h6 +p,
.content_datenschutz h6 +p +p,
.content_datenschutz h6 +p +p +p,
.content_datenschutz h6 +p +p +p +p
{
    padding-left:2rem;
    font-size:.9rem;
    line-height:1.2rem;
    color:#262626;
}

.content_datenschutz ul li {
    padding-left:3rem;
    font-size:.9rem;
    line-height:1.2rem;
    color:#262626;
}

.footer-section p b {
    font-family: 'Poppins';
    letter-spacing: 0;
    font-weight: bold;
}

