/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/***
* class: .sticky-header
*/
/* Base Style for Elementor Menu Items */









.elementor-nav-menu li a {
  position: relative;
  z-index: 2;
  /* overflow: hidden; entfernt, damit der Kreis vollständig sichtbar ist */
}

/* Hover State for Ripple Effect */
.elementor-nav-menu li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.05) !important;
/*  background: rgba(199, 18, 74, 0.05) !important;*/
  border-radius: 50%; /* Verwendet 50% für einen perfekten Kreis */
  transform: translate(-50%, -50%) !important;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.elementor-nav-menu li a:hover::before {
  width: 200px;
  height: 200px;
  left: 50%;
  border-radius: 50%; /* Konsistent 50% für den Kreis */
  animation: ripple78 0.6s ease-out;
}

/* Keyframe for Ripple Animation */
@keyframes ripple78 {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}
.lpbundesland .elementor-accordion-item{
    border-radius:14px;
    background:white;
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}


header.sticky-header {
    --header-height: 100px;
    --shrink-header-to: 0.6;
    --transition: .45s cubic-bezier(.4, 0, .2, 1);
    background-color: rgba(244, 245, 248, 1);
    transition: background-color var(--transition),
                backdrop-filter var(--transition),
                box-shadow var(--transition);



}
header.sticky-header nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu li a{
padding-top:45px;
padding-bottom: 45px;
}
header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu li a{
padding-top:25px;
padding-bottom: 25px;
}

 .page   header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu > li:last-child > a:hover{
background:#fff;
color:#c7124a;
transform: scale(1.02) translateY(-0.2em);
    transform: scale(1.02) translateY(-0.2em);
    -webkit-box-shadow: 0 12px 12px -12px rgb(27 30 34 / 30%), 0 30px 60px -18px rgb(27 30 34 / 60%);
    box-shadow: 0 12px 12px -12px rgb(27 30 34 / 30%), 0 30px 60px -18px rgb(27 30 34 / 60%);



    }
     .page header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu > li:last-child > a.elementor-item-active {
        color:white;
    }
      .page header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu > li:last-child > a.elementor-item-active:hover {
        color:#c7124a;
    }
     .page header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu > li:last-child > a:after {
        height:0px;
    }
     .page header.sticky-header.elementor-sticky--effects nav.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu > li:last-child {

            flex-wrap: wrap;
    align-content: center;
    }
/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
   
}
header.sticky-header > .e-con-inner {
    min-height: var(--header-height);
    transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .e-con-inner {
    min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
    header.sticky-header {
        --header-height: 70px;
    }
}

/***
* class: .logo
*/
header.sticky-header .logo img {
    transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
    transform: scale(.8);
}


/*______________________________SINGLE POST_______________________________*/
.single-post #postcontent h4 {

        font-size: 24px;
    font-weight: 600;
    color: #c7124a;
    padding-top: 20px;

}
.single-post a.demobtn,
.single-post a.buybtn,
.single-post a.wphostbtn{

    -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46), box-shadow 50ms cubic-bezier(.17,.67,.38,1.46), background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17, .67, .38, 1.46), box-shadow 50ms cubic-bezier(.17, .67, .38, 1.46), background .3s cubic-bezier(.17, .67, .38, 1.46);
    -o-transition: transform .3s cubic-bezier(.17, .67, .38, 1.46), box-shadow 350ms cubic-bezier(.17, .67, .38, 1.46), background .3s cubic-bezier(.17, .67, .38, 1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46), box-shadow 50ms cubic-bezier(.17,.67,.38,1.46), background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17, .67, .38, 1.46);
    -o-transition-timing-function: cubic-bezier(.17, .67, .38, 1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -webkit-box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
    box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
    
    padding: 8px 25px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    transition: 0.3s;
    border-radius: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
     margin-right: 10px;
    

}
.single-post a.demobtn:hover,
.single-post a.wphostbtn:hover,
.single-post a.buybtn:hover{

    border-radius: 8px;
    -webkit-box-shadow: 0 12px 12px -12px rgba(27,30,34,.6), 0 30px 60px -18px rgba(27,30,34,.6);
    box-shadow: 0 12px 12px -12px rgba(27,30,34,.6), 0 30px 60px -18px rgba(27,30,34,.6);



    }


.single-post a.demobtn{
color: #fff;
    background: var(--e-global-color-primary);
    background: rgb(199, 18, 74);
    background: linear-gradient(180deg, rgba(199, 18, 74, 1) 0%, rgba(168, 16, 63, 1) 100%);
}
.single-post a.demobtn:hover{
background: rgb(184, 17, 69);
    background: linear-gradient(180deg, rgba(184, 17, 69, 1) 0%, rgba(159, 14, 59, 1) 100%);
}
.single-post a.buybtn{
 
    background: #28A745;
    color: #fff;
}
.single-post a.wphostbtn{
 
    background:  #8D8D8D;
    color: #fff;
}


.single-post ol.comment-list li {
    list-style-type: none;

}
.single-post ol.comment-list {
    padding:0px;
}
.single-post #comments .comment-metadata time{
    font-size:15px;
   color: var(--e-global-color-61d9f1d);
   font-weight:500;
}





#page .roundchecktab.elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title {
    font-weight: 600; /* Setzt das Gewicht der Schrift */
    padding-left: 36px; /* Erhöhter Platz für das Icon */
    position: relative; /* Ermöglicht die absolute Positionierung des Icons */
}

#page  .roundchecktab.elementor-widget.elementor-widget-toggle .elementor-toggle .elementor-tab-title:before {
    content: '';
    background: url('https://kopfundstift.de/wp-content/uploads/2023/12/button.svg') no-repeat center center;
    background-size: contain;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0px; /* Etwas mehr Abstand vom linken Rand für bessere Zentrierung */
    top: 50%;
    transform: translateY(-50%); /* Zentriert das Icon vertikal */
}

#page  .roundchecktab.elementor-widget.elementor-widget-toggle .elementor-toggle  a.elementor-toggle-title:after {
   
    width: calc(100% - 30px);
  
    left: 35px;


}


#page .roundchecklist ul{
list-style: none;
    margin-left: 32px ;
    padding-left: 20px ;
}
.roundchecklist ul li:before{
content: '';
    background: url(https://kopfundstift.de/wp-content/uploads/2023/12/button.svg);
    background-repeat: repeat;
    font-size: 16px;
        margin: 0px 12px -6px -37px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
}
.roundchecklist ul li{
    padding: 8px 0px;
    font-weight: 600;
}
.roundchecklist ul li strong {
  font-weight: 600;  
}
#footer .footbox h6 {
    text-transform: uppercase;
    border-bottom:1px dashed #4F4F4F;
    color:#A1A1A1;
    font-size:16px;
    padding-bottom:7px;
}

body#page.cyx #footer ul.landingpagelist {
    padding-left:0px;

}
#footer .elementor-post__title a{
    color:#919191;
}
#footer ul > li {
    padding-top:5px;
    padding-bottom: 5px;
}
#footer ul > li > a {
    color:#919191;
}
body#page.cyx #footer ul {
        padding-inline-start: 0px;
        list-style-type: none;
}

#footer .lpbox ul li{
    display: inline;

padding-right: 5px;
}
#footer .lpbox ul li a{
    color:#666;
    font-size:13px;
    text-decoration: none;
}





/*_________________Webdesign Landing Pages 2024 Februar CSS____________________*/
/*_________________Webdesign Landing Pages 2024 Februar CSS____________________*/




body#page.cyx  .weblp-ani .elementor-button-link   { -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -webkit-box-shadow: 0 3px 12px -6px rgb(27 30 34 / 10%), 0 18px 24px -6px rgb(27 30 34 / 20%);
    box-shadow: 0 3px 12px -6px rgb(27 30 34 / 20%), 0 18px 24px -6px rgb(27 30 34 / 20%);
    transition: 0.2s;
}
body#page.cyx  .weblp-ani .elementor-button-link:hover{
        transform: scale(1.02) translateY(-0.2em);
    transform: scale(1.02) translateY(-0.2em);
    -webkit-box-shadow: 0 12px 12px -12px rgb(27 30 34 / 30%), 0 30px 60px -18px rgb(27 30 34 / 60%);
    box-shadow: 0 12px 12px -12px rgb(27 30 34 / 30%), 0 30px 60px -18px rgb(27 30 34 / 60%);
}



body#page.cyx  .pulsebtn .elementor-button-link   { -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);

     box-shadow: 0 0 0 0 rgba(199, 18, 74, 0.4);
     -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
body#page.cyx  .pulsebtn .elementor-button-link:hover{
        transform: scale(1.02) translateY(0em);
    transform: scale(1.02) translateY(0em);

}

/* Animation */

@-webkit-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(199, 18, 74,0)
;
  }
}

@-moz-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(199, 18, 74,0)
;
  }
}

@-ms-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(199, 18, 74, 0)
;
  }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(199, 18, 74, 0)
;
  }
}






body#page.cyx  .pinkwhitehovereffectbtn .elementor-button-link {

  padding: 0px;
  position: relative;
  border-radius: 9px;
  box-shadow: none;
  z-index:99;
  border:0px;
}
body#page.cyx  .pinkwhitehovereffectbtn .elementor-button-link:hover::after {
  position: absolute;
  content: "";
  top: 15px;
  left: 0;
  right: 0;
  z-index: -99;
  height: 100%;
  width: 100%;
  transform: scale(0.9) translateZ(0);
  filter: blur(15px);
  background: linear-gradient(to left, #ff5770, #e4428d, #c42da8, #9e16c3, #6501de, #9e16c3, #c42da8, #e4428d, #ff5770);
  background-size: 200% 200%;
  -webkit-animation: animateGlow 1.25s linear infinite;
          animation: animateGlow 1.25s linear infinite;
}

body#page.cyx  .pinkwhitehovereffectbtn .elementor-button-link   { 
    /*
    -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
      transition: 0.2s;
    */
    -webkit-box-shadow: 0 3px 12px -6px rgb(27 30 34 / 10%), 0 18px 24px -6px rgb(27 30 34 / 20%);
    box-shadow: 0 3px 12px -6px rgb(27 30 34 / 20%), 0 18px 24px -6px rgb(27 30 34 / 20%);
  
}

body#page.cyx  .pinkwhitehovereffectbtn .elementor-button-link:hover{
        transform: scale(1.02) translateY(-0.2em);
    transform: scale(1.02) translateY(-0.2em);
 
 
}

body#page.cyx  .pinkwhitehovereffectbtn .elementor-button-link{
 
        transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    transition:0.2s;
  
 
}
body#page.cyx  .pinkwhitehovereffectbtn .elementor-button-link .elementor-button-text {
    display:block;
     padding: 24px 32px;
     background:#c7124a;
     border-radius: 9px;
     color:#fff;
     
     border:1px solid #c7124a;
}
body#page.cyx  .pinkwhitehovereffectbtn .elementor-button-link:hover .elementor-button-text {

   background:#fff;
    color:#c7124a;
        border:1px solid #c7124a;
}
@-webkit-keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

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




