@media only screen {
	@import "http://fonts.googleapis.com/css?family=Open+Sans:300italic,300";
	
	body {
		background: #fff;
	}
	body * {
		font-family: 'Open Sans', sans-serif !important;
		font-weight: 300;
	}
	b, strong {
		font-weight: 600;
	}
	.clear {
		clear: both;
	}
	
	.contain-to-grid .top-bar, .row {
	    max-width: 73.125rem;
	}
	body.f-topbar-fixed {
		padding-top: 0;
	}
	#page_wrapper {
		min-height: 100%;
	}
	
/*
 * Headernavigation
 */
	.top-bar {
		height: 76px;
		background: none;
	}
	.top-bar .name {
		height: 80px;
		padding: 13px 0 0;
	}
	.contain-to-grid,
	.top-bar-section ul,
	.top-bar-section li:not(.has-form) a:not(.button),
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background: #fff;
		text-align: center;
		color: #575756;
	}
	.dropdown li:not(.has-form) a:not(.button),
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background: #ebecec;
	}
	.contain-to-grid .navborder {
		position: absolute;
		width: 100%;
		height: 80px;
		border-bottom: 4px solid #4ab471;
	}
	.top-bar .title-area {
	    width: 20%;
	    text-align: left;
	}
	.top-bar-section ul li {
	    width: 16%;
	}
	.top-bar-section >ul > li:not(.has-form) > a:not(.button),
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		line-height: 76px;
	}
	.top-bar-section .has-dropdown > a {
	    padding-right: 15px !important;
	}
	.top-bar-section .has-dropdown > a:after {
		content: none;
	}
	.top-bar-section > ul > li > a,
	.top-bar-section > ul > li.active > a,
	#page_wrapper .top-bar-section .dropdown li a {
		color: #575756;
		font-size: 1.4375rem;
		font-weight: 300;
		text-transform: lowercase;
	}
	#page_wrapper .top-bar-section .dropdown li a {
	    border-top: 1px solid #D9D9D9;
	    font-size: 1.125rem;
	    line-height: 1em;
	    padding: 12px 0;
	}
	/* hover */
	#page_wrapper .top-bar-section ul li:hover > a {
		background: #ebecec;
	    transition: 0.5s;
	}
	.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
		display: block;
	    transition: 0.5s;
	}
	.top-bar-section > ul > li:hover,
	.top-bar-section > ul > li.active,
	.top-bar .name:hover {
	    border-bottom: 4px solid #9B09D1;
	}
	.top-bar-section li:not(.has-form) a:hover:not(.button) {
		background: #ebecec;
	}
	.top-bar-section ul li:hover > a {
		color: #575756;
	    transition: 0.5s;
	}
	.top-bar-section .dropdown {
	    padding: 0 15px;
	    background: #ebecec;
	    border-bottom: 4px solid #9B09D1;
	}
	
	.off-canvas-list {
		font-size: 15px;
	}
	.off-canvas-list li li {
		list-style-type: none;
	}
	.off-canvas-list > li > a {
	    font-weight: bold;
	}
	.left.tab-bar-section {
	    background: #FFFFFF;
	   border-bottom: 1px solid #333333;
	    /*height: 50px;*/
	}
	.tab-bar-section .title img {
	    height: 30px;
	    width: auto;
	}
	
