/*
 Theme Name:   PHÖNIXBERG Intern Theme
 Theme URI:    https://lichtsignale.de
 Description:  Ein Child-Theme von GeneratePress
 Author:       Samuel Kuemmel
 Author URI:   https://lichtsignale.de
 Template:     generatepress
 Version:      1.0
*/


:root{
    --rot: #d63517;
    --orange: #f18815;
    --gelb: #fbbb21;
    --dunkelblau: #1f3460;
    --blau: #194383;
    --hellblau: #0074aa;
    --bg-gelb: #f6ece1;
    --bg-blau: #e1e6f0;
}

@font-face {
   font-family:'marrsans-web';
   font-style: normal;
   font-weight: 400;
   src: url(webfonts/MarrSans-Regular.ttf) format('truetype');
}

@font-face {
   font-family:'marrsans-web';
   font-style: normal;
   font-weight: 600;
   src: url(webfonts/MarrSans-Semibold.ttf) format('truetype');
}


body, button, input, select, textarea{
   font-family:'marrsans-web';
   font-style: normal;
   font-weight: 400;
   letter-spacing: -0.02em;
}

h1,h2,h3,h4,h5,h6,
.menu-toggle,
.main-navigation a,
.wpforms-container .wpforms-field-label,
b,strong,.introtext,
.widget-title{
   font-family:'marrsans-web';
   font-style: normal;
   font-weight: 600;
}

.entry-title,
.page-title{
   font-size: 1.5em;
}

.widget-title,
.archive .inside-article .entry-header > .entry-title{
   font-size: 1em;
}

.page-header{
   margin-bottom:0;
}

.postid-1539 .page-hero,{
  background-size: contain !important;
}

/* Sidebar */

.current-cat a{
   color: var(--rot);
}


/* Login */

.page-id-1467 .entry-header,
.page-id-1467 .entry-content{
    width: 100%;
    max-width: 500px;
    margin-left:auto;
    margin-right:auto;
}

#wppb-loginform .login-username label,
#wppb-loginform .login-password label{
    display:block;
    clear:both;
}

#user_login,
#user_pass{
    width: 100%;
    max-width:500px;
}

#rememberme{
    margin-right: 10px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select,
div.wpforms-container .wpforms-form .choices__inner{
        padding: 8px 12px 6px 12px !important;
        border: 1px solid #ccc !important;
        background-color: #fefefe !important;
}

div.wpforms-container .wpforms-form .choices__list--single{
   font-size: 1em !important;
   padding: 0 !important;
}

.single-reinigungsvorgang .menu-bar-items,
#wpforms-1509-field_8-container{
   display: none !important;
}

#post-1551,
#post-1548,
.single-reinigungsvorgang .reinigungsvorgang{
   max-width: 600px;
   margin: 0 auto;
   background-color: #fff;
}

.single-reinigungsvorgang,
.page-id-1548,
.page-id-1551{
   background-color: var(--bg-blau);
}



/* Navigation und Footer */

.main-navigation{
    border-bottom: 1px solid var(--bg-blau);
}

.site-info{
    border-top: 1px solid var(--bg-blau);
}

.main-navigation ul ul{
    box-shadow: none;
}

.main-navigation .main-nav ul li{
    margin: 0 20px;
}

.main-navigation .main-nav ul li a{
    padding-left:0;
    padding-right: 0;
    line-height: 26px;
}

/* Eintraege Anpassungen */

.blog .entry-header{
   width:100%;
   display:block;
   margin-bottom:0;
   padding: 20px;
}

.entry-meta{
    font-size: 1em;
    margin-top:0;
}

.entry-meta .gp-icon{
    display:none;
    opacity: 0;
}

.inside-site-info{
    justify-content: flex-start;
}


/* Suche */

.navigation-search {
    top: 100%;
    opacity: 0;
    transition: opacity 500ms ease;
    visibility: unset;
    left: unset;
    text-align: center;
}

.navigation-search input[type="search"]{
    height: 60px;
}

.is-form-style input.is-search-input{
    font-size: 1em !important;
    padding: 0 20px;
    
}

div.is-ajax-search-details, div.is-ajax-search-result{
    padding: 1px !important;
    background-color: var(--blau) !important;
}

.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a{
    font-weight: 700;
}

.is-ajax-search-details, .is-ajax-search-details *, .is-ajax-search-result, .is-ajax-search-result *,
.is-ajax-result-description,
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a,
.is-search-sections .meta,
.site-info{
    font-size: 18px !important;
}

/* Navigation */

.menu-item-1428{
    border: 2px solid #222;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align:center;
}

.menu-item-1428 a{
    height: 36px;
    line-height: 36px !important;
    font-size: 1.25em;
    color: var(--blau);
}

.menu-item-1428:hover,
.menu-item-1428:focus{
   border-color: var(--rot);
   background-color: #fff;
}


