@charset "UTF-8";

@font-face{
  font-family:"FrutigerLTW01-55Roman";
  src:url("fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix");
  src:url("fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix") format("eot"),url("fonts/9b1fae67-8764-448a-a926-54b09bd0b06b.woff2") format("woff2"),url("fonts/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff") format("woff"),url("fonts/076311f8-a01b-4389-a5eb-334a62e62d45.ttf") format("truetype"),url("fonts/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg");
}

@font-face{
  font-family:"Frutiger LT W01 65 Bold";
  src:url("fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix");
  src:url("fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix") format("eot"),url("fonts/6e7f04cb-3b30-43a5-b79d-25b4c1178700.woff2") format("woff2"),url("fonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff") format("woff"),url("fonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf") format("truetype"),url("fonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg");
}

/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'FrutigerLTW01-55Roman', 'Helvetica Neue', 'Helvetica', 'Segoe UI', Arial, sans-serif;
	/* font-family: 'FrutigerLTW01-55Roman', Arial, sans-serif; */
	font-weight: normal;
	color: #FFF;}

body{
	background: #700F7F;
	-webkit-font-smoothing: antialiased;}

#was b{
	color: #700F7F;}

.closed:before {
	content: "\2794";}

.open:before {
	content: "\2794";
	display: inline-block;
	-moz-transform:rotate(90deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(90deg); /* Safari */
	-o-transform:rotate(90deg); /* Opera */
	-ms-transform:rotate(90deg); /* IE9 */
	transform:rotate(90deg); /* W3C */}

a,
a:link,
a:visited{
	text-decoration: none;
	color: #FFF;}

a:hover,
a:active,
a:focus,
a:visited:hover{
	color:rgba(0,0,0,0.7);}

b {
	font-family: 'Frutiger LT W01 65 Bold', 'Helvetica Neue', 'Helvetica', 'Segoe UI', Arial, sans-serif;
	font-weight: normal;
}

#line{
	height: 1px;
	background: #00B3FF;
	width: 100%;
	position: absolute;
	top: 170px;
	z-index: 1;}

#wrapper{
	width: 80%;
	max-width: 1400px;
	margin: 0px auto;}

#header{
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 9;}

.gallery {
    width: 100%;
    background-color: transparent;

    margin-bottom: 80px;
}


.inline-image {
	display: block;
	margin: 0 auto 20px;
	max-width: 100%;
	height: auto;
}

.text-section {
	align-items: flex-start;
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-bottom: 40px;
}

.text-section.last {
	margin-bottom: 0;
}

@media only screen and (min-width: 1400px) {
	.inline-image {
		display: inline-block;
		margin: 0 20px 0 0;
	}

	.text-section {
		flex-flow: row nowrap;
		justify-content: flex-start;
		width: 100%;
	}
}


.rsOverflow {
    width: 100% !important;
    height: 100% !important;
    margin: 0px auto !important;}

.rsImg{
	width: 100% !important;
    height: auto !important;
    margin: 0px auto !important;}

.rsDefault .rsThumb.rsNavSelected {
    background: #F3F3F3;
	opacity: 1 !important;}

.rsDefault .rsThumbsArrow {
    width: 50px;
	height: 72px !important;
    background: transparent;}

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs{
	background: transparent !important;}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -72px -72px;}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -73px -39px;}

.rsDefault .rsThumbsArrow:hover {
    background: rgba(255,255,255,0.6);}

.rsDefault .rsThumb {
    opacity: 0.4;}

.rsDefault .rsThumbsHor img {
	border-width: 3px;
}

.rsDefault .rsThumbsHor {
    height: 100px;
    margin-top: -3%;
}



.rsThumbsArrow {
    display: none !important;}

.rsDefault.rsHor .rsArrowRight {
    right: 10px;}

.rsDefault.rsHor .rsArrowLeft {
    left: 10px;}


@media only screen and (max-width: 800px) {
	.rsDefault .rsThumbsArrow {
		width: 20px;
		height: 44px !important;}
}

.aligncenter {
	text-align: center;
}

.button {
	border: 1px solid #00B3FF;
	display: inline-block;
	font-size: 18px;
	padding: 12px;
	text-transform: uppercase;
}

.messe-logo{
	/*background: #00B3FF;*/
	height: 210px;
	width: 100%;
	margin-bottom: 20px;}

.logotop{
	width: 230px;
	height: auto;
	position: absolute;
	top: 10px;
	left: 0px;}

