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}.media{display:flow-root}.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}.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%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
*{padding:0;margin:0;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;box-sizing:border-box;}
*{box-sizing:border-box;}
html,
body{margin:0;padding:0;font-family:'Open Sans',sans-serif;font-style:normal;color:#000000;font-weight:normal;}
html {width: 100%;}
body {width: 100%; }
body {
	color:#575757;
}
img {
	display:block;
}
header .inside,
.max-width {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.logo {
	max-width: 220px;
	width:100%;
	float:left;
}
header {
	padding-top:30px;
	padding-bottom:30px;
	border-top:4px solid #e8b319;
	display:inline-block;
	width:100%;
}
.orange {
	color:#e8b319;
}
.pink {
	color:#c4007a;
}
/* content */
.text-banner {
	position:absolute;
	bottom:0;
	width:100%;
	background-color:rgba(255,255,255,0.8);
	padding-top:50px;
	padding-bottom:50px;
}
.text-banner h1 {
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:1.1em;
}
.text-banner .max-width {
	position:relative;
}
.cta {
	background-color:#c4007a;
	color:#ffffff;
	font-weight:bold;
	float:right;
	padding:10px 20px;
	position:absolute;
	right:0;
	bottom:0;
}
.cta a {
	color:#ffffff;
	text-decoration:none;
}
nav ul li {
	display:inline;
	margin-left:20px;
}
nav ul li a {
	font-weight:bold;
	color:#575757;
	text-decoration:none;
}
header nav {
	float:right;
	margin-top:70px;
}
nav ul {
	padding-bottom:5px;
}
header nav li strong {
    border-bottom: 2px solid #c4007a;
    padding-bottom: 2px;
}
header nav li a:hover {
    border-bottom: 2px solid #e8b319;
    padding-bottom: 2px;
}
/* footer */
footer nav {
	font-size:0.9em;
}
footer nav ul {
	float:right;
}
footer nav ul li a {
	font-weight:normal;
}
footer nav li strong,
footer nav li a:hover {
	color:#ffffff;
}
.footer-kontakt {
	padding-top:20px;
	padding-bottom:20px;
	font-size:0.9em;
}
.footer-kontakt a {
	color:#575757;
	text-decoration:none;
}
.footer-kontakt a:hover {
	color:#c4007a;
}
.footer-bottom {
	background-color: #e8b319;
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
}
.werbegut {
	font-size:0.9em;
	color:#575757;
	margin-top:10px;
	margin-bottom:5px;
}
.werbegut a {
	color:#575757;
	text-decoration:none;
}
.werbegut a:hover {
	color:#ffffff;
}
/* papagei */
#container,
#main,
#main .inside,
.mod_article{
	overflow:visible;
}
#article-1 .ce_text {
	position:relative;
}
.logiprax-papagei {
	float: right;
	margin-top: -30px;
	position: relative;
	margin-bottom: -30px;
	overflow: visible;
	right: 50px;
	z-index: 100;
}
.logiprax-papagei img {
	width: 40px;
	height:auto;
}
.home footer {
	border-top:0;
}
footer {
	border-top:2px solid #e8b319;
}
/* content*/
.ce_text p {
	margin-bottom:1em;
}
.ce_text ul li {
	list-style-type: square;
}
.ce_text ul {
	margin-left:30px;
}
.content {
	margin-top:50px;
	margin-bottom:50px;
}
.content a {
	color:#575757;
	text-decoration:none;
}
.content a:hover {
	color:#c4007a;
}
.ce_gallery ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}
/* design */
.first-large h1 {
	font-size:30px;
	text-transform:uppercase;
}
.first-large {
	margin-top:100px;
	margin-bottom:100px;
	font-weight:bold;
	text-align:center;
}
.content-icon {
	max-width:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.first-large h1:after {
	content: "";
	width: 200px;
	height: 5px;
	display: block;
	background-color: #c4007a;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}
.first-large h2 {
	margin-bottom:10px;
}
.dark-img {
	background-color:rgba(0,0,0,0.75);
	padding-top:60px;
	padding-bottom:60px;
	color:#ffffff;
}
.dark-img .ce_image {
	width:30%;
	float:left;
}
.dark-img .ce_text,
.dark-img .ce_form{
	width:70%;
	padding-left:20px;
	box-sizing:border-box;
}
.dark-img h2:after,
.banner h2:after {
	content: "";
	width: 200px;
	height: 3px;
	display: block;
	background-color: #e8b319;
	margin-top: 10px;
	margin-bottom:40px;
}
.banner {
background: url(../../files/img/tapete.jpg) no-repeat top center fixed;
  background-repeat: no-repeat;
  background-size: auto;
background-repeat: no-repeat;
background-size: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
content: "";
min-height: 300px;
width: 100%;
padding-top:60px;
padding-bottom:60px;
}
.banner .ce_text {
	background-color:rgba(255,255,255,0.85);
	width:70%;
	box-sizing:border-box;
	margin-left:30%;
	padding:40px;
}
.ce_text ul li {
  list-style-type: square;
  padding-bottom: 8px;
}
/* formular */
.kontaktformular input,
.kontaktformular textarea{
	width:100%;
	background-color:#ffffff;
	border:1px solid #ffffff;;
	line-height:50px;
	box-sizing:border-box;
	color:#000000;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
	font-size:16px;
}
.kontaktformular textarea{
	min-width:100%;
	font-family:'Open Sans',sans-serif;font-style:normal;
}
.kontaktformular input:focus,
.kontaktformular textarea:focus{
	border:1px solid #ffffff;	
}
.kontaktformular button.submit {
	background-color:#ffffff;
	border:1px solid #ffffff;
	line-height:50px;
	box-sizing:border-box;
	color:#000000;
	padding-left:40px;
	padding-right:40px;
	float:right;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.kontaktformular .form-wrapper {
    column-count: 2;
    column-gap: 20px;
    box-sizing:border-box;
}
.kontaktformular .widget-submit {
 	float:right;
 	padding-left:30px;
 }
.kontaktformular .widget-explanation {
	font-size:14px;
}
.kontaktformular .widget-explanation a {
	color:#ffffff;
}
.kontaktformular :focus {
  outline: none;
}
/* popup */
/* btn */
.popup-btn {
	width: 46px;
	height: 46px;
	margin: 0 15px 0 15px;
    cursor: pointer;
    position: absolute;
    right:0;
    z-index: 200;
    /*top: -12px;*/
	top: -21px;
	border-radius: 100%;
	background-color: #c4007a;
	right: -36px;
}
.popup-btn span {
	height: 2px;
	display: block;
	position: absolute;
	top: 22.5px;
	left: 0;
	right: 10%;
	background-color: #ffffff;
	-webkit-transition: background 0.15s linear 0.15s;
	-o-transition: background 0.15s linear 0.15s;
	transition: background 0.15s linear 0.15s;
}
.popup-btn span::before {
	top: -10px;
	-webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	-o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
	transition: top 0.15s linear 0.15s, transform 0.15s linear;
	transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
}
.popup-btn span::after {
	bottom: -10px;
	-webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	-o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
}
.popup-btn span::before, .popup-btn  span::after {
	content: "";
	width: 30px;
	height: 2px;
	display: block;
	position: absolute;
	left: 8px;
	background-color: #ffffff;
}
.popup-btn span {
	-webkit-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
	background: none;
}
.popup-btn span::before {
	top: 0px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	-o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
	transition: top 0.15s linear, transform 0.15s linear 0.15s;
	transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	background-color: #ffffff;
}
.popup-btn span::after {
	bottom: 0px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	-o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	background-color: #ffffff;
}
/* btn ENDE */
/* popup */
body.hide-popup #popup {
	display:none;
}
#popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	z-index: 100;
	height: 100vh;
	overflow-y: scroll;
}
.popup {
	margin-top:30px;
	margin-bottom:30px;
	border:1px solid #c4007a;
	padding:20px;
	background-color:#ffffff;
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:visible;
}
.popup figure {
	width:41%;
	padding-left:50px;
	padding-bottom:50px;
}
.popup-logo figure {
	max-width:200px;
	width:100%;
	padding-left:0;
	padding-bottom:0;
}
.popup-logo {
	max-width:200px;
	margin-bottom:50px;
}
.popup-footer {
	font-size:12px;
	margin-top:50px;
}
#popup .inside {
	padding-left:30px;
	padding-right:30px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
#popup.fit-window .inside {
	position:relative;
	top:initial;
	transform:none;
	left:initial;
	margin-left: auto;
	margin-right: auto;
}
.popup .ce_text p:last-of-type {
	margin-bottom:0;
}
.popup {
	padding:40px 20px;
}
.popup h2 {
	font-size:18px;
	margin-bottom:10px;
}
@media only screen and (max-width: 850px) {
	#popup .inside {
		padding-left: 10px;
		padding-right: 10px;
		width: calc(100% - 60px);
	}
}
/* popup ende */
@media screen and (max-width:1100px) {
	.text-banner {
		position:relative;
		background-color:rgba(232,179,25,0.15);
		display:inline-block;
	}
	.cta {
		float:left;
		position:relative;
		margin-top:20px;
	}
}
@media screen and (max-width:700px) {
	.banner .ce_text {
		width:100%;
		margin-left:0;
	}
	.first-large h1 {
		font-size:25px;
	}
	.first-large h2 {
		font-size:20px;
	}
	.kontaktformular .form-wrapper {
	    column-count: 1;
	    column-gap: 20px;
	    box-sizing:border-box;
	}
}
@media screen and (max-width:500px) {
	.logiprax-papagei {
		right:10px;
	}
	.footer-kontakt {
		padding-right:20px;
	}
	.dark-img .ce_image {
		width:100%;
		max-width:300px;
		margin-left:auto;
		margin-right:auto;
		padding-left:40px;
		padding-right:40px;
		text-align:center;
		margin-bottom:40px;
	}
	.dark-img .ce_text,
	.dark-img .ce_form{
		width:100%;
		padding-left:40px;
		padding-right:40px;
	}
	.first-large {
	  margin-top: 50px;
	  margin-bottom: 75px;
	}
	.dark-img .ce_text, .dark-img .ce_form {
		width:100%;
	}
}
@media only screen and (max-width: 800px) {
	/* btn */
.btn {
	width: 45px;
	height: 45px;
	margin: 0 15px 0 15px;
    cursor: pointer;
    position: absolute;
    right:0;
    z-index: 200;
    top: -12px;
}
	.btn span {
	    height: 2px;
	    display: block;
	    position: absolute;
	    top: 22.5px;
	    left: 0;
	    right: 10%;
	    background-color: #575757;
	    -webkit-transition: background 0.15s linear 0.15s;
	    -o-transition: background 0.15s linear 0.15s;
	    transition: background 0.15s linear 0.15s;
	}
	.btn span::before {
	    top: -10px;
	    -webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.btn span::after {
	    bottom: -10px;
	    -webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.btn span::before, .btn span::after {
	    content: "";
	    width: 100%;
	    height: 2px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #575757;
	}
	body.nav-open .btn span {
	    -webkit-transition: background 0.15s linear;
	    -o-transition: background 0.15s linear;
	    transition: background 0.15s linear;
	    background: none;
	}
	body.nav-open .btn span::before {
	    top: 0px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #575757;
	}
	body.nav-open .btn span::after {
	    bottom: 0px;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #575757;
	}
/* btn ENDE */

/* NAV */
	#header nav{
		display:none;
	}
	#header nav {
		position: absolute;
		background-color: #e8b319;
		top: 0;
		right: 0;
		margin-top: -40px;
		/*padding: 30px;*/
		height: 100vh;
		color: #575757;
		width: auto;
		padding-right:50px;
		overflow-y: auto;
		z-index:20;
		padding-right:80px;
		z-index:100;
		padding:30px 15px;
		max-width:230px;
	}
	.smaller #header nav {
    	top: -50px;
	}
	#header nav ul {
		display:grid;
	}
	#header nav ul li {
		float:left;
		clear:both;
		display:block;
		padding-bottom:10px;
	}
	#header .header nav ul li a {
		color:#575757;
	}
	#header .header nav ul strong,
	#header .header nav ul a:hover{
		color:#575757;
	}
	/* logi */
	#header nav {
		position: fixed;
		margin-top: 0;
	}
	#header nav ul {
		margin-top:50px;
	}
	#header nav ul li {
	    padding-bottom: 30px;
	}
}
/* NAV ENDE */