body#page.cyx  .whitepinkhovereffectbtn .elementor-button-link {

  padding: 0px;
  position: relative;
  border-radius: 9px;
  box-shadow: none;
  z-index:99;
  border:0px;
}
body#page.cyx .whitepinkhovereffectbtn .elementor-button-link:hover::after {
  position: absolute;
  content: "";
  top: 15px;
  left: 0;
  right: 0;
  z-index: -99;
  height: 100%;
  width: 100%;
  transform: scale(0.9) translateZ(0);
  filter: blur(15px);
  background: linear-gradient(to left, #ff5770, #e4428d, #c42da8, #9e16c3, #6501de, #9e16c3, #c42da8, #e4428d, #ff5770);
  background-size: 200% 200%;
  -webkit-animation: animateGlow 1.25s linear infinite;
          animation: animateGlow 1.25s linear infinite;
}

body#page.cyx .whitepinkhovereffectbtn .elementor-button-link   { 
    /*
    -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
      transition: 0.2s;
    */
    -webkit-box-shadow: 0 3px 12px -6px rgb(27 30 34 / 10%), 0 18px 24px -6px rgb(27 30 34 / 20%);
    box-shadow: 0 3px 12px -6px rgb(27 30 34 / 20%), 0 18px 24px -6px rgb(27 30 34 / 20%);
  
}

body#page.cyx .whitepinkhovereffectbtn .elementor-button-link:hover{
        transform: scale(1.02) translateY(-0.2em);
    transform: scale(1.02) translateY(-0.2em);
 
 
}

body#page.cyx .whitepinkhovereffectbtn .elementor-button-link{
 
        transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    transition:0.2s;
  
 
}
body#page.cyx .whitepinkhovereffectbtn .elementor-button-link .elementor-button-text {
    display:block;
     padding: 24px 32px;
     background:#fff;
     border-radius: 9px;
     color:#c7124a;
     font-size:15px;
font-weight: 600;
     text-transform: uppercase;
     
     border:2px solid #c7124a;
}
body#page.cyx .whitepinkhovereffectbtn .elementor-button-link:hover .elementor-button-text {

   background:#fff;
    color:#c7124a;
        border:2px solid #c7124a;
}
@-webkit-keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
body#page.cyx .desktopcontact .contactbox {
transition:0.3s;
    padding-bottom: 10px;
    padding-right: 50px;
    background:white;
      transition: transform 0.5s ease; /* Weiche Übergangseffekte für die Transformation */
 transform: translateX(calc(100% - 62px));
 background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E9E9E9;
    border-radius: 22px 0px 0px 22px;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
      display: flex;
    flex-direction: column;
}


body#page.cyx .desktopcontact .contactbox:hover{
    transform:translateX(0%);
        box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.1);
}
body#page.cyx .desktopcontact .contactbox .contacticonlist a:hover{
text-decoration: underline;
    
    
}


body#page.cyx .desktopcontact .contactbox .contacticonlist{
  
         display:flex;
         column-gap: 30px;
        padding: 0px 0px 0px 20px;
        border-bottom: 1px dashed #e9e9e9;
            align-items: center;
}
body#page.cyx .desktopcontact .contactbox .contacticonlist img {
    width:25px;
 
   
    opacity:0.7;
}


body#page.cyx .desktopcontact .contactbox .contacticonlist a{
    padding:15px 0px;
  
}

body#page.cyx .desktopcontact .contactbox .contacticonlist:first-child img{
 border-radius: 100%; 
 width:50px;
 opacity:1;
}
body#page.cyx .desktopcontact .contactbox .contacticonlist:last-child {
    border-bottom: 0px;
}
body#page.cyx .desktopcontact .contactbox .contacticonlist:first-child {
padding:5px 5px 5px 5px;
 border-bottom: 0px;
 gap: 20px;
}


body#page.cyx .desktopcontact .contactbox .contacticonlist span{
 
  
}

@media (hover: none) {
    body#page.cyx .desktopcontact  {
     display:none !important;   
    }
    
}

body#page.cyx .mobilecontactdiv .elementor-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Stelle sicher, dass der Container die volle Breite einnimmt */
}

/* Stile für mobilecontactbox und Bild */
body#page.cyx .mobilecontactdiv .mobilecontactbox {
    text-decoration: none;
    transition: transform 0.5s ease;
    background: linear-gradient(352deg, rgba(161,14,59,1) 0%, rgba(199,18,74,1) 100%);
    border-radius: 50px;
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    padding: 5px 25px 5px 5px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    gap: 15px;
    transition: 0.3s;
    white-space: nowrap;
}

body#page.cyx .mobilecontactdiv .mobilecontactbox:hover {
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.2);
    background: linear-gradient(302deg, rgba(161,14,59,1) 0%, rgba(199,18,74,1) 100%);
}

/* Bild im .mobilecontactbox anpassen */
body#page.cyx .mobilecontactdiv .mobilecontactbox img {
    border-radius: 100%;
    width: 50px;
}


@media (hover: none) {
    .mobilecontactdiv  {
     display:block !important;   
    }
    
}
@keyframes pulse-cyan {
  0%, 33% {  
    box-shadow: 0 0 0 0 rgba(59, 180, 193, 0.5);
  }
  30%, 33% {
    box-shadow: 0 0 0 20px rgba(59, 180, 193, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(59, 180, 193, 0);
  }
}

@keyframes pulse-red {
  0%, 33% {  
    box-shadow: 0 0 0 0 rgba(199, 18, 74, 0.5);
  }
  30%, 33% {
    box-shadow: 0 0 0 20px rgba(199, 18, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(199, 18, 74, 0);
  }
}

@keyframes pulse-orange {
  0%, 33% {  
    box-shadow: 0 0 0 0 rgba(255, 159, 33, 0.5);
  }
  30%, 33% {
    box-shadow: 0 0 0 20px rgba(255, 159, 33, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 159, 33, 0);
  }
}
body#page.cyx .cyanbtnpulse .elementor-button {
    

 -webkit-animation: pulse-cyan  4.5s infinite;
  animation-delay: 1s;}
  
  
body#page.cyx  .pinkbtnpulse .elementor-button{


  -webkit-animation: pulse-red  4.5s infinite;animation-delay: 2s;
}
body#page.cyx .orangebtnpulse .elementor-button{



  -webkit-animation: pulse-orange  4.5s infinite;animation-delay: 3s;
}

  
  
  
  
  









/*_________________Webdesign Landing Pages 2024 Februar CSS____________________*/
/*_________________Webdesign Landing Pages 2024 Februar CSS____________________*/





.fazitbox  strong:first-of-type {
font-size:24px;
    font-weight:600;
    color:#3C763D;
}
.fazitbox strong:nth-child(1)::before {
 content: '';
    background: url(https://kopfundstift.de/wp-content/uploads/2023/07/party.svg);
    font-size: 16px;
    margin: 0px 11px -3px -30px;
    width: 19px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;



}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
   
}
.mejs-container {
    padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
    max-width: 100% !important;
}
video.wp-video-shortcode {
    position: relative;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mejs-controls {
    display: none;
}
.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}
pre {
        font-family: monospace;
    display: block;
    text-wrap: inherit;
}
body#page.cyx .elementor-widget-theme-post-content pre{
white-space: pre-wrap;
font-size:18px;
}
.single-post .tag-code .elementor-widget-theme-post-content p code {
       background: #ebebeb;
    font-size: 18px;
    font-weight: 500;
    padding: 20px;
    display: block;
}
.hyphens {
    hyphens: auto !important;
}
#blogcontent .elementor-post__excerpt p{
    font-size:18px;

}
body#page.cyx .gfviewbox {
    padding-bottom: 50px;
}
#loginform {
    padding: 25px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.19); 
box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.19);
background: white;
margin-bottom: 20px;
border-radius: 12px;
}
#loginform p label,
#loginform p input {
    display: block;

}
#loginform p {
    display: table;
}
#loginform p:last-child,
#loginform p:last-child label,
#loginform p:last-child input {
display: initial;

border-radius: 3px;
    }

#loginform p:last-child label,
#loginform p:last-child input {

padding: 20px 30px 20px 30px;

    }
#loginform p label,
#loginform p input{
    display: table-cell;
    padding: 10px 20px 10px 0px;
}
#loginform p label {
    width: 60%;
}

strong {
    font-weight: 600;
}
.single-post strong {
    font-weight: 600;
    color: #000;
}


body#page.cyx a.mainafflink {
-webkit-box-shadow: 5px 5px 15px -12px #000000; 
box-shadow: 5px 5px 15px -12px #000000;
padding: 12px 15px;
border-radius: 3px;
border: 2px solid #28A745;
background: #28A745;
color: #fff;
font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    margin-top: 15px;
    text-align: center;
    transition: 0.3s;
  position: relative;
  overflow: hidden;

}
/*_____________WOOCOMMERCE STLES_________________*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #333;
    font-size: 1.25em;
}
.elementor-widget-woocommerce-checkout-page {
    background-color: transparent;
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    color: #000;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table {
    
    margin-bottom: 80px;
}
.woocommerce table.shop_table th {
   
    font-size: 24px;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr {
padding: 0px 20px;
border-bottom: 2px dashed #ccc;
    background: white;
}
body#page.cyx .woocommerce-checkout .shop_table {
    background: white;
}
    
/*_____________WOOCOMMERCE STLES_________________*/
body#page.cyx a.mainafflink:hover {
-webkit-box-shadow: 5px 5px 15px -9px #000000; 
box-shadow: 5px 5px 15px -9px #000000;
background: #1D8A36;
border-color: #1D8A36x;
transform: translateY(-3px);

}
.mainafflink:after {
  
  animation: shine 5s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width:700%;
  height: 700%;
  opacity: 0;
  transform: rotate(40deg);
  
  background: rgba(255, 255, 255, 0.93);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.33) 0%,
    rgba(255, 255, 255, 0.33) 77%,
    rgba(255, 255, 255, 0.7) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}








.single-post img.imgshadow + .wp-caption-text {
       padding-top: 2.0em;
    font-size: 15px;
    }