.gallery-img img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
  border: 7px solid;}

img.herztop {
	width: 130px;
	position: absolute;
	top: 74px;
	right: 0;
	background: #700f7f;	}

#was, #wann, #wo, #wer, #wer2, #teilnehmer, #video, 
.content-wrap {
	margin: 20px 0px 50px 0px;
	padding: 0px 0px 50px 0px;
	border-bottom: 1px solid #00B3FF;

	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.content-wrap.inline {
	border-bottom: 0;
	margin-bottom: 20px;
}

.content-wrap .ansprech-wrap {
	text-transform: uppercase;
}

.content-wrap p {
	margin: 0 0 20px;
}

.content-wrap p:last-of-type,
.content-wrap .text-section:last-of-type {
	margin-bottom: 0;
}

#was2018 {
	border-bottom: 1px solid #00B3FF;
	border-top: 1px solid #00B3FF;
	margin: 20px 0px 50px 0px;
	padding: 40px 0px 50px 0px;	
}

#video {
	border-top: 1px solid #00B3FF;
	padding-top: 40px;
}

#wo {
	padding-top: 30px;
}

#was{
	margin-top: 50px;}

#wer{
	margin-bottom: 70px;
	border-bottom: none;}

#wer2{
	padding-bottom: 0px;}

#wli{
	font-size: 18px;
	color: #00B3FF;
	width: 30%;
	float: left;}

#video #wli{
	width: 27%;
	margin-right: 3%;}

#wre{
	font-size: 15px;
	width: 70%;
	float: left;}

.review-title {
	background-color: #00B3FF;
	color: #fff;
	font-family: 'Frutiger LT W01 65 Bold', 'Helvetica Neue', 'Helvetica', 'Segoe UI', Arial, sans-serif;
	font-weight: normal;
	font-size: 32px;
	margin-bottom: 40px;
	padding: 20px;
	text-align: center;
	width: 100%;
}

.mehr{
	display: block;}

.weniger{
	display: none;}

.top{
	margin-top: -3px;}

.clearfix{
	clear: both;}

p {
	margin: 20px 0px;
	line-height: 1.4;
	font-size: 15px;
}

.teaser {
	border-bottom: 1px solid #00B3FF;
	padding-bottom: 40px;
}

.teaser-text {
	font-size: 38px;
}


.teaser-img {
	border-top: 1px solid #00B3FF;
	display: block;
	margin: 50px auto 0;
	max-width: 100%;
	padding: 40px 15% 0;
	width: 100%;
}

@media only screen and (max-width:800px) {
	.teaser-img {
		width: 100%;
	}
}

@media only screen and (max-width:480px) {
	.teaser-text {
		font-size: 24px;
	}
	.teaser-img {
		display: none;
		margin: 0;
	}
}

#content{
	margin-top: 120px;
}


.veran-wrap{
	color: #00B3FF;}

.span-veranstaltung {
    display: none;}

.veran-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.veran-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 830px) {
	.span-veranstaltung {
		display: inline-block;
		color: #00B3FF;}

	.veran-wrap {
		color: #00B3FF;
		display: block;}

}

@media only screen and (max-width: 800px) {
	#content{
		margin-top: 80px;}
}

.thesen {
	margin-top: 50px;}

.large{
	font-size: 15px;}

#was p:first-child, #was p:last-child,
#was2018 p:first-child, #was2018 p:last-child,
#wann p:first-child,
#wo p:first-child, #wo p:last-child,
#wer p:first-child, #wer p:last-child,
#wer2 p:first-child, #wer2 p:last-child,
#teilnehmer p:first-child, #teilnehmer p:last-child{
	margin: 0px;}

#wann p:last-child{
	margin-bottom: 0px;}

#was h3 {
	margin: 3px 0px;
    font-size: 17px;
    background-color: #B98BC0;
	color: #700F7F;
    padding: 10px;}

.mehrarr {
    font-size: 20px;
    margin-right: 20px;
	color: #700F7F;
	display: table-cell;}

.thesenname{
	display: table-cell;
	color: #700F7F;}

.mehrarr span {
    margin-right: 40px;}

#was h3:hover{
	cursor: pointer;}

#inhalt-t1,
#inhalt-t2,
#inhalt-t3,
#inhalt-t4,
#inhalt-t5{
	display: none;
	background-color: #C6A2CC;
    padding: 20px 70px;}

#inhalt-t1 p,
#inhalt-t2 p,
#inhalt-t3 p,
#inhalt-t4 p,
#inhalt-t5 p {
	color: #700F7F;}