/*
 * Content
 */
	#content_wrapper {
	    /*padding-top: 110px;
	    padding-bottom: 110px;*/
	   padding: 110px 10px;
	}
	/*#content_wrapper h1 {
	    font-size: 2.5rem;
	    margin-bottom: 1.125rem;
	}
	#content_wrapper p {
	    margin-bottom: 0.875rem;
	}*/
	#content_wrapper a {
		color: #9B09D1;
	}
	#content_wrapper a:hover {
		color: #9B09D1;
		text-decoration: underline;
	}
	#content_wrapper h1 {
		font-size: 40px;
		margin-bottom: 18px;
	}
	#content_wrapper h2 {
		font-size: 28px;
		margin: 30px 0 16px;
	}
	#content_wrapper p {
		margin-bottom: 0.875rem;
	}
	
	/* Root-page */
	#root #content_wrapper {
		padding: 0;
		margin-top: 80px;
		overflow: hidden;
	}
	#bandage, #opacity {
	    bottom: 0;
	    height: 50%;
	    left: 0;
	    position: absolute;
	    width: 100%;
	}
	#opacity {
	    background: none repeat scroll 0 0 #000000;
	    opacity: 0.7;
	}
	#bandage .row {
	    height: 100%;
	    position: relative;
	    text-align: center;
	    padding: 0 10px;
	}
	#bandage .row > img {
	    height: 33%;
	    margin: 3% 0 1%;
	}
	#bandage #lang, #bandage #medaillen {
		margin: 0px auto;
	}
	#bandage #lang {
		margin: 5% auto 8%;
	}
	#bandage #medaillen .medaille {
	    float: left;
	    width: 33.333%;
	}
	#bandage #medaillen .medaille:first-child {
	    text-align: left;
	}
	#bandage #medaillen .medaille:last-child {
	    text-align: right;
	}
	#bandage #medaillen .medaille img {
	    width: 66%;
	}
	#bandage #lang .button {
	    /*height: 60px;*/
	    width: 45%;
	    background: #9B09D1;
	    border: 1px solid #fff;
	    color: #fff;
    	text-transform: lowercase;
    	transition: 0.5s;
    	font-size: 23px;
    	padding: 5px;
    	margin: 0;
	}
	#bandage #lang .button:hover {
	    background: #9B09D1;
	    transition: 0.25s;
	    text-decoration: none;
	}
	#lang .button:first-child {
	    margin-right: 10% !important;
	}
	.share_wrapper {
		clear: both;
		padding-top: 10px;
		color: #575756;
	}
	.share_wrapper > a {
	    margin-left: 60px;
	    margin-right: 10px;
	}
	.share_wrapper > a:first-child {
	    margin-left: 0px;
	}
	
/*
 * Footer
 */
	#footer_wrapper {
	    background: none repeat scroll 0 0 #fff;
	    border-top: 4px solid #4ab471;
	    clear: both;
	    margin-top: 0;
	    position: fixed;
	    left: 0;
	    bottom: 0;
	    margin: 0;
	    width: 100%;
	    height: 80px;
		transition: 1s;
	}
	* html #footer /* IE 6 */ {
	   position:absolute;
	   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
	}
	#footer_wrapper > header {
	    background: none repeat scroll 0 0 #EBECEC;
	}
	.footer_contact a {
		background: url("../img/contact.svg") no-repeat 27px 52% / 20px auto;
		padding-left: 20px;
	}
	.footer_newsletter a {
		background: url("../img/newsletter.svg") no-repeat 19px 56% / 21px auto;
    	padding-left: 30px;
	}
	.footer_supporters a {
		background: url("../img/supporters.svg") no-repeat 14px 52% / 20px auto;
		padding-left: 27px;
	}
	.footer_imprint a {
		background: url("../img/imprint.svg") no-repeat 27px 52% / 20px auto;
		padding-left: 14px;
	}	
	#footer_wrapper #content_newsletter, #footer_wrapper #content_contact {
		height: 0;
		display: none;
		transition: 1s;
	}
	#footer_wrapper.contact {
		height: /*350px*/250px;
		transition: 1s;
	}
	#footer_wrapper.contact #content_contact {
		height: /*270px*/170px;
		display: block;
		transition: 1s;
	}	
	#footer_wrapper.newsletter {
		height: 230px;
		transition: 1s;
	}
	#footer_wrapper.newsletter #content_newsletter {
		height: 150px;
		display: block;
		transition: 1s;
	}
	#footer_wrapper a {
		line-height: 76px;
		color: #575756;
    	text-transform: lowercase;
	}
	#footernav, #social {
	    margin-bottom: 0;
	}
	#footernav li {
	    /*padding: 0 38px;*/
	    margin: 0;
	    text-align: center;
	    width: 20%;
	}
	#footernav li:hover, #footernav li.open {
	    background: #fff;
	}
	.footercontent {
		/*display: none;*/
		height: 0;
	}
	#footer_wrapper .row div:last-child, #social {
		padding-right: 0;
	}
	#social > li {
	    background: none repeat scroll 0 0 #4ab471;
	    height: 76px;
	    margin: 0;
	    padding: 0 5px;
	}
	#social > li:first-child {
	    padding-left: 20px;
	}
	#social > li:last-child {
	    padding-right: 20px;
	}
	#social a.facebook {
	    background: url("/img/facebook_i.svg") no-repeat;
	    height: 30px;
	    margin-top: 25px;
	    width: 30px;
	    font-size: 0;
	}
	#social a.facebook:hover {
	    background: url("/img/facebook_a.svg") no-repeat;
	}
	#social a.twitter {
	    background: url("/img/twitter_i.svg") no-repeat;
	    height: 30px;
	    margin-top: 25px;
	    width: 30px;
	    font-size: 0;
	}
	#social a.twitter:hover {
	    background: url("/img/twitter_a.svg") no-repeat;
	}
	#social a.youtube {
	    background: url("/img/youtube_i.svg") no-repeat;
	    height: 30px;
	    margin-top: 25px;
	    width: 30px;
	    font-size: 0;
	}
	#social a.youtube:hover {
	    background: url("/img/youtube_a.svg") no-repeat;
	}
	#social a.rss {
	    background: url("/img/rss_i.svg") no-repeat;
	    height: 30px;
	    margin-top: 25px;
	    width: 30px;
	    font-size: 0;
	}
	#social a.rss:hover {
	    background: url("/img/rss_a.svg") no-repeat;
	}
	
	
	.footercontent form, .footercontent header {
		margin-top: 20px;
	}
	.footercontent form input {
		height: 35px;
		margin: 0 0 10px;
	}
	.footercontent form input[type="text"] {
	    background: #EBECEC;
	    border: 0 none;
	    box-shadow: none;
	}
	.footercontent form input.button {
		background: #7D03A6;
	    padding: 0px 15px;
	    text-transform: lowercase;
	    
	}
	.footercontent form textarea {
	    height: 80px;
	    margin-bottom: 10px;
	    resize: none;
	}
	.footercontent > header {
	    color: #9B09D1;
	    font-size: 24px;
	    padding-bottom: 10px;
	}
	::-webkit-input-placeholder {text-transform: lowercase; font-style: italic;}
	::-moz-placeholder {text-transform: lowercase; font-style: italic;}
	:-ms-input-placeholder {text-transform: lowercase; font-style: italic;}
	input:-moz-placeholder {text-transform: lowercase; font-style: italic;}
	textarea:-moz-placeholder {text-transform: lowercase; font-style: italic;}
	
	#footer_banner {
	    background: #EBECEC;
	    color: #575756;
	    float: right;
	    height: 170px;
	    width: 190px;
	    line-height: 1.7;
	}
	#footer_banner > header {
	    background: #54CC80;
	    color: #FFFFFF;
	    font-size: 20px;
	    padding-left: 18px;
	}	
	#footer_banner address {
	    font-style: normal;
	    font-size: 11px;
	    margin-left: 15px;
	    margin-top: 12px;
	}
	
	