.wp-caption .wp-caption-text {
    font-size: 100%;
    padding-top: 20px;
    opacity: 1;
    line-height: 1.6em;
}
body {
    line-height: 1.65em;
}
.rmp-rating-widget__results {
    display: none;
}
html,body{

width: 100%;
    overflow-x: hidden;
    margin: 0px;

}
/*_____________BLOG STYLES_______________________*/
/*_____________BLOG STYLES_______________________*/
ul.voli,
ul.nali {
    list-style: none;
}
ul.voli li:before {
    content: '';
    background: url(https://kopfundstift.de/wp-content/uploads/2019/07/webdesign-anfrage-check.svg);
    font-size: 16px;
    margin: 0px 11px -3px -30px;
    width: 19px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}
ul.nali li:before {
    content: '';
    background: url(https://kopfundstift.de/wp-content/uploads/2019/07/webdesign-anfrage-nein.svg);
    font-size: 16px;
    margin: 0px 11px -3px -30px;
    width: 19px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}
#page .alertbox,
#page .alertboxnew ,
#page .ideabox {
    border-left: 20px solid #B60E0E;
   border-bottom: 5px solid #B60E0E;
        background-color: #f2dede;
             padding: 15px; 
      line-height: 1.65em;
        box-shadow: 0px 0px 10px 0px rgb(0 ,0,0,0.1);
            color: #a94442;
        margin-bottom: 30px;
    margin-top: 30px;
            border-radius: 5px;
            font-weight: 500;
            position: relative;
}
#page .alertboxnew,
#page .ideabox {
  border: 3px solid #e63950;
   border-bottom: 9px solid #e63950;
-webkit-box-shadow: 2px 6px 15px -10px rgba(0,0,0,0.29); 
box-shadow: 2px 6px 15px -10px rgba(0,0,0,0.29);
background:#fbeeee;
color:#e63950;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
    padding: 25px 25px 25px 50px;
}
#page .alertbox strong,
#page .alertboxnew strong ,
#page .ideabox strong {
    padding-bottom: 10px;

        font-size: 21px;
    font-weight: 900;
        color: #a94442;
        padding-bottom: 15px;
     
}
#page .alertboxnew strong {
color:#e63950;
    }
#page .alertboxnew > strong:first-of-type  {
      font-size: 24px;
         display: block;
    margin-bottom: -0.2em;
    
}
#page .ideabox > strong:first-of-type {
      font-size: 24px;
    display: block;
    margin-bottom: -0.2em;
    color:#333;
    
}
#page .ideabox a {
    color:#333;
    text-decoration: underline;
}
#page .ideabox a:hover {

    text-decoration: none;
}
#page .alertboxnew:before {
content: "";
    display: block;
    position: absolute;
    left: 0px;
   top: 23px;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    background-image: url(https://kopfundstift.de/wp-content/uploads/2024/01/danger.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9;
    

}#page .alertboxnew a{
color:#e63950;
}

#page .ideabox {
border-color: #ffd300;
color:#333;
background: #fffcee;

    }






#page .ideabox:before {
content: "";
    display: block;
    position: absolute;
    left: 0px;
   top: 14px;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background-image: url(https://kopfundstift.de/wp-content/uploads/2024/01/vision.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9;
    

}
#page .ideabox strong {
color:#333;
    }



#page .alertboxnew strong {
display:inline;
    }
        #page .alertboxnew p:last-child ,
        #page .ideabox p:last-child {
            margin-bottom: 0px;
        }
    #page .alertboxnew a {
        color:#a94442;
        text-decoration: underline;
    }
     #page .alertboxnew a:hover {
       
        text-decoration: none;
    }


    .alertbox.green {
    border-left: 10px solid #3C763D;
            background-color: #dff0d8;          
            color: #3c763d;         
}
.alertbox.green a {
 color: #3c763d !important;
         
}
.alertbox.green strong {
        color: #3c763d;
}
.alertbox.grey {
    border-left: 10px solid #707070;
    background-color: #ededed;          
            color: #1b1e22;         
}
.alertbox.grey a {
 color: #1b1e22 !important;
         
}
.alertbox.grey strong {
        color: #1b1e22;
}

.alertbox p {
    margin-bottom: 0px;
}
.alertbox a {
    text-decoration: underline !important ;
    color: #a94442;
}
.alertbox a:hover {
    text-decoration: none !important ;

    }



body#page.cyx.single-post p
body#page.cyx.single-post ul li {
  font-size: 19px;
line-height: 1.6em;
font-weight: 500;
color: #333333;
}
body.single-post h2 a,
body.single-post h3 a,
body.single-post h4 a {
    font-weight: 600;
}
body#page.cyx.single-post .elementor-widget-theme-post-content ul.smalllist li {
    padding-bottom: 1px;
}
 .vorteilliste ul ,
  body#page.cyx.single-post .checkliste ul{
        list-style: none;
          margin-left:32px !important;
          padding-left:0px !important;
}
.vorteilliste  strong ,
.nachteilliste  strong {
       
        font-size:23px;
        margin-bottom: 30px;
            display: block;
}
.nachteilliste  strong {
color: #B60E0E;
    }
.vorteilliste  strong {
        color: #3C763D;
   
}

body#page.cyx.single-post div.vorteilliste ul li,
  body#page.cyx.single-post .checkliste ul li {
    list-style-type: none;
  line-height:1.6em;
    margin-bottom:15px;
    font-size: 17px;
}


/*______________________________________VLIST________________________________*/

body .nlist h4,
body .vlist h4 { 
padding-top:0px;
padding-bottom: 10px;
color:#363636;
font-weight:600;
}


body .nlist ul li,
body .vlist ul li{
    color:#363636;






  list-style-type: none;
   padding-left: 8px;
   margin-bottom: 9px;
   display: block; /* Änderung zu block statt flex */
   position: relative; /* Für absolute Positionierung des Icons */
   padding-left: 40px; /* Platz für das Icon */
}

 .vlist + br,
 .nlist + br {
    display:none;
}


.vlist,
 .nlist {
  

    margin-left:0px;
 position: relative;



margin-bottom: 0px;

}
 .nlist {


margin-bottom: 0px;
}
.vlist strong{
color:#0f4e1e;
font-weight:600;
    }
 .nlist strong{
color:#db3a3c;
font-weight:600;
    }






.nlist h4:before{
    background-image: url(https://members.kopfundstift.de/wp-content/uploads/2024/01/cross.svg);
}

.vlist ul li,
.nlist ul li {
   list-style-type: none;
    padding-left: 8px;
    margin-bottom:9px;
  
}
.vlist ul li:last-child,
.nlist ul li:last-child {

    margin-bottom:0px;
  
}

.vlist ul,
 .nlist ul  {
padding-left:0px;
margin-bottom:0px;
    }

 .vlist p,
 .nlist p  {

margin:0px;
    }
 .nlist ul li:before  {
  
 
    content: '';
    background: url(https://members.kopfundstift.de/wp-content/uploads/2025/01/button-no.svg);
    width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   background-size: contain;
    position: absolute;
    left: 11px;
        top: 9px;
    }
    .vlist ul li:before {
           flex-shrink: 0; /* Verhindert, dass das Icon zusammengedrückt wird */
   margin-top: -3px; /* Optional: Feinabstimmung der vertikalen Ausrichtung */
 content:'';
    background:url(https://members.kopfundstift.de/wp-content/uploads/2023/12/button.svg);
  width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   background-size: contain;
    position: absolute;
    left: 11px;
    top: 12px;
}
 .vlist ul,
 .nlist ul {
padding-left:0px;
margin-left:0px;
}



.vlist,
 .nlist {
   

 

    margin-left:0px;
 position: relative;
 background:#fff;
 margin-top:40px;

margin-bottom: 20px;

}
 .nlist {
    
    background:#fff;
margin-bottom: 30px;
}

/*______________________________________VLIST ENDE________________________________*/
/*______________________________________VLIST ENDE________________________________*/
/*______________________________________VLIST ENDE________________________________*/




 div.vlist ul li,
 div.nlist ul li{
padding-bottom: 0px;
    }
.vlist ul,
 .nlist ul{
  margin-left: 0px;
  /*background-color: #ecffec;
    border: 2px solid #3C763D;
    padding: 20px;
    border-radius: 5px;    
    padding-bottom: 0px;*/
}
 body#page.cyx .lightweight-accordion + p > a.shadowbtn {
      margin-top: 10px;
    display: inline-block;
    
    padding: 10px 30px;
}
  body#page.cyx .lightweight-accordion .lightweight-accordion-title {

    padding: 15px 30px;
    border: 1px solid #fff;
      margin-top: 23px;
    line-height: 1.65em;
    border-radius: 15px;
    background: white;
    
    -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -webkit-box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
    box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);

}
body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-title span {
font-size: 21px;
    font-weight: 600;
    color: #333;

}
body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-body {
margin-bottom: 20px;
}
body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-title h3,
body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-title h4 {
  color:#333;  
  text-align: left;
       font-size: 20px;
    display: inline;
    font-weight: 600;
}
body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-title:hover::marker {
    color: #333;
}

body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-title:hover {

border: 1px solid #ccc ;
    background: var(--e-global-color-primary);
    transform: scale(1.02) translateY(-0.2em);
    transform: scale(1.02) translateY(-0.2em);
    -webkit-box-shadow: 0 12px 12px -12px rgba(27,30,34,.3), 0 30px 30px -18px rgba(27,30,34,.3);
    box-shadow: 0 12px 12px -12px rgba(27,30,34,.1), 0 30px 10px -18px rgba(27,30,34,.1);
}
#postcontent code {
display: block;
    background-color: #2d2d3a;
    color: #ffffff;
    padding: 2rem;
    border-radius: 0.5rem;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1rem;
    margin: 1rem 0;
    font-weight: 700;
}






body#page.cyx.single-post .lightweight-accordion.smallacc{
  margin-bottom:1.8em;
    }




body#page.cyx.single-post h4 {
    font-weight:900;
    color:#c7124a;
    font-size:21px;
}



body#page.cyx.single-post .lightweight-accordion.smallacc .lightweight-accordion-title{
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    display: inline;
    font-weight:600;
    }
body#page.cyx.single-post .lightweight-accordion.smallacc .lightweight-accordion-title:hover{
   
    background: transparent;
    -webkit-transition: transform 0s, box-shadow 0s;
-moz-transition: transform 0s, box-shadow 0s;
-o-transition: transform 0s, box-shadow 0ss;
transition: transform 0s, box-shadow 0s;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;

 
transform: scale(1) translate(0px);

 
}
body#page.cyx.single-post .lightweight-accordion.smallacc .lightweight-accordion-title span {
    font-size: 21px;
}
body#page.cyx.single-post .lightweight-accordion.smallacc .lightweight-accordion-title span:hover{

color:var(--e-global-color-primary);
    }
body#page.cyx.single-post .lightweight-accordion.smallacc .lightweight-accordion-title span:after{
content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: var(--e-global-color-primary);
    transform-origin: bottom right;
    transition: transform 0.15s ease-out;
    }
    body#page.cyx.single-post .lightweight-accordion.smallacc .lightweight-accordion-title span:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
table.middlepadding td {
    padding: 25px 8px;
}


body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-body p:last-child{
margin-bottom: 0px;
    }
body#page.cyx.single-post .lightweight-accordion .lightweight-accordion-title:hover {
background: #f6f6f6;
    }




 .vorteilliste ul li:before,
 body#page.cyx.single-post .checkliste ul li:before {
    content:'';
    background:url(https://kopfundstift.de/wp-content/uploads/2019/07/webdesign-anfrage-check.svg);
      font-size:16px;
margin: 0px 11px -3px -30px;
    width: 19px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}