#wer img,
#wer2 img,
#teilnehmer img{
	border: 7px solid #FFF;
	width: 170px;
	height: 212px;}

#wo img{
	border: 7px solid #FFF;}

#schirmherr, #ansprechpartner, .teilnehmero {
	min-height: 250px;
	margin: 30px 0px;
	width: 65%;
	line-height: 20px;
	position: relative;}

#ansprechpartner {
	height: 300px;}

.ansprech-wrap{
	color: #00B3FF;}

.span-ansprechpartner{
	display: none;}

.schirmherr-text, .teilnehmero-text {
	position: absolute;
	top: 50px;
	left: 210px;
	width: 100%;}

.teilnehmero-text {
	top: 0px;}

.ansprechpartner-text {
	position: absolute;
	top: 30px;
	left: 210px;
	width: 100%;}

#wer h3, #wer2 h3 {
  margin: 10px 0px 20px 0px;}

#karte{
	height: 350px;
	border: 7px solid;}

.mobile-menu-button{
	display: none;}

a.kartenlink {
  margin-top: 5px;
  display: block;}

a.kartenlink:hover {
  color: #FFF;}

.teilnehmer-wrap, .span-teilnehmer, .teilnehmer-break{
	color: #00B3FF;}

.teilnehmer-break{
	display: none;}

.teilnehmer-ul{
	margin-top: 50px;}

.teilnehmer-li:first-child {
    width: 215px;
    float: left;}

.teilnehmer-li:last-child {
    width: 100%;}

.teilnehmer-li {
    list-style-type: none;
	display: table-cell;
	line-height: 20px;}

/*
#footer-head {

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(97%,rgba(255,255,255,1)), color-stop(99%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 99%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 99%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 99%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 9999;
	bottom: 86px;}*/

#footer {
	height: 66px; /* wenn mit Verlauf nach oben 86px */
	width: 100%;
	background: #fff;
	position: fixed;
	bottom: 0;
	z-index: 9999999;
	display: table;}

.logo {
	z-index: 999;
	position: relative;
	display: block;
	float: right;}

.logo a img {
	height: 22px;
	width: auto;}

#logo {
	margin: 0;
	position: fixed;
	z-index: 999999999;
	right: 25px;
	bottom: 19px;}

.veranstaltung{
	margin-right: 10px;
	color: #000000;
	font-size: 12px;
	line-height: 18px;}

#logo a{
	display:-ms-flexbox;}

#logo img {
	width: 165px;
	height: auto;}

.footer-menu {
	font-size: 16px;
	font-size: 1.0rem;
	display: table-cell;
	vertical-align: middle;
	width: 100%;}

.footer-menu ul {
	list-style-type: none;
	margin-left: 36px;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	background: rgba(230,230,230,0.95);
	padding: 24px;
	margin: 0;
}

.footer-menu ul li {
	float: left;
	margin-right: 20px;}

.footer-menu ul li a {
	text-transform: uppercase;
	/*color: rgba(204,204,204,1.0);*/
	color: rgba(0,0,0,0.5);
	font-size: 0.9rem;
	line-height: 1.5rem;	}


.footer-menu ul li a:hover {
	color: rgba(0,0,0,1.0);}

.mobile-menu-button{
	display: none;}


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

.span-teilnehmer{
	display: block;}
}


@media only screen and (max-width: 900px) {

.teilnehmer-break {
    display: inline-block;
    margin-right: 20%;}
}


@media only screen and (max-width: 820px) {

.schirmherr-text {
	top: 30px;
	width: 60%;}

.ansprechpartner-text {
	width: 60%;}

.span-ansprechpartner {
  display: inline-block;
  margin-right: 20%;
  color: #00B3FF;}
}

@media only screen and (max-width: 735px) {

.schirmherr-text {
	top: 10px;}

.teilnehmer-wrap {
    display: block;}

}




@media only screen and (max-width: 815px) {
.teilnehmer-ul {
    margin: 60px 0px;}

.teilnehmer-li:first-child {
    width: 100%;
    float: none;
    text-align: center;}

.teilnehmer-li {
    display: block;
	margin-bottom: 30px;}

#schirmherr, #ansprechpartner {
	height: 380px;
	margin: 30px 0px;
	width: 100%;
	line-height: 20px;
	position: relative;
	text-align: center;}

.schirmherr-text, .ansprechpartner-text {
	position: relative;
	top: 10px;
	left: 0px;
	width: 100%;
	text-align: center;}




}

