html {
    font-size: 100%!important;
}

body {
    line-height: 2.2!important;

font-size: 26px!important;
  
}

h4 {

    font-size: 21px;

}

a.caption{

    display: none;

}




.bottom-bar-menu .menu li a {
    color: #fff;
    
}

.ewd-ufaq-faq-body {
    padding: 10px 25px;
    padding-left: 55px;
    background: #454545;
    color: #fff;
}

.ewd-ufaq-faq-body a {
    
    color: #fff;
}

.ewd-ufaq-faq-div {
    margin-top: 30px !important;
    padding-top: 12px !important;
    margin-bottom: 30px !important;
    padding-bottom: 0px !important;
    clear: both;
    color: #000!important;
    background: #fff!important;
}

.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
    color:#000;
}

.ewd-ufaq-faq-title h1, .ewd-ufaq-faq-title h2, .ewd-ufaq-faq-title h3, .ewd-ufaq-faq-title h4, .ewd-ufaq-faq-title h5, .ewd-ufaq-faq-title h6 {
  
    padding-bottom: 12px;
}

.ewd-ufaq-faq-div a {
   
    
    
}


.main-container:after {

    background-color: #fff!important;

}

.entry-content .more-wrapper .more-link, .entry-summary .more-wrapper .more-link {
    background: #eaeaea;
  
    color: #009ace;
  
}

.ep_toggle_item_title a {
    color: #000;
    text-decoration: underline;
    
}

.ep_toggle_item_title a:hover {
    color: #eaeaea;
    text-decoration: underline;
    
}




#menu-item-204-de-de-formal a {
    font-size: 14px!important;
  
}

#menu-item-404-de a {
    font-size: 14px!important;
  
}

.bottom-bar-menu .menu li a {
   
    font-size: 16px;
    font-size: 1.3rem;

}


.responsive-menu .menu-toggle {
    background: none;
    border-radius: 0;
    color: #fff;
    -webkit-appearance: none;
    display: none;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    right: 1.78571em;
    top: 50%;
}

.roundcorners{
    border-radius: 15px;
    
}

.site-footer .bottom-bar .site-info {
    display: none;
    
}


pre {
    background: transparent; 
    font-family: inherit!important;
    font-size: 21px;
    hyphens: none;
    line-height: 1.78571em;
    margin: 0 0 1.33929em;
    max-width: 100%;
    overflow: auto;
    padding: 0.89286em 1.78571em;
}

.page-header {
  display:none;
  
}

.single .entry-header, .page .site-content > .entry-header, .blog .page-header, .archive .page-header, .search-results .page-header, .search-no-results .page-header, .error404 .page-header {
   display:none;
}

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-weight: normal;
    font-family: inherit;
    color: #1454a9;
    font-size: 13px;
    line-height: 17px;
    text-shadow: 0 0 0 rgb(255 255 255 / 0%);
    font-size: 21px!important;
}

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
  
    font-size: 23px!important;
}

div[id*='ajaxsearchlite'].wpdreams_asl_container {
  
    
    color:#000!important;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); }

.autocomplete {
   
    font-family: inherit;
    font-size: 21px;
    height: 34px;
    color:#000!important;
}


#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
   
    font-family: inherit;
    font-size: 21px;
    height: 34px;
    color:#000!important;
}

