:root {
    --nl_blue: #007593;
    --nl_grey: #B6B8BB;
  }

  @font-face 
  {
    font-family: "helvetica";
    src: url(../fonts/helvetica.woff);
  }

  @font-face 
  {
    font-family: "helvetica-bold";
    src: url(../fonts/helvetica-bold.woff);
  }

  @font-face 
  {
    font-family: "helvetica-light";
    src: url(../fonts/helvetica.woff);
  }

  @font-face 
  {
    font-family: "geneva";
    src: url("../fonts/geneva.ttf");
  }

body
{
	font-family: Verdana,sans-serif; 
}

h1,
p
{
	font-family: Verdana,sans-serif; 
  color:white;
}




.nl_top_wrap
{

    padding-left: 0;


}

.nl_top
{
    height: 200px;
}


.nl_top_left
{
    background: var(--nl_blue);
    padding-right: 0;
    display: flex;
    align-items: center;
}

.nl_top_left_inner 
{
	background: var(--nl_blue);
	background-image: url("../img/logo_left.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	height: 65%;
	width: 100%;
}

.nl_top_right,
.nl_header_right
{
    padding-left: 0;
    display: flex;
    align-items: center;
}





.nl_top_right_inner 
{
	background-image: url("../img/logo_right.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	height: 65%;
	width: 100%;
}

.services
{
  padding: 2rem;
}


.nl_header
{
    height: 350px;
}

.nl_header_left,
.bg_grey
{
    background: var(--nl_grey);
}

.nl_header_right,
.bg_blue
{
    background: var(--nl_blue);
}


.nl_header_right_inner
{
  padding-left: 2rem;
  padding-right: 2rem;
  padding-right: 2rem;
  width: 90%;
}

.nl_header_right_inner h1
{
  margin-bottom: 1rem;
}



.con_margin-top_small
{
  margin-top: 10px;
}

.nl_navi_right
{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
}

.nl_box_small
{
  background-color: var(--nl_grey);
  height:200px;
  border:2px solid white;
  padding: 0px;
}


h4
{
	padding: calc(var(--bs-gutter-x) * .3);
  background-color: var(--nl_blue);
  color:white;
}

h2
{
  text-align: center;
  color: var(--nl_blue);
  margin-bottom: 1.5rem !important;
}

h3
{
  color: var(--nl_blue);
}

.nl_header_left,
.nl_navi_left
{
  padding-right: 0;
}

.box_med
{
  height: 300px;
}

.nl_header_left
{
  background: #007593;
}

.nl_header_left_image
{

  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}


.col-md-6.nl_box_small
{
  padding: 3rem;
}

.box_icon_icon
{
  width: 15%;
  float: left;  
  height: 50px;
}

.box_icon_text
{
  width: 85%;
  float: left;  

}

.box_icon_text p
{
  color: black;
  width: 78%;
  margin-top: 1rem;
}

.con_margin-big
{
  margin-bottom: 0rem;
  background-color: var(--nl_blue);
  color: white;
  text-align: center;
  padding: 1.3rem;
  
}

.services .nl_box_small
{
  background: white;
  border-color: var(--nl_grey);
}

.services-1
{
  border-top: none;
  border-left: none;
}

.services-2
{
  border-top: none;
  border-right: none;
}

.services-3
{
  border-bottom: none;
  border-left: none;
}

.services-4
{
  border-bottom: none;
  border-right: none;
}

.footer
{
  background: var(--nl_blue);
  padding: 2rem;
  padding-top:1rem;
  padding-bottom: 1rem;
  margin-top: 2rem;

}

.kontakt p,
.kontakt h6
{
  color: blackwhite;
}

.nl_navi_right ul li
{
  float: left;
}

.nl_navi_right ul
{
  list-style-type: none;
  padding-left: 0;
}

.nl_navi_right ul li
{
  margin-right: 1.2rem;
}

.nl_navi_right ul li a
{
  text-decoration: none;
  color: var(--nl_blue);
  font-size: 0.9rem;
}

a:after {
  display:block;
  content: '';
  border-bottom: solid 2px var(--nl_blue);  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
a:hover:after { transform: scaleX(1); }




@media (max-width: 1550px) {
 


  .header_placeholder
  {
    display: none !important;
  }
}


.maps
{
  height: 35vh;
  background:url(../img/maps.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.footer_end a
{
  color: white;
  text-decoration: none;
}

.footer_end
{
  margin-top: 0;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}

.footer p,
.footer a
{
  font-size:0.9rem;
  line-height: 1.6rem;
}

.border_box h5
{
  border: 5px solid white;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;  
  margin:auto;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family:Verdana;
  font-size:1.1rem;
  font-weight: bold;
  display: inline-block;
}

.border_box
{
  padding-top: 2.3rem;
  padding-bottom: 2.3rem;
}

.txt_stripe h5
{
  margin-bottom: 0px;
}

.new_text h5
{
  font-size: 1.4rem;
  text-align: left;
}

.new_text h5 span
{
  font-size: 1.3rem;
  margin-right: 1.5rem;

}




h6
{
  display: block;
}

.slider h6
{
  font-size: 1.2rem;
  font-family: Arial;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.slider p,
.slider ul li
{
  font-size: 1rem;
  font-family: Arial;
}

.nl_slider
{
  padding-top: 1rem;
  height: auto;
}

.highlight_bg
{
  height: 20vh;
  background: url(../img/highlight_prd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}



.footer p
{
  margin-bottom: 0px;
}

.nl_slider p
{
  color:black;
}

.nl_navi_right li a
{
  font-family: Arial;
}


.slider_image img
{
  width:90%;
  height: auto;
}

.imageslider_wrap
{
  padding: 0;
}

.slider_right
{
  padding-left: 1.3rem;
}

.slider_right ul
{
  padding-left: 1rem;
}

.slider_image
{
  text-align: center;
}

.imageslider_wrap
{
  position: relative;
}

.slider_image
{
  position: relative;
  top: -35px;
}



.slider_left,
.new_text
{
  padding-left: 2rem;
}

.nl_header_wrap
{
  margin-bottom:2rem;

}



.card_1
{
  height: 350px;
  width: 100%;
  background-color: red;
  background-image: url(../img/header_01.jpg);
  background-size: cover;
  background-position: center top;
}

.card_2
{
  height: 350px;
  width: 100%;
  background-color: red;
  background-image: url(../img/header_02.jpg);
  background-size: cover;
  background-position: center center;
}

.card_3
{
  height: 350px;
  width: 100%;
  background-color: red;
  background-image: url(../img/header_03.jpg);
  background-size: cover;
  background-position: center bottom;
}

#nagel_navi
{
  background-color: none !important;
}

.nav-link-first
{
  padding-left: 0px !important;
}


.nl_header_wrap,
.nl_top_left,
.nl_header_wrap
{
  padding-left: 0px !important;
}

.active
{
  color: #007593 ! important;
  font-weight: bold;
}

a
{
  cursor: pointer;
}

@media (max-width: 950px) 
{

  .nl_header_right_inner
  {
    padding-left: 2rem !important;
    padding-top: 1rem;
    width: 100%;
  }

  .nl_top_left_inner {
    height: 39% !important;
  }

.new_text,
.slider_left,
.border_box,
.slider_right,
.footer
{
  padding-left: 1rem !important;
}


.footer a
{
  color:#fff !important;
  text-decoration: none;
};

.nl_slider
{
  padding-top: 0px;
}

  .nl_navi_right
  {
    padding-left: 2rem;
  }

  .border_box
  {
    margin-top: 1rem;
  }

  .txt_stripe h5 span
  {
    border: 2px solid white !important;
    margin-right: 1rem;
  }

  .slider_right {
    padding-left: 2rem;
    margin-top: 1rem;
  }



  .navbar-toggler-icon 
  {
    width: 1.2rem;
    height: 1.2rem;
  }
  
  .txt_stripe h5
  {
    line-height: 1.8rem;
  }

.order-first-d {
  order: -1 !important;
}

.nl_header {
	height: auto
}

.nl_top_left,
.nl_top_right
{
  width: 50% !important;
}


.nl_top_left_inner 
{

	height: 42%;
}

.nl_top
{
  height: 13vh;
}

.nl_top_right_inner 
{
	height: 38%;
}

.border_box h5
{
  padding-left: 1rem;
  padding-right: 1rem;
}

.footer .col-md-4,
.footer .col-md-2,
.footer .col-md-3
{
  margin-bottom: 1rem;
}

.new_text h5,
.txt_stripe h5 span 
{
	font-size: 1rem;
	text-align: left;
  padding: 0 !important;
}

}

.link-de,
.link-de .nav-link
{
  margin-right: 0px !important;
  padding-right: 0 !important;
}


.navbar-text 
{
  color: #007593 !important;
	position: relative;
	left: 3px;
	top: -3px;
}

.txt_rechtliches p,
.txt_rechtliches a,
.txt_rechtliches h3,
.txt_rechtliches h4
{
  color: black;
  background: none;
}

.txt_rechtliches ul,
.txt_rechtliches ol
{
  margin-left: 2rem;
}

.txt_rechtliches
{
  padding: 2rem;
}

a
{
  cursor: pointer !important;
}



.txt_stripe h5 span
{
  border: 5px solid white;
  padding: 0.25rem;
  font-weight: bold;
  margin-bottom: 5px;;
}

ul {
  list-style-image:url(../img/dot.png)
}

.slider_right ul li
{
  margin-bottom: 0.5rem;
}