@charset "UTF-8";
/*   
	Theme Name: 	Halims Child Theme
	Template: hello-elementor
*/
/*
@import "./assets/scss/_2variables";
@import "./assets/scss/_3typo";
@import "./assets/scss/_4global";
@import "./assets/scss/_5layout";
@import "./assets/scss/_6crossbrowser";
@import "./assets/scss/_7responsive";
*/
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("assets/fonts/poppins-v19-latin-regular.woff2") format("woff2"), url("assets/fonts/poppins-v19-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local(""), url("assets/fonts/poppins-v19-latin-500.woff2") format("woff2"), url("assets/fonts/poppins-v19-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local(""), url("assets/fonts/poppins-v19-latin-600.woff2") format("woff2"), url("assets/fonts/poppins-v19-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local(""), url("assets/fonts/poppins-v19-latin-700.woff2") format("woff2"), url("assets/fonts/poppins-v19-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: local(""), url("assets/fonts/poppins-v19-latin-700italic.woff2") format("woff2"), url("assets/fonts/poppins-v19-latin-700italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: local(""), url("assets/fonts/poppins-v19-latin-800.woff2") format("woff2"), url("assets/fonts/poppins-v19-latin-800.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: local(""), url("assets/fonts/poppins-v19-latin-900.woff2") format("woff2"), url("assets/fonts/poppins-v19-latin-900.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* inter-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url("assets/fonts/inter-v12-latin-100.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url("assets/fonts/inter-v12-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url("assets/fonts/inter-v12-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/inter-v12-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/inter-v12-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url("assets/fonts/inter-v12-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/inter-v12-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url("assets/fonts/inter-v12-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* inter-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url("assets/fonts/inter-v12-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
body {
  font-family: Inter, sans-serif; }

/* das über custom fonts in Elementor eingebunden...weil sonst mein created by komplett alle cursiv styles übernimmt
h1, h2, h3, h4, h5, h6{
  font-family: Amaranth, sans-serif;
  font-style: italic;  
  font-weight: 400;

}
*/
#createdHtmlW h1, #createdHtmlW h2, #createdHtmlW h3, #createdHtmlW h4, #createdHtmlW h5, #createdHtmlW h6, #createdHtmlW a {
  letter-spacing: initial;
  color: initial;
  font-family: initial;
  font-weight: initial;
  font-size: initial;
  line-height: 1.2;
  letter-spacing: initial;
  text-transform: initial; }

.wrap-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

#textPathHtmlW {
  position: relative;
  margin-right: 20px; }
  #textPathHtmlW .h-created-text {
    height: 120px;
    display: inline-block;
    font-family: Poppins, sans-serif !important;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    word-spacing: 21px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative; }
    #textPathHtmlW .h-created-text svg {
      height: 120px;
      width: 100px;
      overflow: visible; }
    #textPathHtmlW .h-created-text text {
      fill: #000; }
    #textPathHtmlW .h-created-text path {
      fill: transparent;
      stroke: transparent;
      stroke-width: 0px;
      vector-effect: non-scaling-stroke; }
  #textPathHtmlW .blobs-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none; }
  #textPathHtmlW .blob {
    border-radius: 50%;
    margin: 10px;
    height: 12px;
    width: 12px;
    -webkit-transform: scale(1);
            transform: scale(1); }
  #textPathHtmlW .blob.white {
    background: #000;
    -webkit-box-shadow: 0 0 0 0 #282828;
            box-shadow: 0 0 0 0 #282828;
    -webkit-animation: pulse-white 3s infinite;
            animation: pulse-white 3s infinite;
    opacity: 0.4; }
@-webkit-keyframes pulse-white {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(40, 40, 40, 0.7);
            box-shadow: 0 0 0 0 rgba(40, 40, 40, 0.7); }
  70% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    -webkit-box-shadow: 0 0 0 10px rgba(40, 40, 40, 0);
            box-shadow: 0 0 0 10px rgba(40, 40, 40, 0); }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(40, 40, 40, 0);
            box-shadow: 0 0 0 0 rgba(40, 40, 40, 0); } }
@keyframes pulse-white {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(40, 40, 40, 0.7);
            box-shadow: 0 0 0 0 rgba(40, 40, 40, 0.7); }
  70% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    -webkit-box-shadow: 0 0 0 10px rgba(40, 40, 40, 0);
            box-shadow: 0 0 0 10px rgba(40, 40, 40, 0); }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(40, 40, 40, 0);
            box-shadow: 0 0 0 0 rgba(40, 40, 40, 0); } }
  #textPathHtmlW svg {
    -webkit-animation: rotate 35s linear infinite;
            animation: rotate 35s linear infinite; }
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes rotate {
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
.textPathHovered #createdHtmlW {
  display: block; }

#createdHtmlW:hover {
  display: block; }

