/* CSS Document */


/* ========== Thank you for looking at this code ========== */
/* ========== WARNUNG! COPYRIGHT BY FLOVANADAM.COM | SWITZERLAND ========== */


/* ========== analog (blue) COLOR - 0, 51, 160, | C 100 M 83 Y 2 K 0 | #0033a0 ========== */
:root {
	/*   width: var(--breiteHundert);	*/
	--bodyHintergrund: #e8b698;
	--primaerFarbe: #0a53a5;
	/*--primaerFarbe: #0033a0;*/
	--primaerFarbeMaus: #006ac4;
		 	/*   0a53a5*/
	--secondarFarbe: rgba(177, 179, 179, 1);
	--secondarFarbeMaus:#cccccc;
	
	--hauptFarbe: #286198;
	--darkFarbe:rgba(51, 51, 51, 0.8);
	--yellowFarbe:rgba(255,204,51, 1);
	--greyfbn: #778899;
	--greyfbn2: rgba(119,136,153,0.7);
	
    --weiss: #fff;
    --weissTransparent: rgba(255, 255, 255, 0.75);
    --schwarz: #333;
	--schwarz1:#000000;
    /*--schwarzTransparent2: rgba( 0, 0, 0, 0.2 );*/	
	--schwarzTransparent:#cccccc;
    --standardSchriftGroesse: 1rem;
    --grosseSchrift: 2.5rem;
    --mittlereSchrift: 1.75rem;
    --kleineSchrift: 0.75rem;   
    --standardSchrift: 'Lato', 'arial black';    

    --normal: 400;
    --fett: 700;
    --leicht: 300;
	--fest:bold;
	
	--randAbstand:1rem;
	--breiteHundert:100%;
	--hoeheAuto:auto;
		
	--bewegung:all 0.3s ease-in-out;

}

* {
    padding: 0;
    margin: 0;
	font-family:'latobold_regular',sans-serif!important;
    color: var(--schwarz);
    font: var(--standardSchriftGroesse) var(--standardSchrift);
    font-weight: var( --normal );
    box-sizing: border-box;

}




/* ========== ========== SCHRIFTEN ========== ==========*/
/*font-family:'flovanadamDIN'!important;*/
	
	@font-face {
		font-family:'latobold_black';
		src:url("../fonts/Lato-Black.ttf");
	}


	@font-face {
		font-family:'latobold_blackitalic';
		src:url("../fonts/Lato-BlackItalic.ttf");
	}

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

	@font-face {
		font-family:'latoboldbolditalic';
		src:url("../fonts/Lato-BoldItalic.ttf");
	}


	@font-face {
		font-family:'latobold_italic';
		src:url("../fonts/Lato-Italic.ttf");
	}

	@font-face {
		font-family:'latobold_light';
		src:url("../fonts/Lato-Light.ttf");
	
	}
	@font-face {
		font-family:'latobold_lightitalic';
		src:url("../fonts/Lato-LightItalic.ttf");
	}

	@font-face {
		font-family:'latobold_regular';
		src:url("../fonts/Lato-Regular.ttf");
	
	}
/* ========== ========== SOME CLASSes ========== ========== */

	.flex {
		display:flex;
		justify-content: space-evenly;
}

	.zentriert {
		text-align:center;
}
	.bold {
		font-weight: var(--fest);
}

/* ========== ==========  DESIGN WORKSPACE ========== ========== */

	.border-test {
		border:3px solid rgba(255, 204, 51, 0.7);
		margin:0;
		padding:0;
}

	.modulecursor {
		 cursor: url("../bilder/design/lipkt.png"), auto;	
		}

	.modulecursor2 {
		 cursor: url("../bilder/design/lipkt2.png"), auto;	
		}

	.modulecursor3 {
		 cursor: url("../bilder/design/lipkt3.png"), auto;	
		}

/*rgba(216,34,42,1)*/

