/* Allgemein */
*,*::before,*::after        { box-sizing: inherit; }
html                        { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html,body,li 				{ margin: 0; padding: 0; font-size: 20px; }
body 						{ opacity: 1; }
.pointer 					{ cursor: pointer; }
img 						{ max-width: 100%; height: auto; border: none; }
.relative 					{ position: relative; }
strong 						{ font-weight: 700; }
.head 						{ margin-bottom: 40px; }
.clear 						{ float: none; clear: both; }
.nomargintop 				{ margin-top: -6em; }

@media screen and (max-width: 768px){
	.tafelrunde .nomargintop { margin-top: -4em; }
}



/* Schriften */
body 						{ font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #333; line-height: 1.5; }
h1,.likeh1 					{ font-size: 36px; font-weight: 700; line-height: 1.2; color: #7f4f90; }
h2,.likeh2 					{ font-size: 30px; font-weight: 700; line-height: 1.2; color: #7f4f90; }
h3,.likeh3 					{ font-size: 28px; font-weight: 700; line-height: 1.2; color: #7f4f90; }
h4,.likeh4 					{ font-size: 24px; font-weight: 700; line-height: 1.2; color: #7f4f90; }
h5,.likeh5 					{ font-size: 22px; font-weight: 700; line-height: 1.2; color: #7f4f90; }
h6,.likeh6 					{ /* wird in p[tag] umgewandelt */ }
i 							{ font-weight: 400; font-style: italic; }
.shadow 					{ text-shadow: 0 0 7px #333; }
.ghead 						{ font-size: 18px; font-weight: 400; color: #ccc; }
.ghead + .likeh1 			{ margin-top: .1em; }


/* Links */
a 							{ cursor: pointer; color: #7f4f90; text-decoration: none; font-weight: 700; }
a[href*="mailto"],a[href*="tel"], a.nodeco, .nodeco a { text-decoration: none; transition: color .2s; font-weight: 400; }
a[href*="tel"], a[href*="mailto"] { }
a[href*="mailto"]:before 	{ content:"\f0e0"; font-family: "FontAwesome"; margin-right: .5em; }
a[href*="tel"]:before 		{ content:"\f095"; font-family: "FontAwesome"; margin-right: .5em; }
a[href*="tel"]:hover, a[href*="mailto"]:hover, a.nodeco:hover, .nodeco a:hover { color: #7f4f90; }



/* Buttons */
.btn 						{ font-weight: 700; margin-right: 10px; display: inline-block; background-color: #7f4f90; padding: 8px 18px; color: #fff; line-height: 1.5; text-decoration: none; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; font-style: normal; }
.btn:hover 					{ background-color: #935ea6; cursor: pointer; }
.smallbtn 					{ font-weight: 700; color: #7f4f90; padding-left: 22px; transition: all .2s; }
.smallbtn:before 			{ content:"\f101"; font-family: "FontAwesome"; position: absolute; margin-left: -20px; transition: all .2s; }
.smallbtn:hover 			{ cursor: pointer; padding-left: 26px; }
.smallbtn:hover:before 		{ margin-left: -24px; }



/* Schriftabstände */
ul,ol,li 					{ padding: 0; margin: 0; }
h1,h2,h3,h4,h5,h6,p 		{ margin: 0; }
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6, * + .likeh1, * + .likeh2, * + .likeh3, * + .likeh4, * + .likeh5, * + .likeh6 { margin-top: 1em; } 
h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6 { margin-top: 1em; } 
.btn + p					{ margin-top: 2em; }
p + a.btn,
* + p 						{ margin-top: 1em; }
.opthead 					{ margin-bottom: 50px; }
.fa-file-pdf-o 				{ margin-right: .25em; }

/* Listen */
ul.list 					{ list-style-position: outside; padding-left: 1.25em; margin: 1em 0; }
ul.list li 					{ font-size: 18px; }
@media screen and (max-width: 768px){
	ul.list li 				{ font-size: 20px; }
}


/* Grid */
.s							{ padding-top: 100px; padding-bottom: 100px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.box + .box 				{ margin-top: 100px; }

@media screen and (max-width: 768px){
	.s + .s 				{ padding-top: 50px; }
}


/* Header */
#header						{ color: #fff; background-image: url('../img/mauer-hintergrund.jpg'); background-size: cover; background-position: center center; }
#logo 						{ width: 130px; position: absolute; top: 40px; right: 100px; }
#header .textbox 			{ margin: 60px 40px; }
#header .textbox .headline 	{ font-size: 60px; }
#header .textbox .headline a { color: #fff; }
#header .textbox h1 		{ margin-top: 0; color: #fff; }
#header .textbox .likeh1    { margin-top: 0; color: #fff; }

/* Main Navi */
#mn 						{ list-style: none; background-color: #fff; margin: 20px 40px; }
#mn li 						{ display: inline-block; }
#mn a 						{ text-decoration: none; padding: 12px 25px; display: inline-block; background: #fff; color: #7f4f90; transition: all .2s; font-weight: 700; }
#mn a:hover, #mn a.active   { background: #7f4f90; color: #fff; }

#mn .sub-menu 				{ display: none; position: absolute; width: 250px; background: #f4f4f4; }
#mn .sub-menu li 			{ float: none; }
#mn .sub-menu li a 			{ font-size: 18px; font-weight: 400; background: none; display: block; width: 250px; }
#mn .sub-menu li a:hover 	{ background: #7f4f90; }
#mn .hassub:hover .sub-menu { display: block; }

@media screen and (max-width: 1024px){
	
	#header .textbox 								{ margin: 40px; }
	#header .textbox .headline 						{ font-size: 42px; }
	#header .textbox h1, #header .textbox .likeh1  	{ font-size: 30px; }

}

@media screen and (max-width: 740px){
	
	#header .textbox .headline 						{ font-size: 40px; line-height: 1; margin-bottom: 15px; }
	#header .textbox 								{ margin: 10px; }
	#logo 											{ padding-top: 40px; position: relative; text-align: center; right: auto; left: auto; top: 0; width: 120px; display: block; margin: 0 auto; }

 	#mn 											{ margin: 20px 0 40px 0; }
	#mn li 											{ display: block; width: 100%; }
	#mn a 											{ display: block; width: 100%; }

	#mn .sub-menu 									{ display: block; position: relative; width: 100%; }
	#mn .sub-menu 									{ background: #fff; }
	#mn .sub-menu li a  							{ width: 100%; }

	#mn a.active-sub 								{ background: #fff; color: #7f4f90; }
	#mn a.active-sub-item							{ background: #7f4f90 !important; color: #fff; }

}


/* Intro */
.intro img.unterschrift 							{ margin-top: 1em; max-width: 350px; }


/* Programm */

.programm h2 					{ font-size: 42px; }
.programm .intro 				{ padding-bottom: 0; }
.programm .row + .row 			{ margin-top: 40px; }
.programm .pic  				{ line-height: 1; }
.programm .highlight 			{ background: #7f4f90; color: #fff !important; }
.programm .highlight h3,
.programm .highlight .likeh3 	{ color: #fff; }
.programm .highlight.txt		{ padding-top: 20px; padding-bottom: 20px; }
.programm .s + .s  				{ padding-top: 0px; }

.programm h2 + .download 		{ margin-top: 0; }

.event .likeh3 + h3 			{ margin-top: 0; }
.event .ort 					{ padding-left: 20px; }
.event .ort a 					{ font-weight: 400; color: #333; transition: color .2s; }
.event .ort a:hover 			{ color: #7f4f90; }
.event .ort:before 				{ content:"\f041"; font-family: "FontAwesome"; color: #7f4f90; position: absolute; margin-left: -20px; }

.event .highlight .ort:before	{ color: #fff; }
.event .highlight .ort a:hover	{ color: #fff; opacity: .8; }

.event .smallbtn 				{ margin-top: 1em; display: block; }
.event .langertext 				{ display: none; margin-top: 1em; }
.event .highlight .smallbtn 	{ color: #fff; }

.tprogramm 						{ margin: 2em 0; }
.tprogramm .uhrzeit 			{ font-weight: 700; }
.tprogramm .ppunkt + .ppunkt 	{ margin-top: 1em; }


/* Zitate */
img.unterschrift  				{ max-width: 300px; }
.grussworte 					{ background: #f4f4f4; }
.grussworte .headline 			{ margin-bottom: 3em; }
.grussworte h2 + h4, .grussworte .likeh2 + h4 { margin-top: .2em !important; }
.grussworte .image 				{ width: 25%; float: left; margin-top: 1em; }
.grussworte .image img 			{ border-radius: 100%; border: 5px solid #fff; }
.grussworte .quote 				{ width: 70%; float: left; margin: 1em 0; padding-left: 25px; font-size: 20px; }
.grussworte .fa 				{ margin-right: .25em; }

.grusswort .image  				{ width: 30%; float: left; margin-top: 2em; }
.grusswort .image img 			{ border-radius: 100%; }
.grusswort .signature 			{ width: 70%; float: left; padding-left: 50px; margin-top: 4em; }
.grusswort .signature img 		{ margin-left: -10px; margin-bottom: -20px; }
.big 							{ font-weight: 700; }

.grusswort .clear 				{ margin-bottom: 4em; }

@media screen and (max-width: 768px){
	
	.grussworte .headline 		{ display: none; }
	.grussworte .fa 			{ display: block; }	
	.grussworte .image 			{ width: 100%; float: none; clear: both; }
	.grussworte .quote 			{ width: 100%; float: none; clear: both; }

	.grusswort .image 			{ width: 100%; float: none; clear: both; }
	.grusswort .signature 		{ width: 100%; float: none; clear: both; padding: 0; margin: 0; text-align: center; margin: 0; }
	.grusswort .signature img 	{ margin-bottom: -40px; margin-top: 20px; }
	img.unterschrift 			{ width: 250px; max-width: 100%; }
}


/* Footer */
#footer 					{ background: #333; color: #fff; padding: 20px 0; }
#footer a 					{ color: #fff; transition: color .2s; margin-left: 20px; }
#footer a:hover 			{ color: #7f4f90; }


/* Plakate */
.plakat-container img 		{ margin-top: 2em; }




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

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  padding-right: 20px;
  padding-left: 20px;
}

.programm h2 				{ font-size: 30px; }

/* Schriften xs */
body 						{ font-size: 20px; }
h1,.likeh1 					{ font-size: 26px; }
h2,.likeh2 					{ font-size: 24px; }
h3,.likeh3 					{ font-size: 22px; }
h4,.likeh4 					{ font-size: 20px; }
h5,.likeh5 					{ font-size: 20px; }


/* Allgemein */
.row > div + div 			{ margin-top: 10px; }
.box + .box 				{ margin-top: 40px; }

/* Kontakt Mailadresse */
.kontakt a[href*="mailto"] 	{ 	
	hyphens: auto;
	hyphenate-limit-chars: auto 4;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 4;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 4;
	-ms-hyphenate-limit-lines: 2; }

#footer a 					{ display: block; margin: 0; margin-top: 10px; }


}


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


}

@media only screen and (min-width: 740px) and (max-width: 1024px){



}

@media only screen and (max-width: 1024px){
	
.programm .event p + p 			{ margin-top: .5em !important; }

}

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


}

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

	

}

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

	body 						{ width: 1550px; margin: 0 auto; border-right: 10px solid #fff; border-left: 10px solid #fff; background: #f4f4f4; -webkit-box-shadow: 0px 0px 55px -22px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 55px -22px rgba(0,0,0,0.10); box-shadow: 0px 0px 55px -22px rgba(0,0,0,0.10); }
	.wrapper 					{ background: #fff; }
	
}

/* Animations */
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}
@-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}
@-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}
@-webkit-keyframes slideDown { 0% { margin-top: -100px; } 100% { margin-top: 0; }}
@-moz-keyframes slideDown { 0% { margin-top: -100px; } 100% { margin-top: 0; }}
@-o-keyframes slideDown { 0% { margin-top: -100px; } 100% { margin-top: 0; }}
@keyframes slideDown { 0% { margin-top: -100px; } 100% { margin-top: 0; }}

/* Silbentrennung */
/*.s.txt h1 {
	hyphens: auto;
	hyphenate-limit-chars: auto 4;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 4;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 4;
	-ms-hyphenate-limit-lines: 2;
}*/

/* Flexbox Fallback */
.fb .s, .fb .row { overflow: hidden; clear: left; }
.fb .col-xs,
.fb .col-xs-1,	
.fb .col-xs-2,	
.fb .col-xs-3,	
.fb .col-xs-4,	
.fb .col-xs-5,	
.fb .col-xs-6,	
.fb .col-xs-7,	
.fb .col-xs-8,
.fb .col-xs-9,	
.fb .col-xs-10,	
.fb .col-xs-11,	
.fb .col-xs-12,
.fb .col-sm-4, 	
.fb .col-sm-8,
.fb .col-sm-8 			{ display: inline-block; float: left; }
.fb .col-xs-12 			{ width: 100%; }
.fb .col-sm-4  			{ width: 33.33%; }
.fb .col-xs-6,
.fb .col-sm-6  			{ width: 50%; }
.fb .col-sm-8  			{ width: 66.66%; }