/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* jura-700 - latin */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/jura-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jura-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jura-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jura-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jura-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jura-v16-latin-700.svg#Jura') format('svg'); /* Legacy iOS */
}


body {
	background-color: #FFF;
	color: #64666b;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
}
.text-muted {
    margin: 10px;
}

.pipe-bold {
    position:relative;
    width: 10px;
    height: 75px;
    background-color: var(--primary-color);
    display: initial;
    margin-right: 15px;
    display: block;
    float: left;
    top: 0px;
}

.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

img.hover-effect {
    transition: transform 0.5s ease 0s;
}

img.hover-effect:hover {
    transform: scale(1.2);
}

a:hover,
a:focus,
a:visited,
a:active {
    text-decoration: none;
    color: #00305e;
}

.bg-light {
  background-color: #f5f5f5 !important;
}

.badgeBig {
  padding: 1px 9px 2px;
  font-size: 40px;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.lead {

    font-size: 14px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .modal-dialog {
        width: 65%;
    }
}

@media (min-width: 1281px) {
    .modal-dialog {
        width: 45%;
    }
}

.weg-muss-das {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.bg-lightgrey {
    background-color: #efefef;
}

.bg-darkblue {
    background-color: #00305e;

}

.panel-footer {
    padding: 10px 10px !important;
}

a.color--white {
    color: #fff;
}

.color--white {
    color: #fff;
}

.img-logo {
    margin-bottom:25px;
    max-width:300px;
    max-height:200px;
}

.color--darkblue {
    color: #002951;
}

/*HEADLINES*/
.hl-big {
    font-size: 50px;
    line-height: 56px;
    margin-left: 24px;
}
.glyphicon-menu-right::before {
    position: absolute;
    left: -16px;
    top: 5px;
    font-size: 50px;
    line-height: 56px;
}

.hl-1 {
    font-size: 26px;
    line-height: 34px;
}
.hl-2 {
    font-size: 22px;
    line-height: 30px;
}
.hl-3 {
    font-size: 18px;
    line-height: 26px;
}

.panel-footer {
    font-size: 12px;
    line-height: 16px;
}

.fs-intro {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
}

.btn-primary-specialEdition {
    color: #fff;
    background-color: #00305e;
    padding: 10px 10px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

    /*.btn-primary-specialEdition span {
    color: #000;
}*/

    .btn-primary-specialEdition:hover {
        color: #fff !important;
    }

/*.btn-primary-specialEdition:hover span {
    color: #bfc0c2;
    }*/

a:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
   box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.75);
}

@media (min-width: 768px) {
    .hl-big {
        font-size: 70px;
        line-height: 76px;
        margin-left: 24px;
    }
    .glyphicon-menu-right::before {
        position: absolute;
        left: -16px;
        top: 10px;
        font-size: 70px;
        line-height: 76px;
    }

    .hl-1 {
        font-size: 28px;
        line-height: 36px;
    }

    .hl-2 {
        font-size: 24px;
        line-height: 32px;
    }

    .hl-3 {
        font-size: 20px;
        line-height: 28px;
    }


    .panel-footer {
        font-size: 14px;
        line-height: 18px;
    }

    .fs-intro {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .fs-tab-content__tabs {
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-primary-specialEdition {
        font-size: 22px;
        padding: 15px 15px;
    }
}

@media (min-width: 992px) {
    .hl-big {
        font-size: 90px;
        line-height: 96px;
        margin-left: 24px;
    }
    .glyphicon-menu-right::before {
        position: absolute;
        left: -16px;
        top: 10px;
        font-size: 90px;
        line-height: 96px;
    }

    .hl-1 {
        font-size: 30px;
        line-height: 38px;
    }

    .hl-2 {
        font-size: 26px;
        line-height: 34px;
    }
    .hl-3 {
        font-size: 22px;
        line-height: 30px;
    }


    .panel-footer {
        font-size: 16px;
        line-height: 20px;
         }

    .fs-intro {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .btn-primary-specialEdition {
        font-size: 30px;
        padding: 20px 20px;
    }
}

.fbq .input_plz__gemein_name {
    margin-top: 12px!important;
    margin-left: 5px!important;
}