body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@font-face {
  font-family: 'Branch';
  src: url(../../files/reunite/css/Branch.woff) format('woff'),
       url(../../files/reunite/css/Branch.woff2) format('woff2');
}
@font-face {
  font-family: 'AvenirNext Regular';
  src: url(../../files/reunite/css/AvenirNext-Regular.woff) format('woff'),
       url(../../files/reunite/css/AvenirNext-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'AvenirNext Medium';
  src: url(../../files/reunite/css/AvenirNext-Medium.woff) format('woff'),
       url(../../files/reunite/css/AvenirNext-Medium.woff2) format('woff2');
}

.mobileonly,
.onlymobile {
	display: none;
}

.desktoponly,
.onlydesktop {
	display: block;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background-color: #2c3e00;
	color: #4b5402;
	font-family: "AvenirNext Regular", sans serif;
	-webkit-font-smoothing: antialiased;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}

#mod_navigation,
.navi-phone-onoff {
	display: none;
}

#header {
	background-color: #9fa385;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
}

#header .inside {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 22.5vw;
}

#header .inside .mood,
#header .inside .mood img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 13.5vw;
}

#header .inside .mod_navigation ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 90%;
}

#header .inside .mod_navigation ul.level_1 li {
	display: none;
}

#header .inside .mod_navigation.navi-left {
	float: left;
	background-color: #9fa385;
	width: 37%;
}

#header .inside .middle-box {
	float: left;
	width: 22.5%;
	height: 8.8vw;
	padding: 0.2vw 1.5% 0 1.5%;
	background-color: #9fa385;
	border-left: 1px solid #2c3e00;
	border-right: 1px solid #2c3e00;
}

#header .inside .middle-nav {
	widht: auto;
	margin: 0 auto;
}

#header .inside .mod_navigation.navi-right {
	float: left;
	background-color: #9fa385;
	width: 37%;
}

#header .inside .mod_navigation.navi-left ul {
	display: block;
	float: right;
	margin: 1vw 1vw 0 0;
	padding: 0;
}

#header .inside .mod_navigation.navi-left ul li.left {
	display: block;
	float: none;
	text-align: right;
	margin: 0.5vw 0;
}

#header .inside .mod_navigation.navi-middle ul {
	width: 100%;
	text-align: center;
}

#header .inside .mod_navigation.navi-middle ul li.middle {
	display: block;
	border: 0;
	border-right: 1px solid #2c3e00;
	float: left; 
	padding: 0 0.6vw;
}

#header .inside .mod_navigation.navi-middle ul li.middle.last {
	border-right: 0;
	padding-right: 0;
}

#header .inside .mod_navigation.navi-right ul {
	display: block;
	float: left;
	margin: 1vw 0 0 1vw;
	padding: 0;
}

#header .inside .mod_navigation.navi-right ul li.right {
	display: block;
	float: none;
	text-align: left;
	margin: 0.5vw 0;
}

#header .inside .mod_navigation.navi-left.off ul li,
#header .inside .mod_navigation.navi-right.off ul li {
	display: none;
}


#header .inside .mod_navigation,
#header .inside .mod_navigation a {
	font-size: 1.1vw;
	text-transform: uppercase;
	text-decoration: none;
	color: #2c3e00;
	padding: 0;
	margin: 0;
}

#header .inside .mod_navigation a:hover,
#header .inside a:hover {
	color: #f4f3f1;
	transition: color 0.25s;
	-moz-transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
	text-decoration: none;
}

#header .inside .mod_navigation .active {
	color: #f4f3f1;
	font-weight: normal;
}

#header .inside .mod_navigation ul li.left ul.level_2 {
	list-style-type: none;
	font-size: 0.9em;
	width:auto;
    top: 14vw;
    position: absolute;
    display: none;
    margin: 0 0 0 15vw;
    padding: 0.5vw 1.5vw 0.5vw 1.5vw;	
    color: #f4f3f1;
	background-color: #2c3e00;
    z-index: 30000;
    text-align: left;
}