/* SearchBox */
	#search {
	    position: absolute;
	    /*right: -33px;
	    right: 0px;*/
	   right: 27px;
	    top: 97px;
	}
	#search .tx-macinasearchbox-pi1 {
	    height: 24px;
	    position: relative;
	    width: 150px;
	}
	#search .tx-macinasearchbox-pi1 input {
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    border-color: #3e3e40;
	    border-style: none none solid;
	    border-width: 0 0 1px;
	    box-shadow: none;
	    color: #3e3e40;
	    padding: 0;
	    width: 150px;
	}
	#search .tx-macinasearchbox-pi1 .magnifier {
	    background: url("../img/glass.svg") no-repeat scroll left top rgba(0, 0, 0, 0);
	    cursor: pointer;
	    height: 31px;
	    position: absolute;
	    width: 30px;
	    /*bottom: 0;
	    right: 0;*/	    
	   	top: 10px;
	    right: -28px;
	}

	.csc-textpic-image.csc-textpic-last > img {
	    margin-right: 20px;
	    padding-bottom: 10px;
	}
	.inline-list.right {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
		color: #7D03A6;
	}
		
/* Box */
	.infobox {
		float: left;
		display: inline;
		height: 254px;
		width: 254px;
		margin: 0 5px 5px 0;
		position: relative;
		overflow: hidden;
		position: relative;
		border: 1px solid #ddd;
	}
	.infobox img, .infobox_content {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	height: 254px;
	  	width: 254px;
	}
	.infobox_header {
	    font-size: 21px;
	    line-height: 1.2;
	    padding: 2px 0 30px;
	    margin: 0 -22px;
	}
	.infobox_content {
	    background: #000;
	    color: #fff;
	    opacity: 0.8;
	    top: 190px;
	    transition: 0.25s;
	    padding: 5px 20px;
	    text-align: center;
	    font-size: 23px;
	  	height: 254px;
	}
	.infobox:hover .infobox_header {
	    font-size: 21px;
	    line-height: 1.1;
	    padding: 5px 0 10px;
	}
	.infobox:hover .infobox_content, body#news .infobox:hover .infobox_content {
	    top: 0;
	    padding-top: 20px;
	    transition: 0.25s;
	    text-align: center;
	}
	.infobox_header > span {
		display: block;
		font-size: 0.7em;
		padding-top: 5px;
	}
	.infobox_body > p {
	    line-height: 1.4em;
	    font-size: 15px;
	}
	body#news .infobox, body#news .infobox img, body#news .infobox_content {
		height: 218px;
		width: 218px;
	}
	body#news .infobox_content {
		top: 157px;
	}
	
