/*-----------------------------------------------------------------------------------*/
/* Custom CSS */
/*-----------------------------------------------------------------------------------*/

body.c8home, #container_showcase1_modules {
	animation: fadeInAnimation ease 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.c8home #container_showcase1_modules {
	animation: none;
}
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.c8home .sticky-wrapper {position: absolute !important; top:170px !important;}  
.c8home ul.uk-slideshow-items {aspect-ratio:inherit !important;}
.c8home #container_header {background-color: rgba(77,63,146,0.5) !important;}
.c8home .is-sticky #container_header {background-color: rgba(77,63,146,1) !important;}
.c8home .maincontent {margin:-210px 15px 100px 15px; background:#fff; padding:40px 30px; border-radius: 20px; border: 4px solid #5f9862; box-shadow: 0 5px 15px rgba(0,0,0,.2);}
.c8home #container_base2_modules .wrapper960, .c8home #container_footer .wrapper960 {width: 1290px; max-width:100%;}

#header_main.wrapper960 {width:100%;}

.c8home #main.block_holder {
	display:none;
}

h1.logo-text {
    bottom: -9px;
}

.wrapper_contentbottom {
  padding: 5px 30px 50px;
}
.contentbottom .module_surround {
  padding: 0px !important;
}

#container_footermenu {
    padding: 0px;
    color: rgba(255, 255, 255, 0.5);
    overflow: hidden;
}

h1, h2, .content-category h1, .registration h1 {
    font-size: 2.0em;
	line-height: 2.5rem;
}
h3 {
    font-size: 1.3em;
	font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.3em;
	margin: 1.3em 0 0.8em;
}
blockquote {
  padding: 0 0 5px 35px;
  width: auto;
  border: none !important;
  position: relative;
  margin: 0 0 20px 25px;
  font-weight: 400;
  font-size: 17px;	
}
blockquote::before {
  content: "\201C";
  font-family: sans-serif;
  font-size: 60px;
  color: #555;
  position: absolute;
  left: 0px;
  top: 15px;
}
blockquote p em {font-weight:300;}

.module_content a, .item-page a, #userForm a {
	text-decoration:underline !important;
}
a.uk-button, a.btn {text-decoration:none !important;} 

.formResponsive .formHorizontal .formControlLabel {
    float: left;
	width: 400px;
    padding-top: 10px;
	padding-right:20px;
    text-align: right;
}
#anmeldung-tanzfest.formResponsive .formHorizontal .formControlLabel {
	width: 300px;
}
.formResponsive input[type="text"] {
  height: 28px;
  line-height: 28px;
  margin-bottom:0px;
}
#Tanzfest-grouplbl.formControlLabel {
  padding-top: 5px;
}
.formResponsive label {
  display: initial;
}
.formResponsive .rsform-block-tanzfest .formControls label {
  padding-right: 15px !important;
}
.formResponsive .rsform-block-tanzfest input[type="radio"], .formResponsive .rsform-block-tanzfest input[type="checkbox"] {
  margin-top: -2px;
}	


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

#moomenu ul ul {display:none;}

.lang-inline li a {
    color: rgba(255,255,255,0.8);
	letter-spacing:1px;
}
.lang-inline li a:hover, .lang-inline li.lang-active a {
    color: rgba(255,255,255,1);
	font-weight:500;
}
.hornav ul.menu > li > a, .hornav ul.menu > li > span {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 1.25px;
  text-transform: none;
}
.hornav ul.menu > li:hover {
  background-color: rgba(77,63,146,0.6);
  transition: all 300ms ease;	
}
.hornav ul.menu > li > a:hover, .hornav ul.menu > li > span:hover {
  color: #fff;
}

.hornav > ul > .parent-hover {
  background: transparent;
}

.hornav .parent > ul > li > a {
    text-transform: none;
}
.hornav > ul > li > ul {
    font-size: 14px;
    font-weight: 400;
}

