@font-face
{
font-family: "DejaVu Sans Book";
font-style: normal;
font-weight: normal;
src: url("../fonts/DejaVuSans-webfont.eot"),
url("../fonts/DejaVuSans-webfont.woff"),
url("../fonts/DejaVuSans-webfont.ttf");
}

@font-face
{
font-family: "DejaVu Sans Oblique";
font-style: normal;
font-weight: normal;
src: url("../fonts/DejaVuSans-Oblique-webfont.eot"),
url("../fonts/DejaVuSans-Oblique-webfont.woff"),
url("../fonts/DejaVuSans-Oblique-webfont.ttf");
}

@font-face
{
font-family: "DejaVu Sans Bold";
font-style: normal;
font-weight: normal;
src: url("../fonts/DejaVuSans-Bold-webfont.eot"),
url("../fonts/DejaVuSans-Bold-webfont.woff"),
url("../fonts/DejaVuSans-Bold-webfont.ttf");
}



body {
	font-family: "DejaVu Sans Book";
}


h1, h2, h3, h4, h6 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
}


.main-navigation-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border: none;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}



.main-navigation > ul > li > a.active:not(.highlight)::after, .main-navigation > ul > li > a.trail:not(.highlight)::after, .main-navigation > ul > li > a.forward:not(.highlight)::after, .main-navigation > ul > li > strong.active:not(.highlight)::after, .main-navigation > ul > li > strong.trail:not(.highlight)::after, .main-navigation > ul > li > strong.forward:not(.highlight)::after, .main-navigation > ul > li > span.active:not(.highlight)::after, .main-navigation > ul > li > span.trail:not(.highlight)::after, .main-navigation > ul > li > span.forward:not(.highlight)::after {
	display: none;
}


.main-navigation > ul > li > a, .main-navigation > ul > li > strong, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward {
	line-height: 0;
	font-size: 1.8em;
	border-width: 0.5em 0;
	padding: 0.61538em 0.8em 0.53846em;
}

