body {
    font-family: agenda, sans-serif;
font-style: normal;
font-weight: 100;
}


b, strong {
    font-weight: 700;
}


.pb_navbar {
     font-family: agenda, sans-serif;
     color:#000;
}

nav#pb-navbar.navbar.navbar-expand-lg.navbar-dark.pb_navbar.pb_scrolled-light div.container {
background: #fff;
  padding-right: 0px;
  padding-left: 0px;
}


.text-center {
    text-align: left !important;
}

footer.pb_footer.bg-light .text-center {
    text-align: center !important;
}


.pb_navbar ul > li > a {
    color: #333 !important;
}

.pb_navbar ul > li > a.active {
    color: #000 !important;
}


.pb_navbar .navbar-toggler i {
    font-size: 53px;
}

.pb_navbar .nav-link {
    font-size: 19px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}



a.btn.smoothscroll.pb_outline-light.btn-xl.pb_font-13.p-4.rounded-0.pb_letter-spacing-2 {
  color:#000;
  background: #eee;
}




/* ########  Bootstrap Formatierungen ########## */


.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%; }


  .pb_outline-light {
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    background: white;
    color: black;
}


.pb_cover .sub-heading, .pb_cover_v1 .sub-heading, .pb_cover_v2 .sub-heading, .pb_cover_v3 .sub-heading, .pb_cover_v4 .sub-heading {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
}

.p-4 {
    padding: 1.2rem !important;
}


.navbar-nav {
  padding-right: 12px;
}






/* ######  LOGO FORMATIERUNG START ######## */

.pb_navbar.scrolled.pb_scrolled-light .navbar-brand {
    color: #1d82ff;
    background-image: url("Logo_web.png");
     background-repeat: no-repeat, repeat;
}
.navbar-dark .navbar-brand {
    color: white;
    background-image: url("Logo_web.png");
     background-repeat: no-repeat, repeat;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    margin-left: 19px;
    margin-bottom: 3px;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    width:169px;
    height: 75px;

}

/* ######  LOGO FORMATIERUNG STOP ######## */









/* ########  Bootstrap Formatierungen 350+ ########## */
/* @media (min-width: 350px)  */

@media (min-width: 350px) 
{


section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.logo img {
width: 350px;
}




  .pb_navbar .navbar-nav {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end div.col-md-6.order-md-1 {

background-image: none;


    background-repeat: no-repeat;
    height:404px;
    width: 840px;
    display: flex !important;
    justify-content: center;
    max-width: 100%;

}


  section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end {
    height: 65vh !important;
width: 132% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
  } 



    .container {
      max-width: 767px; 
    } 

  .pb_navbar {
     font-family: agenda, sans-serif;
     color:#fff;
  }

  nav#pb-navbar.navbar.navbar-expand-lg.navbar-dark.pb_navbar.pb_scrolled-light div.container {
  background: transparent;
    padding-right: 0px;
    padding-left: 0px;
  }

  .pb_navbar ul > li > a {
    color: #fff !important;
  }

  .pb_navbar ul > li > a.active {
    color: #fff !important;
  }


  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
    float: inherit;
}

/*  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    float: inherit;
} */




  }


  /* ########  Bootstrap Formatierungen 350+ END ########## */

  /* ########  Bootstrap Formatierungen 350+ Landscape ########## */
/* @media (min-width: 350px)  */

@media screen and (orientation:landscape)
and (min-device-width: 350px) 
{

  section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.logo img {
width: 350px;
}


  .pb_navbar .navbar-nav {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end div.col-md-6.order-md-1 {

background-image: none;
    background-repeat: no-repeat;
    height:404px;
    width: 840px;
    display: flex !important;
    justify-content: center;
    max-width: 100%;

}

  section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end {
    height: 40vh !important;
width: 192% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
  } 


.container {
      max-width: 767px; 
    } 

  .pb_navbar {
     font-family: agenda, sans-serif;
     color:#fff;
  }

  nav#pb-navbar.navbar.navbar-expand-lg.navbar-dark.pb_navbar.pb_scrolled-light div.container {
  background: transparent;
    padding-right: 0px;
    padding-left: 0px;
  }

  .pb_navbar ul > li > a {
    color: #fff !important;
  }

  .pb_navbar ul > li > a.active {
    color: #fff !important;
  }


  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
    float: inherit;
}

