/* Add here all your CSS customizations */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ffed00;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

 .down-arrow {
  cursor: pointer;
  background: #ffed00;
  border-radius: 50%;
  padding: 12px 20px;
}

.down-arrow:hover,
.down-arrow:focus {
  color: white;
  background: #ffed00;
}

	
	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
		font-size: 1.3em;
	}
		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn) {
		font-size: 1.3em;
	}
		#header p.kursfinder{
		color: #9D9D9D;
		font-size: 0.97em;
		font-weight: 600;
		}
	}
	#header .thinborder{
		border-bottom: 1px solid rgba(204, 204, 204, 0.2);
	}
	#header .header-container {
	min-height: 92px;
	}


	@media (min-width: 1200px){
	#header .header-nav-main nav > ul > li > a {
		font-size: 1.5rem;
	}
}
	
	@media (min-width: 992px) and (max-width: 1199px) {
	#header .header-nav-main nav > ul > li > a {
		font-size: 1.5rem;
	}
}

	@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li > a {
		font-size: 1.5rem;
	}
}
.menu_tanzen{
	background: rgba(0, 0, 0, 0.5);
	padding: 5px 10px; 
	border-radius: 20px;
}
.menu_tanzen_1{
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	border-radius: 20px;
}

.section.section-over-slider {
	margin-top: -7.9rem;
}

@media (max-width: 812px) {
	.section.section-over-slider {
		margin-top: 0px;
	}
	}
a.phone {
	color: #eee;
	-webkit-transition: ease color 300ms;
	transition: ease color 300ms;
}

a.phone:hover, a.phone:focus, a.phone:active {
	color: #fff;
	text-decoration: none;
}
p.offen{
	color:#eee
}

/* Lead */
.lead {
	font-size: 1.3em;
	line-height: 1.8;
	color: #525252;
}
body, p {color:#525252;}


#umfrage {
background:#2E3237 !important;
  color:#fff !important;
}
#umfrage td {
    padding: 5px;
	 text-align: center;
}
#umfrage .lnr-users{
	font-size: 1.75rem !important;
}
#umfrage input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#umfrage label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 36px;
  cursor: pointer;
}
#umfrage label::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #ffed00;
  border-radius: 4px;
  z-index: -1;
}
#umfrage input[type="radio"] + label::before {
  border-radius: 18px;
}


#umfrage input[type="radio"]:checked + label {
  padding-left: 10px;
  color: #000;
  font-weight: 700;
}

#umfrage input[type="radio"]:checked + label::before {
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffed00;
}


#umfrage label,
#umfrage label::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
@media(max-width:812px) {
#umfrage table {
    margin-left:auto; 
    margin-right:auto;
  }
   .down-arrow {
  padding: 15px 20px;
}
}

#umfrage .text_5{
font-size: 24px !important;
font-size: 1.50rem !important;
}

@media(max-width:500px) {
#umfrage .text_5{
font-size: 17.6px !important;
font-size: 1.1rem !important;
  }
}

  
.image-frame-style-51 {
	-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
}
.image-frame .image-frame-wrapper .image-frame-inner-border1 {
	position: absolute;
	top: 13px;
	right: 13px;
	bottom: 13px;
	left: 13px;

	border-width: 0;
	z-index: 2;
	-webkit-transition: ease border-width 300ms 200ms;
	transition: ease border-width 300ms 200ms;
}
.styled-select {
   background: url(../img/kursfinder_select.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(../img/kursfinder_select.jpg) no-repeat right center;
   height: 35px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}



@media(max-width:500px) {
#header .header-logo img {
    width: 90%;
}
}
@media (min-width: 992px) {

	html:not(.sticky-header-active) #header.header-transparent .header-nav > a:hover,
	html:not(.sticky-header-active) #header.header-transparent .header-nav > a:focus,
	html:not(.sticky-header-active) #header.header-transparent .header-nav > a.active {
		color: #ffed00;
	}
}

	html:not(.sticky-header-active) #header.header-transparent .header-nav > a:not(.active) {
		color: #FFF;
	}
	
.icon-box.icon-box-style-1 .icon-box-info p {
	font-size: 14.4px;
	font-size: 1.1rem;
	line-height: 1.4;
}

	
.blog-img-box {
	position:relative;
	display:block;
		 margin-bottom:-1px;
	overflow:hidden;
}
.blog-date {
	position:absolute;
	display:block;
	padding:10px 15px;
	background: #ffed00;
	top:0px;
	right:0px;
	z-index:1;
		color:#333;
}
.blog-date span.month {
	display:block;
	font-size:13px;
	margin-bottom:0px;
	text-transform:uppercase;
}
.blog-date span.date {
	font-size:20px;
	font-weight:bold;
	line-height:1;
}
#veranstaltungen .owl-stage-outer{
	margin-bottom: -50px;
}

