/* domine-regular - latin*/
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/domine-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Domine'), local('Domine-Regular'),
       url('/assets/fonts/domine-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/domine-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/domine-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/domine-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/domine-v5-latin-regular.svg#Domine') format('svg'); /* Legacy iOS */
}
/* domine-700 - latin */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/domine-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Domine Bold'), local('Domine-Bold'),
       url('/assets/fonts/domine-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/domine-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/domine-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/domine-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/domine-v5-latin-700.svg#Domine') format('svg'); /* Legacy iOS */
}

/*	blau: #0169CA
	rot: #D8222F */
/*Allgemein*/	
:root{
	--tracht-rot: #D8222F;
	--tracht-blau: #0169CA;
	--tracht-dark: #212121;
	--tracht-braun: #ea8343db;
}
body,p,h1,h2,h3,h4,h5,h6
{
	font-family: Domine !important;
	font-weight: 400;
	font-style: normal;
}
.fixed {
	position: fixed !important;
	top: 0;
	left:0;
}
p,
.vc_btn3.vc_btn3-size-md {
	font-size: 25px; /*25px;*/
    line-height: 1.4;
	color: #333;
	letter-spacing: 0.2px;
}
.vc_btn3.vc_btn3-size-md {
	transform: translateY(30px);
	transition: padding ease-in-out 0.3s;
}
.vc_btn3.vc_btn3-size-md:hover {
	padding-left: 40px !important;
	padding-right: 40px !important;
	
}
p.small{
	font-size: 16px;/*16px;*/
}
p.big{
	font-size: 33px;/*33px;*/
}

.margin-top-91{
	margin-top: 91px;
}
.margin-left-19{
	margin-left: 19px;
}
#edgtf-back-to-top {
	right: 3%;
    bottom: 6%;
}
.trenner{
    height: 300px;
    width: 100vw;
    position:absolute;
    background-color: var(--tracht-rot);
    transform: skewY(-5deg);
}
.trenner.blau{
	height: 350px;
}
.trenner.blau,
.headline span::selection{
	background-color: var(--tracht-blau) !important;
} 
/*Navi*/
.edgtf-logo-wrapper {
	opacity: 0;
	transition: opacity ease 0.3s
}
.edgtf-fixed-wrapper{
	background-image: linear-gradient(#00000054,transparent);
	border: none !important;
	transition: background-color ease 0.3s, backgroun-image ease 0.3s;
}
.edgtf-main-menu>ul>li.edgtf-active-item>a, .edgtf-main-menu>ul>li:hover>a{
	color: #fff;
}
.edgtf-main-menu>ul>li>a>span.item_outer{
    padding: 5px 7px;
	transition: background-color ease-in-out .3s;
}
.edgtf-main-menu>ul>li.edgtf-active-item>a .item_outer,
.edgtf-main-menu>ul>li:hover>a .item_outer{
	background-color: var(--tracht-dark);
	border-radius: 3px;
}
.edgtf-main-menu>ul>li.edgtf-active-item>a>span.item_outer .item_text:after,
.edgtf-main-menu>ul>li>a>span.item_outer .item_text:after{
	display:none;
}
.edgtf-page-header .edgtf-fixed-wrapper.fixed
{
	background-color: transparent;
	box-shadow: none;
}
.edgtf-logo-wrapper > a > img {
	max-height: 79px;
}
#menu-hauptnavigation > li.menu-item > a
{
	transition: all linear 0.25s;
}
.edgtf-fixed-wrapper.fixed #menu-hauptnavigation > li.menu-item > a{
	font-size: 16px;
	line-height: 19px;
}
.edgtf-fixed-wrapper.fixed #menu-hauptnavigation > li.menu-item > a span.item_outer{
	padding: 3px 5px;
}
/*Startseite*/
.headline span
{
	color: #fff;
	background-color: var(--tracht-braun);
	padding: 0 25px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.headline span:first-child
{
	border-top-left-radius: 5px;
	border-bottom-right-radius: inherit;
}
.headline span:last-child
{
	border-top-right-radius: inherit;
	border-bottom-left-radius: 5px;
}
.h2-titel.headline span{
	border-radius: 5px;
}

.hero-image
{
    position:absolute;
    top:0;
    left:0;
}

.headline-container:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(/wp-content/uploads/2018/12/trachtenverein-oppenau-startseite-gruppenbild.jpg);
	background-repeat:no-repeat;
	background-position-y: center;
	background-position-x: center;
	/*filter: brightness(0.4);*/
}
.headline-wrapper{
	position:relative;
    margin-top: 7%;
    margin-left: 7%;
    text-align: left;
}
.headline-wrapper h1.headline
{
    font-size: 80px;/*80px;*//*calc(70 * 100vw/1920px)*/
	line-height: normal;/*96px;*/
    font-weight: 700;
}
.formular-container {
	background-color: var(--tracht-blau);
	border-radius: 4px;
}
.formular-container form label {
	font-size: 14px;
	line-height: 2.4;
}
.formular-container label {
	color: #fff;
}
.formular-container input.wpcf7-form-control.wpcf7-submit {
	border-radius: 5px;
	border-width: 0;
	background-color: var(--tracht-rot);
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.2px;
	transition: all ease-in-out .3s;
}
.formular-container input.wpcf7-form-control.wpcf7-submit:hover {
	padding-left: 60px;
	padding-right: 60px;
}
.wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
	font-size: 14px;
}
.formular-zeile {
	display: flex;
	justify-content: space-between;
}
.formular-half {
	width: 49%;
	display:inline-block;
}
.wpcf7-form-control.wpcf7-textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 125px;
}

