/*****
        Theme Name:   Accio Media Theme Options - Child Theme
        Theme URI:    #
        Description:  Accio Media Theme Options - Child Theme
        Author:       Accio Media GmbH
        Author URI:   https://www.acciomedia.com
        Template:     accio-media
        Version:      1.0.0
        Text Domain:  accio-media
    *****/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 , .h4, .h5, .h6, header, footer, .btn {
  font-style: normal !important;
  font-variation-settings: "slnt" 0, "wdth" 59, "CTRS" 0 !important;
}

.cio-single-image img,
.single img {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

body {
  transition: background-color 300ms linear;
  padding-top: 0px !important;
}

a:not(
    header a,
    footer a,
    .btn,
    #subfooter a,
    .card-body.post-content h3 a,
    .accordion-body a,
    #mobile-menu a,
    #call-to-action a,
    .conversion-contact a
  ),
#menu-primary li:last-child:not(.sub-menu li) a {
  background-image: linear-gradient(
    transparent calc(100% - 0.15em),
    #d70465 0.15em
  );
  background-position: left bottom 0.18em;
  transition: background-size 0.6s cubic-bezier(0.45, 0, 0.55, 1);
  color: white;
}

a:hover:not(
    header a,
    footer a,
    .btn,
    #subfooter a,
    .card-body.post-content h3 a,
    .accordion-body a,
    #call-to-action a,
    .conversion-contact a
  ) {
  background-image: linear-gradient(
    transparent calc(100% - 0.15em),
    #e34f93 0.15em
  );
  background-position: left bottom 0.18em;
  transition: background-size 0.6s cubic-bezier(0.45, 0, 0.55, 1);
  color: white;
}

footer .social-media {
  height: 35px;
  width: 35px;
  display: inline-block;
  margin-top: 10px;
}

footer .social-media:last-child {
  margin-left: 5px;
}

.program-language .col-inner.text-bg-light {
  border-radius: 0px !important;
}

/* Buttons*/
.btn.btn-primary {
  box-shadow: #d70465 0px 0px 15px 0px;
  -moz-box-shadow: #d70465 0px 0px 15px 0px;
  -webkit-box-shadow: #d70465 0px 0px 15px 0px;
}
h1,
h2,
.h1,
.h2 {
  animation: glow 2s infinite alternate;
  text-shadow: 1px 1px #252839;
}

.logo.corporate-logo img {
  width: 100%;
}

/* Cards + Blog */
.card .post-content {
  color: white;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 24px;
  background-color: #272b3d;
}

.am-hive-posts .card .card-body {
  margin-bottom: 0px;
}

.card .card-body p {
  margin-bottom: 0px !important;
}

.blog main {
  padding: 100px 0px 100px 0px;
}

/* Animate Numbers Modul */
.animate-number {
  font-family: 'science-gothic', Arial, Helvetica;
  font-size: 50px;
  line-height: 45px;
}

/* Timeline */
.tl-right, .tl-left {
  padding: 30px;
}

.tl-right span:first-child,
.tl-left span:first-child {
  font-size: 1.075em;
  line-height: 1.4rem;
  margin-bottom: 1rem;
}

.tl-right span:last-child,
.tl-left span:last-child {
  font-size: 1rem;
  line-height: 1.5rem;
  display: inline-block;
}

/* Global Margins für Content */

h1 + p,
h2 + p,
p + h2 {
  margin-top: 30px !important;
}

/* Submenu functionability */
header ul.menu > li.menu-item,
header ul.sub-menu > li.menu-item {
  position: relative;
}

header ul.sub-menu {
  z-index: 1000;
}

header .menu .sub-menu {
  list-style: none;
}

header .menu .sub-menu li a {
  background-color: #252839;
  color: #ffffff;
}

/** Jobs Animation **/
.menu-container ul li:nth-last-child(2) {
  position: relative;
}

.menu-container > ul > li:last-child ::after {
  background-color: #ce035c;
  border-radius: 50%;
  height: 10px;
  animation: pulse 2s infinite;
  width: 10px;
  display: inline-block;
  content: "";
  position: absolute;
  left: 40px;
  top: 4px;
}

/* Points */
header ul.menu > li::before,
header ul.sub-menu > li > a:hover::before {
  width: 6px;
  height: 6px;
}

header ul.menu > li:not(:last-child)::before,
header ul.sub-menu > li > a::before {
  position: absolute;
  content: "";
  background-color: #d70465;
  transition: 0.3s all;
  border-radius: 2px;
}