.tst-image, .tst-author{
display: inline-block;
vertical-align: middle;
text-align: left;
margin-bottom: 5px;
}
.tst-image img{
border-radius: 50px;
width: 60px !important;
height: 60px;
margin-right: 15px;
}
#footer{
	font-size: 15px !important;
}
#footer .paddingleft {
padding: 0 20px 0 20px;
}
#footer .pull-right {
    float: right !important;
}
#footer p, #footer li {
    color: #e2e2e2 !important;
}
.link-notunderline-light {
	color: #e2e2e2;
	padding: 0 0 3px;

}
.link-notunderline-light:hover {
	color: #FFF !important;
}
#footer .footer-copyright {
    margin-top: 4em !important;
}

/*TEAM*/
.page-header .breadcrumb > li {
    font-size: 1.3em;
	font-weight: 700;
}
.page-header .breadcrumb > li + li::before
{
opacity: 1;
color: #e2e2e2;
}
.page-header .breadcrumb > .active {
color: #ffed00;
}
.sort-source > div > a, .sort-source > li > a {
    font-size: 1.3em;
}
/*TANZPARTY*/
#eventlist.page-header {
	padding: 65px 0;
}
/*KURS*/
html .accordion:not(.accordion-minimal).accordion-primary .accordion-header a,
html .accordion:not(.accordion-minimal).accordion-primary .accordion-header a:hover,
html .accordion:not(.accordion-minimal).accordion-primary .accordion-header a:focus {
	color: #1c1f21;
}

.accordion.accordion-lg .accordion-header a {
	padding: 20.8px 41.6px;
	padding: 1.3rem 2.6rem;
	font-size: 1.3em;
}

:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}

.btn_faq
{
font-size: 0.7rem;
}

@media (max-width: 420px) {
.vidmb{margin-bottom: 0.75rem;}
}
.page-header .breadcrumb-mini > li + li:before {
	color: #707070;
}
.page-header .breadcrumb-mini > li   {
	color: #707070 !important;
}
#preis-modal li  {
	color: #707070 !important;
}
.pricing-table .plan-title h3 {
    font-size: 1.5em;
    color: #707070;
}
.pricing-table .plan-detail {
	padding: 0;
}
.modal-xlg {
max-width: 1000px;
}
.pricing-table.pricing-table-style-2 table td:first-child {
	text-align: left;
}
 #tarif-modal ul {
  display:flex;
justify-content: space-evenly;
  top:0px;
  z-index:10;
  padding-bottom:14px;
}
 #tarif-modal li {
  list-style:none;

}
 #tarif-modal td+td, #tarif-modal th+th {
  text-align:center;
  display:none;
}
 #tarif-modal td.default {
  display:table-cell;
}
 #tarif-modal .btn-light {
	border-color: #1c1f21;
}

 #tarif-modal .btn-light:hover, #tarif-modal .btn-light:focus {
	border-color: #1c1f21;
}
@media (min-width: 640px) {
  #tarif-modal ul {
    display:none;
  }
  #tarif-modal td,th {
    display:table-cell !important;
  }
}
.insta_ico {
position: absolute;
right: 1rem;
top: 0;
}
.insta_ico .video {
background-size: 65px 65px;
background-position: 0 -33px;
background-repeat: no-repeat;
height: 32px;
width: 32px;
background-image: url(../img/news/insta_ico.png);
display: block;
}
.insta_ico .carousel_media {
background-size: 65px 65px;
background-position: 0 0;
background-repeat: no-repeat;
height: 32px;
width: 32px;
background-image: url(../img/news/insta_ico.png);
display: block;
}

.radio-custom:last-child, .radio-custom:last-of-type {
    margin-bottom: 7px;
}
select {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ViZWRlZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}
input.first:invalid { box-shadow: 0 0 0px 0px red }
select[required].first:invalid { box-shadow: 0 0 0px 0px red }
input[required].first:invalid { box-shadow: 0 0 0px 0px red }
textarea[required].first:invalid { box-shadow: 0 0 0px 0px red }

input.first:focus:valid { box-shadow: 0 0 0px 0px blue }
select[required].first:focus:valid { box-shadow: 0 0 3px 1px green }
input[required].first:focus:valid { box-shadow: 0 0 3px 1px green }
textarea[required].first:focus:valid { box-shadow: 0 0 3px 1px green }
input[required]#kursbuchung_iban.first:focus:valid { box-shadow: 0 0 0px 0px red }
input[required]#kursbuchung_piban.first:focus:valid { box-shadow: 0 0 0px 0px red }
input[required]#kursbuchung_viban.first:focus:valid { box-shadow: 0 0 0px 0px red }
input[required]#gutschein_iban.first:focus:valid { box-shadow: 0 0 0px 0px red }
input[required]#eltern_iban.first:focus:valid { box-shadow: 0 0 0px 0px red }

input:valid { box-shadow: 0 0 0px 0px green }
input[required]:valid { box-shadow: 0 0 3px 1px green }
select[required]:valid { box-shadow: 0 0 3px 1px green }
textarea[required]:valid { box-shadow: 0 0 3px 1px green }
input[required]#kursbuchung_iban:focus:valid { box-shadow: 0 0 3px 1px red }
input[required]#kursbuchung_piban:focus:valid { box-shadow: 0 0 3px 1px red }
input[required]#kursbuchung_viban:focus:valid { box-shadow: 0 0 3px 1px red }
input[required]#gutschein_iban:focus:valid { box-shadow: 0 0 3px 1px red }
input[required]#eltern_iban:focus:valid { box-shadow: 0 0 3px 1px red }