/*h2 Gruppenblock h2 über Bild versetzt*/
.h2-titel{
	margin-top: 0;
	text-align: left;
	font-size: 58px;/*58px;*/
	font-weight: 700;
	line-height: 1.3;/*65px;*/
	transform: translateX(-36%);
}
.h2-titel.bt-block {
	position: absolute;
	transform:translateX(75%);
}
.h2-gruppenblock-img
{
	margin-top: 42px;
}
/*Zeitstrahl*/
.h2-titel.headline.history {
	transform: translateX(0);
	text-align:center;
}
.history-textblock {
	padding-right: 33px;
	position: relative;
	/*border-right: 7px solid #25252585;*/
}
.history-textblock:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 7px;
	background-image: radial-gradient(#333333d8 40%, transparent 73%);
	/*alternativ: 
	width: 5px;
    background-color: #333;
    border-radius: 50%;*/
}
/*Termiblock*/
.zeit span{
	color: #fff;
    background-color: var(--tracht-rot);
    padding: 2px 7px;
    border-radius: 3px;
}
.versteckt{
	visibility: hidden;
}
.termin.zeit-wrapper/*.termin.spalte3*/
{
	transform: translate(-50%,14px);
}
.ungerade{
	background-color: #f7f7f7;
}
/*Footer*/
ul.footer-nav{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.footer-nav li.footer-nav-item{
	margin-left: 10px;
	display: inline;
}
.edgtf-page-footer .edgtf-footer-bottom-holder, .edgtf-page-footer .edgtf-footer-top-holder {
	background-color: var(--tracht-dark);
}

/**************Responsive/media queries************/
/*mobile Header*/
.edgtf-mobile-header {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	width: 100%;
}
.edgtf-mobile-header-inner {
	padding: 0 20px;
	background-color: transparent !important;
	border-bottom: none !important;
}
.edgtf-mobile-header-holder {
	width: 90%
}
.edgtf-mobile-logo-wrapper {
	display:none;
}

.edgtf-mobile-menu-icon .ion-android-menu:before {
	filter: brightness(0) invert(1);
}

@media only screen and (max-width: 1024px) {
	.edgtf-content .edgtf-content-inner > .edgtf-container > .edgtf-container-inner, .edgtf-content .edgtf-content-inner > .edgtf-full-width > .edgtf-full-width-inner {
		padding-top: 0 !important;
	}
}

@media screen and (max-width: 1650px) {
	.headline-wrapper h1.headline {
		font-size: 65px;/*80px;*//*calc(70 * 100vw/1920px)*/
		/*line-height: 1.24;96px;*/
	}
	.vc_btn3.vc_btn3-size-md {
		font-size: 25px; /*25px;*/
		line-height: 1.4;
		color: #333;
		letter-spacing: 0.2px;
}
}

@media screen and (max-width: 1366px) {
	.headline-wrapper h1.headline {
		font-size: 55px;/*80px;*//*calc(70 * 100vw/1920px)*/
		/*line-height: 1.24;96px;*/
	}
	p.small{
		font-size: 16px;/*16px;*/
	}
	p.big{
		font-size:33px;/*33px;*/
	}
	.h2-titel {
		font-size: 58px;/*58px;*/

	}
}

@media screen and (max-width: 990px) {
	.headline-wrapper h1.headline, .h2-titel {
		font-size: 45px;/*80px;*//*calc(70 * 100vw/1920px)*/
		/*line-height: 1.24;96px;*/
	}
	.headline-wrapper {
		margin-left: 5.5%;
	}
	p.big{
		font-size:26px;/*33px;*/
	}
	p, .vc_btn3.vc_btn3-size-md {
		font-size: 16px;
	}

}
@media screen and (max-width: 768px) {
	.headline-wrapper h1.headline,.h2-titel {
		font-size: 35px;/*80px;*//*calc(70 * 100vw/1920px)*/
		/*line-height: 1.24;96px;*/
	}
	.headline-wrapper {
		margin-left: 4%;
	}
	.h2-titel,
	.h2-titel.bt-block {
		position: relative;
		transform: translateX(0);
	}
	.headline span {
		padding: 0 10px;
	}
	.margin-top-91 {
		margin-top: 0;
	}
	p.big{
		font-size:20px;/*33px;*/
	}
}
@media screen and (max-width: 575px) {
	.headline-wrapper h1.headline,.h2-titel {
		font-size: 24px;/*80px;*//*calc(70 * 100vw/1920px)*/
		/*line-height: 1.24;96px;*/
	}
	.headline-wrapper {
		margin-left: 0;
	}
}