.main-navigation > ul > li > ul a, .main-navigation > ul > li > ul strong, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward {
	line-height: 0.8;
	font-size: 1.6em;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.main-navigation > ul > li > ul a:hover {
	background: #ea413b;
}

.main-navigation > ul > li.submenu:hover > a::after, .main-navigation > ul > li.submenu:hover > strong::after, .main-navigation > ul > li.submenu:hover > span.active::after, .main-navigation > ul > li.submenu:hover > span.trail::after, .main-navigation > ul > li.submenu:hover > span.forward::after {
	border-top: none;
	box-shadow: none;
}



.fusszeile .centered-wrapper-inner {
	background: #c8aa00;
	color: #ffffff;
	padding: 1% 12% 2% 12%;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.fusszeile .headline-box {
    margin: 2.4em 0 1em 0;
    color: #ffffff;
}


.fusszeile .headline-box::after {
	background: #ffffff;
}


.fusszeile hr {
	border-top: 5px dotted #c8aa00;
	margin: 0 0 1.5em 0;
}


.headline-box h2 {
	line-height: 0.8em;
	letter-spacing: 0.05em !important;
}

.headline-box::after {
	width: 12em;
}


.footer-navigation a, .footer-navigation strong, .footer-navigation span.trail, .footer-navigation span.active, .footer-navigation span.forward {
	color: #c8aa00;
	font-size: 1em;
	letter-spacing: 0;
}


.teaserbox .teaser-boxes-content > h3 {
	font-size: 2.2em;
	font-weight: normal;
	color: #ea413b;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}

.teaserbox .teaser-boxes-content hr {
    
    width: 12em;
	margin: 0 auto;
    border-top: 2px solid #ea413b;
    
}


.teaserbox .button.-secondary {
	padding: 0.4em 1em;
	font-size: 0.8em;
	font-weight: bold;
	color: #ea413b;
}


.teaserbox .teaser-boxes-image > img {
	border-top: 10px solid #c8aa00;
}


.footer-icon-links a {
	color: #ffffff;
	border-color: #ffffff;
}


.footer-icon-links a:hover {
	color: #ea413b;
	border-color: #ea413b;
}

.footer-icon-links {
	margin-bottom: 1em;
}


.footer-navigation a:hover , .footer-navigation strong {
	color: #ea413b;
}


.footer-top-link {
	width: 3em;
	height: 3em;
	border-radius: 100%;
}

.footer-top-link::after {
	font: 1.8em/1 "RockSolid Icons";
	padding-top: 0.4em;
	background: #c8aa00;
}


.page-footer {
	margin-top: 6em;
}

.headline-box {
	color: #ea413b;
}

hr.-hr-dotted {
	border-top: 5px dotted #c8aa00;
}

.rsts-skin-oneo.rsts-main {
	border-top: 10px solid #c8aa00;
}

.start.rsts-skin-oneo.rsts-main {
	border-top: none;
	margin-top: 0;
}

.start .centered-wrapper.-height-large {
	min-height: 700px;
}


.team img {
	border-top: 10px solid #c8aa00;
}

.main-content h3 {
	color: #ea413b;
	font-size: 1.8em;
	line-height: 1em;
	margin-top: 0;
	letter-spacing: 0.05em;
}

.main-content h2 {
	font-size: 2.2em;
}

.team h5 a {
	letter-spacing: 0.05em;
	border-bottom: 1px dotted #ea413b;
}

.team h5 {
	color: #ea413b;
}

.team h5 a:hover {
	text-decoration: none;
}


.colortext {
	background: #feeee8;
	border-radius: 10px;
	padding-right: 2%;
	padding-left: 2%;
}

.colortext .-small.button.-secondary {
	padding: 0.4em 1em;
	font-size: 0.8em;
	font-weight: bold;
	color: #ea413b;
}


.colortext .button-box {
    margin: 0 0 1.8em 0;
}

.colortext p {
	margin-bottom: 1em;
}


hr.big {
	border-top: 5px solid #ea413b;
	margin: 0 0 0.5em 0;
}

hr.small {
	border-top: 2px solid #ea413b;
	margin: 0 0 0.5em 0;
}


.preise p {
	padding-left: 3%;
	padding-right: 1%;
}


.preise .-small.button.-secondary {
	padding: 0.4em 1em;
	font-size: 0.8em;
	font-weight: bold;
	color: #ea413b;
}


.image_container a:hover::before, .image_container a:focus::before {
	background: none;
}

.image_container a:hover::after, .image_container a:focus::after {
	content: "";
}


.start .gold {
	background: #c8aa00;
	color: #ffffff;
	padding: 0.3em 1.8em;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.start .gold .headline-box {
	color: #ffffff;
}

.start .gold .headline-box::after {
	background: #ffffff;
}

input, textarea {
	border: 1px solid #c8aa00;
	border-bottom-color: #c8aa00;
	border-radius: 5px;
}

input:hover, textarea:hover {
    border-color: #c8aa00;
}

fieldset {
    border: 1px solid #c8aa00;
    border-radius: 5px;
}

.main-content label {
	color: inherit;
}

.double-pic {
	position: relative;
	display: flex;
}
.double-pic .ce_image.bild1.block {
	position: relative;
	z-index: 1;
	transition: 0.5s;
}

.double-pic .ce_image.bild2.block {
	position: absolute;
}

.double-pic .ce_image.bild1.block:hover {
	opacity: 0;
}



.rot-form {
    border-color: #ea413b;
}

.rot-form fieldset {
    border: none;
}

.explanation {
	color: inherit;
}

.rot-form .widget-explanation, .rot-form .widget-select {
	padding-right: 0.625em;
	padding-left: 0.625em;
}

.mod_eventlist p.time {
	display: none;
}

.mod_eventlist .event {
	border-bottom: 5px dotted #c8aa00;
}


















.main-navigation-mobile-open::after {
	background: #ea413b;
box-shadow: 0 7px #ea413b, 0 14px #ea413b;
}

.main-navigation-mobile-open {
	top: 21px;
	left: calc(3.66667% + var(--safe-area-left));
	width: 48px;
}

.main-navigation-mobile {
	background: #c8aa00;
	border-top: 1px solid #ffffff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

.main-navigation-mobile a, .main-navigation-mobile strong, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward {
	background-color: #c8aa00;
	border-bottom: 2px solid #ffffff;
	font-size: 20px;
	line-height: normal;
}


.main-navigation-mobile a.active, .main-navigation-mobile strong.active, .main-navigation-mobile span.active {
	background-color: #dfc113;
	box-shadow: inset 0 0 5px #ffffff;
}

.main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile strong:hover, .main-navigation-mobile strong:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus, .main-navigation-mobile span.forward:hover, .main-navigation-mobile span.forward:focus {
	background-color: #dfc113;
}


.main-navigation-mobile li li {
    color: inherit;
}

















/**
.stundenplan h3 {
	color: #ea413b;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	
}

.stundenplan  {
	
	background: #feeee8;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
text-align: center;
padding: 25px 10px;
}

.stundenplan h4 {
	margin: 0;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: bold;
}


.stundenplan .raum-umschlag {
	display: flex;
	font-size: 0.6em;
	justify-content: space-around;
}




.stunden-plan-tag {
	width: 14.285%;
	border-right: 2px solid #ffffff;
}

.stunden-plan-tag:last-of-type {
	border-right: none;
}

.stundenplan-kurs {
	color: #ffffff;
	background: #ea413b;
	padding: 3%;
	margin: 0 2px;
}

.stundenplan-kurs.dauer-1 {
	background: none;
}

.stundenplan-kurs-zeit {
    font-size: 10px;
}

.stundenplan-raum {
    width: 100%;
}

.stundenplan-raum.raum-von-2 {
    border-right: 1px solid #ffffff;
}


.stundenplan-raum.raum-von-2:last-of-type {
    border-right: none;
}








.stunden_plan table td.stunden_plan_kurs.k_grund {
	text-align: center;
	background: #c8aa00;
	color: #ffffff;
}

.stunden_plan table td.stunden_plan_kurs.tanz_kreis {
	text-align: center;
	background: #ea413b;
	color: #ffffff;
}

.stunden_plan table h4 {
	margin-top: 0;
	text-transform: uppercase;
	line-height: 0.5em;
}

.stunden_plan table h4::after {
	content: "";
	display: inline-block;
	width: 60%;
	height: 2px;
	background: #ffffff;
}


















**/


@media (max-width: 1050px) {
	.main-navigation > ul > li > a, .main-navigation > ul > li > strong, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward {
		font-size: 1.6em;
	}
}

@media (max-width: 950px) {
	.main-navigation > ul > li > a, .main-navigation > ul > li > strong, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward {
		font-size: 1.35em;
	}
}


@media (max-width: 900px) {
	.fusszeile .padding-left-l {
	padding-left: 0 !important;
}

.fusszeile .padding-right-l {
	padding-right: 0 !important;
}
}






@media (max-width: 599px) {
	.kopfzeile img {
		max-width: 320px;
		padding: 15px 5% 10px 5%;
	}
	
	.mobil-weg {
		display: none;
	}
	
	.start .gold {
	margin-bottom: 150px;
	margin-top: 0 !important;
}

.start .centered-wrapper.-height-large {
    min-height: unset;
}

.fusszeile .centered-wrapper-inner {
    padding: 1% 6% 2% 6%;
}

}