/*d8232a 216,35,42   rot hell     c1272d 193,39,45 rot dunkel      f2f2f2 242,242,242 weiss */



	html {
		font-size:100%;
	scroll-behavior: smooth;
}

	body {
		/*background-image: url("../bilder/design/p17_img_1.png"); */
		background-size:contain;
    	background-repeat:no-repeat;
		background-position:center;
		background-attachment:scroll;
		font-family: 'Roboto Condensed', sans-serif;
		text-decoration:none;
		width: auto;
		height: auto;
		background-color:white;
		magrin:0;
		padding:0;
		
	
}

	#bodycontainer {
		width: 100%;
		magrin:0;
		padding:0;
		
		transition: margin-left .5s;
		/*background-color: rgba(216,35,42, 0.4);*/

		background-image: url("../bilder/design/Unbenaedwnnt-1.png"); 
		background-size:cover;
    	background-repeat:no-repeat;
		background-position:center;
		background-attachment:fixed;
		
		
		
}

	#main {
		width: 100%;
	
}
	
	#footer {
		width: 100%;
		background-color: rgba(242,242,242,1);
		position: relative;
		padding:1rem 0rem 1rem 0rem;
		margin:0rem 0rem 0rem;
		text-align: center;
		justify-content: center;
		z-index:25;
}
header{
	padding:0;
	margin:0;
}
	h1 {
		color:black;
		font-size: 40px;
		
	}

	h2 {
		color:rgba(242,242,242,1);		
		font-size: 30px;
		
	}

	h3 {
		color:whitesmoke;
		font-size: 60px;
		
	}

	h4 {
		color:rgba(193,39,45,1);
		font-size: 30px;
		text-align: center;
		width: 100%;
		text-transform: uppercase;
		font-weight: bold;
		
	}

	li {
		list-style:none;		
		color:black;
		text-decoration:none; 
		font-weight:bold;	
}
a {
	 text-decoration: none;
}
.modulecursor1 {
  cursor: url("../bilder/design/lipkt3.png"), auto;	
}


/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {
    background:rgba(193,39,45,1);
    /*color: #336699;*/
	color:whitesmoke;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background:rgba(193,39,45,1);
    /*color: #336699;*/
	color:whitesmoke;
}
/* ========== ========== SCHRIFTEN ========== ==========*/

	.paddingtop{
		padding-top: 2rem 0rem;
	}

	.thepower {
			color:#293133;
			font-weight: bold;
			font-size: 18px;
			letter-spacing: 0rem; 
			text-transform: uppercase;
			text-align: center;
		
	}	
	
	.thepower2 {
			color:rgba(244,189,49,1);
			font-weight: bold;
			font-size: 30px;
			letter-spacing: 0rem; 
			text-transform: uppercase;
			text-align: center;
		
	}

	.textblack	{
			color:rgba(244,189,49,1);
			font-weight: bold;
			font-size: 18px;
			letter-spacing: none;
			text-align: left;
			letter-spacing: 0.05rem; 
	}

	.textwhite	{
			color:whitesmoke;
			font-weight: bold;
			font-size: 18px;
			
			text-align: left;
			letter-spacing: 0.05rem; 
	}
	
	.textcenter {
			color:rgba(244,189,49,1);
			font-weight: bold;
			font-size: 15px;
			letter-spacing: 0.1rem; 
			text-transform: uppercase;
			text-align: center;
			justify-content: center;
			align-content: center;
	}

	.textmini {
			color:rgba(244,189,49,1);
			font-weight: bold;
			font-size: 5px;
			letter-spacing: 0.1rem; 
			text-transform: uppercase;
			text-align: right;
	}

/* ========== ========== Navigation ========== ==========*/	
			
	#nav1 {
		width: 100%;
		
		top:1rem;
		position:absolute;

		
		
}
	.ulmenubutton {
			width: 100%;
			
			display:flex; 
			justify-content: space-evenly; 
			
			}
	.limenubutton{
		display:flex; 
		justify-content: space-evenly; 
		width: 100%;
		border-left:2px solid transparent;
}
	.limenubutton a:link {
			padding:1rem;
			color:rgba(242,242,242,1);
			text-transform: uppercase;
			text-decoration:none;
			transition:all 0.5s ease-in-out;
			flex-grow:1;  /*flex-grow:0; */
			text-align:center;
			background-color:black;
			border:1px solid rgba(0,0,0,0.00);
		
			}

	.limenubutton:nth-child(1) {
				border-left:none!important;  
			}

	.limenubutton a:visited {
			color:rgba(242,242,242,1);
			background-color:black;
			}
			
.limenubutton a:hover {
	color:white;
	
	text-decoration: none;
	transition:all 0.3s ease-in-out;
background-color:rgba(193,39,45,1);
		border:1px solid white;
			}
				
.limenubuttonaktiv {
	color:white!important;
background-color:rgba(193,39,45,1)!important;
	border:1px solid white!important;
			}		
