#newsletter-popin-de {background-color: #FFFFFF; position: fixed; right: 50px; bottom: 0px; padding: 15px 25px 55px 25px; box-shadow: 0px 6px 8px 5px #D1D1D1; z-index: 80000; transform: translateY(100%); -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
#newsletter-popin-de::before {content: ""; background-color: #E39940; position: absolute; left: 0px; top: 0px; width: 100%; height: 5px;}
#newsletter-popin-de::after {content: ""; background-color: #E39940; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50px;}
#newsletter-popin-de.open {-webkit-transform: translateY(0%); transform: translateY(0%);}

#newsletter-popin-de .close-newsletter-popin {background: none; -webkit-appearance: none; appearance: none; border: none; position: absolute; right: 30px; top: 25px; width: 25px; height: 25px; padding: 0px; margin: 0px; cursor: pointer;}
#newsletter-popin-de .close-newsletter-popin .button-close-container {display: block; position: relative; width: 100%; height: 100%;}
#newsletter-popin-de .close-newsletter-popin .button-close-container .line {background-color: #000000; display: block; position: absolute; top: 50%; /*width: 100%;*/ width: 60%; height: 2px;}
#newsletter-popin-de .close-newsletter-popin .button-close-container .line:first-child {left: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#newsletter-popin-de .close-newsletter-popin .button-close-container .line:last-child {right: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

#newsletter-popin-de .title {margin: 0 50px 20px 0; font-family: 'Caveat', cursive; font-size: 30px; color: #000000;}
#newsletter-popin-de .description {margin: 0 0 20px 0; font-family: 'Caveat', cursive; font-size: 18px; color: #000000;}

#newsletter-popin-de .description,
#newsletter-popin-de .button-container,
#newsletter-popin-de .form-container {position: relative; /*overflow: hidden;*/ width: 100%; -webkit-transition: width 0ms ease 600ms; transition: width 0ms ease 600ms;}

#newsletter-popin-de .form-container .mauticform_wrapper .mauticform-row {padding-left: 0px; padding-right: 0px;}
#newsletter-popin-de .form-container .mauticform-innerform .mauticform-page-wrapper {display: -webkit-flex !important; display: flex !important; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch;}
#newsletter-popin-de .form-container .mauticform-innerform .mauticform-page-wrapper > *:first-child {-webkit-flex: 1 1 auto; flex: 1 1 auto;}
#newsletter-popin-de .form-container .mauticform-innerform .mauticform-page-wrapper > *:first-child input {background-color: #EAEAEA; height: 34px; padding: 0 15px; border: 1px solid #CCCCCC; border-radius: 0px; border-right: none; margin: 0px; font-size: 14px; color: #969696;}

#newsletter-popin-de .form-container .mauticform-innerform .mauticform-page-wrapper > *:last-child > [type='submit'] {background-color: #FFFFFF; border: 2px solid #E39940; padding: 6px 30px; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #000000; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
#newsletter-popin-de .form-container .mauticform-innerform .mauticform-page-wrapper > *:last-child > [type='submit']:hover {background-color: #E39940; color: #FFFFFF;}

#newsletter-popin-de .form-container .mauticform-row {margin-bottom: 0px;}

#newsletter-popin-de.semi-open {-webkit-transform: translateY(100%) translateY(-75px); transform: translateY(100%) translateY(-75px);}
#newsletter-popin-de.semi-open .description,
#newsletter-popin-de.semi-open .form-container {width: 0px;}

#newsletter-popin-de.semi-open .title {cursor: pointer;}
#newsletter-popin-de.semi-open .close-newsletter-popin .button-close-container .line {width: 100%;}

#newsletter-popin-de.semi-open.direct,
#newsletter-popin-de.semi-open.direct .description,
#newsletter-popin-de.semi-open.direct .button-container,
#newsletter-popin-de.semi-open.direct .form-container {-webkit-transition: all 0ms ease 0ms; transition: all 0ms ease 0ms;}

#newsletter-popin-de.open .description,
#newsletter-popin-de.open .button-container,
#newsletter-popin-de.open .form-container {width: 100%; margin-bottom: 1em; -webkit-transition: all 0ms ease 0ms; transition: all 0ms ease 0ms;}


#newsletter-popin-de .only-mobile {display: none;}
#newsletter-popin-de .button {background-color: #FFFFFF; border: 2px solid #E39940; padding: 6px 15px; font-family: 'Roboto', sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000000; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
@media (max-width: 480px)
{
	#newsletter-popin-de {right: 0px; padding-bottom: 115px;}
	#newsletter-popin-de::after {height: 80px;}

	#newsletter-popin-de .close-newsletter-popin {top: 18px;}

	#newsletter-popin-de .title {margin-bottom: 15px; font-size: 20px;}
	#newsletter-popin-de .description {margin-bottom: 15px; font-size: 16px;}

	#newsletter-popin-de .form-container {display: none;}

	#newsletter-popin-de .button-container {text-align: center;}
	#newsletter-popin-de .button {background-color: #FFFFFF; border: 2px solid #E39940; padding: 6px 15px; font-family: 'Roboto', sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000000; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}

	#newsletter-popin-de .only-mobile {display: block;}

	#newsletter-popin-de.semi-open {-webkit-transform: translateY(100%) translateY(-55px); transform: translateY(100%) translateY(-55px);}
}