ul.ulvorteil  li:before {
    content:'';
    background:url(https://kopfundstift.de/wp-content/uploads/2019/07/webdesign-anfrage-check.svg);
      font-size:16px;
margin: 0px 11px -3px -30px;
    width: 19px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}ul.ulvorteil  li {
    padding-bottom: 10px;
    line-height: 1.8em;

}
strong.vorteil,
strong.nachteil {
    font-size: 1.2em;
    font-weight: 600;
   
   
   
    padding-bottom: 6px;
    }
strong.vorteil {
 
    color: #28A745;
    border-bottom: 2px solid #28A745;
}
strong.nachteil {

    color: #e00000;
    border-bottom: 2px solid #e00000;
}

ul.ulvorteil {
font-weight: 500;
       
}
ul.ulnachteil {
    font-weight: 500;
   
}
ul.ulnachteil li:before {
content: '';
    background: url(https://kopfundstift.de/wp-content/uploads/2019/07/webdesign-anfrage-nein.svg);
    font-size: 16px;
    margin: 0px 11px -3px -30px;
    width: 19px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    }
.vorteilliste {
    background-color: #DFF0D8;
    border-radius: 20px 0px 0px 20px;
        border-style: solid;
    border-width: 10px 0px 0px 0px;
    border-color: #3C763D;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 20px 10px 20px;
    width: 50%;
        float: left;
}

body#page.cyx .vorteilliste ul {
     margin-bottom: 0px;
 }
body#page.cyx .nachteilliste ul {
        list-style: none;
          margin-left:32px !important;
           padding-left:0px !important;
           margin-bottom: 0px;
}

.nachteilliste  strong {
        color: #B60E0E;
        font-size:23px;
        margin-bottom: 30px;
            display: block;
}

body#page.cyx.single-post div.nachteilliste ul li {
    list-style-type: none;
  line-height:1.6em;
    margin-bottom:15px;
      font-size: 17px;
}

 .nachteilliste ul li:before {
content: '';
    background: url(https://kopfundstift.de/wp-content/uploads/2019/07/webdesign-anfrage-nein.svg);
    font-size: 16px;
    margin: 0px 11px -3px -30px;
    width: 19px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}
.nachteilliste {
    background-color: #F2DEDE;
    border-radius: 0px 20px 20px 0px;
        border-style: solid;
    border-width: 10px 0px 0px 0px;
        border-color: #B60E0E;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        padding: 20px 20px 10px 20px;
    width: 50%;
        float: left;
}
.vorundnachteilwrapper{
    display: flex;
     border-radius: 20px 20px 20px 20px;
     margin-bottom: 20px;
     -webkit-box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
}


body#page.cyx .imgshadow img,
body#page.cyx img.imgshadow,
.single-post .tag-imgshadow .elementor-widget-theme-post-content img{
        -webkit-box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
}
/*_____________BLOG STYLES ENDE_______________________*/
/*_____________BLOG STYLES ENDE_______________________*/
.startleistungcol{
  position: relative;
transition: 0.5s;

}
#page .startleistungcol h2 {
  font-size:30px;
}
.startleistungcol:hover{

padding-bottom: 5px;
margin-top:-5px;

}
img.blogmargin {
    margin-bottom: -1em;
    margin-top: 2em;
}





body#page.cyx.single-post a.shadowbtnnew,
body#page.cyx.single-post a.shadowbtn {
    -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -webkit-box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
     box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
 color: #fff ;
    background: var(--e-global-color-primary );
    padding: 14px 45px;
    font-weight: 600;
    font-size: 19px;
    text-transform: uppercase;
    transition: 0.3s;
    border-radius: 3px;
        margin-top: 30px;
         margin-bottom: 30px;
        display:inline-block;
background: #28A745;

}


body#page.cyx.single-post a.shadowbtnnew:hover,
body#page.cyx.single-post a.shadowbtn:hover  {
background: #1D8A36;

    border-radius: 8px; 
    -webkit-box-shadow: 0 12px 12px -12px rgba(27,30,34,.6), 0 30px 60px -18px rgba(27,30,34,.6);
    box-shadow: 0 12px 12px -12px rgba(27,30,34,.6), 0 30px 60px -18px rgba(27,30,34,.6);

}


body#page.cyx.single-post a.linebtn {
    -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    -o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -webkit-box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
     box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
 color: #c7124a ;
    background: white;
    padding: 20px 42px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    transition: 0.3s;
    border-radius: 3px;
        margin-top: 20px;
        border:2px solid #c7124a;
        
 margin-left:10px;
}
body#page.cyx.single-post a.linebtn:hover {
   background: #f7f7f7;
  
    -webkit-box-shadow: 0 12px 12px -12px rgba(27,30,34,.6), 0 30px 60px -18px rgba(27,30,34,.6);
    box-shadow: 0 12px 12px -12px rgba(27,30,34,.6), 0 30px 60px -18px rgba(27,30,34,.6);

}








a.blogaffbtn {
    margin-top:10px;
    margin-bottom:10px;
    display:inline-block;
padding:13px 24px;
border:2px solid #c7124a;
color:white !important;
background:#c7124a;
transition: 0.4s;
border-radius: 4px;
}
a.blogaffbtn:hover {

color:#c7124a !important;
background:transparent;

}
.blackbtn .elementor-button {
    background-color: transparent !important;
    color: #000 !important;
    text-transform: uppercase !important;
    font-weight: 300 !important;
    font-size: 24px;
    border: 2px solid #000 !important;
    min-width: 139px;
    padding: 22px 59px;
    transition: 0.3s;
}
.blackbtn .elementor-button:hover {
    background-color: #000 !important;
    color: #fff !important;
}
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 52px;
}








.startleistungcol::before {

  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
box-shadow: rgba(0,0,0,.1) 0px 10px 50px;
  opacity: 0;
  transition: 500ms;
}

.startleistungcol:hover::before {

  opacity: 1;
}
.centered {
  text-align: center !important ;
}
#page .linehead .elementor-heading-title {
    display: flex; /* Verwendet Flexbox für die Ausrichtung */
    align-items: center; /* Zentriert die Inhalte vertikal */
    justify-content: center; /* Zentriert die Inhalte horizontal */
    flex-direction: column;
}

#page .linehead .elementor-heading-title span.dontlook {
    position: relative; /* Setzt den Positionierungskontext für Pseudo-Elemente */
    white-space: nowrap; /* Stellt sicher, dass der Text nicht umbricht */
    margin-bottom: 10px;
}


#page .headlineline .elementor-heading-title span.lil {
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 0 0px;
    white-space: nowrap;
    
    /* Typography */
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.9em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
}

#page .headlineline .elementor-heading-title span.lil::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-left:10px;
   
    width: 100px;
    height: 0.5px;
    background-color: #ccc;
}


#page .linehead .elementor-heading-title span.dontlook::before,
#page .linehead .elementor-heading-title span.dontlook::after {
    content: ''; /* Erforderlich für Pseudo-Elemente */
    background-color: #ccc; /* Farbe der Linien */
    height: 0.5px; /* Dicke der Linien */
    width: 100px; /* Länge der Linien */
    position: absolute; /* Absolut positionierte Pseudo-Elemente */
    top: 50%; /* Zentrierung entlang der vertikalen Achse */
    transform: translateY(-50%); /* Feinabstimmung der vertikalen Position */
}

#page .linehead .elementor-heading-title span.dontlook::before {
    left: -110px; /* Positioniert die Linie links vom Text */
}

#page .linehead .elementor-heading-title span.dontlook::after {
    right: -110px; /* Positioniert die Linie rechts vom Text */
}





h2 span.dontlook,
h3 span.dontlook {
    color: #666;
    font-size: 14px;
    display: block;
    line-height: 1.9em;
    font-weight: 400;
    text-transform: uppercase;
}
.vorteileacc .elementor-accordion .elementor-tab-content {
border:0px;
}
.vorteileacc .elementor-accordion .elementor-accordion-item{
border:0px;
transition: 0.3s;
}

#page  .vorteileacc .elementor-tab-title {
    padding: 20px 0;
        padding-left: 0px;
    background-color: transparent;
    border: none;
   
    font-weight: 500;
    font-size: 21px;
    text-align: left;
    padding-left: 86px;
        background-image: url(https://kopfundstift.de/wp-content/uploads/2020/04/webseite-erstellung-vorteile.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 49px;
    transition: .3s;
    margin-top: 20px;
}
#page  .vorteileacc.nopic .elementor-tab-title {

    padding-left: 20px;
        background-image: none;
        color:#c7124a;
}
.vorteileacc .elementor-accordion .elementor-accordion-item:hover .elementor-tab-title {
    box-shadow: rgba(0,0,0,.1) 0px 10px 40px;
}
.elementor-accordion.vorteileacc  .elementor-tab-title .elementor-accordion-icon {

    width: 40px;
}

#page .erfolgreiches-webdesign-shadow img {
 -webkit-animation:wpman;
 -ms-animation:wpman;
 -ms-animation-duration:3s;
 -webkit-animation-duration:3s;
 -webkit-animation-iteration-count:infinite;
 -ms-animation-iteration-count:infinite;
 -webkit-animation-timing-function:linear;
 -ms-animation-timing-function:linear
}
@-webkit-keyframes wpman {
 0% {
  -webkit-transform:translate(0px)
 }
 25% {
  -webkit-transform:translate(-20px)
 }
 50% {
  -webkit-transform:translate(0px)
 }
 75% {
  -webkit-transform:translate(20px)
 }
 100% {
  -webkit-transform:translate(0px)
 }
}
@keyframes wpman {
 0% {
  transform:translate(0px)
 }
 25% {
  transform:translate(-20px)
 }
 50% {
  transform:translate(0px)
 }
 75% {
  transform:translate(20px)
 }
 100% {
  transform:translate(0px)
 }
}
#page .erfolgreiches-webdesign img {
 -webkit-animation:wiggle;
 -ms-animation:wiggle;
 -ms-animation-duration:3s;
 -webkit-animation-duration:3s;
 -webkit-animation-iteration-count:infinite;
 -ms-animation-iteration-count:infinite;
 -webkit-animation-timing-function:linear;
 -ms-animation-timing-function:linear
}
@-webkit-keyframes wiggle {
 from {
  -webkit-transform:rotate(0deg) translate(-10px) rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg)
 }
}
@keyframes wiggle {
 from {
  transform:rotate(0deg) translate(-10px) rotate(0deg)
 }
 to {
  transform:rotate(360deg) translate(-10px) rotate(-360deg)
 }
}
@-ms-keyframes wiggle {
 from {
  -ms-transform:rotate(0deg) translate(-10px) rotate(0deg)
 }
 to {
  -ms-transform:rotate(360deg) translate(-10px) rotate(-360deg)
 }
}
h4.headlinemitline::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #94a0b4;
    margin: 0 35px 0 8px;
    opacity: .3;
}
h4.headlinemitline::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #94a0b4;
    margin: 0 8px 0 35px;
    opacity: .3;
}
h4.headlinemitline {
    color: #94a0b4;
    font-size: 16px;
    font-weight: 300;
    white-space: nowrap;
    text-align: center;
    display: flex;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.greygradientbg {
    background: #e5e5e5 !important;
    background: -moz-radial-gradient(center,ellipse cover,#e5e5e5 0%,#c1c1c1 100%) !important;
    background: -webkit-radial-gradient(center,ellipse cover,#e5e5e5 0%,#c1c1c1 100%) !important;
    background: radial-gradient(ellipse at center,#e5e5e5 0%,#c1c1c1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#c1c1c1',GradientType=1) !important;
    }

.headwsmall strong{
  display:block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight:500;
    line-height: 1em;
}

    #page .moreacc .elementor-toggle .elementor-tab-title {
border:0px;
padding-left:0px;
    }
     body#page.cyx .moreacc.black .elementor-toggle .elementor-tab-title {
background:#323232;
color:#f5f5f5;
padding: 11px 17px;
display:inline-block;
    }
    body#page.cyx .moreacc.black .elementor-toggle-icon,
    body#page.cyx .moreacc.black .elementor-toggle-title {
color:#f5f5f5;
    }
    body#page.cyx .moreacc.black .elementor-toggle-icon {
        line-height: 1.2em;
    }
