/* ------------------------ 
	NEWSLETTER DEAULT
	------------------------ */
	#newsletter { 
		text-align: center; 
		padding: 10px;
	}
	#newsletter .container { 
		margin: 0 auto; 
		height: 548px;
	}
	/*image*/
	#newsletter .my_img img { 
		width: 100%;
		max-height: 580px;
		object-fit: cover;
	}
	
	/*headline*/
	#newsletter.new .headline { padding-top: 20px;}
	#newsletter p {margin: 0px; }
	#newsletter .copy {
		padding: 10px 40px 30px; 
		max-width: 800px;
		margin: auto;
	}
	#newsletter .copy a {
		text-decoration: underline;
		color: #fff;
	}
	
	/*listbox*/
	#newsletter.new  ul.listbox { 
		padding: 20px 0 10px 60px; 
		font-size: 16px; 
		color: white; 
		width: 335px; 
		margin: auto; 
	}
	#newsletter.new ul.listbox li { 
		padding: 2px; 
		list-style: disc; 
		text-align: left;  
	}
	
	/*but datenschutz*/
	#newsletter.new a { 
		font-size: 16px; 
		text-transform: uppercase; 
		text-decoration: underline; 
		font-family: DINPro-condbold;
	}
	
	/*input*/
	#newsletter.new form {margin-bottom: 1em;}
	#newsletter.new .input-fields {
		width: 600px; 
		margin: 0 auto;
	}
	#newsletter.new .input-fields input,
	#newsletter .input-fields input  {
		width: 280px; 
		display: inline-block; 
		margin: 12px 3px;
	}
	form input[type="text"],
	form input[type="email"] {
		padding: 12px 16px; 
		color: #000!important; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: none;
	}
	
	/*-------- end PLUGIN FORM -------*/
	.mc4wp-form-theme-light input[type="submit"],
	.mc4wp-form-theme-light input[type="submit"]:hover{
		border: none !important;
		background-color: rgba(0, 0, 0, 0)!important;
	}
	
	/* alert / success*/
	.mc4wp-notice p,
	.mc4wp-error p,
	.mc4wp-form-theme .mc4wp-success p { 
		color: white;
		padding: 3px 8px;
		display: inline-block;
		font-size: 16px;
	}	
	.mc4wp-notice p,
	.mc4wp-error p { background: #DE2F85; }
	.mc4wp-form-theme .mc4wp-success p { background: green; }
	/*-------- end PLUGIN FORM -------*/
	
	
	/* RESP-VIEW DEFAULT */
	@media only screen and (max-width: 1599px) { 
		/* newsletter */
		#newsletter .col-5 {width: 50%; }
	}
	
	@media only screen and (max-width: 1279px) { 
		/* newsletter new*/
		#newsletter.new .my_img {max-height: none;}
		#newsletter.new img { min-height: 450px; width: 100%; }
		#newsletter.new .headline {padding: 0 20px;}
		#newsletter.new .input-fields input {margin: 5px 3px;}
	}
	
	@media only screen and (max-width: 849px) { 
		/*newsletter.new*/
		#newsletter.new ul.listbox { 
			width: 100%; 
			padding: 20px;
		}
		#newsletter.new ul.listbox li {
			display: inline-table;
			list-style: none;
			position: relative;
			padding-left: 15px; 
			text-align: center;
		}
		#newsletter.new ul.listbox li:before {
			position: absolute;
			content: '';
			display: block;
			height: .30em;
			width: .30em;
			background: #FFF;
			border-radius: 50%;
			top: 50%;
			left: 7px; 
			transform: translateY(-50%); 
		}
		#newsletter.new .input-fields {padding: 0 20px; }
		#newsletter.new .input-fields input {width: 230px;}		
	}
	
	@media only screen and (max-width: 599px) { 
	   
		/* Newsletter */
		#newsletter .headline {padding: 30px 20px 10px ;}
		#newsletter .copy {padding: 0px 20px 10px;}
		
		/* Newsletter new*/
		#newsletter.new .input-fields { width: 100%;}
	}
	
	@media only screen and (max-width: 479px) { 
		/* .about newsletter */
		.about.overview #newsletter .my_img {max-height: 470px;}
		
		/* newsletter new */
		#newsletter.new img {min-height: 480px;}
		#newsletter.new .headline{padding: 0 10px 10px 10px;}
		#newsletter.new ul.listbox {padding: 0 0 10px 0;}
		#newsletter .input-fields {width: 300px;}
		#newsletter.new .input-fields input { width: 100%;}
		#newsletter.new form {margin-bottom: 0em;}
	}
	
	@media only screen and (max-width: 359px) { 
		/* newsletter */
		#newsletter .input-fields {width: 250px;}
	}
		
		
		
	/* ------------------------ 
	NEWSLETTER POPUP
	------------------------ */
	/*generell*/
	#nl-popup-contain .input-fields input.name { display: none; }
	#nl-popup #mc_embed_signup {
		background:#fff;
		font-family: DIN-next-reg; 
		font-size:14px; 
	}
	#nl-popup #mc_embed_signup,
	#nl-popup #mc_embed_signup .mc-field-group,
	#nl-popup #mc_embed_signup input,
	#nl-popup #mc_embed_signup input[type="email"],
	#nl-popup #mc_embed_signup .foot {width: 100%;}
	
	#nl-popup #mc_embed_signup input[type="email"],
	#nl-popup #mc_embed_signup div#mce-responses,
	#nl-popup #mc_embed_signup div.response,
	#nl-popup #mc_embed_signup .mc-field-group  {
		margin: 0px;
		padding: 0px;
	}
	#nl-popup .required {border-bottom: 1px !important;}
	
	/*FORM*/
	#nl-popup #mc_embed_signup form { margin: 0px; }

	#nl-popup #mc_embed_signup input {
		border-radius: 0px;
		margin-top: 5px;
	}
	#nl-popup #mc_embed_signup input[type="email"] {
		margin-bottom: 5px;
		color: #000 !important;
		border-radius: 0px;
		border: 1px solid #000 !important;
		background: #ffff;
		box-shadow: none;
	}
	#nl-popup #mc_embed_signup input[type="email"] {padding: 10px 16px;}
	#nl-popup #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border: 1px;}

    #nl-popup #mc-embedded-subscribe {margin: 0px; }
	#nl-popup input[type="submit"] {
		background: #000;
		border: none;
		color: #fff;
		font-weight: 400;
	}
	#nl-popup #mc_embed_signup .foot {
		display: block;
		grid-template-columns: none;
	}
	
	/*ERROR / SUCCESS */
	#nl-popup #mce-error-response,
	#nl-popup #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
	#nl-popup #mc_embed_signup #mce-success-response {
		font-weight: 400;
		float: none;
		width: 100%;
		background: fff;
		border-radius: 0px;
		line-height: 1.2em;
	}
	#nl-popup #mce-error-response {
		top: 0px;
		color: red;
	}
	#nl-popup #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
		margin: 0px;
		padding: 3px 0;
		color: red;
	}
	#nl-popup #mc_embed_signup #mce-success-response {
		padding-bottom: 3px;
		color: green;
	}

	/* SHOW / HIDE */
	/*sidebar*/
	#nl-popup-contain {display: none;}
	body.home #nl-popup-contain,
	body.shop-overview #nl-popup-contain {display: block;}
	/*body.overview #nl-popup-contain,
	body.kontakt #nl-popup-contain,*/ 
	
	#nl-popup { right: -710px;}
	#nl-popup.show { right: 10px; }
	
	#nl-popup-overlay {display: none;}
	#nl-popup-overlay.show {display: block;}
	
	/*home*/
	body.home #nl-popup,
	body.home #nl-popup-overlay {
		opacity: 0;
		transition: 0.4s ease all;
	} 
	body.home #nl-popup { display: none; }
	body.home #nl-popup.show { display: block;}
	body.home #nl-popup.show.animate { opacity: 1; }
	
	body.home #nl-popup-overlay.show {opacity: 0;}
	body.home #nl-popup-overlay.show.animate {opacity: 1;}
	
	/*z-index*/
	#nl-popup-overlay {z-index: 9;}
	#nl-popup { z-index: 10; }
	
	/*nl-popup generell*/
	#nl-popup .col { display: inline-block;}
	#nl-popup #image,
	#nl-popup #textbox { 
		float: none; 
		margin: 0px;
	}
	#nl-popup h3 {font-size: 36px; }
	#nl-popup .copy.small {
		font-size: 14px;
		padding-top: 20px; 
	}
	#nl-popup p {
		text-align: left; 
		font-size: 16px;
		line-height: 1.35em;
		margin: 0px;
	}
	
	/*DEFAULT nl-popup*/
	#nl-popup { 
		display: flex;
		position: fixed;
		top: calc(50% - 215px);
		width: 700px;
		height: 430px;
		background: #fff; 
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		transition: 0.6s ease all;
	}
	#nl-popup.show { right: 10px; }
	
	/*HOME NL-popup*/
	body.home #nl-popup { 
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	/*OVERLAY*/
	#nl-popup-overlay {
	  height: 100vh;
	  overflow: hidden;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background:rgba(0,0,0,0.5);
	  z-index: 8;
	  /*cursor: pointer;*/
	}
	
	/*IMAGE*/
	#nl-popup #image.mobile { display: none;}
	#nl-popup #image { height: 100%;}
	#nl-popup #image img { 
		height: calc(100% + 1px);
		width: 100%;
		object-fit: cover;
	}
	
	/*TEXTBOX*/
	#nl-popup #textbox { 
		background: #FFF;
		text-align: left;
		padding: 20px;
		position: relative; 
	}
	
	#nl-popup .copy.small,
	#nl-popup .copy.small a {color: #888;}
	#nl-popup .copy.small a {text-decoration: underline; }
	#nl-popup h3 {padding-top: 25px;}
	
	/*editional*/
	#nl-popup .copy.editional { 
		display: none; 
		color: green; 
		font-size: 14px; 
		padding-top: 10px; 
	}
	#nl-popup .copy.editional br { 
		display: block !important; 
	}
	
	/*close*/
	#nl-popup .close-but {
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
		background: url('../../picts/_arrow/close.svg') top center no-repeat;
		transform: scale(.5);
		width: 40px;
		height: 40px;
	}
	#nl-popup .close-but:hover {opacity: .5;}
	
	/*FORM*/
	#nl-popup form {margin-bottom: 0px;}
	#nl-popup .mc4wp-form-theme input[type="text"] { display: none; }
	#nl-popup .mc4wp-form-theme input[type="email"] {
		color: #000!important;
		border-radius: 0px;
		border: 1px solid #000;
		width: 100%;
		margin: 15px 0;
		background-color: #ffff;
	}
	/*submit*/
	#nl-popup .mc4wp-form-theme-light input[type="submit"], 
	#nl-popup .mc4wp-form-theme-light input[type="submit"]:hover {
		border: none !important;
		background-color: rgba(0, 0, 0, 1)!important;
		width: 100%; 
		text-align: center; 
		color: #fff!important;
	}
	#nl-popup .subscripe_but {
		font-size: 16px !important;
		line-height: 1.6em !important;
	}
	
	/*error / success*/
	#nl-popup .mc4wp-notice p,
	#nl-popup .mc4wp-error p,
	#nl-popup .mc4wp-form-theme .mc4wp-success {
		background: none;
		padding-top: 10px 0 0;
		font-size: 14px;
	}
	#nl-popup .mc4wp-notice,
	#nl-popup .mc4wp-error,
	#nl-popup .mc4wp-error p,
	#nl-popup .mc4wp-notice p { 
		color: red; 
		text-align: center; 
		padding: 5px 0 0; 
		margin: auto
	}
	#nl-popup .mc4wp-form-theme .mc4wp-success p { 
		background: none; 
		color: green !important;
		padding: 0px;
		text-transform: none;
	}
	
	/* RESP-VIEW POPUP */
	@media only screen and (max-width: 1279px) { 
		/*POPUP-NL*/
		#nl-popup h3 {
		  padding-top: 20px;
		  font-size: 30px;
		}
		#nl-popup { right: -610px;}
		#nl-popup {
		  top: calc(50% - 190px);
		  width: 600px;
		  height: 380px;
		}
		#nl-popup .copy.small {padding: 10px 0 0;}
	}
	@media only screen and (max-width: 850px) { 
	    /*POPUP-NL*/
		#nl-popup { right: -560px;}
		#nl-popup {width: 550px;}
		#nl-popup #textbox {
		  padding: 10px;
		}
	    #nl-popup h3 {
		  padding-top: 20px;
		  font-size: 25px;
		}
		#nl-popup .copy.small { hyphens: auto;}
	}
	@media only screen and (max-width: 599px) { 
		/*POPUP-NL*/
		#nl-popup { right: -100%;}
		#nl-popup {
		  top: calc(50% - 175px);
		  width: 88%;
		  /*height: 350px;*/
		  height: 370px
		}
		#nl-popup h3 {
		  padding-top: 0px;
		  font-size: 21px;
		}
		#nl-popup .copy.small { margin: 0px;}
	}
	@media only screen and (max-width: 480px) { 
		/*POPUP-NL*/
		#nl-popup #image.desk { display: none;}
		#nl-popup #image.mobile { display: block;}
		#nl-popup {
			display: block;
			height: auto;
		}
		#nl-popup #image,
		#nl-popup #textbox {width: 100%;}
		#nl-popup #image { padding: 10px 10px 0;}

		#nl-popup #image img {height: 140px;}
		#nl-popup h3 { padding-right: 40px;}
	    #nl-popup h3 br {display: none;}
	}
	@media only screen and (max-width: 359px) { 
		/*POPUP-NL*/
		#nl-popup #image img {height: 120px;}
		#nl-popup h3 {font-size: 18px;}
	}