header ul.menu > li:not(:last-child)::before {
  top: 0;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
}

header ul.menu > li:hover::before {
  top: -10px;
  opacity: 1;
}

header ul.sub-menu > li > a::before {
  left: 15px;
}

header ul.sub-menu > li:first-child > a::before {
  top: 27px;
}

header ul.sub-menu > li:not(:first-child) > a::before {
  top: 18px;
}

header ul.sub-menu > li:last-child > a::before {
  top: 16px;
}

/* Workshop-rundown */
.workshop-rundown {
  padding: 56px 40px 40px 40px;
  border-radius: 0.375rem;
}

.workshop-rundown .col-inner {
  position: relative;
}

.workshop-rundown .col-inner .cio-single-image {
  background: #272b3d;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  position: relative;
  left: 50%;
  transform: translateX(-50px);
}

.workshop-rundown .col-inner .cio-single-image img {
  margin-top: 24px;
}

.workshop-image img {
  filter: grayscale(100%);
}

/* Footer */
footer {
  letter-spacing: 1.5px;
}

footer a {
  display: table;
}

/* Impressum & Daten */

section#imprint h2,
section#privacy-policy h2 {
  font-size: 1.95rem !important;
  line-height: 2.2rem !important;
  margin-bottom: 0.5rem !important;
}

/** Button animation **/

.btn-primary {
  position: relative;
  z-index: 10;
}

div:not(.col-lg-6) > div > div > .btn-primary::after,
.card .card-body span::after {
  position: absolute;
  content: "";
  top: 15px;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  transform: scale(0.9) translateZ(0);
  filter: blur(25px);
  background: linear-gradient(
    to right,
    #d70465,
    #e4428d,
    #c42da8,
    #9e16c3,
    #7f4693,
    #9e16c3,
    #c42da8,
    #e4428d,
    #d70465
  );
  background-size: 200% 200%;
  animation: animateGlow 3s linear infinite;
}

/* Contact 7 Form */
.conversion-form .col-inner {
  background-color: rgba(39, 43, 61, 0.8);
  border-radius: 0.375rem;
}

.wpcf7.js .wpcf7-not-valid-tip,
.wpcf7.js form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  margin: 20px 0px 0px 0px;
}

.wpcf7-form small {
  margin-top: 10px;
  font-size: 1.075rem !important;
}

.wpcf7-form .col-6,
.wpcf7-form .col-12.col-lg-6 {
  margin-bottom: 20px;
}

.wpcf7-form textarea {
  font-family: 'zalando-sans', Arial, Helvetica !important;
  text-transform: none !important;
}

/* Webdesign Relaunch */
#kontakt-cta .col-inner {
  max-width: 705px;
  z-index: 2;
  border-radius: 5px;
  padding: 25px;
}

#kontakt-cta .col-inner .mail,
#kontakt-cta .col-inner .phone:not(label) {
  min-width: 280px;
  margin-bottom: 0px !important;
  border: none;
}

.hanau-bounce {
  -webkit-animation: bounce 1.5s infinite ease-in-out;
  -o-animation: bounce 1.5s infinite ease-in-out;
  -ms-animation: bounce 1.5s infinite ease-in-out;
  -moz-animation: bounce 1.5s infinite ease-in-out;
  animation: bounce 1.5s infinite ease-in-out;
}

#cases-facts {
  border-radius: 0.375rem;
}

#cases-facts p {
  margin-bottom: 0px !important;
}

.image-box {
  filter: grayscale(100);
  transition: 0.5s all;
  border-radius: 0.375rem;
}

.image-box:hover {
  filter: grayscale(0);
}
.image-box span.h3 {
  font-size: 1.8rem;
}

.workflow .outline-horizontal,
.workflow .outline-left,
.workflow .outline-vertical {
  animation: glow 2s infinite alternate;
  font-family: 'science-gothic', sans-serif;
  color: #fff;
  font-size: 65px;
}

#call-to-action {
  display: none;
}

#menu-primary > li:last-child {
  border-left: 1px solid white;
  padding-left: 60px;
}

.accordion-button {
  font-family: science-gothic,impact,sans-serif;
  letter-spacing: 1.5px;
  font-size: 1.2rem;
  font-variation-settings: "slnt" 0,"wdth" 59,"CTRS" 0 !important;
  text-transform: uppercase;
}

.accordion-body strong {
  color: #252839;
}

