/****************************************************************************************************
	
****************************************************************************************************/

/* Color Cast */
a.hvr-buzz img {
    filter: hue-rotate(250deg) saturate(800%);
}

a.hvr-buzzXXX img {
    filter: hue-rotate(250deg) saturate(800%);
}

.flash {
    filter: hue-rotate(250deg) saturate(800%);
}


/* ==================================================================================================================== */
/* Rechtliches */
/* ==================================================================================================================== */	

	.imprint{
		font-size: 11px;
		color: #000;
	}
	@media (max-width: 767px) {
		.imprint img{width: 100%;}
	}


	.shariff ul {
	  margin: 10px 0px 0px 0px!important;
	  list-style: none;
	  }

	@media (max-width: 767px) {  
	  .shariff ul {padding: 5px 20px 0px 20px!important;}
	  }
/* ==================================================================================================================== */
/* Buttonset 2023 */
/* ==================================================================================================================== */	
  

	.treebtn{
		background: #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border-radius: 10px;
		padding: 5px;
		margin: 0px 0px 20px 0px;
		line-height: 70px;
	}
	.treebtn img {
		float:left; width: 64px;
		margin: 5px 15px 0px 10px;	
	}
	
	@media(max-width:767px) {
		.treebtn{
			margin: 0px 0px 10px 0px;
			line-height: 50px;
			padding: 10px;
			}
		.treebtn img {
			float:left; width: 50px;
			margin: 8px 10px 0px 5px;
			padding: 0px 8px 0px 0px;
			border-right: 1px solid #fbb4b0;
		
		}
	}
	
	
	
	
	.treebtn h2{
		font-size: 22px;
		text-align: left;
		margin: 0px;
		line-height: 68px;
		}
	
	
	@media(max-width:767px) {
		.treebtn h2{line-height: 50px;}
		
		.treebtn h2 span{font-size: 14px; display: inline; margin: -5px 0px 0px 10px;}
		
		
	}
	

	
	
	.treebtn a{display: block; font-size: 18px;text-align: left;}
	
	@media(max-width:1199px) {.treebtn a{display: block; font-size: 14px;text-align: left;}}
	@media(max-width:991px) {.treebtn a{display: block; font-size: 18px;text-align: left;}}
	@media(max-width:767px) {.treebtn a{display: block; font-size: 18px;text-align: left;}}
	
	
	.treebtn a:hover {
		background: #fff;
		color: #000;
		text-decoration: none;
	}
	
  
  
  
  
  
	.socials   {padding: 50px 0px;}
	.socials i {padding: 20px; font-size: 80px; color: #8E27E6;}
	.socials i:hover {color: #fff;}
	
	
  .socials a:hover {text-decoration: none;}
  
  

  @media(max-width:767px) {
		.socials i {padding: 10px; font-size: 40px; color: #EE97FF;}
		.socials   {padding: 50px 0px 0px 0px;}
	}
  
  
	#shareit{
		background: #EE97FF;
		padding: 15px 0px 80px 0px;
	}
  
	@media(max-width:767px) {
	  #shareit{padding: 15px 0px 15px 0px;}
	}
  
  


/****************************************************************************************************
	
****************************************************************************************************/


	html{
		margin: 0;
	}

	body{
			color: #050537;
			font-family: 'Open Sans', sans-serif;
			padding: 0; 
			font-weight: 400;
			background: #F5DEFB;
			text-align: center;
			font-size: 16px;
		}
		
	a {color: #050537;}	
		
		
@media (prefers-color-scheme: dark) {
	body{
			color: #050537;
			font-family: 'Open Sans', sans-serif;
			padding: 0; 
			font-weight: 400;
			background: #F5DEFC;
			text-align: center;
		}
}	
		
		
		
		
		
		
		
/* ==================================================================================================================== */
/* OVERRIDE CONTAINER SIZE */
/* ==================================================================================================================== */		
	
	@media (min-width: 768px) {.container {width: 740px;}}
	@media (min-width: 992px) {.container {width: 960px;}}
	@media (min-width: 1200px){.container {width: 960px;}}	
		

/* ==================================================================================================================== */
/* DEFAULT CLASS */
/* ==================================================================================================================== */

	.nopadding{padding: 0px;}
	.my_padding_trbl_10 {padding: 10px;}
	.my_padding_trbl_15 {padding: 15px;}
	.clear{clear:both;}


	/* .logo{width: 100%;} */
	.textcenter{text-align: center;}
	.textleft{}
	
	
	
	.textshaddow{ text-shadow: 0px 0px 2px #fff;}
	.myblack{color: #000;}

	.implink{color: #999;}
	.implink:hover{color: #999;}

	.h1title{font-size: 22px; margin-top: 50px;}
	.smalltext{font-size: 12px;}


	@media(min-width:100px) {.spacertop{padding-top:0px;}}
	@media(min-width:768px) {.spacertop{padding-top:30px;}}
	@media(min-width:992px) {.spacertop{padding-top:50px;}}
	@media(min-width:1200px){.spacertop{padding-top:20px;}}

	.linkmobile{display: block;}
	.linkdesktop{display: none;}

/* ==================================================================================================================== */
/* MOBILE CLASSES */
/* ==================================================================================================================== */	
	
	@media(min-width:300px) {.mobile{display: block;}}
	@media(min-width:768px) {.mobile{display: none;}}
	
	@media(min-width:300px) {.desktop{display: none;}}
	@media(min-width:768px) {.desktop{display: block;}}
	
	
	/* for Share buttons */
	
	@media(min-width:300px) {.mobileshare{display: block;}}
	@media(min-width:1200px) {.mobileshare{display: none;}}
	
	@media(min-width:300px) {.desktopshare{display: none;}}
	@media(min-width:1200px) {.desktopshare{display: block;}}
	
	
	
	
/* ==================================================================================================================== */
/* BX SLIDER */
/* ==================================================================================================================== */	
	
	.bx-wrapper .bx-viewport {
		background:#B270E8!important;
	}
	
	
	.mobileheader{}
	.mobileheader img{width: 100%;}
	
	

/* ==================================================================================================================== */
/* SECTIONS */
/* ==================================================================================================================== */	


	#linkblock{
		/* background: url('../img/bg-bonnie-stylez.jpg') no-repeat; */
		background-position: center top;
		
	}
	@media(min-width:300px) {#linkblock{padding: 10px 0px 40px 0px;}}
	@media(min-width:768px) {#linkblock{padding: 40px 0px 40px 0px;}}

	#seotext{background: #fef8f8; padding: 40px 0px;}
	#footer{padding: 50px 0px;}



/* ==================================================================================================================== */
/* TITEL */
/* ==================================================================================================================== */	

	.titel{font-family: 'Pacifico', cursive; text-align: center; text-shadow: 0px 0px 10px #541B18;}


	.titelbox{position: absolute;  z-index: 99; width: 100%; left:0px;}
	
	@media(min-width:300px) {.titelbox{top: -120px;}}
	@media(min-width:768px) {.titelbox{top: -100px;}}
	@media(min-width:992px) {.titelbox{top: -140px;}}
	@media(min-width:1200px){.titelbox{top: -170px;}}
	@media(min-width:1600px){.titelbox{top: -250px;}}
	@media(min-width:1900px){.titelbox{top: -200px;}}
	

	@media(min-width:300px) {.titel{color: #ffefef;font-size:40px;}}
	@media(min-width:768px) {.titel{color: #ffefef;font-size:40px;}}
	@media(min-width:992px) {.titel{color: #ffefef;font-size:50px;}}
	@media(min-width:1200px){.titel{color: #ffefef;font-size:60px;}}
	@media(min-width:1600px){.titel{color: #ffefef;font-size:60px;}}
	@media(min-width:1900px){.titel{color: #ffefef;font-size:70px;}}

	
	@media(min-width:300px) {.titel h1{color: #ffefef;font-size:40px;}}
	@media(min-width:768px) {.titel h1{color: #ffefef;font-size:40px;}}
	@media(min-width:992px) {.titel h1{color: #ffefef;font-size:50px;}}
	@media(min-width:1200px){.titel h1{color: #ffefef;font-size:60px;}}
	@media(min-width:1600px){.titel h1{color: #ffefef;font-size:60px;}}
	@media(min-width:1900px){.titel h1{color: #ffefef;font-size:70px;}}

	
	
	@media(min-width:300px) {.titel img{width: 200px;}}
	@media(min-width:768px) {.titel img{width: 200px;}}
	@media(min-width:992px) {.titel img{width: 200px;}}
	@media(min-width:1200px){.titel img{width: 433px;}}
	@media(min-width:1600px){.titel img{width: 433px;}}
	@media(min-width:1900px){.titel img{width: 533px;}}
	
	
	
	

/* ==================================================================================================================== */
/* Sharebox */
/* ==================================================================================================================== */


	.shareboxrelative{
		position: relative;
	}


	.sharebox{position: absolute;  z-index: 100; width: 100%; border: 0px solid blue; text-align: center; background: #8e27e6;}


	
	/* @media(min-width:300px) {.sharebox{top: 450px;}} */
	/* @media(min-width:768px) {.sharebox{top: 450px;}} */
	/* @media(min-width:992px) {.sharebox{top: 450px;}} */
	/* @media(min-width:1200px){.sharebox{top: 250px;}} */
	/* @media(min-width:1600px){.sharebox{top: 370px;}} */
	/* @media(min-width:1900px){.sharebox{top: 450px;}} */

	@media(min-width:300px) {.sharebox{top: 0px;}}
	@media(min-width:768px) {.sharebox{top: 0px;}}
	@media(min-width:992px) {.sharebox{top: 0px;}}
	@media(min-width:1200px){.sharebox{top: 0px;}}
	@media(min-width:1600px){.sharebox{top: 0px;}}
	@media(min-width:1900px){.sharebox{top: 0px;}}
	
	
	

	.shareboxinlay{
		background: #8e27e6;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding: 10px 5px;
		/* max-width: 739px; */
		max-width: 710px;
		margin: 0px auto;
	}

	.shareboxtext{
		font-family: 'Pacifico', cursive;
		text-align: left;
		color: #ffefef;
		font-size:30px;
		float:left;
		padding: 4px 0px 0px 0px;
	}
	.shareboxarrow{float:left; padding: 5px 5px 0px 10px;}
	.shareboxarrow img{width: 40px;}
	
	
	/*Mobile*/
	.sharemobile{
		
		text-align: center;
		
		margin: 0px auto;
		}
		
		
	@media(min-width:300px) {.sharemobile{width: 100%; padding: 0px 5px;}}	
	@media(min-width:400px) {.sharemobile{width: 400px; padding: 20px 20px;}}		
		
	
	
	

	
	
	
	/* Override Share - addshare*/
	.a2a_dd{margin-left: 5px;}
	
	.a2a_default_style a {

    float: left;
    line-height: 16px;
    padding: 0 2px!important;

}
	
	
	
	
	
	
	
	
	

/* ==================================================================================================================== */
/* LINKS LINK BOXES */
/* ==================================================================================================================== */	

	.linkbox img{width: 100%; max-width: 739px;}

	
	
	
	.linkbox-left{
		border: 0px solid red;
		float:left;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.linkbox-right{
		border: 0px solid red;
		float:right;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	
	@media(max-width:767px) {.linkbox-right{margin-right: 0px;}}
	@media(max-width:767px) {.linkbox-left{margin-left: 0px;}}
	
	
	
	.linkbox-left img{width: 100%; max-width: 364px;}
	.linkbox-right img{width: 100%; max-width: 364px;}

	
	@media(min-width:300px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:14px;}}
	@media(min-width:768px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:20px;}}
	
	
	@media(min-width:300px) {.linkbox h2 ,.linkbox-left h2, .linkbox-right h2{font-size:14px; margin: 0px 0px;}}
	@media(min-width:768px) {.linkbox h2 ,.linkbox-left h2, .linkbox-right h2{font-size:20px; margin: 0px 0px;}}
	
	
	
	
	/* @media(min-width:300px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:16px; color: #fbb4b0; font-family: 'Pacifico', cursive;}} */
	/* @media(min-width:768px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:26px; color: #fbb4b0; font-family: 'Pacifico', cursive; }} */
	
	/* @media(min-width:300px) {.linkbox a,.linkbox-left a, .linkbox-right a{color: #fbb4b0;}} */
	/* @media(min-width:768px) {.linkbox a,.linkbox-left a, .linkbox-right a{color: #fbb4b0;}} */
	
	

/* ==================================================================================================================== */
/* TEXT */
/* ==================================================================================================================== */	

	#seotext h1{font-size: 28px; margin: 10px 0px;}
	#seotext h3{font-size: 28px; margin: 10px 0px;}
	#seotext p{
		text-align: justify; /* For Edge */
		-moz-text-align-last: center; /* For Firefox prior 58.0 */
		text-align-last: center;
		line-height: 24px;
	}
	@media(min-width:300px) {#seotext p{padding: 30px 20px;}}
	@media(min-width:768px) {#seotext p{padding: 30px 0px 40px 0px;}}
	
	
/* ==================================================================================================================== */
/* Profilbilder */
/* ==================================================================================================================== */	
	
	.profilimage{
		width: 100%; 
		margin-bottom: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		border: 2px solid #fff;
		}
	
/* ==================================================================================================================== */
/* Btn zur Homepage */
/* ==================================================================================================================== */	
	.homepagebuttonfield{text-align: center; padding: 50px 0px;}
	
	.homepagebutton{
		background: #8e27e6;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		text-decoration: none;
		line-height: 40px;
		padding: 10px 20px;
	}
	.homepagebutton:hover{background: #000;color: #fff;text-decoration: none;}
	
	

/* ==================================================================================================================== */
/* Footerlogo */
/* ==================================================================================================================== */		
	
	
	.footerlogofield{padding: 30px 0px;}
	.footerlogo{width: 150px;}
	
/* ==================================================================================================================== */
/* footer */
/* ==================================================================================================================== */	
	
	#footer {font-size: 12px;}
	#footer a {color: #000;}

	
/* ==================================================================================================================== */
/* impressummodal */
/* ==================================================================================================================== */		
	
	.impressummodal{
		font-size: 12px;
		color: #000;
		text-align: left;
	}
	
	
/* ==================================================================================================================== */
/* Exitmodal */
/* ==================================================================================================================== */		
	
	.exitmodal{
		font-size: 16px;
		color: #000;
	}
	
	.exitmodal .modal-body{padding: 15px 15px 30px 15px;}
	
	
	.exittext{
		padding: 10px 20px 20px 20px;
	}
	.exitbutton{
		color: #fff;
		background: #669900;
		padding: 10px 20px;
		text-decoration: none;
		margin: 20px 0px;
	}
	.exitbutton:hover{color: #fff; background: #000; text-decoration: none;}