/* overlay */
body {
opacity: 0;
}

.is-loaded body {
opacity: 1;
}

html.special2019.set-template.no-cookie #content > *,
html.special2019 #content > * {
opacity: 0;
height: 0px;
position: absolute;
z-index: -1;
overflow: hidden;
clear: both;
}

html.special2019.set-template #content > *,
html.set-template #content > * {
opacity: 1;
height: auto;
position: relative;
z-index: 1;
overflow: auto;
clear: both;
}

html.special2019.set-template #content > *,
html.set-template #content > * {
overflow: hidden;
}

html.special2019.edit-mode #content > * {
opacity: 1;
height: auto;
position: relative;
z-index: 1;
overflow: auto;
clear: both;
}

html.special2019.set-template #content #special2019-wrapper,
html.special2019 #content #special2019-wrapper {
opacity: 1;
height: auto;
position: relative;
z-index: 1;
overflow: auto;
margin-bottom: 0;
clear: both;
}

html.special2019 .set-overlay2019 {
font-family: 'Fabrikat-Bold';
}

/* header */
html.special2019 #header,
html.special2019-header #header {
background-color: transparent !important;
}

html.special2019 #header,
html.special2019.hide-stage #header,
html.special2019.off-stage #header,
html.special2019-header #header,
html.special2019-header.hide-stage #header,
html.special2019-header.off-stage #header {
height: 400px;
}

html.special2019.hide-stage #header,
html.special2019-header #header {
background: #b63429 url('../images/BG_RFV_25Jahre.jpg') center center repeat;
background-size: 397.5px 397.5px;
opacity: 0.95;
}

html.special2019.hide-stage.scroll-top #header,
html.special2019-header.hide-stage.scroll-top #header {
opacity: 1;
}

html.special2019 #content, 
html.special2019 #article #content, 
html.special2019 .off-stage.hide-stage #content,
html.special2019-header #content, 
html.special2019-header #article #content, 
html.special2019-header .off-stage.hide-stage #content {
margin-top: 400px !important;
padding-top: 50px;
}

html.special2019.hide-stage.scroll-up.no-header #header, 
html.special2019.scroll-down #header, 
html.special2019.no-header #header, 
html.special2019.no-header.on-scroll #header, 
html.special2019.no-header.scroll-down #header, 
html.special2019.no-header.scroll-up #header, 
html.special2019.no-header.scroll-end #header, 
html.special2019.hide-stage.scroll-end #header, 
html.special2019.hide-stage.scroll-down #header,
html.special2019-header.hide-stage.scroll-up.no-header #header, 
html.special2019-header.scroll-down #header, 
html.special2019-header.no-header #header, 
html.special2019-header.no-header.on-scroll #header, 
html.special2019-header.no-header.scroll-down #header, 
html.special2019-header.no-header.scroll-up #header, 
html.special2019-header.no-header.scroll-end #header, 
html.special2019-header.hide-stage.scroll-end #header, 
html.special2019-header.hide-stage.scroll-down #header {
margin-top: -184px;
margin-top: -400px;
}

html.special2019 #header #special-logo,
html.special2019-header #header #special-logo {
position: absolute;
top: 0;
left: 50%;
float: left;
z-index: 9;
width: 320px;
margin: 0 0 0 -160px;
}

html.special2019#home #header #logo svg,
html.special2019-header#home #header #logo svg {
margin-top: 0;
}

html.special2019#home.hide-stage #header #logo svg,
html.special2019-header#home.hide-stage #header #logo svg {
margin-top: 0;
}

/*
html.special2019.hide-stage #header #special-logo img,
html.special2019.off-stage #header #special-logo img {
height: 50px;
}

html.special2019.hide-stage.scroll-top #header #special-logo img,
html.special2019.off-stage.scroll-top #header #special-logo img {
height: auto;
}
*/

html.special2019 #header #special-logo img,
html.special2019-header #header #special-logo img {
position: relative;
float: left;
width: 100%;
}

html.special2019 #header #search-button svg *,
html.special2019 #header #logo svg *,
html.special2019-header #header #search-button svg *,
html.special2019-header #header #logo svg * {
fill: rgb(226,227,214);
}

html.special2019 #header #menu-button span, 
html.special2019 #header #menu-button span:after, 
html.special2019 #header #menu-button span:before,
html.special2019-header #header #menu-button span, 
html.special2019-header #header #menu-button span:after, 
html.special2019-header #header #menu-button span:before {
background-color: rgb(226,227,214);
}

html.special2019 #logout a,
html.special2019-header #logout a {
color: rgb(226,227,214);
}

html.special2019.open-menu #header #menu-button span,
html.special2019-header.open-menu #header #menu-button span {
background-color: rgb(0,0,0,0);
}

html.special2019.open-menu #header #search-button svg *, 
html.special2019.open-menu #header #logo svg *,
html.special2019-header.open-menu #header #search-button svg *, 
html.special2019-header.open-menu #header #logo svg * {
fill: #000;
}

