@font-face {
	font-family: 'NovelProRegular';
	src: url('../fonts/novelpro-bold-webfont.eot');
	src: local('NovelProRegular Bold'), url('../fonts/novelpro-bold-webfont.woff') format('woff'), url('../fonts/novelpro-bold-webfont.ttf') format('truetype'), url('../fonts/novelpro-bold-webfont.svg#webfontnH5x3GFg') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'NovelProRegular';
	src: url('../fonts/novelpro-regular-webfont.eot');
	src: local('NovelProRegular'), url('../fonts/novelpro-regular-webfont.woff') format('woff'), url('../fonts/novelpro-regular-webfont.ttf') format('truetype'), url('../fonts/novelpro-regular-webfont.svg#webfontJ7w5h4Cp') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NovelProRegular';
	src: url('../fonts/novelpro-regularit-webfont.eot');
	src: local('NovelProRegular Italic'), url('../fonts/novelpro-regularit-webfont.woff') format('woff'), url('../fonts/novelpro-regularit-webfont.ttf') format('truetype'), url('../fonts/novelpro-regularit-webfont.svg#webfontFRnHE9xE') format('svg');
	font-style: italic;
}


body {
	font: 0.9em NovelProRegular, Georgia, "Times New Roman", Times, serif;
	color: #4b4b4d;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #4b4b4d;
}

a:hover, a.active {
	color: #4b4b4d;
	text-decoration: underline;
}

#wrapper {max-width: 860px; width: auto; margin: 50px auto 0; padding: 0 4%;}

h1, h2, h3 {
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
}

h1 {font-weight: bold;}

#header h1, #header h2 {
	float: left;
	display: block;
}

#header h1 {
	line-height: 85px;
	padding-right: 30px;
	font-weight: normal;
	font-style: normal;
	font-size: 65px;
	margin-bottom: 0;
	margin-top: 0;
}

#header h2 {
	line-height: 1.2em;
	font-size: 19px;
	margin-top: 25px;
}

#header h3 {
	font-size: 19px;
	float: left;
	display: block;
	top: 58px;
	font-style: italic;
	line-height: 1.4em;	position: absolute;
}

#container {margin-bottom: 4em;}

li {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 0;
    margin-left: 1.2em;
}

a[href^="http"] { 
	padding-right:18px; 
	font-weight:normal; 
	background: url("../images/icon-externer-link.gif") no-repeat scroll right center transparent;
	color: #00f; 
}

/*rs-column mit padding statt margin */
#inhalt .first .rs-column {padding-right: 7.69231%;box-sizing: border-box; margin-right: 0;}
#inhalt .first .rs-column.-large-col-3-1 {width: 35.89744%;}
#inhalt .first .rs-column.-large-last {padding-right: 0; width: 28.20513%;}

#inhalt .more > h6 {display: none;}


/* rs-column mit Farben je Zustand */
#inhalt .ce_rs_columns_start.first .headline {padding-top: 178px;}
#inhalt .headline p {font-size: 21px; font-weight: bold; margin-bottom: 0;}
#inhalt .headline h4 {margin-top: 0em; margin-bottom: 0.3em; font-style: italic; font-size: 19px;}

#themen h4, #themen.active.notHovered h4, #themen.notActive.hovered h4, #t-themen .headline p:nth-child(2), #t-themen legend {color: #7c79fe;}
#kompetenz h4, #kompetenz.active.notHovered h4, #kompetenz.notActive.hovered h4, #t-kompetenz .headline p:nth-child(2), #t-kompetenz legend {color: #02add8;}
#wirkung h4, #wirkung.active.notHovered h4, #wirkung.notActive.hovered h4, #t-wirkung .headline p:nth-child(2), #t-wirkung legend {color: #0dbd4e;}

#inhalt .notHovered p, #inhalt .notActive p {color: rgba(75,75,77,0.4);}
#inhalt .active.notHovered p, #inhalt .notActive.hovered p {color: inherit;}
#themen.notHovered h4, #themen.notActive h4 {color: rgba(124,121,254,0.4);}
#kompetenz.notHovered h4, #kompetenz.notActive h4 {color: rgba(2, 173, 216,0.4);}
#wirkung.notHovered h4, #wirkung.notActive h4 {color: rgba(13, 189, 78,0.4);}

