body {
    font-family: 'Ubuntu';
    font-size: 14px;
    line-height: 1.42857143;
    color: #112855;
    background-color: #00B3E6;
  background-image: url(/images/Landing_Pages/okos_eszkozok_halo_2.png),  url(/images/Landing_Pages/okos_eszkozok_beuzemelese_bg.png) ;
    background-position: top right, center -20px;
    background-repeat: no-repeat;
    background-size: 656px 529px, cover;
    background-attachment: fixed
}
.container-header {
    background-color: unset;  
    background-image: none;
    background-position: right top;
    background-repeat: no-repeat;
  }

#mod-custom115 {width:100%;}

.com-content-article__body {
   background: #ffffff;
    background: linear-gradient(27deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0.00) 95%);
  padding: 30px 50px;
}


.com-content-article__body h2 {line-height: 200%;}

.szlogen {
  display: inline-block;
}

h1 {
    /*-webkit-text-stroke: 2px #112855;*/
    color: #ffffff;
    font-size: calc(3.375rem + 1.5vw);
  text-shadow: 0px 0px 5px rgb(2 1 73 / 100%);
}
.visforms.visforms-form.visforms-form-form.mod-visforms h1 {
  font-size: calc(1.375rem + 1.5vw);
  text-shadow: 0px 0px 5px rgb(2 1 73 / 100%);
  /*-webkit-text-stroke: 1px #112855;*/
}
.szlogen h2 {
    background-color: #F44336;
    padding: 5px 15px 10px 1000px;
    border-radius: 30px;
    margin:30px 0 0 -1000px;
    font-weight: 600;
}

.navbar-gold {
    display: inline-block;
    position: relative;
    float: right;
    right: 2%;
    top: 10px;
    z-index: 10000;
}

img.media_markt_logo {
    margin-top: -7px;
}

textarea#field31 {
  min-height: 100px;
    height: 150px;
    max-height: 500px; 
}

.btn-primary {
    border-radius: 0 21px 21px 0;
    padding: 5px 50px 10px;
    background-color: red;
    max-width: unset;
    font-weight: bold;
}


.footer {
    position: relative;
    background-color: #256FB5;
    background-image: none;
    color: white;
  border-top: solid white 10px;
}
#mod-custom117 {
  display:flex; 
  margin: auto;
  align-items: center;
}
#mod-custom117 h4, p {margin:0 20px;}
#mod-custom117 a:hover {color:#03f8bf;}

@media (width <= 888px) {
   h1 {text-align:center; }
  .szlogen {width: 100%;}
  .szlogen h2 {border-radius:0px; padding:8px 10px; margin: 30px 0 0; text-align:center;}
  .navbar-gold {display: block; float:none; top:0; right: 0;}
  }

@media (width <= 800px) {
    #mod-custom117 {
        flex-direction: column;
    }
  #mod-custom117 p {margin:30px 20px;}
}