html.special2019.open-menu #header #menu-button span:after, 
html.special2019.open-menu #header #menu-button span:before,
html.special2019-header.open-menu #header #menu-button span:after, 
html.special2019-header.open-menu #header #menu-button span:before {
background-color: rgb(0,0,0);
}

html.special2019 #stage,
html.special2019-header #stage {
display: none !important;
}

/* content */
html.special2019 #content,
html.special2019-header #content {
margin-bottom: 50px;
}

@font-face {
font-family: 'Tsiyu-gunsini';
src: url('../font/Tsiyu-gunsini.ttf') format('truetype'),
     url('../font/Tsiyu-gunsini.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'tsiyu-gunsini';
src: url('../font/tsiyu-gunsini.eot');
src: url('../font/tsiyu-gunsini.eot?#iefix') format('embedded-opentype'),
     url('../font/tsiyu-gunsini.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

html.special2019 .headline-1, 
html.special2019 .text .headline-1 {
font-family: 'tsiyu-gunsini', 'Tsiyu-gunsini';
font-weight: normal;
font-style: normal;
text-align: center;
word-spacing: -0.3em;
letter-spacing: -0.03em;
}

html.special2019 .wrap * {
color: rgb(180,54,45);
}

html.special2019 .accordion-header *,
html.special2019 .accordion-content .wrap *,
html.special2019 .tag-bar,
html.special2019 .tag,
html.special2019 .teaser-list .teaser.image .teaser-small,
html.special2019 .teaser-list .teaser .teaser-large {
color: rgb(226,227,214);
}

html.special2019 .text .wrap a[href^="mailto:"] {
color: rgb(180,54,45) !important;
}

html.special2019.open-menu .wrap * {
color: rgb(0,0,0);
}

html.special2019 .open .accordion-header .title, 
html.special2019 .open .accordion-header .headline-2, 
html.special2019 .headline-1, 
html.special2019 .headline-2 {
font-size: 6em;
line-height: 103.75%;
}

html.special2019 .accordion-header .headline-2 {
font-size: 2.4em;
line-height: 100%;
}

html.special2019 .open .accordion-header * {
background-color: transparent !important;
color: rgb(226,227,214) !important;
} 

html.special2019 .mejs-controls .mejs-button.mejs-pause button:before, 
html.special2019 .mejs-controls .mejs-button.mejs-pause button:after, 
html.special2019 .mejs-time-handle, 
html.special2019 .mejs-time-current, 
html.special2019 .gallery-inner, 
html.special2019 .caption, 
html.special2019 .teaser .wrap, 
html.special2019 .accordion-header, 
html.special2019 .accordion-content {
background: #b63429 url('../images/BG_RFV_25Jahre.jpg') center center repeat;
background-size: 397.5px 397.5px;
color: rgb(226,227,214);
}

html.special2019 span.spacer.clear.show > span {
border-left: 10px solid rgba(255,255,255,0);
border-right: 10px solid rgba(255,255,255,0);
background-color: transparent;
}

html.special2019 .wrap button.submit,
html.special2019 .wrap button.submit *,
html.special2019 #searchfield_2 input,
html.special2019 .form-wrapper .form-item .wrap.box .title-3 {
background-color: transparent;
}

html.special2019 .text .file-item, 
html.special2019 ul.file-list li {
border-bottom: 1px solid rgba(255,255,255,0);
}

html.special2019 input,
html.special2019 select,
html.special2019 textarea {
background: rgba(0,0,0,0.1) !important;
background-image: none !important;
}

html.special2019 textarea {
border-bottom: 1px solid #000;
}

html.special2019 form label,
html.special2019 form button,
html.special2019 form button * {
color: #b4362d;
-webkit-text-fill-color: #b4362d;
-moz-text-fill-color: #b4362d;
-o-text-fill-color: #b4362d;
-ms-text-fill-color: #b4362d;
text-fill-color: #b4362d;
}

/* bg */
html.special2019 {
background: #b63429 url('../images/BG_RFV_25Jahre.jpg') center center repeat;
background-size: 198.75px 198.75px;
background-size: 397.5px 397.5px;
}

html.special2019 #content {
background: #f2dfb0 url('../images/BG2_RFV_25Jahre.jpg') center center repeat;
background-size: 198.75px 198.75px;
background-size: 397.5px 397.5px;
}

@media only screen and (max-width : 768px) {
	html.special2019 #header #special-logo, 
	html.special2019-header #header #special-logo {
    position: absolute;
    top: 0;
    left: 50%;
    float: left;
    z-index: 9;
    width: 200px;
    margin: 0 0 0 -43px;
	}

	html.special2019 #header,
	html.special2019.hide-stage #header,
	html.special2019.off-stage #header,
	html.special2019-header #header,
	html.special2019-header.hide-stage #header,
	html.special2019-header.off-stage #header {
	height: 300px;
	}
	
	html.special2019 #content, 
	html.special2019 #article #content, 
	html.special2019 .off-stage.hide-stage #content,
	html.special2019-header #content, 
	html.special2019-header #article #content, 
	html.special2019-header .off-stage.hide-stage #content {
	margin-top: 300px !important;
	}
	
	html.special2019.hide-stage.scroll-up.no-header #header, 
	html.special2019.scroll-down #header, 
	html.special2019.no-header #header, 
	html.special2019.no-header.on-scroll #header, 
	html.special2019.no-header.scroll-down #header, 
	html.special2019.no-header.scroll-up #header, 
	html.special2019.no-header.scroll-end #header, 
	html.special2019.hide-stage.scroll-end #header, 
	html.special2019.hide-stage.scroll-down #header,
	html.special2019-header.hide-stage.scroll-up.no-header #header, 
	html.special2019-header.scroll-down #header, 
	html.special2019-header.no-header #header, 
	html.special2019-header.no-header.on-scroll #header, 
	html.special2019-header.no-header.scroll-down #header, 
	html.special2019-header.no-header.scroll-up #header, 
	html.special2019-header.no-header.scroll-end #header, 
	html.special2019-header.hide-stage.scroll-end #header, 
	html.special2019-header.hide-stage.scroll-down #header {
	margin-top: -300px;
	}

}