.limenubutton a:active {
	color:rgba(242,242,242,1);
	background-color:black;		
	border:1px solid white;		
			}


.headimgmobilev {
		width: 100vw;
		background-color: #293133;
		height: 30%;
		min-height: 400px;
		padding:0rem 0rem 0rem 0rem;
		margin:0rem 0rem 0rem;
		text-align: center;
		justify-content: center;
		overflow: visible;
		
}
	
.headimgmobilev img {
		width: 30%;	
		padding:1rem 0rem 1rem 0rem;
		margin:0rem 0rem 0rem;
		
		
}


/* ========== ========== Header ========== ==========*/

#head {
	display:flex;
	position: relative;
	width: 100%;
	height: 71px;
	background-color:rgba(196,30,42,1.00);
	
	
}
#head img {
	height: 200px;
	overflow: hidden;
	z-index:30;
	left:75%;
	top:4.5rem;
	position: absolute;
	
}
/* ========== ========== MENU ========== ==========*/

#menu {
	position: relative;
	background-color:black;
	/*padding: 2rem 0rem;*/
	display:flex;
	width: 100%;
	border-bottom:3px solid black;
	margin-bottom:1rem;
	
		background-image: url("../bilder/design/p17_img_3-01.png"); 
		background-size:cover;
    	background-repeat:no-repeat;
		background-position:center;
		background-attachment:scroll;
	overflow: hidden;
	

	
	
	
}


@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
	z-index: 1;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    /*background-image: linear-gradient(to top, black 20%, #27273c 80%);*/
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}



#menu {
	position: relative;
	background-color:black;
	/*padding: 2rem 0rem;*/
	display:flex;
	width: 100%;
	border-bottom:3px solid black;
	margin-bottom:1rem;
	
		background-image: url("../bilder/design/p17_img_3-01.png"); 
		background-size:cover;
    	background-repeat:no-repeat;
		background-position:center;
		background-attachment:scroll;
	overflow: hidden;
	

	
	
	
}





.menuclass {
	width: 25%;
	position: relative;
	z-index: 40;
	
}
.menuclassx {
	width: 33.333%;
	
}
.menuclass2bilder{
	width: 50%;
	padding-top:2rem;
	text-align: center;

}
.h1bilder{
	color:var(--weiss);
	text-transform: uppercase;
	padding:4rem 0;
}

.menuh2{
	text-align: center;
}
.menuul{
	padding: 0 5rem;

	
}

	li img.flovanadam1{
		position: relative;
		width: 50px;
		height: 50px;
	
	
		
		  
transition: all 0.5s ease-in-out;
}
.menuli{
	
	display:flex;
	padding:5px;

}

.followlink {
	
}
		/*.menuli img{
	
		width: 150px;
		height:150px;
	
		float: none;
}	*/

.followp{
	padding:1rem;
	color:white;
}

.menuli:hover{
	border-left:0.3rem  dotted rgba(0,0,0,0.00);
	
	
}


.main2{
text-align: center;
	max-width: 1200px;

	margin: auto;
	padding-bottom: 5rem;
	
	min-height: 400px;
	overflow: hidden;
	position: relative;
	
}
.main2titel{
	position: relative;
	width: 100%;
	display:flex;
	padding:2rem 0;
}
.h2bilder{
	color:var(--weiss);
	text-transform: uppercase;
	padding:auto;
margin: auto;
	
	width: 60%;
	text-align: start;
}

.menuclass40{
	width:  40%;
}
.menuclass50{
	width:  50%;
	padding:10px;
}
.menuclassdart{
	width:  100%;

}

.menuclassdart3{
width: 100%;
	
}
.menuclassmax img{
	max-height: 400px;
	width: auto;
}
.bilderimg{
	width: 50%;
}
.main2-2{
	padding:2rem 0;

	text-align: center!important;
}
.main2-spon{
	padding:2rem 4rem;
	width: 100%;
	
	background-color: rgba(196,30,42,1.00);
		/*overflow: hidden;*/
	position: relative;
	text-align: left;
	max-width: 1000px;
	margin:auto;
	 transform: skewX(-10deg);
}
.main2-spon figure {
	text-align: center;
	
}
.textdesign{
	font-style:italic;
	color:white;
}

.h3-2bilder{
	font-weight: bold;
	letter-spacing: 0.05rem; 
	text-transform: uppercase;
	padding: 0.2rem;
	font-size: 3rem;
}