#page .moreacc .elementor-toggle .elementor-tab-content {
    border:0px;
    padding-left:0px;
    padding-right:0px;
}
.lp-prozess h3 {
    font-size:48px;
    font-weight: 300;
}
body#page.cyx .moreacc.minimal.right .elementor-tab-title,
body#page.cyx .moreacc.minimal.right .elementor-tab-content{
    text-align: right;
}
body#page.cyx .moreacc.minimal.left .elementor-tab-title,
body#page.cyx .moreacc.minimal.left .elementor-tab-content{
    text-align: left;
}
body#page.cyx .moreacc.minimal.right .elementor-tab-title ,
body#page.cyx .moreacc.minimal.left .elementor-tab-title {
    padding-right:0px;
    padding-top:0px;
    padding-bottom: 0px;

}
body#page.cyx .lphead h2{
font-size:48px;
}
body#page.cyx .lphead ul {
    margin-bottom: 20px;
}
#page .nomargin.elementor-widget{
 margin-bottom: 0px;  
}
#page .nomargin.elementor-widget p:last-child{
 margin-bottom: 0px;  
}
#page #portfoliocontent h1{
    font-size: 34px;
line-height: 1.4em;
text-transform:uppercase;
}
#page #portfoliorelated .moreref strong {

}
#page #portfoliorelated .moreref strong::after {
    background-color: #ececec;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 86.5%;
    left: .5em;
    margin-right: -50%;
}
#page #portfoliorelated .moreref strong {
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
    font-weight: 300;
    overflow: hidden;
}

a.lineanimation {
  display: inline-block;
  position: relative;
  color: var( --e-global-color-primary );;
}

.faqacc div.elementor-toggle-item .elementor-tab-title{
    padding: 30px;
    border: 0px;
    font-size: 20px;
    border-radius: 27px 27px 27px 3px;
    background: white;
    text-align: center;
-webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
-moz-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
-o-transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 350ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
transition: transform .3s cubic-bezier(.17,.67,.38,1.46),box-shadow 50ms cubic-bezier(.17,.67,.38,1.46),background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
-webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
-moz-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
-o-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
-webkit-box-shadow: 0 3px 12px -6px rgba(27,30,34,.1),0 18px 24px -6px rgba(27,30,34,.1);
box-shadow: 0 3px 12px -6px rgba(27,30,34,.1),0 18px 24px -6px rgba(27,30,34,.1);
}

.faqacc div.elementor-toggle-item .elementor-tab-title:hover,
.faqacc div.elementor-toggle-item .elementor-tab-title.elementor-active {
    color: #fff;
    background: var( --e-global-color-primary );
    
    transform: scale(1.02) translateY(-.2em);
transform: scale(1.02) translateY(-.2em);
-webkit-box-shadow: 0 12px 12px -12px rgba(27,30,34,.3),0 30px 60px -18px rgba(27,30,34,.3);
box-shadow: 0 12px 12px -12px rgba(27,30,34,.3),0 30px 60px -18px rgba(27,30,34,.3);
    }
.faqacc div.elementor-toggle-item .elementor-tab-title:hover .elementor-toggle-title{
color: white;
}
.faqacc div.elementor-toggle-item  {
    margin-bottom: 30px;
}
div.faqacc .elementor-tab-content {
    border-bottom:0px;
  transform: translateX(60px);
    border-radius: 27px 27px 3px 27px;
    background: #efefef;
    margin-top: 30px;
    padding: 30px;
    margin-bottom: 60px;
    }
div.faqacc .elementor-tab-content p:last-child{
margin-bottom: 0px;
}

a.lineanimation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var( --e-global-color-primary );
  transform-origin: bottom right;
  transition: transform 0.15s ease-out;
}

a.lineanimation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
#page .elementor-portfolio-item__overlay {
background-color: transparent;
padding:0px;

overflow: visible;
}
#page .elementor-portfolio-item__title {
    margin-top: auto; 
    width:100%;
background: white;
    bottom: -70px;
    padding:20px;
position: relative;
color:#000;
box-shadow: 0px 22px 22px -15px rgba(0,0,0,.11);
  transition:0.2s ;
overflow: visible;
}


 #page  .elementor-portfolio-item__overlay:hover .elementor-portfolio-item__title {
    bottom:-40px;
     
 }
 #page .elementor-portfolio-item__overlay {
transition:0.2s;
}
#page .elementor-posts-container .elementor-post {
 overflow: visible;   
}
body#page.cyx .lilabigbtn a.elementor-button-link{
border:2px solid #c7124a;
transition: 0.3s;
font-weight:400;
font-size: 20px;
text-transform: uppercase;
}
body#page.cyx .lilabigbtn.middle a.elementor-button-link{
font-size: 16px;
font-weight: 400;
color:white;
    }
body#page.cyx .lilabigbtn a.elementor-button-link:hover{
background:transparent;
color:#c7124a;

}
 body#page.cyx .elementor-button-wrapper a,
    body#page.cyx .elementor-tab-title a,
    body#page.cyx a.elementor-toggle-title {
        text-decoration: none;
    }





/*_______________ Gravity Forms_______________*/
/*_______________ Gravity Forms_______________*/
/*_______________ Gravity Forms_______________*/
/*_______________ Gravity Forms_______________*/





#commentform textarea,
#commentform input{
        background-color: #fff;
    border-radius: 6px;
-webkit-box-shadow: inset 2px 2px 15px -7px rgba(0,0,0,0.2); 
box-shadow: inset 2px 2px 15px -7px rgba(0,0,0,0.2);
       border: 2px solid #eaeaea;
    width: 100%;
    margin-top: 0px;
    padding: 15px 20px;
    transition: 0.2s;
    
}

#commentform textarea:focus,
#commentform input:focus{
background:#f7f7f7;
outline: none;
 border: 2px solid #333;

    }
#page #commentform input#submit{
    padding: 14px 45px;
    font-weight: 600;
    font-size: 19px;
    color:#fff;
    background:#c7124a;
    border:2px solid #c7124a;
    width: auto;
}
#page #commentform input#submit:hover{  
    color:#c7124a;    
    background: white;
}
@media screen and (min-width: 767px) {
    #page .newgfform .gform_fields {
     grid-template-columns: 40% 60%;
display:grid;
grid-template-areas: 
"a d"
"b d"
"c d"
"e f"
". g"; 
}

#gform_12 #gform_page_12_1 .gform_next_button, 
#gform_12 #gform_page_12_2 .gform_next_button, 
#gform_12 #gform_page_12_4 .gform_next_button, 
#gform_12  #gform_page_12_5 .gform_next_button, 
#gform_12 #gform_page_12_8 .gform_next_button, 
#gform_12 #gform_page_12_9 .gform_next_button, 
#gform_12 #gform_page_12_10 .gform_next_button 
{ 
    opacity:0;

     }
     
 #page .newgfform ul.gform_fields  {
      vertical-align:top;
  }
  #gform_12 #gform_submit_button_12 {
    color:white;
  }
   #gform_12 .gform_next_button{color:white;
    border-color:#39b54a;
        border-radius: 3px;
    -webkit-transition: transform .3s cubic-bezier(.17,.67,.38,1.46), box-shadow 50ms cubic-bezier(.17,.67,.38,1.46), background .3s cubic-bezier(.17,.67,.38,1.46);
    -moz-transition: transform .3s cubic-bezier(.17, .67, .38, 1.46), box-shadow 50ms cubic-bezier(.17, .67, .38, 1.46), background .3s cubic-bezier(.17, .67, .38, 1.46);
    -o-transition: transform .3s cubic-bezier(.17, .67, .38, 1.46), box-shadow 350ms cubic-bezier(.17, .67, .38, 1.46), background .3s cubic-bezier(.17, .67, .38, 1.46);
    transition: transform .3s cubic-bezier(.17,.67,.38,1.46), box-shadow 50ms cubic-bezier(.17,.67,.38,1.46), background .3s cubic-bezier(.17,.67,.38,1.46);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46), cubic-bezier(0.17, 0.67, 0.38, 1.46);
    -webkit-transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -moz-transition-timing-function: cubic-bezier(.17, .67, .38, 1.46);
    -o-transition-timing-function: cubic-bezier(.17, .67, .38, 1.46);
    transition-timing-function: cubic-bezier(.17,.67,.38,1.46);
    -webkit-box-shadow: 0 3px 12px -6px rgb(27 30 34 / 10%), 0 18px 24px -6px rgb(27 30 34 / 20%);
    box-shadow: 0 3px 12px -6px rgb(27 30 34 / 20%), 0 18px 24px -6px rgb(27 30 34 / 20%);
    transition: 0.2s;

  } 

  #gform_12 .gform_next_button:hover{
    transform: scale(1.02) translateY(-0.2em);
    transform: scale(1.02) translateY(-0.2em);
    -webkit-box-shadow: 0 12px 12px -12px rgb(27 30 34 / 30%), 0 30px 60px -18px rgb(27 30 34 / 60%);
    box-shadow: 0 12px 12px -12px rgb(27 30 34 / 30%), 0 30px 60px -18px rgb(27 30 34 / 60%);
  }
   #page .newgfform ul.gform_fields  li{
       
        margin-top:0px;
   
    }
#page .newgfform li.gfnewname{
grid-area:a;

}
#page .newgfform li.gfnewemail{
    grid-area:b;

}
#page .newgfform li.gfnewtel{
    grid-area:c;
 
}
#page .newgfform li.gfnewruckruf{
    grid-area:e;


}
#page .newgfform li.gfnewmessage {
    grid-area: d;
       max-height:200px;
       height:200px;
   
      
}

#page .newgfform li.gfnewdsgvo{
    grid-area:f;


}