#header .inside .mod_navigation ul li.right ul.level_2 {
	list-style-type: none;
	font-size: 0.9em;
	width:auto;
    top: 14vw;
    position: absolute;
    display: none;
    margin: 0 0 0 6vw;
    padding: 0.5vw 1.5vw 0.5vw 1.5vw;	
    color: #f4f3f1;
	background-color: #2c3e00;
    z-index: 30000;
    text-align: left;
}

#header .inside .mod_navigation ul li ul.level_2 a,
#header .inside .mod_navigation ul li ul.level_2 a.visited {
	color: #f4f3f1;
}

#header .inside .mod_navigation ul li ul.level_2 a:hover,
#header .inside .mod_navigation ul li ul.level_2 .active {
	color: #9fa385;
}

#header .inside .mod_navigation ul.level_1 li:hover ul.level_2,
#header .inside .mod_navigation ul.level_1 li:hover ul.level_2 li {
	display: block;
}

#container {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 8vw 0;
	background-color: #f4f3f1;
	background-image: url('/files/reunite/elemente/blaetter.png');
	background-position: left 30% bottom;
	background-repeat: no-repeat;
	background-size: 18vw auto;
}

#container #main .mod_article.main {
	float: right;
	width: 55%;
	margin: 3vw 0;
	padding: 0;
}

#container #main .mod_article.left {
	float: left;
	width: 30%;
	margin: 1vw 0 0 0;
	padding: 0;
}

#container #main a {
	color: #f7a800;
	text-decoration: none;
}

#container #main a:hover {
	color: #e1e1e1;
	text-decoration: none;
}

#container #main .mod_article.main .ce_text {
	width: 85%;
	margin: 0 15% 0 0;
	padding: 0;
}

#container #main .mod_article .ce_text h1 {
	font-family: 'Branch';
	color: #4b5402;
	margin: 0 0 2.4vw 0;
	padding: 0;
	font-weight: normal;
	font-size: 3vw;
	line-height: 3.6vw;
}

#container #main .mod_article .ce_text h2 {
	font-family: 'Branch';
	color: #4b5402;
	margin: 0 0 2vw 0;
	padding: 0;
	font-weight: normal;
	font-size: 2.7vw;
	line-height: 3.3vw;
}

#container #main .mod_article .ce_text h3 {
	color: black;
	margin: 0 0 1vw 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.5vw;
	line-height: 1.75vw;
}

#container #main .mod_article .ce_text h4 {
	display: inline-block;
	padding: 0;
	margin: 1vw 0;
	font-family: 'AvenirNext Medium';
	font-size: 1.5vw;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: normal;
	line-height: 1.6vw;
}

#container #main .mod_article .ce_text h4 a {
	padding: 1vw 8vw;
	background-color: white;
	color: #4b5402;
}

#container #main .mod_article .ce_text h4 a:hover {
	background-color: #4b5402;
	color: white;
}

#container #main .mod_article p {
	margin: 0 0 2vw 0;
	padding: 0;
	color: #4b5402;
	font-size: 1.67vw;
	font-weight: normal;
	line-height: 2.33vw;
}


#container #main .mod_article.left h5 {
	font-size: 1vw;
	color: #2c3e00;
	line-height: 1vw;
	text-align: right;
	font-weight: normal;
	margin: 0 15% 1vw 0;
}

#container #main .mod_article.left p {
	margin: 2vw 5% 0 5%;
	padding: 0;
	color: #2c3e00;
	font-size: 1.333vw;
	font-weight: normal;
	line-height: 2vw;
}
#container #main .mod_article .ce_text ul {
	list-style-type: none;
	padding-left: 1.67vw;
	margin-bottom: 2.33vw;
}

#container #main .mod_article .ce_text li {
	margin: 0 0 0.333vw 0;
	padding: 0;
	color: #4b5402;
	font-size: 1.67vw;
	font-weight: normal;
	line-height: 2.33vw;
}

#container #main .mod_article .ce_text li:before {
	display: inline-block; 
	content: "– ";
	width: 1.333vw;
	margin-left: -1.333vw;
}

#container #main .mod_article .ce_text table {
	margin-bottom: 0.666vw;
}