/* Button */

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background)
.button, .wp-block-button .wp-block-button__link,
.wpsp-read-more a,
.wppb-logout-url{
    background-color: var(--blau);
    border-radius: 4px;
    color: #fff;
    padding: 5px 8px 2px 8px;
    font-weight: 700;
}

.wppb-logout-url{
    display:block;
    width:fit-content;
    margin-top: 1.5em;
}

.wpsp-read-more a:hover,
.wpsp-read-more a:focus,
.wppb-logout-url:hover,
.wppb-logout-url:focus{
    color: #fff;
    background-color: #000
}

.sidebar .widget{
    margin-bottom: 0;
}

.widget ul li{
    border-top: 1px solid var(--bg-blau);
}

.wpsp-read-more a{
    display:block;
    width:fit-content;
}

/* Archive */

@media(min-width:769px){
   
}


@media screen and (min-width:769px){
    .generate-columns{
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px){
    .navigation-branding .main-title, .mobile-header-navigation .site-logo{
        margin-left:20px !important;
    }
    .site-info{
        text-align:left;
    }
    .inside-site-info{
        align-items:flex-start;
        padding: 20px;
    }
}


.wp-show-posts-inner,
.generate-columns .inside-article,
.page-id-1412 .type-phoenixberg-log .inside-article,
.archive .inside-article{
    background-color: var(--bg-blau);
    padding: 20px 24px;
    border-radius: 4px;
}

.single-post .site-main,
.single-phoenixberg-log .site-main{
    width: 100%;
    max-width: 720px !important;
}

.wp-show-posts-entry-summary p{
    word-break: break-word;
}

.cat-links a{
    background-color: #eee;
    color: #999;
    padding: 2px 8px 2px 8px;
    border-radius: 2px;
}

.backlink{
    margin-top: 2em;
}
.backlink a{
    border-bottom: 2px solid var(--blau);
    padding-bottom: 1px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{
   border-bottom: 2px solid var(--rot);
}


/* Seitennummerierung unten */

.wpsp-load-more .page-numbers{
    background-color: var(--bg-blau);
    border-radius: 8px;
    color: var(--blau);
    display:inline-block;
    margin-right:10px;
    line-height: 30px;
}

.wpsp-load-more .page-numbers.prev,
.wpsp-load-more .page-numbers.next{
    padding-left:8px;
    padding-right:8px;
}


.wpsp-load-more .page-numbers:not(.prev):not(.next){
    width: 30px;
    height: 30px;
    text-align:center;
}

.wpsp-load-more .page-numbers:not(.dots):hover,
.wpsp-load-more .page-numbers:not(.dots):focus,
.wpsp-load-more .page-numbers.current{
    background-color: #000;
    color: #fff;
}

/* WPForms */

.wpforms-field-radio ul li input[type="radio"]{
   opacity: 0;
}

.wpforms-field-radio ul li label{
   position: relative;
   display: inline-block !important;
   padding-left: 0 !important;
   left: 47px !important;
   margin-left: -36px !important;
   width: calc(100% - 47px);
   margin-bottom: 0.5em;
}

.wpforms-field-radio ul li label::before{
   content: '';
   width: 24px;
   height: 24px;
   background-color: #f7f7f7;
   border: 1px solid #ccc;
   border-radius: 50%;
   top: 0;
   left: -36px;
   position: absolute;
}

.wpforms-field-radio ul li label::after{
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: var(--blau);
top: 3px;
left: -33px;
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"]:focus + label::before,
.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"]:checked + label::before{
   border-color: var(--blau);
   background-color: #fff;
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"] + label::after{
   content:none;
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"]:checked + label::after{
   content:'';
}

.wpforms-container select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}

.wpforms-container select::-ms-expand {
  display: none;
}

.wpforms-container select {
   display: block;
   font-size: 1em;
   font-weight: 400;
   color: #ccc;
   line-height: 1.3;
   padding: 11px 12px;
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0;
   border: 1px solid #bbb;
   box-shadow: none;
   border-radius: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
   background-repeat: no-repeat, repeat;
   background-position: right .7em top 50%, 0 0;
   background-size: .65em auto, 100%;
}


.wpforms-container .select2-container--default .select2-selection--single{
   display: block;
   font-size: 16px;
   font-weight: 400;
   color: #ccc;
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0;
   border: 1px solid #cccccc;
   box-shadow: none;
   border-radius: 0;
   height: 46px;
   background-color: #fafafa;
}

.wpforms-container .select2-container--default .select2-selection--single .select2-selection__arrow{
   height: 46px;
}

.wpforms-container .select2-container .select2-selection--single .select2-selection__rendered{
   padding: 8px 24px 8px 12px;
}

.wpforms-container select::-ms-expand {
   display: none;
}

.wpforms-container .select2-selection:hover,
select:hover {
   border-color: #bfbfbf;
}

.wpforms-container .select2-selection:focus,
select:focus {
   border-color:  #bfbfbf;
   box-shadow: none;
   box-shadow: none -moz-mac-focusring;
   color: #666;
   outline: none;
}

.wpforms-container .select2-selection span,
.wpforms-container select option {
   font-weight:normal;
}


.wpforms-container .wpforms-field-date-time-date-year,
.wpforms-container .wpforms-field-date-time-date-day,
.wpforms-container .wpforms-field-date-time-date-month,
.wpforms-container input[type=number]{
   width: 5em !important;
}




/* Spendenformular */

.wpforms-container .wpforms-field:not(.wpforms-one-half):not(.wpforms-one-third):not(.wpforms-two-thirds):not(.wpforms-one-fourth){
   clear:both;
}


.wpforms-container .wpforms-field-label{
   margin-bottom: 2px;
}

.wpforms-field-radio > .wpforms-field-label,
.wpforms-field-payment-multiple > .wpforms-field-label,
.wpforms-field-checkbox > .wpforms-field-label,
.wpforms-field-gdpr-checkbox > .wpforms-field-label{
   margin-bottom: 0.5em !important;
}

.wpforms-container .wpforms-field:not(.wpforms-field-divider):not(.wpforms-field-html){
   padding-bottom: 1em !important;
}

.wpforms-container label.wpforms-error{
   margin-top: 0.5em;
}

.wpforms-container .wpforms-field.wpforms-field-textarea,
.wpforms-container .wpforms-field.wpforms-field-gdpr-checkbox{
  clear:both;
}

.wpforms-container .wpforms-field-sublabel,
.wpforms-field-gdpr-checkbox .wpforms-field-label-inline,
.wpforms-field-checkbox ul li label{
  font-size: 0.9em;
}

.wpforms-field-gdpr-checkbox ul li input[type="checkbox"],
.wpforms-field-checkbox ul li input[type="checkbox"]
{
    opacity: 0;
}

.wpforms-field-gdpr-checkbox ul li label,
.wpforms-field-checkbox ul li label{
    position: relative;
    display: inline-block !important;
   padding-left: 0 !important;
   left: 48px !important;
   margin-left: -26px;
   width: calc(100% - 48px);
   padding: 0.5em 0;
   line-height: 1.3
}


.wpforms-field-gdpr-checkbox ul li label::before,
.wpforms-field-gdpr-checkbox ul li label::after,
.wpforms-field-checkbox ul li label::before,
.wpforms-field-checkbox ul li label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

/* Outer box of the fake checkbox */
.wpforms-field-gdpr-checkbox ul li label::before,
.wpforms-field-checkbox ul li label::before{
    height: 32px;
    width: 32px;
    border: 1px solid #ccc;
    background-color: #fefefe;
    left: -48px;
    top: 0;
}

/*Checkmark of the fake checkbox*/
.wpforms-field-gdpr-checkbox ul li label::after,
.wpforms-field-checkbox ul li label::after,
.wpforms-field-checkbox .depth-1 label::after {
height: 12px;
width: 26px;
border-left: 3px solid;
border-bottom: 3px solid;
border-color: var(--blau);
transform: rotate(-45deg);
left: -45px;
top: 7px;
}

/*Hide the checkmark by default*/
.wpforms-field-gdpr-checkbox ul li input[type="checkbox"] + label::after,
.wpforms-field-checkbox ul li input[type="checkbox"] + label::after {
    content: none;
}
.wpforms-field-gdpr-checkbox ul li input[type="checkbox"]:focus + label::before,
.wpforms-field-gdpr-checkbox ul li input[type="checkbox"]:checked + label::before,
.wpforms-field-checkbox ul li input[type="checkbox"]:focus + label::before,
.wpforms-field-checkbox ul li input[type="checkbox"]:checked + label::before{
  border: 1px solid var(--blau);
  background-color: #fff;
}

/*Unhide on the checked state*/
.wpforms-field-gdpr-checkbox ul li input[type="checkbox"]:checked + label::after,
.wpforms-field-checkbox ul li input[type="checkbox"]:checked + label::after {
  content: "";
}


/* Radio Auswahl im Spendenformular */

.wpforms-field-payment-multiple ul li input[type="radio"],
.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"]{
    opacity: 0;
}