body#page.cyx .newgfform p.kontaktlegal {
    margin-top:16px;
}

#page .newgfform .gform-body {

align-items: baseline;
}

}




body#page.cyx .newgfform .gfield-choice-input {

  
 
margin-top:0px;
 
}
body#page.cyx  .newgfform textarea {
    min-height: 205px;
}
body#page.cyx  .newgfform input[type="checkbox"] {
    position: initial;
}

body#page.cyx  .newgfform input[type="text"],
body#page.cyx  .newgfform textarea{

       border: 1px solid #d8d8d8;
    border-bottom: 3px solid #d6d6d6;
}

body#page.cyx  .newgfform input[type="text"]:focus,
body#page.cyx  .newgfform textarea:focus{
    
    
    -webkit-box-shadow: 0px 0px 28px 5px rgba(255,255,255,0.3);
    box-shadow: 0px 0px 28px 5px rgba(255,255,255,0.3);
     border: 1px solid #ccc;
    border-bottom: 3px solid #fff;
    
    
    -webkit-box-shadow: inset 5px 5px 5px -3px rgba(0,0,0,0.25); 
box-shadow: inset 5px 5px 5px -3px rgba(0,0,0,0.25);

  
}

body#page.cyx  .newgfform  .gform_button.button[type="submit"] {
    background-color: #fff;
    color: #c7124a;
    border-color: #fff;
    font-weight: 500;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
font-size:19px;
border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 6px 6px 6px 6px;
    padding:17px 40px;
}
body#page.cyx  .newgfform  .gform_button.button[type="submit"]:hover {
 color: #c7124a;  
   -webkit-box-shadow: 0px 0px 15px -1px rgba(255,255,255,0.67); 
box-shadow: 0px 0px 15px -1px rgba(255,255,255,0.67);
}

body#page.cyx  .newgfform.black  .gform_button.button[type="submit"] {
    background-color: var( --e-global-color-accent );
    color: #fff;
    border-color: var( --e-global-color-accent );
    font-weight: 600;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
font-size:19px;
border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 6px 6px 6px 6px;
    padding:17px 40px;
}
body#page.cyx  .newgfform.black  .gform_button.button[type="submit"]:hover {
 color: var( --e-global-color-accent );  
 background:transparent;
}
body#page.cyx  .newgfform.black input[type="text"],
body#page.cyx  .newgfform.black textarea,
body#page.cyx .newgfform.black input[type="email"]{
 outline: none !important;
    border:2px solid #e9e9e9;
}
body#page.cyx  .newgfform.black input[type="text"]:focus,
body#page.cyx  .newgfform.black textarea:focus,
body#page.cyx .newgfform.black input[type="email"]:focus,
body#page.cyx .newgfform.black .gform_button.button[type="submit"]:focus{
 outline: none !important;
    border:2px solid var( --e-global-color-accent );
  -webkit-box-shadow: 0px 0px 15px -1px rgba(40,167,69,0.67); 
box-shadow: 0px 0px 15px -1px rgba(40,167,69,0.67);
}

body#page.cyx .newgfform .newgfruckruf ul li label {
    font-size:1em;
}


body#page.cyx .newgfform .gfnewruckruf .gfield-choice-input {

  transform: scale(1.8);
  margin:7px;

  
}

body#page.cyx  .newgfform .gchoice.gchoice_2_5_1 {
    text-wrap: nowrap;
    padding-right:5px !important;
}
body#page.cyx  .newgfform .gform_confirmation_message  {
    text-align: center; 
}
body#page.cyx  .newgfform .gform_confirmation_message strong {
    font-size:2em;
    font-weight:600;
    display:block;
       
    padding-bottom: 20px;
}









body#page.cyx .gform_wrapper .gravityformlite .kontaktlegal {
    padding-bottom: 20px;
}
body#page.cyx p.kontaktlegal {
    font-size: 14px;
    margin-top: -10px;
    line-height: 1.6em;
    margin-bottom: 10px;
}
body#page.cyx p.kontaktlegal a{
text-decoration: underline;
    }
   
    body#page.cyx p.kontaktlegal a:hover{
text-decoration: none;
    }
.kontaktname p {
    margin-bottom:0px;
}
body#page.cyx #kontakt input[type="text"], 
body#page.cyx #kontakt input[type="email"], 
body#page.cyx #kontakt input[type="tel"], 
body#page.cyx #kontakt textarea, 
body#page.cyx .kontakt input[type="text"], 
body#page.cyx .kontakt input[type="email"], 
body#page.cyx .kontakt input[type="tel"], 
body#page.cyx .kontakt textarea, 
body#page.cyx #kontaktsektionreal input[type="text"], 
body#page.cyx #kontaktsektionreal input[type="email"], 
body#page.cyx #kontaktsektionreal input[type="tel"],
 body#page.cyx #kontaktsektionreal textarea, 
 body#page.cyx .gravityformular input[type="text"], 
 body#page.cyx .gravityformular input[type="email"], 
 body#page.cyx .gravityformular input[type="tel"], 
 body#page.cyx .gravityformular textarea {
    background-color: #fff;
       border-radius: 6px;
    
    -webkit-box-shadow: 0px 0px 8px 0px rgba(179,179,179,0.31);
    box-shadow: 0px 0px 8px 0px rgba(179,179,179,0.31);
    border: 1px solid #eee;
    width:100%;
    margin-top: 0px;
    padding: 15px 20px;
transition:0.2s;
}
body#page.cyx #kontakt input[type="text"]:focus, 
body#page.cyx #kontakt input[type="email"]:focus, 
body#page.cyx #kontakt input[type="tel"]:focus, 
body#page.cyx #kontakt textarea:focus, 
body#page.cyx .kontakt input[type="text"]:focus, 
body#page.cyx .kontakt input[type="email"]:focus, 
body#page.cyx .kontakt input[type="tel"]:focus, 
body#page.cyx .kontakt textarea:focus, 
body#page.cyx #kontaktsektionreal input[type="text"]:focus, 
body#page.cyx #kontaktsektionreal input[type="email"]:focus, 
body#page.cyx #kontaktsektionreal input[type="tel"]:focus,
body#page.cyx #kontaktsektionreal textarea:focus, 
body#page.cyx .gravityformular input[type="text"]:focus, 
body#page.cyx .gravityformular input[type="email"]:focus, 
body#page.cyx .gravityformular input[type="tel"]:focus, 
body#page.cyx .gravityformular textarea:focus {
-webkit-box-shadow: 0px 0px 8px 5px rgba(255,255,255,0.34); 
box-shadow: 0px 0px 8px 5px rgba(255,255,255,0.34);
border:1px solid #fff;
}





#kontakt input[type="submit"], 
.kontakt input[type="submit"], 
#kontakt .gravityformlite .gfsubmit .button {
    background-color: #fff;
    color: #c7124a;
    padding: 15px 43px 13px;
    font-size: 19px;
    font-weight: 300;
    min-width: 139px;
    border-radius: 3px;
    border: 2px solid #fff;
    transition: .4s;
}

#kontakt.kontaktonwhite input[type="submit"], 
#kontakt.kontaktonwhite .gravityformlite .gfsubmit .button {
    background-color: #c7124a;
    color: #fff;

    border: 2px solid #c7124a;

}





body#page.cyx .gform_wrapper input, body#page.cyx .gform_wrapper select {
    margin-bottom: 0;
    min-width: auto;
}
body#page.cyx #kontakt.main_color input[type="submit"]:hover, 
body#page.cyx .gravityformlite .gfsubmit .button:hover {
    background-color: transparent;
    color: #fff;
}
body#page.cyx #kontakt.kontaktonwhite input[type="submit"]:hover, 
body#page.cyx #kontakt.kontaktonwhite .gravityformlite .gfsubmit .button:hover {
    background-color: transparent;
    color: #c7124a;
}

body#page.cyx .gravityformlite textarea {
    min-height: 200px;
}
body#page.cyx .gravityformlite .gfmc-row-1-col-1-of-2 {
    width: 40% !important;
}
body#page.cyx .gravityformlite .gfmc-row-1-col-2-of-2 {
    width: 60% !important;
}


#kontakt .elementor-section .elementor-col-66 .gform_heading,
.kontakt .elementor-section .elementor-col-66 .gform_heading{
margin-bottom: 0px;
}
/*_ERROR___*/
#kontakt textarea,
.kontakt textarea {
    width: 100%;
    max-width: 600px;
}

body#page.cyx .gravityformlite input[type="checkbox"] {
    bottom: 5px;
    margin-left: 4px;
}
body#page.cyx .gform_wrapper .gravityformlite .gfield_checkbox li label {
    margin-left: 3px;
}

body#page.cyx #kontakt input[type="checkbox"],
body#page.cyx .kontakt input[type="checkbox"] {
    -ms-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    margin-right: 7px;
    position: relative;
    vertical-align: middle;
  
}






/*_______________ Gravity Forms_______________*/
/*_______________ Gravity Forms_______________*/
/*_______________ Gravity Forms_______________*/
/*_______________ Gravity Forms_______________*/
.elementor-31443 header  .elementor-element.elementor-element-317e1971 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    margin-top: 0px !important;
}
.elementor-31443 header  .elementor-element.elementor-element-317e1971 .elementor-nav-menu--dropdown a.elementor-item-active {
    color: var( --e-global-color-primary );
    background-color: #fff;
    font-weight: 600;
}


#portfoliocontent h4 {
    color:#c7124a;
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
#portfoliocontent ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
#portfoliocontent ul li {
    display: inline-block;
    background-image: url(https://kopfundstift.de/wp-content/uploads/2018/06/portfolio-check.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 3px 0;
    padding-left: 30px;
    margin-left: 0;
    margin-right: 10px;
    float: left;
}
.shadowshape .elementor-shape-bottom {
filter: drop-shadow( 0px 9px 7px rgba(0, 0, 0, .1));
}

    body#page.cyx .whitetext,
    body#page.cyx .whitetext h1,
    body#page.cyx .whitetext h1 span,
     body#page.cyx .whitetext h2, 
     body#page.cyx .whitetext h3, 
     body#page.cyx .whitetext h3 span, 
     body#page.cyx .whitetext h2 span,
     body#page.cyx .whitetext a {
    color:white !important;
}
   body#page.cyx .greytext,
     body#page.cyx .greytext h2, 
     body#page.cyx .greytext h3, 
     body#page.cyx .greytext h3 span, 
     body#page.cyx .greytext h2 span,
     body#page.cyx .greytext a {
    color:#888 !important;
}
body#page.cyx .whitetext a {
text-decoration: underline;
}

.startblogposts .elementor-posts .elementor-post__card .elementor-post__meta-data {
    padding: 10px 30px;
    font-size: 14px;
text-align: center;
font-weight: 400;
}



body#page.cyx .iconlist .eae-timeline-item i{
    transition: 0.4s;
}


