/*Schriften*/

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  display: swap;
  font-weight: 300;
  src: local(''),
       url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat-v25-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  display: swap;
  font-weight: 400;
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  display: swap;
  font-weight: 600;
  src: local(''),
       url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat-v25-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  display: swap;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  display: swap;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  BASICS
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.0rem;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.9rem;
  font-weight: 400;
  hyphens: auto;
}

*:focus { outline: none !important; }
::selection       { background: #434343; color: white; }
::-moz-selection  { background: #434343; color: white; }



.liste { margin:; padding:0; }
ul.one { list-style-type:none; margin:0; padding:0 10px; }
ul.one li:before { content: "\2713" " ";}

/* + + + + + + + + + + + + + + + + + + + + + + + +
  HEADLINES & TEXT STYLES
+ + + + + + + + + + + + + + + + + + + + + + + +  */

/* HEADLINES */
h1, h2, h3, h4, h5, h6, *[class*="fs-1-"],  {
  margin: 0;
  padding: 0;

}

.fs-1 {
  font-size: calc(3.4rem + 0.6vw) !important;
  font-family: 'Montserrat', sans-serif;
}

.fs-2 {
  font-size: calc(1.1rem + 0.3vw) !important;
 line-height: 2.4rem;
font-family: 'Montserrat', sans-serif;}

.fs-3 {
  font-size: calc(1.5rem + 0.3vw) !important;
   font-family: 'Montserrat', sans-serif;

}
.fs-4 {
  font-size: calc(0.75rem + 0.3vw) !important;
   font-family: 'Montserrat', sans-serif;

}

.fs-5 {
  font-size: calc(2rem + 0.3vw) !important;
   font-family: 'Montserrat', sans-serif;

}



.fw-light { font-weight: 300 !important;}
.fw-normal { font-weight: 400 !important;}
.fw-bold { font-weight: 700 !important;}
.line-height{ line-height: 2.8rem;}

.hg_blue{background-color: #0995E1}
.blue{color: #0995E1}
.hg_darkblue{background-color: #041E46}

.abstand{
text-align: start;}

.distance_two{
  padding-top:145px;}



.circle{ background: url(../images/site/kreis_oben.png);
    background-repeat: no-repeat;
    background-position: left bottom;}

.circle_two{ background: url(../images/site/kreis_oben_two.png);
    background-repeat: no-repeat;
    background-position: top left;}

.circle_black{ background: url(../images/site/kreis_schwarz.png);
    background-repeat: no-repeat;
    background-position: top left;}


.modal {
    z-index: 10000;}


  /* ## CLAIM ## */
.claim {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 101;
}


.claim {bottom: 305px;}




.hg{background: url(../images/site/test.png);
    background-repeat: no-repeat;
    background-position: center top;}

.hg2{  background: url(../images/site/hg_unten.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;}



a{
    text-decoration: none;
    color: #000000;

}

.card {padding: 10px 0px;}

a:visited{
  color: #041E46;
}
a:hover{
  color:  #041E46;
}
a:active{
  color: #041E46;
}




 #logo {
    width: 230px;}

.btn_two {
  border: 0;
  background: #041E46;
  width: 100px;
  height: 100px
}

.btn {
  border: 0;
  background: #041E46;
  width: 50px;
  height: 50px
}

 .site,
  .site_one,
  .site_two{
    position: fixed !important;
    right: 0;
    z-index: 5000;
}

.site {top: 340px;}
.site_one {top: 395px;}
.site_two {top: 450px;}



@media (min-width: 992px) {
  .btn {
    border: 0;
    background: #041E46;
    width: 60px;
    height: 60px;
  }

   .site,
    .site_one,
    .site_two {
      /* position: fixed !important; */
      /* right: 0; */
      /* z-index: 5000; */
  }

  .site {top: 140px;}
  .site_one {top: 205px;}
  .site_two {top: 270px;}
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ffffff;
    background-color: #000000;}
.nav-link{color: #ffffff;}
.nav-link:focus, .nav-link:hover {
    color: #ffffff;}

/* + + + + + + + + + + + + + + + + + + + + + + + +
  NAVIGATION
+ + + + + + + + + + + + + + + + + + + + + + + +  */

#top_bar { background-color:white;
z-index: 9999 }

#navbar-example { padding: 0; }
#navbar-example ul li a {
  position: relative;
  z-index: 1;
  display: block;
  color: #116A9B;
  text-decoration: none;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  font-weight:400 ;


}

@media (max-width: 1199.98px)
{
  #logo { width:230px }
  #navbar-example ul li a {
  position: relative;
  z-index: 1;
  display: block;
  color: black;
  text-decoration: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;

}

.distance {
    margin-bottom: -4.0rem;
}
}


  #navbar-example ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0%;
    content: '.';
    color: transparent;
    background:#116A9B;
    height: 5px;

    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
  }

  #navbar-example ul li a:hover:after,
  #navbar-example ul li a.active:after { width: 100%; background-color: #116A9B}




.navbar-expand-lg .navbar-nav .nav-link  {padding-right: 1rem;
padding-left: 1rem; }


.nav-link:hover {
    border: none!important;
    isolation: isolate;
    color:#000000;}


.nav-link:active {
    border: #5DB245;
    background:none!important;
    color:#116A9B;
   }



.nav-pills .nav-link { color:#000000; }

.nav-tabs{border:0; }

/* + + + + + + + + + + + + + + + + + + + + + + + +
  Navbar Mobil
+ + + + + + + + + + + + + + + + + + + + + + + +  */
.navbar-toggler.custom-toggler {
  border-color: #116A9B;
  border-width: 2px;
  background: transparent;
}
.navbar-toggler.custom-toggler .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='rgba(17, 106, 155, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media (max-width: 767.98px) {
  #navbar_main ul { background: black; }
  #navbar_main ul li { text-align: center; }
  #navbar_main ul li a { border-bottom: 1px solid white; }
  #navbar_main ul li:last-of-type a { border-bottom: none; }
  #navbar_main ul li a.active { background: #116A9B; }
   #logo { width:250px }}

@media (max-width: 991.98px) {

.hg2{  background: url(../images/site/unten_zwei1.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;}

.hg{background: url(../images/site/unten_zwei1.jpg);
    background-repeat: no-repeat;
    background-position: right top;}

.circle{ background: url(../images/site/kreis_weiss.png);
    background-repeat: no-repeat;
    background-position: left bottom;}

}