#container #main .mod_article .ce_text td {
	margin: 0 0 0.333vw 0;
	padding: 0 1vw 0 0;
	color: #4b5402;
	font-size: 1.333vw;
	font-weight: normal;
	line-height: 1.6vw;
	vertical-align: top;
}

#container #main .mod_article .mod_newslist .layout_latest {
	margin-bottom: 2vw;
}

#container #main .mod_article .ce_form .explanation p {
	margin-bottom: 0;
}

#container #main .mod_article .ce_form .widget-text,
#container #main .mod_article .ce_form .widget-textarea {
	width: 99%;
	margin: 0 0 0.5vw 0;
}

#container #main .mod_article .ce_form .widget-text.halb {
	width: 47.5%;
	margin-right: 2%;
	float: left;
}

#container #main .mod_article .ce_form .widget-text input,
#container #main .mod_article .ce_form .widget-textarea textarea {
	width: 96%;
	padding: 0.33vw 0.7vw;
	border: 1px solid #e1e1e1;
	outline: none;
}

#container #main .mod_article .ce_form .widget-text label,
#container #main .mod_article .ce_form .widget-textarea label {
	font-weight: bold;
	color: black;
} 

#container #main .mod_article .ce_text .widget-submit button {
	background-color: white;
	text-transform: uppercase;
	color: #646464;
	border: 1px solid #e1e1e1;
	padding: 0.33vw 1.33vw;
	margin: 1vw 0;
	text-decoration: none;
}

#container #main .mod_article .ce_text .widget-submit button:hover {
	background-color: #f7a800;
	color: black;
	border: 1px solid black;
	text-decoration: none;
	transition: all 0.25s;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
}

#footer {
	width: 100%;
    color: #f4f3f1;
	background-color: #2c3e00;
	display: block;
	height: 12vw;
}

#footer .inside {
	width: 100%;
    color: #f4f3f1;
	background-color: #2c3e00;
}

#footer .picture {
	width: 32vw;
	margin-top: -12vw;
	margin-left: -6vw;
	position: absolute;
	z-index: 1000;
	float: left;
}

#footer .picture img {
	border-radius: 50%;
}

#footer .main {
	width: 55%;
	float: right;
}

#footer .main h2 {
	font-family: 'Branch';
	margin: 2vw 0 2vw 0;
	padding: 0;
	font-weight: normal;
	font-size: 2.7vw;
	line-height: 3.3vw;
}

#footer .main p {
	margin: 0 0 4vw 0;
	padding: 0;
	font-size: 1.33vw;
	font-weight: normal;
	line-height: 2vw;
}


@media screen and (min-width: 1500px) {

}