.h3-spon{
	font-weight: bold;
	letter-spacing: 0.05rem; 
	text-transform: uppercase;
	padding: 0.2rem;
	font-size: 1rem;
	color:white;
}
.paddingleft{
padding-left:2rem;
}


figure img.kontakt {
		width: 150px;
		
}


/* Style tab links */
.tablink {
	border:none;
	background-color: rgba(0,0,0,0.00);
  	outline: none;
  	cursor: pointer;
	height: 100%;
	width: 100%;
	transition:var(--bewegung);
	
	
}

.tablink:hover {
 	background-color:rgba(193,39,45,1);

	
	transition:var(--bewegung);
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {

  display: none;
  padding: 0px 0px;
  height: 100%;
}
/*
#info {background-color: red;}
#spon {background-color: green;}
#line {background-color: blue;}
*/






.menuclassx button {
	height: 100%;bottom:0;
	
}


.sticky { 
	position: relative;
display:flex;
	width: 75%;
	float:right;
	transition:all 0.5s ease-in-out;
	z-index: 40;
	/*background-color: aqua;*/
}
.sticky button { width: 100%;

}
.fixed {
  position: fixed;
  top:0; 
  width: 100%;
	transition:all 0.5s ease-in-out;
	z-index:10000;
	right: 0;
	background-color:rgba(0,0,0,0.92);
	
	
}
.fixed button {
	height: 80px;
	width: 100%;
	
}







/* ========== ========== Bilder Galerie ========== ==========*/
.fancygalerie {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0;
	flex-wrap: wrap;
	
	display: flex;
	padding: 1rem 0;
	justify-content: space-evenly;
}
.bild-behaelter{
	width: 25%;
}
.bild-behaelter2{
	width: 15%;
}
.bild-behaelter3{
	width: 10%;
}
.link-im-behaelter{
	width:  100%;
	height: auto;
}
.bild-im-behaelter{
	width: 100%;
transition:all 0.5s ease-in-out;
}
.bild-im-behaelter:hover{
		transform:scale(1.2);
				transition:all 0.5s ease-in-out;
				
}
 
.googlemapsinclu
{
	width: 100%;
	height: auto;
	position: relative;
	margin: 0;
	flex-wrap: wrap;
	padding-top:3rem;
	display: flex;
	justify-content: space-around;
}
.mainspon{
text-align: center;
	max-width: 1200px;
	
	margin: auto;
	
	overflow: hidden;
	position: relative;
	padding: 1rem 0;
	
}

.mainsponwhite{
	background-color:white;
}
.main2titelhaupt {
		position: relative;
	width: 100%;
	display:flex;
	padding:2rem 0;
}

.bilderimgspon{
	width: 100%;

				transition:all 0.5s ease-in-out;
}

/* ========== ========== MAIN HAUPT ========== ==========*/

.main {
	background-color:whitesmoke;
	position:relative;
	display:flex;
	padding:0rem 0rem 0rem 0rem;
	margin:0rem 0rem 0rem 0rem;
	text-align: center;
	justify-content: center;
	align-content: center;
}


/* ========== ========== MAIN 1 ========== ==========*/
	
.main1 {
  	
	text-align: center;
	width: 100%;
	margin-top:1rem;
	overflow: hidden;
	position: relative;
	padding: 5rem 0;
	background-color: rgba(196,30,42,1.00);
			background-image: url("../bilder/design/p17_img_3-01.png"); 
		background-size:cover;
    	background-repeat:no-repeat;
		background-position:center;
		background-attachment:fixed;

	
	}
.h1-verein{
	font-weight: bold;
	letter-spacing: 0.05rem; 
	text-transform: uppercase;
	padding: 0.2rem;
	font-size: 1.5rem;
	color: white;
}
.link:hover {
	color: rgba(196,30,42,1.00);
}
.link2:hover {
	color: darkgray;
}

/* ========== ========== Event INFO ========== ==========*/
.main1-event{
	padding:2rem 4rem;
	width: 100%;
	position: relative;
	color:white;
	
		overflow: hidden;
text-transform: uppercase;
	text-align: left;
	max-width: 1000px;
	margin:auto;
}


.main2-event{
	padding:2rem 4rem;
	width: 100%;
	position: relative;
	background-color: rgba(196,30,42,1.00);
		/*overflow: hidden;*/
	min-height: 100%!important;
	text-align: left;
	max-width: 1000px;
	margin:auto;
	display: flex;
}

.pevent{
	color:white;
	letter-spacing: 1px;
}
.mainmax{
	max-width: 1200px;
	margin:auto;
}
.eventul {
height: 100%;
	position: relative;
	
}

.eventli{
	
	color: white;

		text-transform: uppercase;
	
	
		list-style:none;
		list-style-image: url("../bilder/design/lipkt.png");
		list-style-position: outside;
		line-height:2rem;		
		
		text-decoration:none; 
		
		width: 100%;
		margin: 0rem;
		padding:5px;
		font-size: 20px;
		float:left!important;
		justify-content: flex-start;
		text-align: left!important;
}


.h2event{
	color:var(--weiss);
	text-transform: uppercase;
	padding:auto;
margin: auto;
	
	width: 60%;
	text-align:center;
}





/* ========== ========== SLIDE ========== ==========*/
/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
  position: relative;
  margin: auto;
	background-color: black;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/*
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}*/
.dotdiv{
	position: absolute;

	width: 100%;
	height: 2rem;
	bottom:0;
	padding:0;
	margin:0;
}

.dot {
	cursor: progress;
	top:0;
  
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color:white;
  border-radius: 50%;
  display: inline-block;
z-index: 200;
  transition: background-color 0.6s ease;
}

/*.active, .dot:hover {*/
.active{
  background-color: black;
}

/*.dot:hover {
  background-color: black;
}*/
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* ========== ========== MOBILE MENU ========== ========== */
.containernav2 {
display:none;
}

.dropdown44-container {
  		display: none;
  
		
}

/* ========== ========== POP UP MELDUNG ========== ========== */

	/* Meldung (Newsletter)	*/
	#meldung {
		display:none;
		position: fixed;
		z-index:350;
		top:50px;
		left:200px;
		background:rgba(242,242,242,0.95);
		border:1px solid white;
		box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.2);
		transform: skewX(-10deg);
		overflow: hidden;
	
}
	#meldungheader {
  		padding: 1rem;
  		cursor: move;
  		z-index: 10;
		max-width: 700px;
		
}
	#meldung #schliessen {	
		border-radius:50%;
		cursor:pointer;
		position:absolute;
		font-size:3rem;
		width:3rem;
		height:3rem;
		top:1rem;
		right:1rem;
		
}
	figure.meldungimg {
		padding:0rem 1rem;
}
	figure.meldungimg img{
	
}
	.meldungtext {
		padding:1rem 2rem;
		
		width: 670px;
		text-align:justify;

}
.meldungtext2 {
	padding:2rem;
	float:right;
}
.meldungtext2:hover {
	color:rgba(193,39,45,1);
}
/* ========== ========== COOKIE DATENSCHUTZ ========== ========== */
		
	.cookie-banner {
		position: fixed; /*bezogen auf bildschirm fixiert*/
		/*bottom:-800px;
		right:0;*/
		left:-800px;
		height: 100%;
		max-width: 500px;
		background-color: rgba(33,33,33,0.77);
		padding:7rem 2rem 2rem 2rem;
		transition:bottom 2s ease-in-out;
		
		display:flex;
		 transform: skewX(-10deg);
		z-index: 100000;
}	
	
	.sichtbar {
		bottom:0;
		left:0;
}
	
	.cookiestext {
		width: 100%;
}

	.cookiestext h3 {
		color: var(--weiss);
		font-size: 15px;
	
}
	.cookiestextmr{
		color: var(--weiss);
}
	#akzeptieren-button  {
	background-color: rgba(196,30,42,1.00);
		
		/*float: right;*/
		height: 55px;
		width:100%;
		padding: var(--randAbstand);
		cursor: pointer;
		text-align: center;
		justify-content: center;
		position: absolute;
		bottom:5rem;
		left:5rem;
		border:1px solid rgba(0,0,0,0.00);
		
}
	#akzeptieren-button:hover  {
			
		border:1px solid white;
}
	#akzeptieren-button	 p{
		color: var(--weiss);
		font-weight: bold;
		font-size: 20px;
		letter-spacing: 0.25rem; 
		text-transform: uppercase;
}
	#akzeptieren-button	 p:hover{

}
/* ========== ========== FOOTER ========== ========== */ 
	#copyright  {
		position: absolute; 		
		width: var(--breiteHundert);	
}

	#copyright .copystyle {
		position: relative;
		padding:1rem 0rem;
		width: var(--breiteHundert);	
		background-color:var(--schwarzTransparent);
		text-align: center;
		bottom: 0rem;
	
		font-size: var(--standardSchriftGroesse);
}
	
	.copystyle a {
		 color: var(--schwarz);
}
	
	.copystyle a:hover {
		 color: var(--weiss);
}
	.footertopdiv1 {
		height: 100px;
		width: 300px;
		font-size:var(--standardSchriftGroesse);
		padding: 0rem  0rem;
		line-height: 1.8;
		color: var(--weiss);
}
.main1 .mobilefoot {
		font-size: 25px;
		color: var(--weiss);
		}

	.mobilefoot2{
		display:none;
}
	.mobilefoot4{
		display:none;
}

