/* ################ */
/* ################ */
/* Allgemein */
/* ################ */
/* ################ */


.ctanav
{
	background-color: #FFA101 !important;
	color: #fff !important;
	border-radius: 5px;
	border: solid 1px #FFA101 !important;
	transition: all 0.3s ease-in-out;
}

.ctanav:hover
{
	background-color: #fff !important;
	color: #FFA101 !important;
	border: solid 1px #FFA101 !important;
}


.modal
{
	z-index: 7000 !important;
}

body, html
{
	margin: 0px;
	padding: 0px;
	font-family: 'arial';
	scroll-behavior: smooth;
}

.sectionclass article 
{
	margin-top: 6rem;
}

.badge-primary {
    background-color: #FFA101 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #FFA101;
	border-color: #FFA101;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus
{
	background-color: #fff !important;
    color: #FFA101 !important;
	border-color: #FFA101 !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	background-color: #fff !important;
    color: #FFA101 !important;
	border-color: #FFA101 !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,81,60,.5) !important;
}

/* ################ */
/* ################ */
/* Navbar */
/* ################ */
/* ################ */
  
	header i
	{
		color: #FFA101;
	}
	.iconnav i
	{
		font-size: 2rem;
	}

  /* The sticky class is added to the header with JS when it reaches its scroll position */
  .sticky {
	position: fixed;
	top: 0;
	width: 100%
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
  .sticky + #carouselExampleIndicators {
	padding-top: 25px;
  }

.navbar-brand {
	color: #000;

}


header .nav-item {
	font-size: 1.2rem;
}

header {
	z-index: 6000;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.navbar-light .navbar-toggler {
    color: #fff !important;
    border-color: #fff !important;
}

@media only screen and (min-width: 1500px){
	#myHeader img
	{
		max-width: 400px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1500px){
	#myHeader img
	{
		max-width: 300px;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1200px){
	#myHeader img
	{
		max-width: 250px;
	}
}

@media only screen and (min-width: 500px) and (max-width: 900px){
	#myHeader img
	{
		max-width: 200px;
	}
}

@media only screen and (max-width: 500px){
	#myHeader img
	{
		max-width: 150px;
	}
}





/* ################ */
/* ################ */
/* heroshot */
/* ################ */
/* ################ */

#heroshot {
	border-radius: 0px;
}
#herosun {
	padding: 10px 10px 10px 10px;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	overflow: hidden;
	text-align: center;
	font-size: 2rem;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	font-family: 'Baloo Tamma 2', cursive;
	color: #fff;
	border: solid 20px #fff;
	background-image: url("../img/sun.jpg");
	background-attachment: scroll;
	background-size: cover;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;		
	background-position: center top;	
}




@media only screen and (max-width: 1200px) {
	#heroshot {
		background-image: url("../img/bgnew.jpg");
		background-attachment: scroll;
		background-size: cover;	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;		
		background-position: center center;	
		min-height: 55vh;	
	}
	
	#herooutbox {
		display: none;		
	}

  }

@media only screen and (min-width: 1200px) {
	#heroshot {
		background-image: url("../img/bg-3.jpg");
		background-attachment: scroll;
		background-size: cover;	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;		
		background-position: center center;	
		height: 70vh;		
	}

	#herooutbox 
	{
		float: right;
		position: relative;
		bottom: 200px;
		right: 100px;
	}


	.rotate-scale-up {
		-webkit-animation: rotate-scale-up 10s linear both infinite;
				animation: rotate-scale-up 10s linear both infinite;
	}

 @-webkit-keyframes rotate-scale-up {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	50% {
	  -webkit-transform: scale(1.2);
			  transform: scale(1.2);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}

  }
  @keyframes rotate-scale-up {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	50% {
	  -webkit-transform: scale(1.2);
			  transform: scale(1.2);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  

  }

	@media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
		#heroshot { 	
			background-attachment: scroll;		
		}
	}

	#heroshot {
		color: #FFA101;
	}	


/* ################ */
/* ################ */
/* about */
/* ################ */
/* ################ */



	#intro {
		clear: both;
	}

	#intro h3, #intro h4, #intro h5 {
		color: #FFA101;
	}

	#intro
	{
		margin-bottom: 100px;
		margin-top: 100px;
	}

	#intro a
	{
		color: #FFA101; 
	}
	
	

	#intro .card
	{
		border: none;
	}

	#intro .card-img-top
	{
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	}
	#introtop
	{
		text-align: center;
	
	}
	
	#introtitle
	{
		font-family: 'Baloo Tamma 2', cursive;	
		color: #FFA101;;
	}
	@media only screen and (max-width: 1200px) {
		#introtitle 
		{
			font-size: 2rem;
		}
	}
	
	@media only screen and (min-width: 1200px) {
		#introtitle 
		{
			font-size: 3rem;
		}
	}
	