.module .mod-list li, .module_menu .mod-list li {
  padding: 0 20px;
}
.module .mod-list li a, .module_menu .mod-list li a {
    text-decoration: 0 !important;
	color:#fff;
	opacity: 1 !important;
    line-height: 1.4rem;
    padding: 6px 0;
}
.module .mod-list li:hover, .module_menu .mod-list li:hover {
	background-color: rgba(77,63,146,0.5);
	transition: all 300ms ease;
}
.module .mod-list li.active, .module_menu .mod-list li.active {
	background-color: rgba(77,63,146,1);
	transition: all 300ms ease;
}
.module .module_surround .module_content ul.menu li.active a, .module_menu .module_surround .module_content ul.menu li.active a {
    color: #fff;
	opacity: 1 !important;
}


#hornav-nav .mod-menu__sub {display:none;}
.mod-menu__sub.list-unstyled.small {
  padding-bottom: 10px;
  font-size:1rem;
}
.module .mod-list ul {margin: 0;}
.module .mod-list ul li, .module_menu .mod-list ul li {padding-left: 20px; font-size:1rem;}
.module .module_surround .module_content ul.menu li.active li a {
	font-size:1rem;  opacity:0.7 !important;
}
.module .module_surround .module_content ul.menu li.active li:hover a, .module .module_surround .module_content ul.menu li.active li.active a {
	font-size:1rem;  opacity:1 !important;
}

h1.logo-text a {
	text-transform: uppercase;
}

h1.logo-text.c8lang-fr {
	line-height: 0.6em;
	bottom: 3px;
}

h1.logo-text.c8lang-fr a {
    font-size: 56px;
    font-weight: 600;
	line-height: 0.6em;
	white-space: normal;
}

.copyright {
  line-height:1.5;
  padding: 0 5px 0 0;
  color: rgba(255,255,255,0.3);
}
#container_base2_modules, #footer-1, #footer-2 {
    color: rgba(255,255,255,0.8);
}
#container_base2_modules a {
    color: rgba(255,255,255,0.5);
	text-decoration:none !important;
}
.copyright a, .footermenu a {
    color: rgba(255,255,255,0.3);
	text-decoration:none;
}
#container_base2_modules a:hover,
.copyright a:hover, .footermenu a:hover {
    color: rgba(255,255,255,1);
	text-decoration:none !important;
}

.c8home .uk-scope [data-uk-cover], .c8home .uk-scope [uk-cover] {
    position: initial !important;
}

.c8home div.layerslideshow, .c8home .uk-slideshow  {
    overflow: hidden;
}
.c8home .layerslideshow .img-fill img, .c8home .uk-slideshow img {
	transform: scale3d(1.00, 1.00, 1);
	transform-style: preserve-3d;
    animation: heroani 1.0s forwards;
/*	animation: heroani 1.0s forwards, mymove 18s forwards; */
}
.c8home .uk-slideshow img.uk-transition-scale-up {
    animation: none !important;
}
@keyframes heroani {
    0% {
        transform: scale(1.00);
    }
    100% {
        transform: scale(1.04);
    }
}
@keyframes mymove {
  100% {
    -webkit-filter: grayscale(50%); 
    filter: grayscale(50%);
  }
}

.uk-scope .uk-card-default {
  font-family: Poppins, Arial, Verdana, sans-serif !important;
  color:#fff !important;
  background: rgba(77,63,146,0.5) !important;
  border-radius: 20px !important;
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
  transition: all 300ms ease;
}
.uk-scope .uk-card-default:hover {
  background: rgba(77,63,146,1) !important;
  transition: all 300ms ease;
}
.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-3xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
	font-family: Poppins, Arial, Verdana, sans-serif !important;
	color:#fff !important; 
	font-weight:500 !important;
}