/* ========== ========== FOOTER LINKS ========== ==========*/

	#footerbottom {
		position: relative; 
		height: 270px; 
		width: var(--breiteHundert);	
		/*follow header = 50px / side nav = 100px*/
		padding:10px 0px 0px 10px;
		display: flex;
		justify-content: space-evenly;
		background-color:rgba(193,39,45,1);
}

	.footertopdiv {
		padding: var(--randAbstand);
		display:block;
		position: relative;
}
	.footertopdiv2 {
		position: absolute;
		padding: 2rem;
		display:block;
		right: 0;
		justify-content:none;
		text-align:none;
}

	h5.foot-h5{
		font-weight: bold;
		font-size: 18px;
		color:var(--schwarz1);
}

	.footerlist{
		margin-top:1rem!important;
		width: var(--breiteHundert);	
		padding:0;
		margin:0;
}
	.footlipkt {
		padding:5px 5px 5px 12px;
}
	a.footnav{
		color: var(--schwarz1);
		position: relative;
		padding:5px 5px 5px 12px;
		transition:var(--bewegung);
}
	a.footnav:hover{
		color: var(--weiss);
		transition:var(--bewegung);
}
	figure img.flovanadam{
		position: relative;
		width: 150px;
		height: var(--hoeheAuto);
		margin-top:1rem;
		float: right;
		
		  
transition: all 0.5s ease-in-out;
}
	figure img.flo2:hover{

		  transform: rotate(7deg) translate(-8px, -8px);
transition: all 0.5s ease-in-out;
}