/* News Slider */
	#content_wrapper .flexslider {
		border: 0;
		box-shadow: none;
		/*height: 285px;*/
	}
	#content_wrapper .flexslider .slides {
	    margin: 0 60px;
	}
	#content_wrapper .flex-control-paging li a {
    	background: #CC99DB;
    }
	#content_wrapper .flex-control-paging li a.flex-active {
    	background: #7c04a4;
    }
    #content_wrapper .flexslider .caption-title {
	    font-size: 28px;
	}
    .flex-control-nav {
	    font-size: 0;
	    right: 60px;
	    text-align: right;
	}
	.flex-direction-nav a {
	    background: url("../img/more_I.png") no-repeat;
	    cursor: pointer;
	    display: block;
	    height: 50px;
	    margin: -20px 0 0;
	    opacity: 0;
	    position: absolute;
	    text-indent: -9999px;
	    top: 50%;
	    width: 28px;
	    z-index: 10;
	}
	.flex-direction-nav a:hover {
	    background: url("../img/more_A.png") no-repeat;
	}
	.flexslider .flex-prev, .flexslider:hover .flex-prev {
	    left: 5px;
	    opacity: 1;
	}
	.flexslider .flex-next, .flexslider:hover .flex-next {
	    opacity: 1;
	    right: 5px;
	    background-position: 100% 0;
	}
	.slider_img {
		float: left;
		width:/*285px*/27.66%;
		border: 1px solid #ddd;
	}
	.slider_text {
		float: left;
		padding-left: 10px;
		width: /*745px*/72.33%;
	}
	.slider_text > p {
		color: #575756;
	}
	.news-single .article .news-img-wrap {
	    float: left;
	    margin: 0 25px 0 0;
	}
	.news-single .footer {
	    border: 0;
	}
	.news-list-view .page-navigation {
		clear: both;
	}
	.news {
		position: relative;
	}
	.archive-next {
	    background: url("../img/more_I.png") no-repeat 100% 0;
	    height: 50px;
	    position: absolute;
	    right: 0;
	    top: 84px;
	    width: 28px;
	    text-indent: -9999px;
	}
	.archive-next:hover {
	    background-image: url("../img/more_A.png");
	}
	.news .page-navigation ul {
	    float: none;
	}
	.news .page-navigation ul li a {
	    padding: 1px 10px;
	}
	#content_wrapper ul.pagination li:hover a, #content_wrapper ul.pagination li a:focus {
	    background: #CC99DB;
	    color: #FFFFFF;
	}
	#content_wrapper .page-navigation a, #content_wrapper .page-navigation a:hover {
	    color: #999;
	    text-decoration: none;
	}
	#content_wrapper .page-navigation .current > a {
	    color: #fff;
	    background: #9B09D1;
	}
	#bgVideo {
		position: fixed;
		/*z-index: -99;*/
		width: 100%;
		height: calc(100% - 160px) !important;
	}
	
/* SitemapID: 1 - Landingpages */
	#content_wrapper ul.csc-menu-1 {
	    margin-left: 0;
	    overflow: auto;
	}
	#content_wrapper ul.csc-menu-1 li {
		float: left;
		display: inline;
		width: 254px;
		height: 254px;
		margin: 0 5px 5px 0;
		position: relative;
		overflow: hidden;
	    text-align: center;
	}
	.img_wrapper {
		display: inline-block;
		height: auto;
		width: 56%;
	  }
	  .item img.img, .item:hover img.img_hover {
		display: block;
	  }
	  .item:hover img.img, .item img.img_hover {
		display: none;
	  }
	  #content_wrapper .item h2 {
		text-align: center;
		color: #4AB471;
		margin: 15px 0 0;
		text-transform: lowercase;
	  }
	  #content_wrapper .item:hover h2 {
		color: #2f6b43;
		font-weight: 400;
	  }
	  #content_wrapper .item a:hover * {
		  text-decoration: none;
	  }