.back-to-top:hover {background: #a59ec8;}

.maincontent .foto {
  width: 320px;
  max-width: 100%;
  margin-right: 40px;
  margin-bottom: 40px;
  float: left;
}

div.logosvde {
  margin-top:60px;
}
img.ernaehrungsberaterin {
  opacity: 0.8;
  margin-left: auto;
  display: block;
  margin-right: auto;  
}
img.ernaehrungsberaterin:hover {
  opacity: 1;
  transition: all 300ms ease;
}
.hypnosemitgliedschaften {
  margin-top:40px;
  max-width:600px;
}
img.ernaehrungsberaterin, .hypnosemitgliedschaften .uk-text-center img {max-width:180px !important;}

.responsive-video {
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none !important;
}

.com-weblinks-category__items p {margin-bottom:0px;}
.com-weblinks-category__items .mb-2, .com-weblinks-category__items .mt-2 {margin-top:0 !important; margin-bottom:0 !important} 

.table.preise > :not(caption) > * > * {
--table-bg: transparent;
  --table-accent-bg: transparent;
  --table-striped-color: #22262a;
  --table-striped-bg: rgba(0, 0, 0, 0.05);
  --table-active-color: #22262a;
  --table-active-bg: rgba(0, 0, 0, 0.1);
  --table-hover-color: #22262a;
  --table-hover-bg: rgba(0, 0, 0, 0.075);
  margin-bottom: 1rem;
  color: #22262a;
  vertical-align: top;
  border-color: #dfe3e7;	
  padding: .275rem 0;
}
.table.preise {max-width:400px !important; margin-bottom:35px;}
.table.preise td.leistung {margin-left:0 !important;}
.table.preise td.preis {margin-left:0.3rem !important;}

.c8hypnose .logo {background-color: rgba(255, 255, 255, 0.4) !important;}
.c8hypnose .uk-scope [uk-cover]:where(img, video) {top: -250px !important;}
.c8bia .uk-scope [uk-cover]:where(img, video) {top: -260px !important;}

/* .c8bia .uk-scope [uk-cover]:where(img, video) {top: calc(-100vH + 300px) !important;} */


/* #Tablet (Landscape)
================================================== */

@media only screen and (max-width: 1100px) {
	.c8home .sticky-wrapper {
  		top: 0px !important;
	}	
}

@media only screen and (max-width: 1024px) {
	.c8hypnose .uk-scope [uk-cover]:where(img, video) {top: 0px !important;}	
	.c8bia .uk-scope [uk-cover]:where(img, video) {top: -200px !important; object-position: bottom !important;}
	h1.logo-text.c8lang-fr a {
		font-size: 56px;
	}
  .scrolled .logo {
		padding: 20px 20px;
  }
  .scrolled .menu-toggle {
    	margin-top: 12px;
    	margin-bottom: 10px;
  }
}


/* #Tablet (Portrait)
================================================== */

@media only screen and (max-width: 959px) {
	.c8bia .uk-scope [uk-cover]:where(img, video) {top: -130px !important; object-position: bottom !important;}	
	h1.logo-text.c8lang-fr a {
		font-size: 48px;
	}
	.sidecol_a {
  		display:none;
	}
	#content_remainder {
    	width: 100% !important;
  	}	
}

/* #Mobile (Landscape)
================================================== */

@media only screen and (max-width: 767px) {
	.c8bia .uk-scope [uk-cover]:where(img, video) {top: 0px !important; object-position: bottom !important;}		
	h1.logo-text.c8lang-fr a {
		font-size: 32px;
	}
	.formResponsive .formHorizontal .formControlLabel {
		width: 100%;
		text-align: left;
	}
	.formResponsive .formHorizontal .formControls {
		margin-left: 0;
	}
	.base-2b .module_surround {padding-top:0 !important;}
	.footermenu ul {margin-left: -5px; padding-left:0;}
	img.ernaehrungsberaterin {margin-bottom:30px;}	
}

@media only screen and (max-width: 650px) {
	.fotodiv {width:100%; text-align:center;}
	.fototext {width:100%;}
	.maincontent .foto {
		max-width: 460px;
		margin-right:auto;
		margin-left:auto;
		float:initial;
	}
	div.logosvde {margin-top:0px;}
	img.ernaehrungsberaterin, .hypnosemitgliedschaften .uk-text-center img {max-width:160px !important;}
}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 440px) {
	h1.logo-text.c8lang-fr a {
		font-size: 24px;
	}
	.maincontent .foto {
		max-width: 460px;
		margin-left:0;
		float:initial;
	}	
	.table.preise td.leistung {font-size:14px !important;}
}