/* ========== MEDIA SCREEN  1580px ========== */
/* ========== APPLE NOTEBOOK 16und13zoll ========== */
	@media screen and (max-width:1580px) 
	{


	.desknavigation .closebtn { 
		display:flex;
		position: absolute;
		top:10px;
		left:290px;
		width: 50px;
		height: 50px;
		background-image: url(../bilder/ic-close.png);
		z-index: 120;
		transition:var(--bewegung);
}
	/*body {
		background-color:lightcoral; ZUM ARBEITEN
}
*/ 
	.mobilefoot4{
		display:none;
}
.fancygalerie {
padding:1rem;
}

.paddingleft{
padding-left:1rem;
}
#head img {
	height: 150px;

}
}

/* ========== MEDIA SCREEN  1200px ========== */
/* ========== APPLE NOTEBOOK 13zoll ========== */
	@media screen and (max-width:1200px) 
	{

	body {
		/*background-color:lightgreen;ZUM ARBEITEN*/ 
}
	#footerbottom {
		justify-content:center;
	
}
		.mobilefoot3{
			display:none;
}
		.mobilefoot4{
			display:block;
}
		
		.paddingleft{
			padding-left:0rem;
}
}


/* ========== MEDIA SCREEN  1080px ========== */
	@media screen and (max-width:1080px) 
	{
		
	/*body {
		background-color: darkorchid;ZUM ARBEITEN
}
*/
		
}	
	
/* ========== MEDIA SCREEN  960px ========== */
/* ========== APPLE tablet (kleineres) ========== */
	@media screen and (max-width:960px) 
	{
		
	body {
		/* background-color:darkorange; ZUM ARBEITEN */
}
		
		h1 {
		color:black;
		font-size: 40px;
		
	}

	h2 {
		color:rgba(242,242,242,1);		
		font-size: 30px;
		
	}

	h3 {
		color:whitesmoke;
		font-size: 30px;
		
	}

	h4 {
		color:rgba(193,39,45,1);
		font-size: 30px;
		text-align: center;
		width: 100%;
		text-transform: uppercase;
		font-weight: bold;
		
	}

#head img {
	height: 60px;
	overflow: hidden;
	display:none;
	left:3rem;
	top:0.5rem;
	position: absolute;
	z-index:30;
}
	#head {
	
	height: 80px;
	background-color:black;
	
	
}
		#nav1 {
			display:none;
		}
		
	
	/* Meldung (Newsletter)	*/
	#meldung {
	top:50px;
	left:20px;
	transform: skewX(0deg);
	padding-top:1rem;
	
}
	#meldungheader {
		max-width: 400px;
		
}

	.meldungtext {
	width: 370px;
}