#themen, #themen.active.notHovered, #themen.notActive.hovered {background: url('../../inhalt/themen.jpg') no-repeat;}
#themen.notHovered, #themen.notActive {background: url('../../inhalt/themen_over.jpg') no-repeat;}
#kompetenz, #kompetenz.active.notHovered, #kompetenz.notActive.hovered {background: url('../../inhalt/kompetenz.jpg') no-repeat;}
#kompetenz.notHovered, #kompetenz.notActive {background: url('../../inhalt/kompetenz_over.jpg') no-repeat;}
#wirkung, #wirkung.active.notHovered, #wirkung.notActive.hovered {background: url('../../inhalt/wirkung.jpg') no-repeat;}
#wirkung.notHovered, #wirkung.notActive {background: url('../../inhalt/wirkung_over.jpg') no-repeat;}

.btnmore:hover {cursor: pointer;}

.btnmore.active {
	-webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
	transform-origin: 50% 0;
    
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);

    -webkit-transition: transform 1s ease;
	-moz-transition: transform 1s ease;
	-ms-transition: transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
}
.btnmore.active.-large-last {
	-webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
	transform-origin: 100% 0; 
}

.btnmore.active.-large-first {
	-webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
	transform-origin: 0 0; 
}

.rs-columns.more {display: none; margin-top:5em;}

  
/* rs-columns mit template als fieldset & legend */
/*.rs-columns.more {display: none; border: 1px solid; width: auto; padding: 1em; margin-top:2em;}
.rs-columns.more legend {font-style: italic; font-size: 19px;}
*/

#footer .rs-columns {display: none;}
#footer .close {display: none;}
#footer .close.active {display: block; top: 30px;  float: right;}

#footerNavi ul {float: right; border-top: 1px solid #cdcdcd; padding-top: 1em;}
#footerNavi li {float: left; margin-left: 2em; list-style: none;}
#footerNavi span {text-decoration: underline;}

#footer h6 {font-size: 21px; font-weight: bold;}
#kontakt .-large-col-2-1.-large-last {margin-top: 3em; }
#anfahrt .-large-col-2-1.-large-last {margin-top: 4em; }
#impressum .-large-col-2-1.-large-last {margin-top: 3em; }
#impressum 

#kontakt .-large-last .image_container {text-align: right;}
#anfahrt .-large-last .image_container {text-align: right;}

/* Close-Button css */
.close {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
}
.close:hover::before, .close:hover::after {
  background: #4b4b4d;
}
.close::before, .close::after {
  content: "";
  position: absolute;
  height: 6px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -3px;
  background: #000;
}
.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close.rounded::before, .close.rounded::after {
  border-radius: 5px;
}

@media screen and (max-width: 900px) {
	#header h1 {font-size: 6vw;}
}

@media screen and (max-width: 599px) {
	#wrapper {
		margin: 0 auto;
    	padding: 2% 4%;
	}
	#header {
	    height: auto;
	}
	#header h1 {font-size: 65px;}
	#header h1, #header h2, #header h3 {
		float: none;
	}
	#header h3 {
		top: inherit;
		position: relative;
	}
	#inhalt .first .rs-column.-small-col-1-1, #inhalt .first .rs-column.-large-last {
	    width: 100%;
	}
	.btnmore.active.-large-last, .btnmore.active, .btnmore.active.-large-first {
	    -webkit-transform-origin: 50% 0;
	    -moz-transform-origin: 50% 0;
	    -ms-transform-origin: 50% 0;
	    -o-transform-origin: 50% 0;
	    transform-origin: 50% 0;
	}
	#inhalt .btnmore {
		background-position: center top!important;
	}
	#inhalt .headline {
		text-align: center;
	}
	#inhalt .active .headline {
	    padding-bottom: 3em;
	}
	.rs-columns.more {
    	margin-top: 0; 
	}
	#footerNavi li {
	    padding: 10px 5px;
	}
	#footer .close.active {top: 0;}
}