details {
  border: none!important;
  border:0;
  scrollbar-width: none;
}

details > summary {
  display: revert;
}

.js details[open] {
  background-color: white; 
}

.webform-submission-form .form-actions .button, .webform-submission-form .form-actions .button:hover {
background-color: #662b85;
}
.newsletterpopupmobil {
  color: #ffffff;
  background: #5c2678;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0.2em 1em;
  font-size: 0.9em;
}


.spb-popup-main-wrapper {
 background-color: #5c2678;
  color: white;
  padding: 0px;
}

.newsletterpopupmobil .webform-button--submit {
background-color: white;
border: medium none;
border-radius: 4px;
padding: 2px 20px;
color: #5c2678;
}

.newsletterpopupmobil .webform-button--submit  {
  border-color: #fff;
  color: #5c2678;
  box-shadow: 0 0 40px 40px #fff inset, 0 0 0 0 #fff;
  transition: all 150ms ease-in-out;
}

.newsletterpopupmobil .webform-button--submit:hover {
  box-shadow: 0 0 10px 0 #fff inset, 0 0 10px 2px #fff;
}

#newsletterpopupmobil .button--primary:active, .newsletterpopupmobil .button--primary:hover {
  background-color: white;
  color: #5c2678;
}

.newsletterpopupmobil .button--primary:focus {
  color: #5c2678;
}

div.block-newsletterpopupmobil div.layout__region.layout__region--content .field-block-content--body {
  width: 40%;
  float:left;
}

div.block-newsletterpopupmobil div.layout__region.layout__region--content .field-block-content--field-webform {
  width: 60%;
  float:left;
  padding:10px;
}

.block-newsletterpopupmobile-modal .spb_minimize {
  display: none;
}
.block-newsletterpopupmobile-modal .spb-controls {
 right: 0px;
}
 
.spb_close, .spb_minimized {
  color: #fff!important;
  background: #5c2678!important;
  margin: 0px!important;
}


@media (max-width: 800px){
.block-newsletterpopupmobile-modal-minimized {
display:block;
}}