@media only screen and (max-width : 550px) {
	html.special2019 #header #special-logo, 
	html.special2019-header #header #special-logo {
    position: absolute;
    top: 0;
    left: 50%;
    float: left;
    z-index: 9;
    width: 100px;
    margin: -24px 0 0 10px;
	}

	html.special2019 #header,
	html.special2019.hide-stage #header,
	html.special2019.off-stage #header,
	html.special2019-header #header,
	html.special2019-header.hide-stage #header,
	html.special2019-header.off-stage #header {
	height: 170px;
	}
	
	html.special2019 #content, 
	html.special2019 #article #content, 
	html.special2019 .off-stage.hide-stage #content,
	html.special2019-header #content, 
	html.special2019-header #article #content, 
	html.special2019-header .off-stage.hide-stage #content {
	margin-top: 170px !important;
	}
	
	html.special2019.hide-stage.scroll-up.no-header #header, 
	html.special2019.scroll-down #header, 
	html.special2019.no-header #header, 
	html.special2019.no-header.on-scroll #header, 
	html.special2019.no-header.scroll-down #header, 
	html.special2019.no-header.scroll-up #header, 
	html.special2019.no-header.scroll-end #header, 
	html.special2019.hide-stage.scroll-end #header, 
	html.special2019.hide-stage.scroll-down #header,
	html.special2019-header.hide-stage.scroll-up.no-header #header, 
	html.special2019-header.scroll-down #header, 
	html.special2019-header.no-header #header, 
	html.special2019-header.no-header.on-scroll #header, 
	html.special2019-header.no-header.scroll-down #header, 
	html.special2019-header.no-header.scroll-up #header, 
	html.special2019-header.no-header.scroll-end #header, 
	html.special2019-header.hide-stage.scroll-end #header, 
	html.special2019-header.hide-stage.scroll-down #header {
	margin-top: -170px;
	}

}

@media only screen and (max-width : 550px) {
	html.special2019 #header #logo, 
	html.special2019-header #header #logo {
    display: none;
	}

	html.special2019 #header #special-logo, 
	html.special2019-header #header #special-logo {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    z-index: 9;
    width: 100px;
    margin: -14px 0 0 13px;
	}

	html.special2019 #header,
	html.special2019.hide-stage #header,
	html.special2019.off-stage #header,
	html.special2019-header #header,
	html.special2019-header.hide-stage #header,
	html.special2019-header.off-stage #header {
	height: 110px;
	padding-top: 24px;
	}
	
	html.special2019 #content, 
	html.special2019 #article #content, 
	html.special2019 .off-stage.hide-stage #content,
	html.special2019-header #content, 
	html.special2019-header #article #content, 
	html.special2019-header .off-stage.hide-stage #content {
	margin-top: 110px !important;
	}
	
	html.special2019.hide-stage.scroll-up.no-header #header, 
	html.special2019.scroll-down #header, 
	html.special2019.no-header #header, 
	html.special2019.no-header.on-scroll #header, 
	html.special2019.no-header.scroll-down #header, 
	html.special2019.no-header.scroll-up #header, 
	html.special2019.no-header.scroll-end #header, 
	html.special2019.hide-stage.scroll-end #header, 
	html.special2019.hide-stage.scroll-down #header,
	html.special2019-header.hide-stage.scroll-up.no-header #header, 
	html.special2019-header.scroll-down #header, 
	html.special2019-header.no-header #header, 
	html.special2019-header.no-header.on-scroll #header, 
	html.special2019-header.no-header.scroll-down #header, 
	html.special2019-header.no-header.scroll-up #header, 
	html.special2019-header.no-header.scroll-end #header, 
	html.special2019-header.hide-stage.scroll-end #header, 
	html.special2019-header.hide-stage.scroll-down #header {
	margin-top: -110px;
	}
	
	html.special2019 .text .headline-1,
	html.special2019 .headline-1 {
	font-size: 4.5em;
	word-spacing: -0.2em;
    letter-spacing: -0.02em;
	}
	
	html.special2019 .text .headline-1 {
	margin-bottom: 24px;
	}

}