.eplus_styles .ep_toggle_item_content {
    background-image: linear-gradient(#454545, #454545)!important;
    
  
}

.eplus_styles .ep_toggles_wrapper__b40fb790-5281-4620-b789-e657d8b92887 .ep_toggle_item_title:hover {
    background-image: linear-gradient(#009ace, #009ace);
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
 
    margin-top: 10px;
}

a:visited {
  color: #fff;
}

.buttonstart{
  background:#606060;
  
}

.buttonstart:hover{
  background:#1e1e1e!important;
  
}



article {
    border-color: #efefef;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    padding-bottom: 2.60714em;
    margin-bottom: 2.67857em;
 
}

.entry-header .entry-title a, .entry-header .page-title a, .page-header .entry-title a, .page-header .page-title a {
    border: none;
    color: #fff;
}

.single .entry-header, .page .site-content > .entry-header, .blog .page-header, .archive .page-header, .search-results .page-header, .search-no-results .page-header, .error404 .page-header {
    background: #101010;
    box-sizing: content-box;
    margin-bottom: 2.67857em;
    padding: 1.33929em 0;
}

.filter { 
    width: 50px; 
    height: 65px; 
    background-size: cover;
    background-image: url('https://leicht-kicken.de/wp-content/uploads/2022/02/Hexagon_grau.png'); 
    position: relative;
    color: #fff;
    line-height:27px;
    font-size:23px;
    margin: 2px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 12px;
} 
 
.filter:hover { 
    width: 50; 
    height: 58px; 
    background-size: cover;
     background-image: url('https://leicht-kicken.de/wp-content/uploads/2022/02/Hexagon_hellgrau.png'); 
     position: relative;
    color: #fff;
    line-height:27px;
    font-size:23px;
 }

/**.filter:before { 
    content: ""; 
    position: absolute; 
    top: -13px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 25px solid transparent; 
    border-right: 25px solid transparent; 
    border-bottom: 13px solid #1e1e1e; 
} 

.filter:hover:before { 
    content: ""; 
    position: absolute; 
    top: -13px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 25px solid transparent; 
    border-right: 25px solid transparent; 
    border-bottom: 13px solid #575757; 
} 
 
.filter:after { 
    content: ""; 
    position: absolute; 
    bottom: -13px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 25px solid transparent; 
    border-right: 25px solid transparent; 
    border-top: 13px solid #1e1e1e; 
}

.filter:hover:after { 
    content: ""; 
    position: absolute; 
    bottom: -13px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 25px solid transparent; 
    border-right: 25px solid transparent; 
    border-top: 13px solid #575757; 
}
**/







.encyclopedia-filter:last-child {
    margin-bottom: 0em;
}

.encyclopedia-filter {
    background-color: transparent;
    border: none;
    border-radius: 10px;
}

.encyclopedia-filter {
    background-color: transparent;
    border-bottom: 0px solid #d9d9d9;
    overflow: hidden;
    text-align: center;
}

body.post-type-archive-encyclopedia .encyclopedia-filter .filter .filter-link {
    display: inline-block;
    text-align: center;
    background-color: transparent;
    color: #fff;
    padding: 8px 0.65em 4px 0.65em;
    text-decoration: none;
    letter-spacing: -1px;
    font-size: 1.4em;
    line-height: 1.4em;
    width: 43px;
    height: 41px;
}

body.encyclopedia-filter .filter .filter-link {
    display: inline-block;
    text-align: center;
    background-color: transparent;
    color: #fff;
    padding: 8px 0.65em 4px 0.65em;
    text-decoration: none;
    letter-spacing: -1px;
    font-size: 1.4em;
    line-height: 1.4em;
    width: 43px;
    height: 41px;
}

a.filter-link {
    display: inline-block;
    text-align: center;
    background-color: transparent;
    color: #fff;
    /**padding: 8px 0.65em 4px 0.65em;**/
    padding: 8px 0em 0px 0.2em;
    text-decoration: none;
    letter-spacing: -1px;
    font-size: 1.4em;
    line-height: 1.4em;
 width: 50px;
    height: 65px;
}

.encyclopedia-filter .filter-link {
    display: inline-block;
    text-align: center;
    padding: 8px 0.5em;
    font-size: 1em;
    text-decoration: none;
    letter-spacing: -1px;
    font-size: .9em;
    
       
}


/**
body.post-type-archive-encyclopedia .encyclopedia-filter {
    background: #fff;
    border: 2px solid #d4e3f3;
    padding: 18px;
}

body.post-type-archive-encyclopedia .encyclopedia-prefix-filters {
    position: absolute;
    right: 10px;
    top: 180px;
    width: 315px;
}
**/



.encyclopedia-prefix-filters {
  
    position: relative;
    margin: 0 auto;
    max-width: 88.7143rem;
    margin-bottom: 50px;
        text-align: center!important;

}


div.filter-level.filter-1 {
  width:101%;
}


body {
font-family: futura-pt, sans-serif;
font-size:21px;
font-style: normal;
font-weight: 300;
color:#fff;
}

h1, h2, h3, h5, h6 {
   
    color: #fff;
 
}

.no-page-title:not(.page-layout-no-header-margin) .site-content {
    padding-top: 0.5em;
}



h1 {
   
    font-size: 40px;
 
}


.center{
 text-align:center;
}



.site-header .container {
    height: 212px;
    background: rgba(0,0,0,0.0);
    
    background-size: cover;
}




.site-header .site-branding img {
    display: block;
    max-height: 192px;
    -webkit-transform: translate3d(0, 0, 0);
    transition: 0.3s;
    width: auto;
  
}

.site-header {
    background: #101010;
    background-image: url(https://leicht-kicken.de/wp-content/uploads/2021/05/leicht_kicken_website_1920_1080-3.jpg);
    background-size: cover;
}

.site-header .site-branding-container {
 
    height: 212px;
   
}

.main-navigation ul li a {
    color: #fff;
    display: block;
    font-size: 30px;
    font-size: 2.2rem;
    line-height: 1.78571em;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    margin-top:100px;
    font-weight:700;
}

.main-navigation ul li a:hover {
    color: #009ace;
    border-color: #009ace;
  
}

.main-navigation div > ul > li > a:hover {
      border-bottom: 3px solid #009ace; }

a {
    color: #fff;
    text-decoration: underline;
    transition: 0.3s;
}

a:hover {
    color: #009ace;
    text-decoration: none;
    transition: 0.3s;
}


 .main-navigation .current-menu-item > a,
  .main-navigation .current a {
    color: #009ace!important; }
    
    
.site-content {
    background: #101010!important;
    padding-top: 4em!important;
    color:#fff!important;
}


.hexagon{ 
 
    float: left;
  margin:49px;
   
} 

.hexagonmobil{ 
 
    float: left;
  margin:10px;
   
} 

.hexagongroup{ 
 
    width: 700px;
    text-align:center;
   
}

.hexagongroupmobil{ 
 
    width: 168px;
    text-align:center;
   
}

.hexagongroup2{ 
 
    width: 587px;
    margin-left:37px;
    margin-top:-106px;
    text-align:center;
   
}

.hexagongroup3{ 
 
    margin-top:-106px;
    width: 700px;
    text-align:center;

   
}

.centeralphabet{
display: flex;
justify-content: center;

  
}


.alphabet{
    margin-left:-20px!important;
    padding-left:-20%;
}


#hexagon { 
    width: 100px; 
    height: 55px; 
    background: #1e1e1e; 
     position: relative;
    color: #fff;
    line-height:55px;
    font-size:45px;
 
   
} 
 
 #hexagon:hover { 
    width: 100px; 
    height: 55px; 
    background: #575757; 
     position: relative;
    color: #fff;
    line-height:55px;
    font-size:45px;
 
   
}

#hexagon:before { 
    content: ""; 
    position: absolute; 
    top: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-bottom: 25px solid #1e1e1e; 
} 

#hexagon:hover:before { 
    content: ""; 
    position: absolute; 
    top: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-bottom: 25px solid #575757; 
} 
 
#hexagon:after { 
    content: ""; 
    position: absolute; 
    bottom: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-top: 25px solid #1e1e1e; 
}