/* ################ */
/* ################ */
/* Angebot */
/* ################ */
/* ################ */


@media only screen and (max-width: 1200px) {
	#geraet img
	{
		max-width: 100px;
	}
}

@media only screen and (min-width: 1200px) {
	#geraet img
	{
		max-width: 200px;
	}
}

#angebottop
{
	text-align: center;

}

#angebotheading
{
	font-family: 'Baloo Tamma 2', cursive;	
	color: #fff;

	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
}

@media only screen and (max-width: 1200px) {
	#angebotheading 
	{
		font-size: 2rem;
	}
}

@media only screen and (min-width: 1200px) {
	#angebotheading 
	{
		font-size: 4rem;
	}
}
/*
#angebot {
	background-image: url("../img/brickwall.jpg");
	background-attachment: scroll;
	background-size: cover;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;		
	background-position: center top;	
}

*/



@media only screen and (max-width: 1200px) {
	#angebot 
	{
		margin-top: 100px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media only screen and (min-width: 1200px) {
	#angebot 
	{
		margin-top: 200px;
		padding-top: 150px;
		padding-bottom: 150px;		
	}
}


#angebot .card
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}

/* ################ */
/* ################ */
/* news  */
/* ################ */
/* ################ */

#newstop
{
	text-align: center;

}

#newstitle
{
	font-family: 'Baloo Tamma 2', cursive;	
	color: #FFA101;;
}
@media only screen and (max-width: 1200px) {
	#newstitle 
	{
		font-size: 2rem;
	}
}

@media only screen and (min-width: 1200px) {
	#newstitle 
	{
		font-size: 3rem;
	}
}

@media only screen and (max-width: 1200px) {
	#news 
	{
		margin-top: 100px;
	}
}

@media only screen and (min-width: 1200px) {
	#news 
	{
		margin-top: 200px;
	}
}
#news img
{
 width: 50px;
}



/* ################ */
/* ################ */
/* Gallerie  */
/* ################ */
/* ################ */

#gallerietop
{
	text-align: center;

}

#gallerieheading
{
	font-family: 'Baloo Tamma 2', cursive;	
	color: #fff;

	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 1200px) {
	#gallerieheading 
	{
		font-size: 2rem;
	}
}

@media only screen and (min-width: 1200px) {
	#gallerieheading 
	{
		font-size: 4rem;
	}
}
/*
#bilder {
	background-image: url("../img/brickwall.jpg");
	background-attachment: scroll;
	background-size: cover;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;		
	background-position: center top;	
}
*/


@media only screen and (max-width: 1200px) {
	#bilder 
	{
		margin-top: 10px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media only screen and (min-width: 1200px) {
	#bilder 
	{
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;		
	}
}

.gallery {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 33%;
	-moz-column-width: 33%;
	column-width: 33%; }
	.gallery .pics {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease; }
	.gallery .animation {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1); }
	

.pics{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}  
	  

/* ################ */
/* ################ */
/* Team */
/* ################ */
/* ################ */


.member
{
	margin-bottom: 60px;
}
.member span
{
	font-family: 'Baloo Tamma 2', cursive;	
	color: #FFA101;;
}
#teamtop
{
	text-align: center;

}

#teamtitle
{
	font-family: 'Baloo Tamma 2', cursive;	
	color: #FFA101;;
}

@media only screen and (max-width: 1200px) {
	#teamtitle 
	{
		font-size: 2rem;
	}
	.member span
	{
		font-size: 1.5rem;
	}
}

@media only screen and (min-width: 1200px) {
	#teamtitle 
	{
		font-size: 3rem;
	}
	.member span
	{
		font-size: 2rem;
	}
}

#team img
{
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}
@media only screen and (max-width: 1200px) {
	#team 
	{
		margin-top: 100px;
	}
}

@media only screen and (min-width: 1200px) {
	#team 
	{
		margin-top: 250px;	
	}
}
/* ################ */
/* ################ */
/* footer */
/* ################ */
/* ################ */

footer 
{
	margin-top: 6rem;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
	
#legallinks a
{
	color: #FFA101 !important;

}

#legallinks
{
	color: #FFA101 !important;
	padding-bottom: 20px;
	font-size: 1.5rem;
}
	
footer a
{
	cursor: pointer;
}
footer i
{
	font-size: 2rem;
	color: #FFA101;
}