/*
Theme Name:     J&B Kadence Child
Theme URI:      n/a
Template:       kadence
Author:         Jung&Billig GmbH
Author URI:     n/a
Description:    https://www.jungundbillig.de/
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/



.wpcf7-form .label-float{
  position: relative;
  padding-top: 13px;
  margin-top: 1rem;
}
.wpcf7-form .label-float:last-of-type{
  margin-bottom: 1rem;
}
.wpcf7-form p {
  margin-bottom: 0;
}
.wpcf7-form .wpcf7-submit {
  margin-top: 1rem;
}

.wpcf7-form .wpcf7-list-item {
    margin: 0;
    margin-top: 1rem;
}

.wpcf7-form .label-float input,
.wpcf7-form .label-float textarea
{
  border: 1px solid lightgrey;
  border-radius: 5px;
  outline: none;
  min-width: 250px;
  padding: 15px 20px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-appearance: none;
}

.wpcf7-form .label-float input:focus, 
.wpcf7-form .label-float textarea:focus
{
  border: 2px solid var(--global-palette2);
}

.wpcf7-form .label-float input::placeholder{
  color:transparent;
}

.wpcf7-form .label-float label{
  pointer-events: none;
  position: absolute;
  top: calc(2em - 10px);
  left: 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  background-color: var(--global-palette9, #ffffff);
  padding: 5px;
  box-sizing: border-box;
}

.wpcf7-form .label-float input:required:invalid + label{
  color: red;
}
.wpcf7-form .label-float input:focus:required:invalid{
  border: 2px solid red;
}
.wpcf7-form .label-float input:required:invalid + label:before{
  content: '*';
}
.wpcf7-form .label-float label.focused {
  font-size: 13px;
  top: 0;
  color: var(--global-palette2);
}



/* Footer Legal Menu  */
.site-footer .menu-jb-footermenue-container .menu {
    display: flex;
    align-content: center;
    gap: 1rem;
}

.site-footer .menu-jb-footermenue-container .menu a {
    text-decoration: underline;
    color: var(--global-palette9);
    transition: all .2s ease-out;
    text-underline-offset: 2px;
}

.site-footer .menu-jb-footermenue-container .menu a:hover {
    color: white;
    text-underline-offset: 8px;
}
@media (min-width: 1440px) {
  .site-main-header-wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
  }
}