#createdHtmlW {
  display: none;
  z-index: 2;
  position: absolute;
  top: -175px;
  right: 55px;
  width: 400px;
  margin: 0px;
  padding-bottom: 25px;
  background: #fff;
  border-radius: 40px 40px 0px 40px;
  color: #fff;
  font-family: sans-serif;
  -webkit-box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.5); }
  #createdHtmlW * {
    font-family: Poppins, sans-serif !important;
    margin: 0px; }
  #createdHtmlW .oben {
    background: #f4540b;
    padding: 14px 16px 6px 16px;
    border-radius: 40px 40px 0px 0px;
    text-align: center;
    color: #fff !important; }
    #createdHtmlW .oben h2 {
      font-size: 17px;
      font-weight: bold;
      margin: 0px;
      color: #fff !important; }
    #createdHtmlW .oben h3 {
      font-size: 12px;
      font-weight: normal;
      margin: 2px 0px 0px 0px;
      color: #fff !important; }
  #createdHtmlW .mitte {
    padding: 22px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    line-height: 1.2; }
    #createdHtmlW .mitte .text {
      padding-left: 35px; }
      #createdHtmlW .mitte .text h3 {
        font-size: 17px;
        color: #000;
        font-weight: bold; }
      #createdHtmlW .mitte .text h4 {
        font-size: 11px;
        color: #767676;
        margin: 2px 0px 8px 0px;
        font-weight: 500; }
      #createdHtmlW .mitte .text h5 {
        font-size: 13px;
        margin: 3px 0px 0px 0px; }
        #createdHtmlW .mitte .text h5 a {
          color: #000 !important;
          text-decoration: none;
          display: inline-block;
          font-weight: 500;
          font-size: 13px; }
    #createdHtmlW .mitte .bild img {
      vertical-align: middle; }
  #createdHtmlW .unten {
    padding: 0px 45px;
    text-align: center;
    line-height: 1.2; }
    #createdHtmlW .unten h6 {
      display: inline-block;
      background: #f4540b;
      margin: 0 auto;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 3px #999;
              box-shadow: 0px 0px 3px #999;
      -webkit-transition: all 0.4s;
      transition: all 0.4s; }
      #createdHtmlW .unten h6:hover {
        -webkit-transform: scale(1.08);
                transform: scale(1.08); }
      #createdHtmlW .unten h6 a {
        display: inline-block;
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        padding: 5px 10px;
        font-weight: 600; }

@media (max-width: 768px) {
  .wrap-all {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  #textPathHtmlW {
    margin-right: 0px; }

  #createdHtmlW {
    width: 330px;
    top: -160px;
    right: -115px;
    padding-bottom: 15px; }
    #createdHtmlW .oben {
      padding: 10px 12px 4px 12px; }
      #createdHtmlW .oben h2 {
        font-size: 14px; }
      #createdHtmlW .oben h3 {
        font-size: 10px; }
    #createdHtmlW .mitte {
      padding: 14px 0px; }
      #createdHtmlW .mitte .text {
        padding-left: 25px; }
        #createdHtmlW .mitte .text h3 {
          font-size: 15px; }
        #createdHtmlW .mitte .text h4 {
          font-size: 10px; }
        #createdHtmlW .mitte .text h5 {
          font-size: 12px; }
          #createdHtmlW .mitte .text h5 a {
            font-size: 12px; }
    #createdHtmlW .unten h6 a {
      font-size: 12px; } }
@media (max-width: 359px) {
  #createdHtmlW {
    width: 315px;
    right: -107px; } }
.sichtbar {
  display: initial !important;
  -webkit-transform: scale(0.88);
          transform: scale(0.88);
  top: -15px !important;
  right: -30px !important; }

@media (max-width: 1024px) {
  .sichtbar {
    display: initial !important;
    position: relative !important;
    top: 0px !important;
    right: 0px !important; }
    .sichtbar .oben h2 {
      font-size: 13px !important; }
    .sichtbar .unten {
      margin-bottom: 15px !important; }

  #impressCardHtml {
    background-color: #fff !important;
    width: 370px !important;
    -webkit-box-shadow: 1px 1px 10px #33333330;
            box-shadow: 1px 1px 10px #33333330;
    background: border-box;
    border-radius: 40px; } }
@media (max-width: 768px) {
  .sichtbar {
    display: initial !important;
    position: relative !important;
    top: 0px !important;
    right: 0px !important; }
    .sichtbar .oben h2 {
      font-size: 13px !important; }
    .sichtbar .unten {
      margin-bottom: 15px !important; }

  #impressCardHtml {
    width: 320px !important;
    -webkit-box-shadow: 1px 1px 10px #33333330;
            box-shadow: 1px 1px 10px #33333330;
    background: border-box;
    border-radius: 40px; } }