/**************************************************************/
/*             Hintergrundbilder für body                   */
/**************************************************************/

/* .bg_blur_fruehling {
	background-image: url('../images/bg_blur_fruehling.jpeg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

}
.bg_blur_sommer {
	background-image: url('../images/bg_blur_sommer.jpeg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

}
.bg_blur_herbst {
	background-image: url('../images/bg_blur_herbst.jpeg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

}
.bg_blur_winter {
	background-image: url('../images/bg_blur_winter.jpeg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

} */

/**************************************************************/
/*             Hintergrundbilder für header                   */
/**************************************************************/

/* .fruehling {
  padding-right: 0;
  background-image: url('../images/fruehling.jpeg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.sommer {
  padding-right: 0;
  background-image: url('../images/sommer.jpeg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.herbst {
  padding-right: 0;
  background-image: url('../images/herbst.jpeg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.winter {
  padding-right: 0;
  background-image: url('../images/winter.jpeg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
} */

/**************************************************************/
/*                        Jumbotron                           */
/**************************************************************/

.jumbotron {
	padding: 0 0 0 0;
	margin-bottom: 0;
	background-color: #fff;/* #f8f9fa */
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron p {
	font-size: 1.5rem;
}

.jumbotron-heading {
	color: #012c98;

}


/**************************************************************/
/*             Media Queries                                  */
/**************************************************************/


@media (max-width: 400px) {
	.jumbotron-heading {
		font-size: 1.6em;
	}
	.nav-inline {
		display: inline !important;
	}
	.nav-item {
		width: 100% !important;
		flex-direction: column !important;
	}

	.suche {
		width: 50%;
	}

	.margin-oben-3 {
		margin-top: 10px;
	}

	.searchicon {
	width: 2.5em;
	background-image: url(../images/lupe.png);
	background-color: #76baf9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	}
}

@media (max-width: 530px) {

	.jumbotron .row {
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
	}

	.jumbotron .row .col-sm-1, .jumbotron .row .col-sm-11 {
		width: 50%;
		padding-right: 0;
	}

	.jumbotron .row .col-sm-1 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.jumbotron-heading {
		font-size: 2em;
		/* max-width: 50%; */
		margin-right: 0;
		text-align: center;
	}

	.jumbotron img {
		width: 80%;
	}
	
	label {
		font-size: .75rem;
		font-weight: 400;
		color: rgba(0,0,0);
	}

	.breadcrumb {
		font-size: 1rem;
		font-weight: 400;
		color: rgba(0,0,0);
		margin-top: 0rem;
		margin-bottom: 0rem;
		padding-top: 0rem;
		padding-bottom: 0rem;
	}

	.nav a,
	.breadcrumb a {
		color: black;
		text-decoration: none;
	}

	.nav-item a {
		font-size: 100%;
		font-weight: bold;
	}

	.nav-item div a {
		font-weight: normal;
	}

	.nav a:hover,
	.breadcrumb a:hover {
		text-decoration: underline;
	}

	#navbarHeader ul li ul li {
		text-align: left !important;
	}

	


	/* #search input::placeholder {
		font-size: 1rem;
		font-weight: 400;
		color: rgba(0,0,0);
	} */
}

@media (max-width: 768px) {

	.jumbotron .row {
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
	}

	.jumbotron .row .col-sm-1, .jumbotron .row .col-sm-11 {
		width: 50%;
		padding-right: 0;
	}

	.jumbotron .row .col-sm-1 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.jumbotron-heading {
		font-size: 2em;
		/* max-width: 50%; */
		margin-right: 0;
		text-align: center;
	}
	
	.jumbotron h1 {
		/* line-height: 50%; */
	}
	
		.nav a,
	.breadcrumb a {
		color: black;
		text-decoration: none;
	}

	.nav-item a {
		font-size: 100%;
		font-weight: bold;
	}

	.nav-item div a {
		font-weight: normal;
	}

	.nav a:hover,
	.breadcrumb a:hover {
		text-decoration: underline;
	}
	
	/* #search input {
		width: 100px;
	} */

}

@media (min-width: 768px) {
	.jumbotron-heading {
		font-size: 3em;
		line-height: 50%;
	}
	
	label {
		font-size: 1.25rem;
		font-weight: 400;
		color: rgba(0,0,0);
	}

	.breadcrumb {
		font-size: 1.25rem;
		font-weight: 400;
		color: rgba(0,0,0);
		margin-top: 0rem;
		margin-bottom: 0rem;
		padding-top: 0rem;
		padding-bottom: 0rem;
	}

	#mainmenu {
		text-align: right;
	}

	.navbar-nav li a:after { content: "|"; padding-left: 10px;}
	.navbar-nav li:last-of-type a:after { content: ""; }


	.nav a,
	.breadcrumb a {
		color: black;
		text-decoration: none;
	}

	.nav-item a {
		font-size: 120%;
		font-weight: normal;
	}

	.nav-item div a {
		font-weight: normal;
	}

	.nav a:hover,
	.breadcrumb a:hover {
		text-decoration: underline;
	}

	#navbarHeader ul li ul li {
		text-align: left !important;
	}

	/* #search input::placeholder {
		font-size: 1.25rem;
		font-weight: 400;
		color: rgba(0,0,0);
	} */
	
	.searchicon {
		width: 2em;
		background-image: url(../images/lupe.png);
		background-color: #012c98;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		height: 2em;
	}

	footer .container .navbar-nav  .nav-item a {
		font-size: 100%;
	}

}

@media (max-width: 1200px) {
	.card-header h4 {
		font-size: 1.25rem;
	}
}



/************************************************************/
/*              	   Navbar                               */
/************************************************************/

 /*nav {
   transition: transform .25s .1s ease-in-out;
}

.down nav {
   transform: translate3d(0, -200%, 0); // um die Höhe (variabel) nach oben verschieben
}
/************************************************************/
/*              	   Footer                               */
/************************************************************/

footer .container{
	padding: 30px;
}

footer p {
  margin-bottom: .25rem;

}

.footmenu > a {
	display: block;
}

footer .container .navbar-nav li a::after {
	content: "";
}

footer .container .navbar-nav  li .nav-item a {
	font-size: 100%;
}


/************************************************************/
/*              	   Skiplinks                            */
/************************************************************/

.skiplink a,
.skiplink a:hover,
.skiplink a:visited {
	position: relative;
	overflow: hidden;
	top: -1000px;
	left: -1000px;
}

.skiplink a:focus,
.skiplink a:active {
	position: relative;
	top: 0;
	left: 0;
	background-color: white;
}
/* Ende Skiplink */


/******************************************************************/
/*                Videos responsiv einbetten                      */
/******************************************************************/

.video-container {
    position: relative;
    padding-bottom: 56.25%; padding-top: 30px;
    height: 0;
    overflow: hidden; 

}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%; 
}
.video-container-wrapper {
	max-width: 100%;
	width: 600px;

}
	
/******************************************************************/
/*                          Diverse                               */
/******************************************************************/

/*  Hilfslinie zum Testen */
.border {
	border: 1px solid black !important;
}



.menu-label {
		display: inline;
		margin-left: 1em;
		color: black;
	}


.bg-white {
	background-color: white;
}

.text-large {
	font-size: x-large;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .2); }

.card a {
	color: black;
	text-decoration: none;
}

.card a:hover {	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .8); }

/* Begrenzt Bildbreite in den Spalten-Templates auf Spaltenbreite */
.template img {
	max-width: 100%;
	height: auto;
}

img {
	max-width: 100%;
}