/*Schriften*/



/*@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Raleway:wght@300;900&display=swap');*/

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

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

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  BASICS
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
body {
  font-family: 'Raleway', sans-serif;
  font-size: 1.0rem;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.9rem;
  font-weight: 300;
  hyphens: auto;
}

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



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

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

.fs-1 {
  font-size: calc(2.0rem + 0.2vw) !important;
  letter-spacing: 0.1rem;
  line-height: 3rem;}

.fs-2 {
  font-size: calc(0.8rem + 0.4vw) !important;
  font-family: 'Michroma', sans-serif;}

.fs-3 {
  font-size: calc(1.3rem + 0.4vw) !important;
  font-family: 'Michroma', sans-serif;
  color:#E24947;}

.space {
letter-spacing: 0.4rem;}

.fw-light { font-weight: 300 !important;}
.fw-normal { font-weight: 400 !important;}
.fw-bold { font-weight: 900 !important;}

.blue { background: #54A2E3;}
.red { background: #F55C69;}
.orange { background: #E5BC00;}

/* + + + + + + + + + + + + + + + + + + + + + + + +
  Liste
+ + + + + + + + + + + + + + + + + + + + + + + +  */
ul.star {
  list-style: none;
  padding: 0;
}

ul.star li:before {
  content: '✓';
  padding-right: 5px;
}


/* + + + + + + + + + + + + + + + + + + + + + + + +
 Table
+ + + + + + + + + + + + + + + + + + + + + + + +  */
.table td:first-child {
  width: 20%;
}

.table td:last-child {
  width: 80%;
}

/* + + + + + + + + + + + + + + + + + + + + + + + +
  Inhalt
+ + + + + + + + + + + + + + + + + + + + + + + +  */


.bg{ background: url(../images/site/hg_karte.jpg) no-repeat right bottom;}
.bg_notdienst{ background: url(../images/site/notdienst.jpg) no-repeat center top;}

.bg_brown { background:#3E333F;}
.bg_hell{ background:#F7F3F1;}


.distance{margin-top: -7.3rem;} 


.table > :not(caption) > * > * {
    padding: 0rem 0rem; 
    font-size: 0.8rem;}

.dist {
    --bs-gutter-x: 0rem;
  padding-left: 1rem;}

.bg_distance {padding-top: 10rem;} 

/* + + + + + + + + + + + + + + + + + + + + + + + +
  Link
+ + + + + + + + + + + + + + + + + + + + + + + +  */
a{
    text-decoration: none;
    color: #E24947;
}

a:visited{color: #E24947;}
a:hover{color: #E24947;}
a:active{color: #E24947;}

.nav-link {color: #000000; padding: 0 1rem;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #E24947;
  }

.nav-pills .nav-link {
    border-radius: 0;
    background-color:#3E333F;}
    
   .btn_two {
    border: 0;
    background: #E24947;
    width: 130px;
    height: 40px;
    text-align: center; }



@media (min-width: 992px) {

  #logo { width:160px; z-index: 10000;}

 .btn_two {
    border: 0;
    background: #E24947;
    width: 130px;
    height: 40px;
    text-align: center;
  }
  }

 .btn_three {background-color:#3E333F;margin-right: 0.3rem;margin-top: 0.3rem;}


 .distance_two {margin-top: -21.8rem;}
@media (max-width: 767.98px) { 
  .probe {text-align:center;}
  .distance_three {padding-left: 5rem;}
  .distance_two {margin-top: -10.6rem;}
}
@media (min-width: 768px) and (max-width: 991.98px) { #logo { width:100px; z-index: 10000;padding-top: 10px;} .distance_two {margin-top: -25.0rem;}}
/* + + + + + + + + + + + + + + + + + + + + + + + +
  Logo
+ + + + + + + + + + + + + + + + + + + + + + + +  */




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

#top_bar { background-color:white }

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0;}

.navbar{
padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  /*background: white;*/
}

#navbar-example { padding: 0; }
#navbar-example ul li a {
  position: relative;
  z-index: 1;
  color: white;
  text-decoration: none;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  margin: 0.3rem;

}

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

    -webkit-transition: all 0.5s ease-in-out;
       -moz-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: #E24947; }

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


/* + + + + + + + + + + + + + + + + + + + + + + + +
  Navbar Mobil
+ + + + + + + + + + + + + + + + + + + + + + + +  */
.navbar-toggler.custom-toggler {
  border-color: #E24947;
  border-width: 1px;
  background: #E24947;
}
.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(255, 255, 255, 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: #E24947; }
  #navbar_main ul li { text-align: center; }
  #navbar_main ul li a {  }
  #navbar_main ul li:last-of-type a { border-bottom: none; }
  #navbar_main ul li a.active { background: #000000; }
}