@media only screen and (max-width: 615px) {



#wo img, #wer img, #wer2 img {
	border: 7px solid #FFF;
	margin: 0px auto;
	width: 184px;}

#wo img {
	width: 100%;}

#wer img, #wer2 img {
  display: block;
  text-align: center;}


.teilnehmer-wrap, .span-teilnehmer {
    display: inline;}

.teilnehmer-break {
    display: none;}

#wli, #video #wli {
	float: none;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;}

#wre {
	float: none;
	width: 100%;}

.span-ansprechpartner, .span-veranstaltung {
	display: none;}

.veran-wrap {
    display: inline;}

.ansprech-wrap {
	margin: 0;
}


#logo img {
  width: 95px;
  height: auto;}

.footer-menu {
  font-size: 16px;
  font-size: 1.0rem;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 44px;
  /*background: #FFF;*/
  padding-top: 5px;
  display: none;
  height: 25%;
}

/******* BOF MOBILE MENU ********/


.mobile-menu-button {
background: transparent url(images/mobile/menu_open_close_smart.png) no-repeat;
width: 27px;
height: 13px;
margin-left: 12px;
margin-top: 17px;
cursor: pointer;
background-size: cover;
background-position:0 0;
outline:none!important;
border:0!important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/mobile/menu_open_close_smart.svg',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/mobile/menu_open_close_smart.svg',
sizingMethod='scale')";
}

.mobile-menu-button:after{
    display:none;
    content: url(../images/mobile/menu_close_smart.svg);
}

.mobile-menu-button:hover {
opacity:0.8;
}

.mobile-menu-button.active {
background-position: 0 -16px;
}


.mobile-menu {
position: fixed;
z-index: 9999999;
width: 97.5%;
transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
-ms-transition: all ease-in-out 200ms;
-o-transition: all ease-in-out 200ms;
-webkit-transition: all ease-in-out 200ms;
bottom: -120px;
background: rgba(255,255,255,0.9);
}


.mobile-menu.active {
bottom: 60px;
}



.mobile-menu ul li {
text-transform: uppercase;
margin: 0px 0 5px 0;
background: rgba(230,230,230,0.85);
width: 100%;
height: 55px;
font-size: 1.75rem;
transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
-ms-transition: all ease-in-out 200ms;
-o-transition: all ease-in-out 200ms;
-webkit-transition: all ease-in-out 200ms;
overflow: hidden;
}


.mobile-menu ul li a {
padding: 8px 12px;
color: rgba(0,0,0,0.5);
}

.mobile-menu ul li.active a {
color: rgba(0,0,0,1);
}

.mobile-menu ul li:hover {
background: rgba(0, 0, 0, 1.0);
}

.mobile-menu ul li:hover .normal,
.mobile-menu ul li.hover .normal {
display:none;
}

.mobile-menu ul li:hover .hover,
.mobile-menu ul li.hover .hover {
display:block;
color:#FFFFFF;
word-break:
}

.mobile-menu ul li a:hover {
color: #fff!important;
}


.mobile-menu ul li .normal {
display:block;
}

.mobile-menu ul li .hover {
display:none;
white-space: nowrap
}

.mobile-menu-button {
  display: block;
  position: absolute;
  top: 14px;
  left: 15px;
}

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

.footer-menu {display: block !important;}

.footer-menu ul li {
	float: none;
}

}
/******* EOF MOBILE MENU ********/


}


@media only screen and (max-width: 480px) {
#logo img {
	width: 115px;}

img.herztop {
	width: 80px;
	top: 111px;}

}




@media only screen and (max-width: 400px) {
.veranstaltung {
  display: none;}

img.herztop {
	width: 50px;
	top: 133px;}

}

@media only screen and (max-width : 767px) {

#footer{
	height: 44px;}

.mobile-menu-button{
	top: 0px;
	left: 5px;
}

#logo{
	bottom: 12px;
}



}


@media only screen and (max-device-width: 800px) and (orientation: landscape) {

#footer{
	height: 35px;}

#logo {
	bottom: 5px;}

.footer-menu ul{
	padding: 7px;
}

}

@media only screen and (max-width: 616px) {

.footer-menu ul li {
	float: none;
}

.mobile-menu-button.active {
    background: transparent url(../wp-content/themes/admodum/images/mobile/menu_close_new.svg) no-repeat;
    height: 24px;
    margin-top: 11px;
}

}