/*  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    float: inherit;
} */



  }


  /* ########  Bootstrap Formatierungen 350+ Landscape END ########## */





/* ########  Bootstrap Formatierungen 768+ ########## */

@media (min-width: 768px) {


    .container {
     max-width: 991px; } 

     section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.logo img {
width: 840px;
}


.pb_navbar {
    font-family: agenda, sans-serif;
    color: #000;
}


  .pb_navbar .navbar-nav {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}


  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    float: left;
}


.col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    float: left;
}

 }

 /* ########  Bootstrap Formatierungen 768+ END ########## */


/* ########  Bootstrap Formatierungen 992+ ########## */

@media (min-width: 992px) {
  	nav#pb-navbar.navbar.navbar-expand-lg.navbar-dark.pb_navbar.pb_scrolled-light div.container {
	background: #fff;
  	padding-right: 0px;
  	padding-left: 0px;
	}


  section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end {
    height: 90vh !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
  }   

  .pb_section {
    padding: 4em 0 4em 0;
    position: relative;
    display: block;
}


.nav-link {
    display: block;
    padding: 0.3rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
}


.navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}






    .container {
      max-width: 1199px; } 

        .navbar {
  padding: 0rem 0rem 0rem 0rem;
  }

.pb_navbar ul > li > a.active {
    color: #000 !important;
	}

	.pb_navbar ul > li > a {
    color: #000 !important;
}


	.pb_navbar {
    font-family: agenda, sans-serif;
    color: #000;
}

.ml-auto {
    margin-left: 0px !important;
}

/* 
section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end div.col-md-6.order-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 71%;
    -ms-flex: 0 0 71%;
    flex: 0 0 71%;
    max-width: 71%;
    background-repeat: no-repeat;
    height:404px;
    width: 840px;
        display: flex !important;
    justify-content: center;
    align-items: center;

}
*/


section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end div.col-md-6.order-md-1 {

background-image: none;
    background-repeat: no-repeat;
    height:404px;
    width: 840px;
    display: flex !important;
    justify-content: left;
    max-width: 100%;

}



  }

/* ########  Bootstrap Formatierungen 992+ END ########## */




/* ########  Bootstrap Formatierungen 1200+ ########## */

@media (min-width: 1200px) {
 	 nav#pb-navbar.navbar.navbar-expand-lg.navbar-dark.pb_navbar.pb_scrolled-light div.container {
	background: #fff;
  	padding-right: 0px;
  	padding-left: 0px;
  	max-width: 100%;
	}

    .container {
      max-width: 1920px; 

  } 


 section#section-home.pb_cover_v1.text-left.cover-bg-black.cover-bg-opacity-4 div.container div.row.align-items-center.justify-content-end {
    height: 90vh !important;
width: 108% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
  }    

	.navbar {
	padding: 0rem 0rem 0rem 0rem;
	}

	.pb_navbar ul > li > a.active {
    color: #000 !important;
	}

		.pb_navbar ul > li > a {
    color: #000 !important;
	}


  .pb_cover > .container > .row, .pb_cover_v1 > .container > .row, .pb_cover_v2 > .container > .row, .pb_cover_v3 > .container > .row, .pb_cover_v4 > .container > .row {
    height: 88vh;
    width: 148vh;
}

  }

/* ########  Bootstrap Formatierungen 1200+ END ########## */

/* ########  Bootstrap Formatierungen 2100+ START ########## */

@media (min-width: 2100px) {

}

/* ########  Bootstrap Formatierungen 2100+ END ########## */
.logo {
height: 404px;
width: 840px;
text-align: left !important;
}