/* Theme Name: Klecksquadrat
Theme URI:
Description: Klecksquadrat
Author: Klecksquadrat 
Author URI: https://www.klecksquadrat.de/ 
Template: Minamaze_Pro 
Version: 1.11.0 License: GNU General Public License v2 or later License
URI: http://www.gnu.org/licenses/gpl-2.0.html 
Tags: Klecksquadrat */
 body {
     background:#0c6b94;
}
 #logo img {
     min-height:100px !important;
}
 #slider .featured-title span {
     background: rgba(255, 255, 255, 0.2);
     padding:10px 13px;
}
 #slider .featured-excerpt span {
     background: rgba(255, 255, 255, 0.2);
     padding:10px 13px;
}
 #slider .featured-link a {
     display: inline-block;
     color: #24a8e0;
     font-size: 18px;
     padding: 5px 20px;
     border: 1px solid #24a8e0;
}
 #slider .featured-link a:hover{
     background: #24a8e0;
     border-color: #24a8e0;
     color:#fff;
}
/*button style1*/
 .button.style1:hover {
     background-color: #0c6b94;
     color:#fff !important;
}
 .button.style1{
     color:#fff !important;
}
/*formular*/
 .flex-container {
     display: flex;
     flex-direction: row;
}
 .flex-item-1 {
     flex-grow: 1;
     padding:0 3px 0 0;
}
 .flex-item-2 {
     flex-grow: 0;
     flex-shrink: 0;
     flex-basis: 50%;
     padding:0 0 0 3px;
}
/*text in Blog preview*/
 .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-content {
     padding: 0 15px;
     float: none;
     font-size: 14px;
}
 .wpspw-post-categories a:nth-child(4n+1) {
     background: #0c6b94;
     border-color: #0c6b94;
}
 .sp_wpspwpost_static h2.wpspw-post-title a {
     font-size:18px !important;
}
 .wpspw-post-date span {
     display:none;
}
/*----------------------------------------------------- RESPONSIVE ANWEISUNGEN -----------------------------------------------------*/
/*----------------- 1024px iPad hoch -------------------*/
 @media only screen and (max-width: 1024px) {
}
/*----------------- 768px iPad hoch -------------------*/
 @media only screen and (max-width: 768px) {
}
/*----------------------------------------------------- 480px iPhone quer -----------------------------------------------------*/
 @media only screen and (max-width: 480px) {
     #pgc-14-0-0, #pgc-14-1-0, #pgc-14-2-0, #pgc-14-4-0 {
         display: none;
    }
     h1, #content h1, #introaction-core h1, #outroaction-core h1 {
         font-size:22px;
    }
     h2, #content h2, #introaction-core h2, #outroaction-core h2 {
         font-size: 18;
    }
}
/*----------------------------------------------------- 320px iPhone hoch -----------------------------------------------------*/
 @media only screen and (max-width: 320px) {
}