.services-facts p {
  margin-bottom: 0px !important;
}

#cases-facts strong {
  color: #000000;
}

#post-3078 {
  background-color: #1a1d2a !important;
}

/* Media Query */

@media (min-width: 980px) {
  #kontakt-cta .col-inner .mail {
    margin-left: 30px !important;
    margin-top: 25px;
  }

  #kontakt-cta .col-inner {
    position: absolute;
    top: 125px;
    left: -100px;
    padding: 50px !important;
  }

  .workflow .outline-horizontal,
  .workflow .outline-left,
  .workflow .outline-vertical {
    font-size: 85px;
  }
}

@media all and (max-width: 991px) {
  .single #main section:not(:last-child) {
    padding-top: 150px;
  }

  .accordion-button.h5 {
    font-size: 29px;
    letter-spacing: 1px;
    line-height: 18px;
  }

  #kontakt-cta .col-inner .mail,
  #kontakt-cta .col-inner .phone,
  .btn.btn-primary.post-read-more.stretched-link {
    display: block;
  }

  body,
  .main-content p a {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  h2,
  .h2 {
    font-size: 1.95rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
  }

  h3,
  .h3 {
    font-size: 1.5rem !important;
    line-height: 1.8rem !important;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
  }

  h4,
  .h4 {
    font-size: 1.45rem !important;
    line-height: 1.7rem !important;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
  }

  #mobile-menu .modal-content li {
    position: relative;
  }

  #mobile-menu .modal-content .menu > li:last-child::after {
    background-color: #ce035c;
    border-radius: 50%;
    height: 10px;
    animation: pulse 2s infinite;
    width: 10px;
    content: "";
    position: absolute;
    right: 205px;
    top: 10px;
  }

  .conversion-form form .col-12.col-lg-6 {
    margin-bottom: 0px !important;
  }

  #mobile-menu .menu .sub-menu {
    display: none !important;
  }

  #mobile-menu .modal-dialog .modal-body li:not(:last-child) {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  header ul > li:not(:last-child, .sub-menu li) {
    margin-right: 32px;
  }

  h1 {
    font-size: 4rem !important;
    line-height: 4.5rem !important;
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: translateY(-15px);
  }

  50% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0% {
    transform: translateY(-15px);
  }

  50% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(215, 4, 101, 0.8);
    box-shadow: 0 0 0 0 rgba(215, 4, 101, 0.8);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(215, 4, 101, 0);
    box-shadow: 0 0 0 10px rgba(215, 4, 101, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(215, 4, 101, 0);
    box-shadow: 0 0 0 0 rgba(215, 4, 101, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgbargba(215, 4, 101, 0.8);
    box-shadow: 0 0 0 0 rgba(215, 4, 101, 0.8);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgbargba(215, 4, 101, 0);
    box-shadow: 0 0 0 10px rgba(215, 4, 101, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(215, 4, 101, 0);
    box-shadow: 0 0 0 0 rgba(215, 4, 101, 0);
  }
}

@keyframes glow {
  to {
    text-shadow: 2px 1px 10px rgb(255, 255, 255);
  }
}

@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}


/** KI WEBSITE NEUER STYLE / RELAUNCH **/

.text-bg-light {
  color: #1a1d2a !important;
}

.page-id-6605 .tl-left,
.page-id-6605 .tl-right,
.page-id-7344 .tl-left,
.page-id-7344 .tl-right,
.page-id-6609 .tl-left,
.page-id-6609 .tl-right,
.page-id-7358 .tl-left,
.page-id-7358 .tl-right {
  color: #1a1d2a !important;
}

.page-id-6605 #kontakt-cta .col-inner,
.page-id-7344 #kontakt-cta .col-inner,
.page-id-6609 #kontakt-cta .col-inner,
.page-id-7358 #kontakt-cta .col-inner,
.page-id-7571 #kontakt-cta .col-inner {
  max-width: 705px;
  z-index: 2;
  border-radius: 40px 5px 40px 5px;
}