.wpforms-field-radio ul:not(.wpforms-image-choices) li,
.wpforms-field-payment-multiple ul li{
   height: 100px;
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li label,
.wpforms-field-payment-multiple ul li label{
   position:relative;
   top: 50px;
   left:-0.5em;
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li label::before,
.wpforms-field-payment-multiple ul li label::before{
   content:'';
   width: 32px;
   height: 32px;
   background-color: #fefefe;
   border: 2px solid #222;
   border-radius: 50%;
   position:absolute;
   top: -48px;
   left: 50%;
   transform: translateX(-50%);
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li label::after,
.wpforms-field-payment-multiple ul li label::after{
   position:absolute;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background-color: var(--blau);
   top: -42px;
   left: 50%;
   transform: translateX(-50%);
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"]:focus + label::before,
.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"]:checked + label::before,
.wpforms-field-payment-multiple ul li input[type="radio"]:focus + label::before,
.wpforms-field-payment-multiple ul li input[type="radio"]:checked + label::before{
   border-color: var(--blau);
   background-color: #fff;
   box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"] + label::after,
.wpforms-field-payment-multiple ul li input[type="radio"] + label::after{
   content:none;
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li input[type="radio"]:checked + label::after,
.wpforms-field-payment-multiple ul li input[type="radio"]:checked + label::after{
   content:'';
}

@media(max-width:600px){
   .wpforms-field-radio ul:not(.wpforms-image-choices),
   .wpforms-field-payment-multiple ul{
      display:flex;
      flex-direction:column;
      flex-wrap:nowrap;
      text-align:center;
      margin: 0 !important;
   }
   .wpforms-field-radio ul:not(.wpforms-image-choices) li,
   .wpforms-field-payment-multiple ul li{
      width: 100% !important;
      margin: 0 0 1em 0 !important;
      display: inline-block;
   }
}


/* Zahlungsmethoden Auswahl */

.wpforms-image-choices-modern .wpforms-image-choices-image:after {
   content: "\2713";
   font-size: 22px;
   line-height: 36px;
   color: #fff;
   background: var(--blau);
   opacity: 0;
   position: absolute;
   top: 120px;
   left: 50%;
   margin: -16px 0 0 -16px;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   transition: all 0.5s;
}

.wpforms-field-radio ul:not(.wpforms-image-choices),
.wpforms-field-payment-multiple ul{
   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   text-align:center;
   margin: 0 -1em;
}

.wpforms-field-radio ul:not(.wpforms-image-choices) li,
.wpforms-field-payment-multiple ul li{
   width: calc((33.333% - 1em) - 6px);
   border: 1px solid #fefefe;
    background-color: #fefefe;
   padding: 10px 12px;
   margin-left: 1em;
   margin-bottom: 1em;
   border-radius:3px;
}


.wpforms-field-radio ul li.wpforms-selected,
.wpforms-field-payment-multiple ul li.wpforms-selected{
  border-color: var(--blau);
  background-color: #fff;
}

.wpforms-field-radio ul li.wpforms-selected label,
.wpforms-field-payment-multiple ul li.wpforms-selected label{
   font-family:'marrsans-web';
   font-style: normal;
   font-weight: 600;
   color: var(--blau);
}

.wpforms-image-choices-modern .wpforms-selected label:not(.wpforms-error){
   border-color: var(--blau) !important;
}

.wpforms-image-choices-modern .wpforms-image-choices-image img{
   height: 125px;
}

.wpforms-container ul li{
   margin-bottom: 0.25em;
}

.wpforms-confirmation-container{
   border: 2px solid var(--orange);
   background-color: var(--bg-gelb);
   padding: 20px;
   border-radius: 12px;
}

@media(max-width:600px){
   .wpforms-container .wpforms-five-sixths,
   .wpforms-container .wpforms-four-sixths,
   .wpforms-container .wpforms-four-fifths,
   .wpforms-container .wpforms-one-fifth,
   .wpforms-container .wpforms-one-fourth,
   .wpforms-container .wpforms-one-half,
   .wpforms-container .wpforms-one-sixth,
   .wpforms-container .wpforms-one-third,
   .wpforms-container .wpforms-three-fourths,
   .wpforms-container .wpforms-three-fifths,
   .wpforms-container .wpforms-three-sixths,
   .wpforms-container .wpforms-two-fourths,
   .wpforms-container .wpforms-two-fifths,
   .wpforms-container .wpforms-two-sixths,
   .wpforms-container .wpforms-two-thirds{
      margin: 0 !important;
      float:none !important;
      width: 100% !important;
   }
   .anmeldung-wrapper{
      width: calc(100% + 60px);
      margin: 0 -30px;
      border-left: none;
      border-right:none;
      border-radius: 0;
      padding: 24px 30px;		
   }
}

@media only screen and (max-width: 600px){
  .wpforms-container .wpforms-field:not(.wpforms-field-phone) {
    overflow-x: initial;
  }
}


/* Divider */

.wpforms-field-divider{
   padding-top: 1em !important;
   border-top: 1px solid rgba(0,0,0,.1) !important;
}

.wpforms-field-divider h3{
   margin-bottom: 0;
}

.wpforms-field-html{
   padding: 0 !important;
}

.wpforms-field-html hr{
   margin-top: 0.25em !important;
   margin-bottom: 0.25em !important;
}