/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root{
    --rot: #d63517;
    --orange: #f18815;
    --gelb: #fbbb21;
    --bg-gelb: #f6ece1;
    --bg-orange: rgba(242,136,22,0.2);

}

@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');
}

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

a{
   text-decoration:none;
   color: var(--contrast);
}

.grid-container{
    margin-left: 0;
}


button, input[type=button], input[type=reset], input[type=submit],
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{
    border-radius: 6px;
}


/* Login und Profile Builder */

.wppb-alert-title{
   display:none;
}

#wppb-edit-user .wppb-form-field label{
   display:block;
   margin-bottom: 4px;
}
#wppb-edit-user .wppb-form-field > input{
   display:block;
   width: 100%;
   max-width: 364px;
}

#wppb-recover-password-container label,
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label,
#wppb-register-user .wppb-form-field:not(.wppb-gdpr-checkbox) label{
   display:block;
   width: 100%;
}

#wppb-recover-password-container  input[type="text"],
#wppb-login-wrap input[type="text"],
#wppb-login-wrap input[type="password"],
#wppb-register-user input[type="text"],
#wppb-register-user input[type="password"],
#wppb-register-user input[type="email"],
#wppb-register-user select{
   display:block;
   width: 100%;
   max-width: 364px;
}

.wppb-user-forms h4{
   font-size: 1.25em;
   margin: 1.5em 0 0;
}

.wppb-user-forms p{
   margin-bottom: .5em;
}

.wppb-user-forms ul{
   margin-left: 0;
   list-style:none;
}

.wppb-user-forms .wppb-form-field{
   margin-bottom: 0.5em;
}

.wppb-user-forms ul > .wppb-heading:not(:first-child){
   margin-top: 2em !important;
}

.wppb-user-forms .form-submit,
.wppb-user-forms .wppb-gdpr-checkbox{
   display:block;
   float:none;
   clear:both;
   width: 100%;
}

.wppb-user-forms .form-submit .submit{
   max-width: fit-content !important;
}

.wppb-required{
   margin-left: 4px;
   color: var(--rot);
}

.wppb-default-password{
   float:left;
   width: calc(50% - 16px);
   margin-right: 16px;
   display:inline-block;
}

.wppb-default-repeat-password{
   display:inline-block;
   width: calc(50% - 16px);
   margin-left: 16px;
}

.wppb-description-delimiter{
   float:none;
   clear:both;
   display:block;
   width: 100%;
   font-size: 0.8em;
   margin: 1em 0;
}

#pass-strength-result{
   display:inline-block;
   border-width:1px;
   border-style:solid;
   background-color: transparent;
   border-color: var(--contrast-3);
   color: var(--contrast-3);
   padding: 2px 8px;
   border-radius: 2px;
   margin-bottom: 1em;
}

.wppb-default-password span.short{
   border-color: var(--rot) !important;
   color: var(--rot)!important;
}

.wppb-default-password span.bad{
   border-color: var(--orange) !important;
   color: var(--orange) !important;
}

.wppb-default-password span.good{
   border-color: var(--gelb) !important;
   color: var(--gelb) !important;

}

.wppb-default-password span.strong{
   border-color: green !important;
   color: green !important;
}


.wppb-checkboxes,
#wppb-login-wrap{
   margin-bottom: 1em;
   display:block;
}

.login-remember{
   margin: 2em 0 !important;
}

.login-register-lost-password{
   margin-top: 2em;
}

.wppb-show-pw,
.wppb-hide-pw{
   border-radius:0;
   background-color: transparent;
   position:relative;
   left: -55px;
}

.wppb-show-pw:hover,
.wppb-show-pw:focus,
.wppb-hide-pw:hover,
.wppb-hide-pw:focus{
   background-color: transparent;
}

.wppb-checkboxes li input[type="checkbox"],
#wppb-login-wrap .login-remember input[type="checkbox"]{
   opacity: 0;
}

