@import url('https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap');

body {
    font-family: 'Maven Pro', sans-serif
}

*{margin: 0;padding: 0}

.table_head{
    background: #278c4f;
    border-color: #278c4f;
    border: solid 1px #278c4f !important;
    color: #fff;
}

.go_back_btn{
  text-align: right;
}
.go_back_btn a{
  color: #fff;
  font-size: 22px;
}
.go_back_btn a:hover{
  color: red;
}

table tbody tr:hover>td, table tbody tr:hover>th{
    background-color: #278c4f !important;
    border-color: #278c4f;
    color: #fff;
}

.main-card {
	height: 213px;
	width: 350px;
	margin: 10px;
	border-radius: 14px;
	position: relative;
	color: #fff;
	background-image: url('/wp-content/plugins/cards-api/assets/media/Karte-1.png');
	background-size: cover;
	opacity: 1;
	border: none;
	display: flex;
	align-items: center;
}

.lower {
	padding-top: 100px;
	padding-left: 7px;
}
.lower span {
	font-size: 24px;

}
.lower h5 {
	font-size: 20px;
	padding-top: 3px;
}

#credit-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    
}

#credit-card ul.menu{
    display: flex;
    flex-wrap: wrap;
}

#credit-card > ul > li > a {
    margin-left: 18px;
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#credit-card ul.cc-submenu {
    position: absolute;
    left: 0;    
    width: 100%;
    text-align: left;
    background-color: #222222;
    transform: translate(0px, 0px);
    z-index: 9999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
}
#credit-card ul.cc-submenu li:first-child {
    border-top: none;
}
#credit-card ul.cc-submenu > li {
    border-top: 1px solid #333333;
}
#credit-card ul li ul li {
    margin-left: 0;
}
#credit-card ul.cc-submenu > li > a {
   display: block; 
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 20px;
    line-height: 45px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#credit-card ul li:hover > ul.cc-submenu {
    top: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}
#credit-card ul.cc-submenu li:hover a {
	background: #278c4f;
}

.sign {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 50%;
    background-image: radial-gradient(
      ellipse 50% 35% at 50% 50%,
      #F6121C,
      transparent
    );
    transform: translate(-50%, -50%);
    letter-spacing: 2;
    left: 50%;
    top: 50%;
    font-family: "Clip";
    text-transform: uppercase;
    font-size: 9em;
    color: #F6121C;
    text-shadow: 0 0 0.6rem #F6121C, 0 0 1.5rem #F6121C,
      -0.2rem 0.1rem 1rem #F6121C, 0.2rem 0.1rem 1rem #F6121C,
      0 -0.5rem 2rem #F6121C, 0 0.5rem 3rem #F6121C;
    animation: shine 2s forwards, flicker 3s infinite;
  }
  
  @keyframes blink {
    0%,
    22%,
    36%,
    75% {
      color: #fff;
      text-shadow: 0 0 0.6rem #fff, 0 0 1.5rem #fff,
        -0.2rem 0.1rem 1rem #fff, 0.2rem 0.1rem 1rem #F6121C,
        0 -0.5rem 2rem #F6121C, 0 0.5rem 3rem #F6121C;
    }
    28%,
    33% {
      color: #F6121C;
      text-shadow: none;
    }
    82%,
    97% {
      color: #F6121C;
      text-shadow: none;
    }
  }
  
  .flicker {
    animation: shine 2s forwards, blink 3s 2s infinite;
  }
  
  .fast-flicker {
    animation: shine 2s forwards, blink 10s 1s infinite;
  }
  
  @keyframes shine {
    0% {
      color: #000;
      text-shadow: none;
    }
    100% {
      color: #f6121c;
      text-shadow: 0 0 0.6rem #fff, 0 0 1.5rem #fff,
        -0.2rem 0.1rem 1rem #000, 0.2rem 0.1rem 1rem #000,
        0 -0.5rem 2rem #000, 0 0.5rem 3rem #000;
    }
  }
  
  @keyframes flicker {
    from {
      opacity: 1;
    }
  
    4% {
      opacity: 0.9;
    }
  
    6% {
      opacity: 0.85;
    }
  
    8% {
      opacity: 0.95;
    }
  
    10% {
      opacity: 0.9;
    }
  
    11% {
      opacity: 0.922;
    }
  
    12% {
      opacity: 0.9;
    }
  
    14% {
      opacity: 0.95;
    }
  
    16% {
      opacity: 0.98;
    }
  
    17% {
      opacity: 0.9;
    }
  
    19% {
      opacity: 0.93;
    }
  
    20% {
      opacity: 0.99;
    }
  
    24% {
      opacity: 1;
    }
  
    26% {
      opacity: 0.94;
    }
  
    28% {
      opacity: 0.98;
    }
  
    37% {
      opacity: 0.93;
    }
  
    38% {
      opacity: 0.5;
    }
  
    39% {
      opacity: 0.96;
    }
  
    42% {
      opacity: 1;
    }
  
    44% {
      opacity: 0.97;
    }
  
    46% {
      opacity: 0.94;
    }
  
    56% {
      opacity: 0.9;
    }
  
    58% {
      opacity: 0.9;
    }
  
    60% {
      opacity: 0.99;
    }
  
    68% {
      opacity: 1;
    }
  
    70% {
      opacity: 0.9;
    }
  
    72% {
      opacity: 0.95;
    }
  
    93% {
      opacity: 0.93;
    }
  
    95% {
      opacity: 0.95;
    }
  
    97% {
      opacity: 0.93;
    }
  
    to {
      opacity: 1;
    }
  }
  
  
  .cards_main_row{
      width: 100%;
      display: flex;
        flex-wrap: wrap;
  }
  .cards_col{
      flex-grow: 1;
        width: 32%;
      border: solid 1px #f2f2f2;
      padding: 50px;
      margin: 5px;
      text-align: center;
      color: #fff;
      background-color: #23A455;
      transition: 0.2s;
      border-radius: 10px;
  }
  .cards_col h3{
      color: #fff;
  }
  .cards_col button{
      color: #fff;
      border-color: #fff;
  }
  
  .cards_col .col-md-4:hover{
      background-color: #000;
      transition: 0.2s;
  }
  
  .ur-label{
      color: #fff !important;
  }
  
  #user-registration{
      background: transparent;
  }
  .user-registration-form-row label{
      color: #fff !important;
  }
  
  /* .elementor-shortcode{
      display: none;
  } */
  
  
  
  .notice.is-dismissible {
      padding-right: 38px;
      position: relative;
  }
  
  .notice, div.error, .notice,  div.error, div.updated {
      margin: 5px 0 15px;
  }
  
  .notice-error, div.error {
      border-left-color: #d63638 !important;
  }
  
  .notice, div.error, div.updated {
      background: #fff;
      border: 1px solid #c3c4c7;
      border-left-width: 4px;
      box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
      margin: 5px 15px 2px;
      padding: 1px 12px;
  }
  
  .notice p, div.error p, div.updated p{
      margin: 0.5em 0;
      padding: 2px;
  }
  
  .notice-success, div.updated {
      border-left-color: #00a32a !important;
  }
  .user_card_menu a{
      color: #fff;
      font-size: 13px;
      line-height: 1 !important;
  }
  

  [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: #fff !important;
    background-color: #278c4f !important;
    text-decoration: none;
}

[type=button], [type=submit], button{
  border: 1px solid #fff !important;
  color: #fff !important;
}

.lost_password a, .user-registration-form__label-for-checkbox{
  color: #fff !important;
}

.form-button{
  background: transparent !important;
}