/* ========== ========== COOKIE DATENSCHUTZ ========== ========== */
		
	.cookie-banner {
		
		left:-800px;
		height: 100%;
		max-width: 500px;
		
		padding:7rem 2rem 2rem 2rem;

}	
	
	.sichtbar {
		bottom:0;
		left:0;
}
	
	.cookiestext {
		width: 100%;
}

	.cookiestext h3 {
		color: var(--weiss);
		font-size: 15px;
	
}
	.cookiestextmr{
		color: var(--weiss);
}
	#akzeptieren-button  {
	
		height: 55px;
		width:100%;
		
		position: absolute;
		bottom:5rem;
		left:5rem;
		border:1px solid rgba(0,0,0,0.00);
		
}
	#akzeptieren-button:hover  {
			
		border:1px solid white;
}
	#akzeptieren-button	 p{
		color: var(--weiss);
		font-weight: bold;
		font-size: 20px;
		letter-spacing: 0.25rem; 
		text-transform: uppercase;
}
	#akzeptieren-button	 p:hover{

}
/* ========== ========== FOOTER ========== ========== */ 

	.mobilefoot2{
		display:block;
}
	.mobilefoot4{
			display:block;
}
	.mobilefoot {
			display:none;
		}
/* ========== ========== FOOTER LINKS ========== ==========*/

	#footerbottom {

		height: 1020px; 

		padding:10px 0px 0px 10px;
		display: block;
		
}



	
		
		
/* ========== ========== MENU MOBILE ========== ==========*/

.containernav2 {
  		
  		cursor: pointer;
		right:2rem!important;
		top:20px;
		position: fixed;
	background-color: rgba(196,30,42,1.00);
		/*background-color:rgba(255,255,255,1.00);
		border-radius:5px;*/
		width: 55px;
		padding:0px 0px 0px 10px;
		height: 55px;
		display: inline-block;
		z-index: 80000!important;
		 transform: skewX(-10deg);
}


.bar1, .bar3 {
  margin-left: 5px;
	width: 25px;
  height: 5px;
  background-color: white;
	/*background-color: transparent;*/
  margin: 6px 0;
  transition: 0.4s;
	
}

.bar2 {
  width: 35px;
  height: 5px;
  background-color:white;
	/*background-color: transparent;*/
  margin: 6px 0;
  transition: 0.4s;
	
}

.active44 .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
	 background-color: rgba(196,30,42,1.00);;
	width: 35px;
}

.active44 .bar2 {opacity: 0;
}

.active44 .bar3 {
 background-color: rgba(196,30,42,1.00);;
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
	width: 35px;
}

.dropdown44-btn {
		display: block;
		border: none;	
}

.active44 {
  background-color: white;
  color: white!important;

}

.none {
	display:block;
}

.dropdown44-container {
  		display: none;
		z-index: 10001;
  		background-color:rgba(69,69,69,0.95);
		position: fixed;
		top:0;
		padding:0rem 0rem 0rem 0rem;
		margin:0;
		width: 100%;
		height: 100%;
		border-top: 6rem solid  rgba(196,30,42,1.00);
		overflow: scroll;   
		
}
	
.ulmenubutton2 {
		width: 100%;
		
		margin:1rem 0rem 1rem 0rem;
		padding:0rem 0rem 1rem 0rem;
	  	overflow-x: hidden;
		position: relative;
	
}

.limenubutton2 {
		list-style:none;		
		color:black;
		text-decoration:none; 
		font-weight:bold;
		width: 100%;
		margin: 0rem 0rem;
}

.ulmenubutton2 a {

			/*color:rgba(193,39,45,1);*/
	color:rgba(242,242,242,1);
			font-weight: bold;
			font-size: 45px;
			letter-spacing: 0.1rem; 
			text-transform: uppercase;
			float:left;
			text-decoration:none;
			display: block;
			margin:0rem 0rem 0rem 0rem;
			padding:1rem 1rem 1rem 20%;
			width: 100%;
			transition: 0.6s;
			overflow: hidden;
			cursor: pointer;
}