input:invalid { box-shadow: 0 0 0px 0px red }
select[required]:invalid { box-shadow: 0 0 3px 1px red }
input[required]:invalid { box-shadow: 0 0 3px 1px red }
textarea[required]:invalid { box-shadow: 0 0 3px 1px red }

#geburt_check.zero { box-shadow: 0 0 0px 0px green }
#geburt_check.seczero { box-shadow: 0 0 3px 1px green }
#geburt_check.first { box-shadow: 0 0 3px 1px green }

#pgeburt_check.zero { box-shadow: 0 0 0px 0px green }
#pgeburt_check.seczero { box-shadow: 0 0 3px 1px green }
#pgeburt_check.first { box-shadow: 0 0 3px 1px green }

#vgeburt_check.zero { box-shadow: 0 0 0px 0px green }
#vgeburt_check.seczero { box-shadow: 0 0 3px 1px green }
#vgeburt_check.first { box-shadow: 0 0 3px 1px green }


#Geb1.first { box-shadow: 0 0 0px 0px red }
#Geb1  { box-shadow: 0 0 3px 1px red }

#Geb3.first { box-shadow: 0 0 0px 0px red }
#Geb3  { box-shadow: 0 0 3px 1px red }


input[type="checkbox"].second {display: none;}
input[type="checkbox"].second + label::before {
content: "\2610";
padding-right: 0.2em;
font-size: 1.8em;
color: black;
}
input[type="checkbox"].second:checked + label::before {
content: "\2611";
padding-right: 0.2em;
font-size: 1.8em;
color: green;
}
input[type="checkbox"]:required {display: none;}
input[type="checkbox"].first:required:invalid + label::before {
content: "\2610";
padding-right: 0.2em;
font-size: 1.8em;
color: black;
}
input[type="checkbox"]:required:invalid + label::before {
content: "\2610";
padding-right: 0.2em;
font-size: 1.8em;
color: red;
}
input[type="checkbox"]:required:valid + label::before {
content: "\2611";
padding-right: 0.2em;
font-size: 1.8em;
color: green;
}

.bg-light-6 {
	background-color: #ebedef !important;
}
.bg-light-6:focus {
	background-color: #e1e3e4 !important;
	color: #000000 !important;
	font-size: 0.9rem !important;
}
.bg-light-6:focus::placeholder {
	color: #000000 !important;
}
#Geb1, #Geb3 {
color: #6c757d !important;
font-size: 12.5px !important;

}


.custom-switch {
margin-top: 0.3rem;
line-height: 1.5rem;
}

.custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   background-color: green;
   border-color:green;
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.custom-control-input:focus~.custom-control-label::before {
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
}

@media(max-width:769px) {
.tanzpartnerprofil_zwei{
display: none;
  }
}
@media(min-width:769px) {
.tanzpartnerprofil_eins{
display: none;
  }
}
#dsgvo_txt p, #dsgvo_txt li, #impressum_txt p, #impressum_txt li {
    text-align:justify;
}
#header .header-search-expanded {
    height: 55px !important;
}
@media (min-width: 992px) {

	#header .dropdown-mega-content{
	background-color: #f1f3f7;
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  border-radius: 25px;
}



#menupic_1, #menupic_2, #menupic_3 {
}

#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-content-block {
border-radius: 25px 0 0 25px;
}

	#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
		background: transparent;
	}
	#header .custombg {
	background-color: transparent;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn) {
		color: #252A2C;

	}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a {
		color: #000;

	}
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
		color: #000;
	}
#header .mencol1 {
color:#252A2C !important;
}
#header .mencol2 {
color:#000 !important;
}
#header .mencol3 {
color:#252A2C !important;
}

}

.section.section-over-slider.section-over-slider-style-1 > .container {
border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
}
html #header .header-body {
background: #f1f3f7 !important;
}
html #header.header-transparent .header-body {
background: rgba(0, 0, 0, 0.2) !important;
}
html #header.header-transparent .header-body:before {
background: #f1f3f7 !important;
}
.page-header {
background: rgba(0, 0, 0, 0.03) !important;
}

@media(max-width:769px) {
.prmo{min-width: 70% !important;}
}

.min-height-550 {
	min-height: 550px;
}
.nav.nav-light .nav-item .nav-link {
	color: #1c1f21;
}

.page-header .breadcrumb-faq > li + li::before
{
opacity: 1;
color: #1c1f21 !important;
}
.page-header .breadcrumb-faq > .active {
color: #1c1f21 !important;
}

a:is(.faq-link):hover,
a:is(.faq-link):focus {
	color: #0f3964 !important;
}
@media(max-width:991px) {
.fdblogo {margin-top:3rem !important;}
}