/*	#content_wrapper ul.csc-menu-1 {
	    margin-left: 0;
	    overflow: auto;
	}
	#content_wrapper ul.csc-menu-1 li {
		float: left;
		display: inline;
		width: 254px;
		height: 254px;
		margin: 0 5px 5px 0;
		position: relative;
		overflow: hidden;
		border: 1px solid #ddd;
	    text-align: center;
		background: url("/fileadmin/LandingPages/landingboxinactive.jpg");
	}
	#content_wrapper ul.csc-menu-1 li:hover {
		background: url("/fileadmin/LandingPages/landingbox_hover.jpg");
	}
	#content_wrapper ul.csc-menu-1 li a {
		color: #fff;
		font-size: 30px;
	    line-height: 254px;
	    text-align: center;
		text-transform: lowercase;
		display: block;
	}
	#content_wrapper ul.csc-menu-1 li:hover a {
		color: #000;
		text-decoration: none;
	}*/
	/*
	 * reserve Form
	 */
	form.reserveform {
	    background: #ECECEC;
	    padding-top: 9px;
	    width: 283px;
	    float: right;
	    margin-bottom: 0;
	}
	.reserveform input[type="text"], .reserveform textarea, .reserveform p {
	    margin: 0 9px 9px;
	    width: 265px;
	    resize:none;
	    border: 0 none;
	}
	#content_wrapper .reserveform p {
	    color: #A7A7A7;
	    font-size: 13px;
	    margin: 0 13px 9px;
	}
	.reserveform input[type="submit"], #content_wrapper a.button{
	    margin-bottom: 0;
	    width: 100%;
		background: #E26508;
		color: #fff;
	}
	.reserveform input[type="submit"]:hover, #content_wrapper a.button:hover {
		background: #f8710d;
		text-decoration: none;
	}
	.medaillen {
	    height: 20%;
	    position: relative;
	}
	.medaillen > img {
		height: 100%;
		margin: 0 20px;
	}	
	.products_text {
	    float: left;
	    width: 65%;
	}
	.products_form {
	    float: right;
	    width: 30%;
	}
}

@media only screen and (max-width: 40em) {
	body.f-topbar-fixed {
		padding-top: 0;
	}
	#content_wrapper {
	    padding: 0 10px 20px;
	}
	.backstretch {
		display: none;
		visibility: hidden;
	}
	#root #content_wrapper {
    	margin-top: 0px;
    	height: calc(100% - 45px) !important;
    }
    .inner-wrap {
    	height: 100%;
    	position: absolute;
    }
    #bandage, #opacity {
	    height: 100%;
	    left: 0;
	    /*position: fixed;
	    z-index: 0;*/
	    top: 0;
	    width: 100%;
	}
	/*nav.tab-bar {
		z-index: 5;
	}*/
	#root #lang .button {
	    margin: 10px 0;
	}
	
/* PageID: News */
	#content_wrapper .flexslider .slides {
	    margin: 0;
	}
	/*.slider_img {
	    width: 50%;
	    max-with: 285px;
	}
	.slider_text {
	    width: 50%;
	}*/
	.flex-direction-nav {
	    display: none;
	}
	#content_wrapper .flexslider .caption-title {
	    font-size: 24px;
	    line-height: 1;
	}
	body#news .infobox .infobox_content, body#archive .infobox .infobox_content {
	    top: 0px;
	    padding-top: 20px;
	}
	body#news .infobox .infobox_header, body#archive .infobox .infobox_header {
	    line-height: 1.1;
	    padding: 5px 0 10px;
	}
	body#news .archive-next {
	    float: left;
	    left: 95px;
	    position: relative;
	}
	body#news .archive-next {
	    float: left;
	    left: 95px;
	    position: relative;
	}
	
/* PageID: References */
	body#references .infobox:hover .infobox_content {
	    top: 190px;
	    padding-top: 5px;
	}
	body#references .infobox:hover .infobox_header {
	    line-height: 1.2;
	    padding: 2px 0 30px;
	}
	
	
	body.newsletter #content_wrapper input[type="text"] {
		margin-top: 1rem;
	}
	#bandage #lang .button {
	    padding: 15px 5px;
	}
	#bandage #lang {
	    margin: 25px 0 !important;
	}	
	#bandage .row > img {
	    margin: 25px 0 0;
	    height: auto;
	}
	iframe {
		width: 100%;
	}
	.products_text, .products_form {
		clear: both;
		width: 100%;
	}
	form.reserveform {
	    width: 100%;
	}
	.reserveform input[type="text"], .reserveform textarea, .reserveform p {
	    width: 95%;
	}
}
@media only screen and (max-width: 40em) and (orientation : landscape) {
	#bandage #lang {
	    margin-bottom: 5% !important;
	}
}
@media only screen and (min-width: 40em) and (max-width: 64em) {
}
@media only screen and (max-width: 64em) {
	#bandage #lang .button {
	    font-size: 18px;
	}
	#lang .button:first-child {
	    margin-right: 5% !important;
	}
}