body#page.cyx .greyhead h1,
body#page.cyx .greyhead h2,
body#page.cyx .greyhead h3,
body#page.cyx .greyhead h4 {
    color: #333 !important;
}
.aninum .elementor-counter .elementor-counter-number-wrapper {

border-radius: 100%;
background:#c7124a;
height: 120px;
width: 120px;
line-height: 120px;
text-align: center;
color: white;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,.23);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,.23);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,.23);
margin-bottom: 10px;
}
.aninum .elementor-counter{
    text-align: center;
}
.aninum .elementor-counter-number-suffix {
font-size: 28px;
opacity: 0.7;
margin-left: -6px;
}
.aninum  .elementor-counter-number{
    letter-spacing: -1px;
}

.aninum.whitebubble .elementor-counter .elementor-counter-number-wrapper{
color:#0c74aa;
background:white;
height: 170px;
width: 170px;
font-size: 48px;
line-height: 170px;
}
.aninum.whitebubble .elementor-counter .elementor-counter-number{
margin-left:-13px;
}
.progressbarcol .elementor-progress-bar .elementor-progress-text i{
margin-right:5px;

}
.progressbarcol .elementor-progress-wrapper{
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.25);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.25);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.25);
}
.progressbarcol .elementor-widget:not(:last-child) {
    margin-bottom: 4px;
}
.aninum.whitebubble .elementor-counter .elementor-counter-title{
font-size: 24px;

font-weight: 500;
text-transform: uppercase;
text-shadow: 1px 1px 4px rgba(0,0,0,.23);
-moz-hyphens: auto;
-o-hyphens: auto;
line-height: 1.3em;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}
.bigbuttonminwidth .elementor-button {
    min-width:285px !important;
}

.expleistungen h3 {
    color: #333;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
}
.expleistungen p {
    font-size: 15px;
    color: #353535;
    line-height: 1.4em;
    padding-top:20px;
}
.explaineracc .elementor-toggle .elementor-tab-content {
    padding: 15px 0px;
}
.explaineracc .elementor-toggle-item .elementor-tab-title {
color: #c7124a;
font-size: 20px;
    text-align: center;
    padding: 15px 0px;
    transition: 0.4s;
}
.explaineracc .elementor-toggle-item .elementor-tab-title:hover {
box-shadow: rgba(0,0,0,.1) 0px 0px 10px;
    }
   .explaineracc .elementor-toggle .elementor-tab-title .elementor-toggle-icon {
        margin-left:15px;
    }
.explainerhead {
    font-size: 48px;
    font-weight: 300;
    color: #333;
    letter-spacing: 0px;
    line-height: 1.1em;
}
.explainerhead span {
    font-size: 18px;
    line-height: 1em;
    font-weight: 300;
    color: #999;
    letter-spacing: 0px;
    display:block;
}
.evgenau p {
    font-size: 16px;
    color: #9f9f9f;
    line-height: 1.5em;
}
.evgenau strong {
font-weight:500;
    }
.evgenau h1, .evgenau h2, .evgenau h3, .evgenau h4, .evgenau h5, .evgenau h6 {
    font-size:19px;
    font-weight:600;
}
.elementor-button.elementor-size-xs {
    padding: 15px 24px;
}

.startblogcol strong{
font-size: 24px;
border-bottom: 2px dashed #8e8e8e;
display: block;
padding-bottom: 14px;
}
.startblogcol ul {
    list-style: none;
    margin-left: 0;
}
.startblogcol ul li {
    margin-left: 0;
    padding: 0;
}

.startblogcol ul li a {
    font-size: 15px;
    font-weight: 500;
}
#masthead {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.22);
-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.22);
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.22);
}
 .portfolioelement .elementor-portfolio__filters li.elementor-active,
  .portfolioelement .elementor-portfolio__filters li:hover{
    margin: 12px 10px;
    padding: 8px 35px;
    background-color: #c7124b;
    color: #fff !important;
    font-weight: 500;
    font-size: 17px;
    border-radius: 3px;
    border: 1px solid #c7124b;
}
 .portfolioelement .elementor-portfolio__filters li {
    transition: .3s;
    margin: 12px 10px;
    padding: 8px 35px;
    background-color: transparent;
    color: #c7124b !important;
    font-weight: 500;
    font-size: 17px;
    border-radius: 3px;
    border: 1px solid #c7124b;
}
.doubleheadline h1 ,
.doubleheadline h2,
.doubleheadline h3{
   
    font-weight:300;
}
.tabcol img{
text-align: center;
}

.tabcol .elementor-tab-title.elementor-active,
.tabcol .elementor-tab-title:hover {
    background:#323232;
    transition: 0.2s;
    color:white;
}
.tabcol .elementor-tab-title {
text-align: center;
transition: 0.2s;
background:#f7f7f7;
}
.tabcol p{
    display:inline;
}


.elementor-counter .elementor-counter-title {

    line-height: 1.5;

}
body#page.cyx.single-post .elementor-widget-theme-post-content p{
   line-height: 1.8em; 
    }    
body#page.cyx.single-post .elementor-widget-theme-post-content ul{
margin: 0 0 1.5em 1.1em;
margin-left: 10px;
}
body#page.cyx.single-post .elementor-widget-theme-post-content ul li{
    padding-bottom: 10px;
    line-height: 1.7em;

}



/*________HEADER___________*/


#header .elementor-menu-toggle i:before {
content: '';
display: block;
background: url(https://kopfundstift.de/wp-content/uploads/2021/10/menu.svg);
width: 40px;
height: 40px;
background-size: cover;
}
#header .elementor-menu-toggle {
    background-color:none;
    }
 #header    .elementor-menu-toggle.elementor-active i:before {
content: '';
display: block;
background: url(https://kopfundstift.de/wp-content/uploads/2021/10/menu.svg);
width: 40px;
height: 40px;
background-size: cover;
}
#header .elementor-menu-toggle:hover {
    color:transparent !important;
}

/*_____________Footer___________*/
#footer  a{
text-decoration: none;
}
#footer  a:hover{
text-decoration: underline;
}
#socket a {
    color:#C2C2C2;
}
.nop p:last-child {
    margin-bottom:0px !important;
}
.footerborder {

}







/*__________________________BLOG 2024___________________________________*/
/*__________________________BLOG 2024___________________________________*/
.blogsidebar .search-form {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.blogsidebar .search-form:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.11), 0 6px 6px rgba(0,0,0,0.13);
}

.blogsidebar .search-field {
    flex-grow: 1;
    border: none;
    padding: 12px 16px;
    font-size: 16px;
    outline: none;
}
#blogarchive .blogsidebar label {
    width:100%;
}
#blogarchive .blogsidebar .search-submit {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 12px;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    margin-left: auto; /* Dies rückt den Button nach rechts */

}

.blogsidebar .search-submit:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}




#blogarchive .blogsidebar .kategorien h5 {
    font-size: 24px;
    background: #f7f7f7;
    border-bottom: 1px solid #e1e1e1;
    color: #54595F;
    margin: -25px -25px 0;
    padding: 10px 25px;
    border-radius: 14px 14px 0 0;
    width: calc(100% + 50px);
    box-sizing: border-box;
    position: relative;
    margin-bottom: 14px;
}

#blogarchive .blogsidebar .kategorien ul {
    margin-left: 0px;
    list-style-type: none;
    padding-inline-start: 0px;
}

#blogarchive .blogsidebar .kategorien ul li {
    padding: 3px 0px;
    color: #ccc;
}

#blogarchive .blogsidebar .kategorien ul li a {
    color: #54595F;
    display: inline-block;
    position: relative;

    text-decoration: none;

}



#blogarchive .blogsidebar .kategorien ul li a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0px; /* Align with text start */
    width: 0;
    height: 2px;
    background-color: #c7124a;
    transition: width 0.3s ease;
}

#blogarchive .blogsidebar .kategorien ul li a:hover {
    color: #c7124a;
}

#blogarchive .blogsidebar .kategorien ul li a:hover::after {
    width: 100%; /* Full width minus padding */
}

#blogarchive .blogsidebar .blogshadow {
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

#blogcontent a.elementor-post__read-more {
    padding: 10px 20px;
    border: 2px solid var(--e-global-color-primary);
    font-size: 16px;
    border-radius: 4px;
    background: white;
    color: var(--e-global-color-primary);
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s cubic-bezier(.17,.67,.38,1.46);
    box-shadow: 0 3px 12px -6px rgba(27,30,34,.1), 0 18px 24px -6px rgba(27,30,34,.1);
}

#blogcontent a.elementor-post__read-more:hover {
    border-radius: 14px;
    transform: scale(1.05) translateY(-0.2em);
    box-shadow: 0 12px 12px -12px rgba(27,30,34,.3), 0 30px 60px -18px rgba(27,30,34,.3);
}
  .portfolioslider .swiper-pagination-bullets.swiper-pagination-horizontal {
    left:50%;
  }

    .portfolioslider  .elementor-page-title h3.elementor-heading-title,
    .portfolioslider  .elementor-page-title p.elementor-heading-title,
    .portfolioslider .elementor-page-title h4.elementor-heading-title{
   font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: 1;
    font-size: 18px;
      color: #000;
      text-align: center;

    }
    .portfolioslider > .elementor-widget-container .swiper-wrapper {
        padding-bottom: 40px;
    }



@media (min-width: 768px) {
    .portfolioslider .elementor-page-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* Hintergrundfarbe anpassen */
        color: #fff; /* Textfarbe anpassen */
        padding: 10px;
        transform: translateY(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;


     padding: 20px;


    background: white;
  
    box-shadow: 0px 22px 22px -15px rgba(0, 0, 0, .11);
    }
    
    .portfolioslider .swiper-slide:hover .elementor-page-title {
        transform: translateY(-40px);
        opacity: 1;
    }

}

/* Mobile-Ansicht */
@media (max-width: 767px) {
    .portfolioslider .elementor-page-title {
        background-color: white; /* Hintergrundfarbe anpassen */
        color: #888; /* Textfarbe anpassen */
        padding: 10px;
        text-align: center;
    }
}

/*__________________________BLOG 2024___________________________________*/
/*__________________________BLOG 2024___________________________________*/



/*____________________________________________________NEW 09 - 2024___________________________________*/
/*____________________________________________________NEW 09 - 2024___________________________________*/




.elementor-element.wavyani {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    width: 100%;
    min-height: 300px;
    transition: all 0.3s ease;
    overflow: hidden;
    z-index: 1;
    padding: 20px;
    margin: 10px 0;
}

.elementor-element.wavyani::before,
.elementor-element.wavyani::after {
    content: "";
    position: absolute;
    transition: all 0.3s ease;
    z-index: 2;
}

.elementor-element.wavyani::before {
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
}

.elementor-element.wavyani::after {
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

.elementor-element.wavyani > .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #ccc;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
    z-index: -1;
}

.elementor-element.wavyani:hover {
    border-radius: 14px;
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}

.elementor-element.wavyani::before,
.elementor-element.wavyani::after {
    transition: all 0.3s ease, border-radius 0s;
}

