@import url("animate.css");
@import url("breadcrumb.css");
@import url("footer.css");
@import url("imprint.css");
@import url("navigation.css");
@import url("news.css");
@import url("parallax-counter.css");
@import url("print.css");
@import url("progresscircle.css");
@import url("sidebar.css");
@import url("timeline.css");



@font-face { 
	font-family: 'Titel-H1';
	src: url('../fonts/Montserrat/Montserrat-Medium.ttf')
}

@font-face {
    font-family: "Titel-H2";
	src: url('../fonts/Montserrat/Montserrat-Light.ttf')	
}

@font-face {
    font-family: "Titel-H3";
	src: url('../fonts/Montserrat/Montserrat-Bold.ttf')	
}

@font-face {
	font-family: "body-text";
	src: url('../fonts/Open_Sans/OpenSans-Light.ttf')	
}		


/* body */
body {
  background: white;
  color: #333;
  font-family: "body-text"!important;	
}

/*Listen*/
ul li,
li {
  list-style: none;
  text-align: left;
}
ol li,
li {
  list-style: none;
  text-align: left;
}

/*Aufzählungen_Listen*/
ul.liste, ul.liste li { 
	list-style: circle outside!important;
	text-align: left!important;
	margin-left:25px!important;
}

h1 {
	  clear: both;
	  font-size: 1.7em;
	  font-family: "Titel-H1"!important;
	  text-transform: uppercase;
	  color: #003266!important;
	  padding: 1em 20px	
}
h2 {
	  clear: both;
	  font-size: 1.5em;
	  font-family: "Titel-H2"!important;
	  color: #919191!important;
	  padding: 1em 0px	
}
h3 {
	  clear: both;
	  font-size: 1.125em!important;
	  font-family: "Titel-H3"!important;
	  color: #656565!important;
	  padding: 1em 0px;
}


p, li, td {
  font-size: 1.125em!important;
  font-family: "body-text"!important;
  color: #565656!important;
}
li li {
    font-size: 1.0em!important;
}
td {
    padding-right: 5px;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline; color: #007bff;
}


/*Buttons*/

.btn-outline-primary {
    color: #438CD9!important;
    border-color: #438CD9!important;
	}

.btn-outline-primary:hover {
    color: white!important;
    background-color: #438CD9!important;
	}

.btn-outline-primary a:hover {
    color: white!important;
    background-color: #438CD9!important;
	}
	
/*backgrounds*/
.bg_gray {
	background-color:rgba(195,195,195,0.15)!important;
}

.bg_blue {
	background-color:rgba(0,50,102,1.00)!important;
}

/*extra Klassen*/
.hidden {display:none;}

/*Slider*/
.n2-section-smartslider {
  position: relative!important;
  width: 100%!important;
  margin-top: 0!important;
  display: inline-block!important;
}

/*Pfeil*/
.arrow {
  margin: -7% 0 7% 0;
  animation: slide1 1s ease-in-out infinite;
}
.arrow img {
  width: 60px;
  height: auto;
  transition: 1s;
}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, 10px);
  }
}


/*Slider*/
.n2-section-smartslider {
    position: relative;
    width: 100%;
    margin-top: 0px;
    display: inline-block;
}


@media (max-width : 900px) {
.n2-section-smartslider {
  margin-top: 10%!important;
	}
}

@media (max-width : 750px) {
.n2-section-smartslider {
  margin-top: 25%!important;
	}
}

@media (max-width : 750px) {
.navbar-nav ul,
.navbar-nav li {
  text-align: center!important;
	}
}


/*Parallaxeffect*/
.parallaxeffect {
  background-image: url(../images/parallax/parallax_1.jpg);
  text-align: center;
  height: 35%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  clear: both;
}

@media (max-width : 500px) {
.parallaxeffect {
  height: 80%;
	}
}

.parallaxoverlay {
  background-color: rgba(0,0,0,0.25);
  width: 100%;
  height: 100%;
  margin-top: 0px auto;
  padding: 5em 0em;
}
.parallaxeffect p {
  padding: 5px;
  color: #E2E2E2;
}
.parallaxoverlay h4 {
  clear: both;
  font-size: 2em;
  font-family: "Titel-H1", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 15px 0;	
}

/* scrolling arrow */
#scroll {
  bottom: 20px;
  display: none;
  position: fixed;
  right: 20px;
	font-size:25px;
}

#scroll a {
color:black;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

p#cookietext {
color: #fff!important;
}