/* --- DESKTOP ONLY --- */

/* #menu-header { 
    position: absolute; 
    top: 0px; left: 0px;
    width: 100%;
    z-index: 9999;    
}   */

.kommzumshop { 
margin: 0px auto 10px auto;
max-width: 300px;
width: 300px;
background: transparent;
position: absolute;
top: 220px;
left: calc(50% - 150px);
z-index: 9999;
}
.kommzumshop .brz-span { 
width: 300px !important;
height: 50px !important;
line-height: 50px !important;
font-size: 20px !important;
}
.kommzumshop .brz .brz-icon-svg { 
width: 4em !important;
height: 1.7em !important;
}

.kommzumshop .brz-btn:link, .kommzumshop .brz-btn:active, .kommzumshop .brz-btn:visited { 
    background-color: #fff !important;
    border: 0px solid #fff !important;
    opacity: 0.8 !important;
    color: #7f3c6c !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    box-shadow: 0px 0px 0px 20px rgba(0,0,0,0.1);
    transition: 1.3s ease-out; 
}
.kommzumshop .brz-btn:hover { 
    background-color: #fff !important;
    border: 0px solid #7f3c6c !important;
    padding: 1px !important;
    opacity: 1.0 !important;
    color: #7f3c6c !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    box-shadow: 0px 0px 0px 20px rgba(0,0,0,0.3);
    transition: 0.3s ease-out;
}  

.gutscheindankemessage { 
border-radius: 13px !important;
box-shadow: 0px 0px 0px 5px rgba(220,204,205,0.2);
margin: 30px 50px 50px 50px;
padding: 65px;
background: #EEDEDE;
line-height: 1.6em;
}  

.gutscheindankemessage .titel {
font-size: 22px;
color: #7f3c6c;
font-weight: bold;
}


.wpforms-container-full .wpforms-form .wpforms-field-label { 
font-weight: 200 !important;
font-size: 12px !important;
letter-spacing: 0.06em !important;
}

.wpforms-container-full .wpforms-form button[type="submit"] { 
color: #fff !important;
font-size: 23px !important;
font-weight: 600 !important;
background-image: linear-gradient(to bottom right, #5b3671, #6e4289 71%, #6e4289 43%) !important;
padding: 17px 45px !important;
width: 100% !important;
letter-spacing: 0.03em !important;
border: 0px !important;
border-radius: 10px !important;
margin: 15px 0 20px 0 !important;
opacity: 1 !important;
}
.wpforms-container-full .wpforms-form button[type="submit"]:hover { 
    opacity: 0.9 !important;
}

.wpforms-form input[type="text"], .wpforms-form input[type="tel"], .wpforms-container-full .wpforms-form input[type="email"]
 {  border-radius: 10px !important;  }


.wpforms-container-full .wpforms-form .wpforms-required-label { 
    display: none !important;
}

.wpforms-confirmation-container-full { 
    background: transparent !important;
    border-color: transparent !important;
}

.wpforms-field-label-inline, .wpforms-field-label-inline a:link { 
font-size: 13px !important;
color: #6c6c6c;
}
.wpforms-field-label-inline:hover { 
    cursor:pointer;
}
.wpforms-field-label-inline a:link, 
.wpforms-field-label-inline a:visited,
.wpforms-field-label-inline a:active, 
.wpforms-field-label-inline a:hover { color: #6c6c6c; text-decoration: underline !important;}


#wpforms-2897-field_11_1, 
#wpforms-2897-field_10_1 {  /* verstecke die normalen checkboxen, weil durch design ersetzt */ 
    visibility: hidden !important; 
}
input[type="checkbox"] + label::before { 
margin-left: -27px !important;
}


#wpforms-2897-field_5-container .wpforms-field-description, 
#wpforms-2897-field_5-container .wpforms-payment-total { 
    display:inline !important;
}
#wpforms-2897-field_5-container .wpforms-field-description { margin-left:10px !important; }



/* ANIMATION ZWEI FLIEGER ----- */
#bigBox {
  position:absolute;
  width:600px;
  height:300px;
top: 220px;
left: calc(50% - 150px);
  margin:-100px 0 0 -120px;
  animation:bigBoxAnimation 6s linear infinite;
  z-index:9998;
}
#box,#box2 {
  position:absolute;
  top:60%;
  left:50%;
  width:40px;
  height:40px;
  margin:-20px 0 0 -20px;
  animation:boxAnimation 2.95s cubic-bezier(0.02, 0.01, 0.31, 1) infinite;
}
#box2 {
  animation:boxAnimation 3.2s cubic-bezier(0.02, 0.01, 0.31, 1) infinite;
  transform:matrix(-1,0,0,1,0,0);
}
#box::after, #box2::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:6px;
  height:6px;
  background:#fff;
  border-radius:100%;
  animation:spanAnimation 3s cubic-bezier(0.3, 0.27, 0.07, 1.64) infinite;
  box-shadow:rgba(255,255,255,1) 0 0 20px 2px;
}
@keyframes bigBoxAnimation {
  100% {transform:rotate(360deg);}
}
@keyframes boxAnimation{
  50% {transform:translateY(-150px);}
}
@keyframes spanAnimation {
  50% {transform:translateX(-150px)}
}




.gutscheinformular, 
.wpforms-field-container { 
    margin: auto !important;
    width: 600px !important;
    max-width: 100% !important;
}


#wpforms-7099-field_24 {
margin: auto;
font-size: 44px;
text-align: center;
padding: 30px 0px 30px 0px;
color: #919191 !important;
border-radius: 20px;
}
#wpforms-7099-field_24-container {
width: 50%;
margin: auto;
max-width: 100%;
min-width: 300px;
text-align:center;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:10px;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size:10px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size:10px;
}
:-moz-placeholder { /* Firefox 18- */
  font-size:10px;
}