.wppb-checkboxes li label,
#wppb-login-wrap .login-remember label{
   position: relative;
   display: inline-block !important;
   padding-left: 0 !important;
   left: 48px !important;
   margin-left: -20px !important;
   width: calc(100% - 48px) !important;
   line-height: 26px;
}

.wppb-checkboxes li label::before,
.wppb-checkboxes li label::after, 
#wppb-login-wrap .login-remember label::before,
#wppb-login-wrap .login-remember label::after{
   position: absolute;
   content: "";
   display: inline-block;
}
.wppb-checkboxes li label::before,
#wppb-login-wrap .login-remember label::before{
   height: 28px;
   width: 28px;
   border: 1px solid var(--contrast-3);
   background-color: var(--base-2);
   left: -40px;
   top: 0px;
   border-radius: 6px;
}

.wppb-checkboxes li label::after,
#wppb-login-wrap .login-remember label::after{
   height: 10px;
   width: 19px;
   border-left: 3px solid;
   border-bottom: 3px solid;
   border-color: var(--contrast);
   transform: rotate(-45deg);
   left: -35px;
   top: 6px;
}

.wppb-checkboxes li input[type="checkbox"] + label::after,
#wppb-login-wrap .login-remember input[type="checkbox"] + label::after{
   content: none;
}
.wppb-checkboxes li input[type="checkbox"]:focus ~ label::before,
.wppb-checkboxes li input[type="checkbox"]:checked ~ label::before,
#wppb-login-wrap .login-remember input[type="checkbox"]:focus ~ label::before,
#wppb-login-wrap .login-remember input[type="checkbox"]:checked ~ label::before{
  border: 1px solid var(--contrast);
  background-color: #fff;
}

.wppb-checkboxes li input[type="checkbox"]:checked + label::after,
#wppb-login-wrap .login-remember input[type="checkbox"]:checked + label::after{
  content: '';
}

.wppb-gdpr-checkbox,
.wppb-send-credentials-checkbox{
   margin-bottom: 2em;
}

.wppb-gdpr-checkbox label,
.wppb-send-credentials-checkbox label{
   position:relative;
   padding-left: 40px;
   display:block;
   font-size: 0.8em;
   line-height: 1.2;
   max-width: 100%;
   width: calc(100% - 40px) !important;
   height: 28px;
   vertical-align: middle;
}

.wppb-gdpr-checkbox label > input,
.wppb-send-credentials-checkbox label > input{
   position:absolute;
   top:-3px;
   left:1px;
}

.wppb-gdpr-checkbox input[type="checkbox"],
.wppb-send-credentials-checkbox input[type="checkbox"]{
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
}

.wppb-gdpr-checkbox input[type="checkbox"],
.wppb-send-credentials-checkbox input[type="checkbox"]{
   appearance: none;
   background-color: #fafafa;
   margin: 0;
   font: inherit;
   color: var(--rot);
   width: 28px;
   height: 28px;
   border: 1px solid var(--contrast-3);
   transform: translateY(-0.075em);
   display: grid;
   place-content: center;
}

.wppb-gdpr-checkbox input[type="checkbox"]::before,
.wppb-send-credentials-checkbox input[type="checkbox"]::before{
  content: "";
  width: 20px;
  height: 20px;
  transform: scale(0);
  transition: 0ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--contrast);
  transform-origin: center;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.wppb-gdpr-checkbox input[type="checkbox"]:checked,
.wppb-send-credentials-checkbox input[type="checkbox"]:checked{
   border-color: var(--contrast);
   background-color: #fff;
}

.wppb-gdpr-checkbox input[type="checkbox"]:checked::before,
.wppb-send-credentials-checkbox input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.wppb-gdpr-checkbox input[type="checkbox"]:focus,
.wppb-send-credentials-checkbox input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid var(--contrast);
  outline-offset: max(2px, 0.15em);
}