.elementor-element.wavyani:hover::before,
.elementor-element.wavyani:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

.elementor-element.wavyani:hover > .elementor-widget-container::before {
    width: 300%;
    height: 300%;
}

.elementor-element.wavyani > .elementor-widget-container {
    position: relative;
    z-index: 3;
    width: 100%;
}

/* Allgemeine Anpassungen für das Container-Element */
#startseite-leistungen .elementor-section > .elementor-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Allgemeine Anpassungen für die einzelnen Boxen */
#startseite-leistungen .elementor-section > .elementor-container > .elementor-column {
    flex: 0 0 calc(33.333% - 20px);
    margin: 10px;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    #startseite-leistungen .elementor-section > .elementor-container > .elementor-column {
        flex: 0 0 calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    #startseite-leistungen .elementor-section > .elementor-container > .elementor-column {
        flex: 0 0 100%;
    }
}









/*____________________________________________________NEW 09 - 2024___________________________________*/
/*____________________________________________________NEW 09 - 2024___________________________________*/
@media (min-width:767px) {
.tabcol img{
width:30%;
text-align: center;
padding-top:40px;
}
.tabcol div.xytab{
width: 67%;
float: right;
margin-left: 3%;
}
}




@media (min-width:1240px) {

      #page  .portfolioelement .elementor-grid {
        grid-row-gap:100px;
}

}
@media (max-width:1024px) {
      #page  .portfolioelement .elementor-grid {
        grid-row-gap:60px;
}

        #blogbar p.elementor-icon-box-title {
margin-bottom: 0px;
    }
    body#page.cyx #blogbar .elementor-widget-html a {
        line-height: 1em;
    }
    #blogbar {
            -webkit-box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
        position: fixed;
          -webkit-backface-visibility: hidden;
        bottom:0px;
        left:0px;
        width:100%;
    }
body#page.cyx a.mainafflink {
    
    right: 0px;
    border-top-right-radius:0px ;
    border-bottom-right-radius:0px ;
      margin-top: 0px;
    z-index: 999;
    }
    .mainafflink:after {
animation: none;
}
}
@media (max-width:1080px) {

.lp-prozess h3 {
    font-size:38px;
    font-weight: 300;
}

}

@media (max-width:935px) {


    .single-post .vlist:before, .single-post .nlist:before {
    content: "";
    display: block;
    position: absolute;
    top: -90px;
     left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;


   
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9;
}

}


@media (max-width:768px) {
#blogcontent .elementor-post__text {
padding:15px;
}
    body#page.cyx.single-post .elementor-widget-theme-post-content, body#page.cyx.single-post .elementor-widget-text-editor p, body#page.cyx.single-post .elementor-widget-text-editor ul li, body#page.cyx.single-post .elementor-tab-content, body#page.cyx.single-post .alertbox {
    font-size: 19px;
    font-weight: 400;

}
 body#page.cyx.single-post .elementor-widget-theme-post-content h2 {
font-size:32px;
 }
  body#page.cyx.single-post .elementor-widget-theme-post-content h3 {
font-size:26px;
 }
body#page.cyx #startheadsec {
    background-position: 0% 0%;
}
body#page.cyx #startheadsec .elementor-column.elementor-col-50 {
width:74%;
}
body#page.cyx #startheadsec .elementor-container {
    min-height: 600px;
    padding-top: 50px;
}

}
@media (min-width:767px) {
body#page.cyx.single-post #blogpostcontent ul {
padding-left: 25px;
}
   #header .wpmenu ul li ul li {
  background-color: #ccc;
}
  #header .wpmenu  .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    box-shadow: none;
}


}


@media (max-width:767px) {
    body#page.cyx .moreacc.minimal.right.startseite .elementor-tab-title,
    body#page.cyx .moreacc.minimal.right.startseite .elementor-toggle-title ,
    body#page.cyx .moreacc.minimal.left.startseite .elementor-toggle-title ,
    body#page.cyx .moreacc.minimal.left.startseite .elementor-tab-title{
        text-align: center;
        padding:20px 10px;

    margin:0 auto;
 }
    body#page.cyx .moreacc.minimal.right.startseite .elementor-toggle-title ,
    body#page.cyx .moreacc.minimal.left.startseite .elementor-toggle-title  {

            padding: 15px 25px;
        border: 1px solid #626262;
        background: #fff;
        color: #626262;
        margin-top: 20px;
        border-radius: 12px;
        margin-top: 10px;
        display: inline-block;
    }









      .portfolioslider .elementor-heading-title::after {
    content: attr(data-title);
    display: block;
    font-size: 0.8em;
    opacity: 0.7;
    margin-top: 5px;
  }
        
  #page .portfolioelement .elementor-grid {
        grid-row-gap:45px;
}
     
    body#page.cyx.single-post .elementor-widget-theme-post-content ul {
   
    margin-left: 40px;
}
    body#page.cyx.single-post .elementor-widget-theme-post-content .vlist ul ,
    body#page.cyx.single-post .elementor-widget-theme-post-content .nlist ul {
   
    margin-left: -18px;
}
 body#page.cyx.single-post .elementor-widget-theme-post-content .vlist ,
    body#page.cyx.single-post .elementor-widget-theme-post-content .nlist{
margin-top:30px;
        }
body#page.cyx.single-post .vlist h4, body#page.cyx.single-post .nlist h4 {
margin-bottom: 30px;
    }

.vlist h4:before, .nlist h4:before {
 
    top: 45px;
    left: -12px;
}
body#page.cyx .moreacc.minimal.right .elementor-tab-content{
    text-align: left;
}
    body#page.cyx .iconlist.alignleft .eae-layout-right .eae-tl-icon-wrapper {
    order: 1;
}
.elementor-2881 .elementor-element.elementor-element-174ff93 {

    --grid-row-gap: 40px;
}
body#page.cyx .iconlist.alignleft .eae-tl-item-content {
    text-align: left;
}
body#page.cyx .iconlist.alignleft {
    padding-top:30px;
}
.tabcol img{
margin: 0 auto;
display: block;
}
}

@media (max-width:680px) {

div.faqacc .elementor-tab-content {
   
    transform: translateX(0px);
}

    body#page.cyx #startheadsec .elementor-column.elementor-col-50 {
width: 85%;
}
body#page.cyx  .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 48px;
}
body#page.cyx .gravityformlite .gfmc-row-1-col-1-of-2,
body#page.cyx .gravityformlite .gfmc-row-1-col-2-of-2 {
    width: 100% !important;
}


}

@media (max-width:580px) {

  .vorundnachteilwrapper  {
        display: block;
    }
.vorteilliste,
.nachteilliste {
border-radius: 20px ;
    width: 100%;
   margin-bottom: 5px;

}
}
@media (max-width:480px) {

    .iconlist .eae-tl-item-title{
hyphens:auto;
    }
   .iconlist .eae-tl-content {
     padding:10px 10px 0px 0px;   
    }
    body#page.cyx .iconlist .eae-tl-content-wrapper {
   
    padding-left: 10px;
}
.hyphensauto {
    hyphens: auto;
    }
        body#page.cyx #startheadsec .elementor-column.elementor-col-50 {
width: 100%;
}
}


@media (max-width:420px) {
body#page.cyx .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 41px;
}
#page .faqacc .elementor-tab-title {

    line-height: 1.2em;
    padding: 20px 5px 20px 10px;
    }
    }







@media (max-width:890px) {

div.faqacc .elementor-tab-content {
margin-top:-3px;
  transform: translateX(0px);
  border-radius: 0px 0px 27px 27px;
  margin-left: -5px;
    margin-right: -5px;
}
.faqacc div.elementor-toggle-item .elementor-tab-title:hover, .faqacc div.elementor-toggle-item .elementor-tab-title.elementor-active {
border-radius: 27px 27px 0px 0px;
}



}





@media (min-width:1921px) {


#footer .footerborder img{
    width:3200px;
    
}
}


/* Styling für den Accordion-Titel */
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    background: white;
    transition: border-color 0.3s ease-in-out;
    position: relative;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title h4,
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title p,
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title h3 {
    margin: 0;
    font-weight: 600;
    color: #333;
    position: relative;
    padding: 0;
}

/* Animation für die Linie unter dem Titel */
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title h3:before,
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title h4:before,
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title p:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #333;
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}

/* Hover-Effekt für den Titel */
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title:hover h3:before,
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title:hover h4:before,
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-title:hover p:before {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* Styling für den Accordion-Inhalt */
body#page.cyx #postcontent .moreaccsmall .lightweight-accordion-body {
    overflow: hidden;
   
    transition: max-height 0.3s ease-in-out;
}

/* Hover-Effekt für den gesamten Titelbereich */
body#page.cyx.single-post #postcontent .moreaccsmall .lightweight-accordion .lightweight-accordion-title:hover {
    transform: none !important;
}























/*________________________________________MEMBERS.KOPFUNDSTIFT.DE___________________*/

.single-lp_course pre,
.single-lp_course code {
     padding: 20px 20px;
    background: #3f3e3e;
    color: white;
    border-radius: 5px;
    display: block;
}
.single-lp_course .lesson-description ul li {
    padding-top:9px;
}
.single-lp_course .lesson-description img {
    margin-left:0px;
    -webkit-box-shadow: 2px 6px 45px -10px rgba(0, 0, 0, 0.29);
    box-shadow: 2px 6px 45px -10px rgba(0, 0, 0, 0.29);
    margin-top:20px;
    margin-bottom:0px;
    border-radius:9px;
}
.single-lp_course .lesson-description figure{
    margin: 0px;
}
.single-lp_course .lesson-description figcaption {
display:none;
}
.single-lp_course .lesson-description h2 {
    padding: 15px 0px;
    /* margin-left: -15px; */
    position: relative;
    margin-top:0px;
    display: flex
;
    align-items: center;
    font-weight: 600;
    border-bottom: 2px dashed #ccc;
    margin-bottom: 30px !important;
}

.single-lp_course .lesson-description h2::before {
  content: url(https://members.kopfundstift.de/wp-content/uploads/2025/07/finger2.svg);
    position: absolute;
    left: -80px;
    top: 47px;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
}


.single-lp_course .lesson-description h3 {
font-weight: 600;
font-size:24px;
  padding: 15px 0px ;
}
.single-lp_course .lesson-description .accordion-container ul {
    padding-left:0px;
}
.single-lp_course .lesson-description .accordion-container ul li > h4 {
display:inline-block;
}

.single-lp_course .lesson-description .accordion-container .accordion-content {
background:#f7f7f7;
padding:0px 20px;
border-radius: 9px;
margin-bottom: 20px;
-webkit-box-shadow: 2px 6px 45px -10px rgba(0, 0, 0, 0.29);
    box-shadow: 2px 6px 45px -10px rgba(0, 0, 0, 0.29);
}






body#page.woocommerce-page h1:after {
    background: linear-gradient(135deg, #0061d9, #7b0091);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

body#page #postcontent ul {
    margin-left: 20px;
}