#hexagon:hover:after { 
    content: ""; 
    position: absolute; 
    bottom: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-top: 25px solid #575757; 
}

 .hideonmobile{
   display:visible;
 }
 
  .showonmobile{
   display:none;
 }

@media only screen and (max-width: 785px) {
 
 .hexagon{ 
 
    float: left;
  margin:15px;
   
} 

.hexagongroup{ 
 
    width: 270px;
    text-align:center;
    margin-top:-37px;
   
}
.hexagongroup2{ 
 
    width: 168px;
    margin-left:52px;
    margin-top: 0px;
    text-align:center;
    margin-top:-37px;
   
}

.hexagongroup3{ 
 
    margin-top:-106px;
    width: 718px;
    text-align:center;

   
}

#hexagon { 
    width: 100px; 
    height: 55px; 
    background: #1e1e1e; 
     position: relative;
    color: #fff;
    line-height:55px;
    font-size:45px;
 
   
} 
 
 #hexagon:hover { 
    width: 100px; 
    height: 55px; 
    background: #575757; 
     position: relative;
    color: #fff;
    line-height:55px;
    font-size:45px;
 
   
}

#hexagon:before { 
    content: ""; 
    position: absolute; 
    top: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-bottom: 25px solid #1e1e1e; 
} 

#hexagon:hover:before { 
    content: ""; 
    position: absolute; 
    top: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-bottom: 25px solid #575757; 
} 
 
#hexagon:after { 
    content: ""; 
    position: absolute; 
    bottom: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-top: 25px solid #1e1e1e; 
}

#hexagon:hover:after { 
    content: ""; 
    position: absolute; 
    bottom: -25px; 
    left: 0; 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent; 
    border-right: 50px solid transparent; 
    border-top: 25px solid #575757; 
}

 .hideonmobile{
   display:none;
 }
 
   .showonmobile{
   display:inline;
 }
 
}