.wppb-form-field select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}

.wppb-form-field select::-ms-expand {
  display: none;
}

.wppb-form-field select {
   color: var(--contrast);
   background-color: var(--base-2);
   border: 1px solid var(--contrast-3);
   border-radius: 6px !important;
   padding: 10px 15px;
   display: block;
   font-size: 1em;
   font-weight: 400;
   line-height: 1.3;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0;
   box-shadow: none;
   border-radius: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   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%;
}


/* Breadcrumbs */

#breadcrumbs{
    list-style:none;
    margin: 0 0 1em 0;
}

#breadcrumbs li{
    display:inline-block;
}

#breadcrumbs li.separator{
    margin: 0 8px;
}

#breadcrumbs li .bread-link,
#breadcrumbs li .bread-cat,
#breadcrumbs li .item-cat,
#breadcrumbs .bread-current{
    font-weight: normal;
    border-bottom: 1px dotted var(--contrast);
}


/* Navigation */

body:not(.logged-in) .menu-bar-items{
   display:none;
}

.site-branding-container{
   margin-right: 82px;
}

.main-navigation .menu-bar-items{
   margin-left: 300px;
}

.navigation-search input[type="search"] {
    height: 32px;
    border-radius: 30px;
}

.nav-float-right #site-navigation{
    margin-left: 0;
}

.mobile-menu-control-wrapper .menu-toggle{
    background-color: transparent;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items a{
    border-radius: 30px;
    padding-top:2px;
}

.search-item a::before{
   content:'Suche';
   margin-right: 10px;
}

/* Sidebar */

#left-sidebar{
    min-height: calc(100vh - 96px);
    background-color: var(--bg-gelb);
}

#nav_menu-2{
   padding:0;
   position:fixed;
   bottom:0;
   left:0;
   width:360px;
}

.widget_nav_menu ul li{
   margin-bottom:0;
   border-top: 1px solid var(--bg-orange);
}

.widget_nav_menu ul li a{
   line-height: 60px;
   padding: 2px 20px 2px 20px;
}

.widget_nav_menu ul li:hover{
   background-color: var(--bg-orange);
}

.sidebar-domains{
   margin-left:98px;
   margin-top: 192px;
}

.sidebar-domains .widget-titel{
   margin-bottom: 0;
   color: var(--rot);
   font-size: 19px;
   line-height: 1.5;
}

.sidebar-domains ul{
   list-style:none;
   margin:0 0 1em;
}

.sidebar-domains a{
   border-bottom: 1px dotted var(--contrast);
   line-height: 1.7;
}

/* Inhalte */

.site-main{
    padding: 15px 40px;
}

.gb-grid-column > .gb-container{
   border-top: 1px solid var(--rot);
   padding-top: 8px;
}

.page .entry-title{
   margin-bottom: 78px;
}

.gb-container h2{
    font-size: 17px;
}

h2.gb-headline a{
    border-bottom: none;
    color: var(--rot);
}

.wp-block-read-more{
   padding: 4px 12px;
   position:relative;
   left: -12px;
   border-radius: 30px;
}

.wp-block-read-more:hover{
   text-decoration: none;
}

.wp-block-read-more::after{
   content:'';
   margin-left: 6px;
   width: 18px;
   height: 18px;
   display:inline-block;
   background-image: none;
   background-position:center center;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: text-top;
}

.wp-block-read-more:hover::after{
   background-image: url('https://lagerfeuer.phoenixberg.org/wp-content/uploads/2023/03/linkpfeil.png');
}

.wp-block-read-more:hover,
.wp-block-read-more:active{
   background-color: var(--bg-orange);

}

.gb-container > li:hover a::after{
   color: var(--contrast);
   background-color: var(--orange);
}


/* Fussbereich */

.fussbereich{
    border-top: 1px solid #101010;
    padding: 4px 0;
    margin-top: 4em;
}