.ulmenubutton2 a:hover, .ulmenubutton a:focus {
 		
			transition: 0.3s;
			/*background-color:cornflowerblue;*/
			background-color: rgba(193,39,45,1);
}



.limenubuttonaktiv2
{
 		
			transition: 0.3s;
			/*background-color:cornflowerblue;*/
			background-color: rgba(193,39,45,1);
}


#menu {

	display:block;
	width: 100%;
	
}


.menuclass {
	width: 100%;

}
.menuclassx {
	width: 100%;
border:1px solid white;
}
.menuclass2bilder{ 
	width: 100%;
	padding-top:1rem;
	padding-bottom:3rem;
}
.main2titel{
	display:block;
	padding:2rem 0;
}		

.h1bilder{

	padding:2rem 0;
}

.menuul{
	padding: 0 2rem;
width: 100%;
	
}
.menuh2{
			text-align: left;
		padding-left:10rem;
		}
.menuli{
	
	display:flex;
	padding:5px;
	width: 100%;
	
}

.menuli:hover{
	border-left:0rem  dotted rgba(0,0,0,0.00);
	
	
}

.followp{
	padding:1rem;
	color:white;
	width: 100%;
	
}


.h2bilder{

	padding:5px;
	font-size: 20px;
	width: 100%;
	text-align:center;
}


.main2-spon{
	padding:2rem 4rem;
	width: 100%;

	 transform: skewX(-0deg);
}
.main2-spon figure {
	text-align: center;
	
}


.paddingleft{
padding-left:0rem;
}


figure img.kontakt {
		width: 150px;
		
}

.menuclassx button {
	height: 100%;
	padding:10px;
}


.sticky { 
 
	width: 100%;
	float:none;
display:block;
}
.sticky button { 
	width: 100%;

}

.fixed button {
display:block;
}





.mainspon{
text-align: center;
	max-width: 1200px;

	padding: 1rem 0;
	
}

.mainsponwhite{
	background-color:white;
}
.main2titelhaupt {
	position: relative;
	width: 100%;
	display:flex;
	padding:2rem 0;
}

.menuclassmax img{
	max-height: 200px;
	width: auto;
}

.main1-event{
	padding:1rem;

}
		
		.main2-2{
	padding:2rem 0;

	text-align: center!important;
}

		
.h2event{

	width: 100%;
	
}
				.main2-spon{
	padding:2rem 1rem;
	width: 100%;

	 transform: skewX(-0deg);
}

		.main2-event{
	padding:1.5rem;
	
}
.h3-2bilder{
	font-weight: bold;
	letter-spacing: 0.05rem; 
	text-transform: uppercase;
	padding: 0.2rem;
	font-size: 1rem;
}
	}

	
/* ========== MEDIA SCREEN  450px ========== */
	@media screen and (max-width:450px) 
	{

	body {
		/*background-color:aqua;ZUM BEARBEITEN */
}
	
		
		
	#meldungheader {
  		padding: 0.5rem;
 
		max-width: 400px;
		
}

	.meldungtext {

		width: 380px;
}	/* Meldung (Newsletter)	*/
	#meldung {
		transform: skewX(0deg);

}		
		
.fixed button {
	padding:5px;
	width: 100%;
	
}		
	.menuul{
	padding: 0rem;

	
}	
		.menuh2{
			text-align: center;
			padding-left: 0;
		}


.dot {

  height: 6px;
  width: 6px;

}
		.menuclass{
			padding:0;
			margin:0;
		}
		.main2-spon{
	padding:2rem 1rem;
	width: 100%;

	 transform: skewX(-0deg);
}
		
	.followp{
	padding:1rem;
	color:white;
	width: 60%;

}
	
	.menuli{
	justify-content: center;
	
	padding:5px;
	width: 100%;
	
}

.menuli:hover{
	border-left:0rem  dotted rgba(0,0,0,0.00);
	
	
}		
		.menuli img{
	
		width: 50px;
		height:50px;
	
		float: none;
}	
		
/* ========== ========== MENU MOBILE ========== ==========*/


.ulmenubutton2 a {

			font-size: 30px;
		
			padding:1rem 1rem 1rem 1rem;
	
}


	}