.page-id-6605 .image-cta .col-inner,
.page-id-6605 .cio-single-image .img-fluid:not( .icons .col-inner .cio-single-image .img-fluid, .services-facts .cio-single-image .img-fluid),
.page-id-6605 .carousel-item .img-fluid,
.page-id-6605 .bg-border-radius,
.page-id-7344 .image-cta .col-inner,
.page-id-7344 .cio-single-image .img-fluid:not( .icons .col-inner .cio-single-image .img-fluid, .services-facts .cio-single-image .img-fluid ),
.page-id-7344 .carousel-item .img-fluid,
.page-id-7344 .bg-border-radius,
.page-id-6609 .image-cta .col-inner,
.page-id-6609 .cio-single-image .img-fluid:not( .icons .col-inner .cio-single-image .img-fluid, .services-facts .cio-single-image .img-fluid),
.page-id-6609 .carousel-item .img-fluid,
.page-id-6609 .bg-border-radius,
.page-id-7358 .image-cta .col-inner,
.page-id-7358 .cio-single-image .img-fluid:not( .icons .col-inner .cio-single-image .img-fluid, .services-facts .cio-single-image .img-fluid),
.page-id-7358 .carousel-item .img-fluid,
.page-id-7358 .bg-border-radius,
.page-id-7571 .image-cta .col-inner,
.page-id-7571 .cio-single-image .img-fluid:not( .icons .col-inner .cio-single-image .img-fluid, .services-facts .cio-single-image .img-fluid),
.page-id-7571 .carousel-item .img-fluid,
.page-id-7571 .bg-border-radius {
  border-radius: 40px 5px 40px 5px !important;
}

.page-id-6605 .hero-section .btn.btn.btn-light,
.page-id-7344 .hero-section .btn.btn.btn-light,
.page-id-6609 .hero-section .btn.btn.btn-light,
.page-id-7358 .hero-section .btn.btn.btn-light,
.page-id-7571 .hero-section .btn.btn.btn-light {
  background-color: transparent;
  color: white !important;
  border: none !important;
}

#greeting {
  font-weight: 400 !important;
}


body.page-id-6605,
body.page-id-7344,
body.page-id-6609,
body.page-id-7358,
body.page-id-7571 {
  background-image: url(/wp-content/uploads/2023/03/bg-open-parentheses.svg),url(/wp-content/uploads/2025/06/bg-close-parentheses.svg);
  background-repeat: no-repeat,no-repeat;
  background-position: 2% 2%,98% 98%;
}

.page-id-7571 .testimonial-photo {
  display: flex;
}

.page-id-7571 .hero-section .bg-image::after {
  background-color: transparent !important;
}

/* Footer Test */

#temporary-footer {
  font-size: 1.1rem;
  padding-bottom: 0px !important;
  padding-top: 100px !important;
  background-color: transparent !important;
}

#temporary-footer .mt {
  margin-top: 20px !important;
}

#temporary-footer .sub_footer {
  padding: 25px 0px;
}

#temporary-footer .policies {
  display: flex;
  align-items: center;
}

#temporary-footer .policies a:first-child {
  margin-right: 30px;
}

#temporary-footer .social-media {
  height: 35px;
  width: 35px;
  display: inline-block;
  margin-top: 0px !important;
}

#temporary-footer .social-media:not(:first-child) {
  margin-left: 5px !important;
}

#temporary-footer .social-media img {
  border-radius: 5px;
}

#temporary-footer .footer-logo {
  height: 60px;
  width: 250px;
  margin-bottom: 15px;
}

#temporary-footer .seperator {
  border-bottom: 1px solid white;
  margin-top: 25px;
}

#temporary-footer .footer-corporate small,
#temporary-footer .contact-details:not(.contact-details .h4) {
  font-family: 'zalando-sans';
  font-size: 1rem;
}

#temporary-footer .contact-details .mb {
  margin-bottom: 0px !important;
}

#temporary-footer .policies {
  justify-content: end;
}

.am-cta p {
    margin-bottom: 0px !important;
}

/* ----- */

@media screen and (max-width: 992px) {

  .page-id-6605 .image-cta .col-inner,
  .page-id-7344 .image-cta .col-inner,
  .page-id-6609 .image-cta .col-inner,
  .page-id-7358 .image-cta .col-inner,
  .page-id-7571 .image-cta .col-inner {
    padding: 30px !important;
  }

  .am-cta p {
    margin-top: 30px;
  }

}

@media (min-width: 980px) {
  .page-id-6605 #kontakt-cta .col-inner,
  .page-id-7344 #kontakt-cta .col-inner,
  .page-id-6609 #kontakt-cta .col-inner,
  .page-id-7358 #kontakt-cta .col-inner,
  .page-id-7571 #kontakt-cta .col-inner {
    position: absolute;
    top: 95px;
    left: -100px;
    padding: 50px !important;
    max-width: 500px;
  }
}