@media screen and (max-width: 768px) {
	.onlymobile,
	.mobileonly {
		display: block;
	}
	.onlydesktop,
	.desktoponly {
		display: none;
	}
	#navi-opened {
		display: none;
		transition: all 0.2s;
		font-size: 12vw;
		margin-top: 0vw;
		margin-right: 0.5vw;
	}
	#navi-closed {
		display: block;
		transition: all 0.2s;
		margin-top: 0.6vw;
	}
	#header,
	#header .inside {
		height: 30vw;
	}
	#header .inside .middle-box {
		width: 80%;
		height: 15vw;
		border: 0;
	}
	#header .inside .middle-box .middle-logo {
		width: 45vw;
		margin: 0 auto;
	}
	#header .inside .logo,
	#header .inside a img {
		width: 45vw;
		margin-left: 7.5vw;
		margin-top: 1.5vw;
	}
	#header .hamburger {
		font-size: 13vw;
		line-height: 15vw;
		margin-right: 5vw;
		font-weight: light;
		float: right;
	}
	#header .hamburger a {
		color: #2c3e00;
		text-decoration: none;
	}
	#header .hamburger a:hover {
		color: #f4f3f1;
		transition: color 0.5s;
		-moz-transition: color 0.5s;
		-webkit-transition: color 0.5s;
		cursor: pointer;
	}
	#header #mod_navigation {
		display: none;
		position: fixed;
		top: 30vw;
		left: 0;
		width: 90%;
		padding: 6vw 5% 3vw 5%;
		height: auto;
		background-color: #9ea284;
		color: #2c3e00;
		z-index: 20000;
		transition: all 0.5s;
		bottom:0;
	    overflow-y:scroll;
	    overflow-x:hidden;
	}
	#header .inside #mod_navigation.mod_navigation {
		clear: left;
		padding: 8vw 5% 3vw 5%;
	}
	#header .inside #mod_navigation.mod_navigation ul {
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		padding-inline-start: 0;
	}
	#header .inside #mod_navigation.mod_navigation .no-navi {
		display: none;
	}
	#header .inside #mod_navigation.mod_navigation ul.level_1 li.home {
		display: none;
	}
	#header #mod_navigation.mod_navigation ul.level_1 li {
		display: block;
		clear: left;
		float: none;
		list-style: none;
		margin: 0;
		padding: 2vw 1vw 4vw 0;
	}
	#header .inside #mod_navigation.mod_navigation ul.level_1 li a,
	#header .inside #mod_navigation.mod_navigation ul.level_1 li span.active,
	#header .inside #mod_navigation.mod_navigation ul.level_1 li span.forward {
    	text-decoration: none;
		color: #2c3e00;
	    letter-spacing: 0;
		font-size: 5vw;
		line-height: 7vw;
	}
	#header .inside #mod_navigation.mod_navigation ul.level_1 li a:hover,
	#header .inside #mod_navigation.mod_navigation ul.level_1 li strong,
	#header .inside #mod_navigation.mod_navigation ul.level_1 li span.forward,
	#header .inside #mod_navigation.mod_navigation ul.level_1 li.trail > a {
	    letter-spacing: 0;
		font-size: 5vw;
		line-height: 7vw;
		color: #f4f3f1;
		transition: color 0.5s;
		-moz-transition: color 0.5s;
		-webkit-transition: color 0.5s;
	    font-weight: normal;
		text-decoration: none;
	}
	#header .inside #mod_navigation .mod_navigation ul.level_1 li > ul {
	    position:relative;
	    padding: 0 0 2vw 2vw;
	}
	#header .inside .mod_navigation ul.level_2,
	#header .inside .mod_navigation ul li.left ul.level_2,
	#header .inside .mod_navigation ul li.middle ul.level_2,
	#header .inside .mod_navigation ul li.right ul.level_2 {
		position: relative;
		z-index: unset;
		background-color: unset;
		top: unset;
		display: block;
	}
	#header #mod_navigation.mod_navigation ul.level_2 li {
		display: block;
	    width: auto;
	    margin: 0 0 0 4vw;
	}
	#header .inside #mod_navigation.mod_navigation ul.level_2 li a,
	#header .inside #mod_navigation.mod_navigation ul.level_2 li strong,
	#header .inside #mod_navigation.mod_navigation ul.level_2 li span.forward {
	    color: #2c3e00;
	    font-weight: normal;
	}
	#header .inside #mod_navigation.mod_navigation ul.level_2 li a:hover,
	#header .inside #mod_navigation.mod_navigation ul.level_2 li strong,
	#header .inside #mod_navigation.mod_navigation ul.level_2 li span.forward,
	#header .inside #mod_navigation.mod_navigation ul.level_2 li.trail > a {
	    color: #f4f3f1;
	    font-weight: normal;
		text-decoration: none;
	}
	#container {
		margin: 0;
		padding: 0 0 30vw 0;
		background-position: left 50% bottom;
	}
	#container #main .mod_article.main {
		float: none;
		width: 90%;
		margin: 0 5% 3vw 5%;
		padding: 0;
	}
	#container #main .mod_article.left {
		float: none;
		width: 100%;
		margin: 4vw 0;
		padding: 0;
	}
	#container #main .mod_article.main .ce_text {
		width: 100%;
		margin: 0;
	}
	#container #right .mod_article .ce_text h4 {
		font-size: 5vw;
	}
	#container #main {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#container #main .mod_article .ce_text h1 {
		padding-top: 8vw;
		padding-bottom: 8vw;	
		font-size: 8vw;
		line-height: 10vw;
	}
	#container #main .mod_article .ce_text h2 {
		padding-bottom: 6vw;	
		font-size: 6vw;
		line-height: 8vw;
	}
	#container #main .mod_article .ce_text h3 {
		margin: 5vw 0 6vw 0;
		font-size: 6vw;
		line-height: 8vw;
	}
	#container #main .mod_article .ce_text h4 {
		margin: 1vw 0 6vw 0;
		font-size: 5vw;
		line-height: 6.5vw;
	}
	#container #main .mod_article .ce_text h5 {
		font-size: 5vw;
		line-height: 6.5vw;
	}
	#container #main .mod_article .ce_text p,
	#container #main .mod_article .mod_newslist .layout_latest .ce_text p,
	#container #main .mod_article .ce_text td {
		margin: 0 0 6vw 0;
		font-size: 5vw;
		line-height: 6.5vw;
	}
	#container #main .mod_article.left .ce_text p {
		width: 90%;
		margin-left: 5%;
	}	
	#container #main .mod_article .ce_text li {
		margin: 0 0 2.33vw 0;
		font-size: 5vw;
		line-height: 6.5vw;
		padding-left: 2.33vw;
	}
	#container #main .mod_article .ce_text li:before {
		width: 3.33vw;
		margin-left: -3.33vw;
	}
	#container #main .mod_article .ce_image .image_container {
		margin: 0 0 6vw 0;
	}
	#container #main .mod_article .ce_image .image_container img {
		border-top-right-radius: 20vw;
	}
	#container #main .mod_article .ce_text table {
		margin-bottom: 6vw;
	}
	#container #main .mod_article .mod_newslist .layout_latest {
		width: 100%;
		margin-right: 0;
		margin-bottom: 6vw;
	}
	#container #main .mod_article .mod_newslist .layout_latest a {
		height: 36vw;
		width: 36vw;
		font-size: 4vw;
		line-height: 5.5vw;
	}
	#container #main .mod_article .mod_newslist .layout_latest .image_container img {
		width: 85%;
		border: 4vw solid;
	}
	#container #main .mod_article .ce_text.button,
	#container #main .mod_article .ce_text.button.mitglied {
		border: 2.4vw solid #69bfac;
		width: 24vw;
		height: 24vw;
		top: 24vw;
		right: -1vw;
		left: unset;
	}
	#container #main .mod_article h5 a,
	#container #main .mod_article h5 a:hover,
	#container #main .mod_article .ce_text .widget-submit button,
	#container #main .mod_article .ce_text .widget-submit button:hover {
		font-size: 4vw;
		line-height: 5.5vw;
	}
	#container #main .mod_article .boxen {
		display: block;
	}
	#container #main .mod_article .third.first,
	#container #main .mod_article .third,
	#container #main .mod_article .third.last {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
		border-top: 1px solid #e1e1e1;
		padding-top: 8vw;
		margin-top: 8vw;
	}
	#container #main .mod_article .third.first .image_container,
	#container #main .mod_article .third .image_container,
	#container #main .mod_article .third.last .image_container {
		width: 100%; 
		height: auto;
		margin: 0;
	}
	#container #main .mod_article .third.first .image_container img,
	#container #main .mod_article .third .image_container img,
	#container #main .mod_article .third.last .image_container img {
		width: 40%; 
		height: auto;
		margin: 0 auto;
	}
	#container #main .mod_article .ce_form .widget-text input, 
	#container #main .mod_article .ce_form .widget-textarea textarea {
		padding: 1vw 2vw;
	}
	#footer {
		height: 24vw;
	}
	#footer .picture {
		width: 48vw;
		margin-top: -18vw;
		margin-left: -6vw;
		float: left;
	}
	#footer .main h2 {
		margin-top: 4vw;
		margin-bottom: 4vw;
		font-size: 5.4vw;
		line-height: 6vw;
	}
	#footer .main p {
		font-size: 4vw;
		font-weight: normal;
		line-height: 5vw;
	}
}



@media print {

	body {

		color: black;

	}

}