/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


@media only screen and (min-width: 1100px) {
h1 {
    width: 1100px;
}
}


body, input, select, optgroup, textarea {
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
}


@media only screen and (max-width: 450px) {
body, input, select, optgroup, textarea {
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}
}




.lwptoc-baseItems .lwptoc_items {
font-size: 16px !important;
}





.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
justify-content: center;
}

.grid-container > div {
  width: 150px;
  border: 0px solid black;
  text-align: center;
  font-size: 14px;
}

@media only screen and (max-width: 450px) {
  .grid-container > div {
    width: 70px;
}

}


.grid-container1 {
    border-right: 0px solid #e2e2e226;
}



.divider {
text-align: center;
font-weight: 700;
font-size: 20px;
color: #fff;
}

@media only screen and (max-width: 450px) {
.divider {
font-size: 15px;
}
}

.divider:before, .divider:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.divider:before {
    background: linear-gradient(to right, transparent, #fff);
    right: .5em;
    margin-left: -50%;
}
.divider:after {
    background: linear-gradient(to right, #fff, transparent);
    left: .5em;
    margin-right: -50%;
}



/* ---Remove Sidebar in Mobile----- */
@media only screen and (max-width:767px)
{
#secondary {
display: none;
}
}



.butn352 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #00509a;
  font-size: 16px;
/*  background: #e86c00; */
  padding: 10px 20px 10px 20px;
  text-decoration: none;
font-weight:bold;
/*white-space:nowrap;*/
margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}


.butn352:hover {
/*  background: #f77e1b; */
  text-decoration: none; 
/*color: #ffffff; */
font-weight:bold;
}





.text-anfang-777 {
max-width:700px;  
margin-right: auto; 
margin-left: auto; 
padding-left: 15px; 
padding-right: 15px;
margin-bottom: 90px;
margin-top: 50px;
font-size: 18px;
text-align: center;
}

@media only screen and (max-width: 450px) {
.text-anfang-777 {
font-size: 18px;
}
}


.vergleich-tab-777 {
max-width:1800px;  
margin-right: auto; 
margin-left: auto; 
padding-left: 10px; 
padding-right: 0px;
}


.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    width: auto !important; 
    height: auto !important; 
    margin: 5px;
}


.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 130px;
    height: 240px !important;
    margin: 5px;
    margin-left: 0px;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 15px !important;
    max-height: 4.8em !important;
    font-weight: bold !important;
    line-height: 1.4em;
    text-decoration: inherit;
    overflow: hidden;
margin-top: 10px !important;
}

.rll-youtube-player {
    margin-top: 40px;
}



@media only screen and (max-width: 500px) {
.alignleft {
float: none !important;
padding: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
}

.alignright {
float: none !important;
padding: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}

.alignleft {
margin-bottom: 20px;
}

.alignright {
margin-bottom: 20px;
}

.aligncenter {
margin-top: 20px;
}


#cookie-notice .cn-button {
color: #0298d5; 
font-size: 13px;
font-weight: bold;
}


.entry-content-asset.videofit {
    padding-top: 0% !important;
}



input[type="checkbox"] {
    display:none;
}
 
label {
    font-size: 18px;
  color:#00509a;
  text-decoration:none;
  margin-top:10px;
  margin-bottom: 30px;
  cursor:pointer;
  display:inline-block;
text-align: center;
    width: 100%;
}
 
label:after {
  content:"[+] Mehr anzeigen";  
}
 
input:checked ~ label:after {
  content:"[-] Weniger anzeigen";  
}
 
.inner {
  max-height:2150px;
  overflow:hidden;
  transition:all .3s ease;
  width:100%;
}

@media only screen and (max-width: 450px) {
.inner {
  max-height:3640px;
  overflow:hidden;
  transition:all .3s ease;
  width:100%;
}
}
 
input:checked + .inner {
  max-height:100%;
}







.grid-cont {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 50px;
  padding: 10px;
justify-content: center;
margin-bottom: 60px;
max-width: 100%;
background: #eeeeeec9;
padding-top: 0px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 450px) {
.grid-cont {
  grid-gap: 30px;
margin-bottom: 50px;
}
}

.grid-cont > div {
  width: 200px;
  border: 0px solid black;
  text-align: center;
  font-size: 14px;
}

@media only screen and (max-width: 450px) {
  .grid-cont > div {
    width: 90px;
}
}

.grid-cont1 {
    border-right: 0px solid #e2e2e226;
}

.gridzahl {
font-size: 55px;
color: #333;
font-weight: 600;
}

@media only screen and (max-width: 450px) {
.gridzahl {
font-size: 35px;
color: #333;
font-weight: 600;
padding-top: 9px;
}
}

.gridunten {
font-size: 19px;
color: #333;
font-weight: 600;
margin-top: -10px;
}

@media only screen and (max-width: 450px) {
.gridunten {
font-size: 15px;
color: #333;
font-weight: 600;
}
}


.divider2 {
text-align: center;
    font-weight: 700;
    font-size: 30px;
padding-top: 20px;
    padding-bottom: 40px;
    background: #eeeeeec9;
}

@media only screen and (max-width: 450px) {
.divider2 {
font-size: 18px;
}
}

.divider2:before, .divider2:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 10%;
}
.divider2:before {
    background: linear-gradient(to right, transparent, #333);
    right: .5em;
    margin-left: -50%;
}
.divider2:after {
    background: linear-gradient(to right, #333, transparent);
    left: .5em;
    margin-right: -50%;
}


.yarpp-thumbnail-default > img {
    display: none !important;
}

.StartProduktCSS > p {
padding: 5px 10px 5px 70px; position: relative;
font-size: 1em;
}
@media only screen and (max-width: 450px) {
.StartProduktCSS > p {
padding: 2px 5px 2px 3px; position: relative;
}
}


.StartProduktCSS > p:before {
content: '\201D';
width:60px;
font-family: serif;
font-size: 50px;
line-height: 100px;
font-weight: 700;
font-style: normal;
text-align: center;
color: orange;
position: absolute;
top: 0;
left: 0;
}

@media only screen and (max-width: 450px) {
.StartProduktCSS > p:before {
width:0px;
font-size: 40px;
line-height: 30px;
margin-left: auto !important;
margin-right: auto !important;
display: block;
position: inherit;
}
}


/* Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 40px;
}

.display-posts-listing.grid .title {
	display: block;
font-size: 15px !important;
    max-height: 12em !important;
    font-weight: bold !important;
    line-height: 1.4em;
    text-decoration: inherit;
    overflow: hidden;
    margin-top: 10px !important;
text-align: center;
}


.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 4, 1fr );
	}
}






/* Mein Table START */



.entry-content table {
border-collapse: collapse; 
    margin: 25px 0;
    font-size: 0.9em;

font-size: 15px;
    min-width: 400px;
     
    width: 100%; 
    overflow: auto;

   }

@media (max-width: 600px) {
	.entry-content table {
	font-size: 13px; !important;
display:block;
	}
}


.entry-content table thead tr {
    background-color: #cbced391;
    color: #000;
    text-align: left;
}


.entry-content table th,
.entry-content table td {
padding: 0.25rem 0.75rem;
border: 1px solid;
border-color: #ccc;

}


.entry-content table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.entry-content table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.entry-content table tbody tr:last-of-type {
/*    border-bottom: 2px solid #006799; */
}

/* Mein Table END */


/* Mein Blockquote START */

blockquote{
background:#f9f9f9 !important;
border-left:0.3em solid #ccc !important;
/*margin:1.5em 1em !important;
padding:.5em 1em !important;
quotes:"\201C""\201D" !important;
/* font-style: italic !important; */
}
blockquote:before{
color:#808080 !important;
content:open-quote !important;
font-size:4em !important;
line-height:.1em !important;
margin-right:.25em !important;
vertical-align:-.4em !important;
}
blockquote:first-child{
display:inline !important;
}
blockquote:last-child{
margin-bottom:0 !important;
}

blockquote p {
/*  display: inline !important; */
}


/* Mein Blockquote END */



.entry-hero.page-hero-section .entry-header {
    min-height: 100px !important;
}

.entry-hero.post-hero-section .entry-header {
    min-height: 100px !important;
}


.wp-site-blocks .hero-section-overlay {
    background: #ffffff !important; 
}

.entry-hero h1 {
    font-style: normal;
    color: #000000 !important;
}


.main-navigation .primary-menu-container > ul > li.menu-item > a {
    color: #000000 !important;
display: none !important;
}

/* =========================================
   KI-Bilder Styles (Clean & Edge-to-Edge)
   ========================================= */

/* 1. Haupt-Container (Standard fuer Desktop) */
.serj777-ai-img-box {
    display: block;
    margin: 26px auto;
    max-width: 100%;
    width: 100%;
    position: relative;
}

/* 2. Link-Reset (Lightbox) */
.serj777-ai-img-box a.serj777-lightbox-link {
    display: block;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    line-height: 0;
    margin: 0;
    padding: 0;
}

/* 3. Bild-Styling: Scharfe Kanten, keine Schatten, pure Redaktion */
.serj777-ai-img-box img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0 !important;      /* Keine abgerundeten Ecken */
    border: none !important;           /* Kein Rahmen */
    box-shadow: none !important;       /* Kein Schatten */
    margin: 0;
    padding: 0;
}

/* =========================================
   Mobile Ansicht: Edge-to-Edge (Wie Computer Bild & YouTube)
   ========================================= */

/* 4. Smartphone-Modus: Bild bricht aus dem Textcontainer aus bis zum Displayrand */
@media screen and (max-width: 768px) {
    .serj777-ai-img-box {
        width: 100vw !important;
        max-width: 100vw !important;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        margin-top: 18px;
        margin-bottom: 24px;
    }

    /* Bild auf 100% der Displaybreite zwingen */
    .serj777-ai-img-box img {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    /* Text-Hinweis: Dezenter Abstand zum Rand auf mobilen Displays */
    .serj777-ai-img-box::after {
        padding-right: 16px !important;
    }
}

/* =========================================
   EU AI Act: KI-Hinweis (Unter dem Bild)
   ========================================= */

/* 5. Gesetzlicher Text: Dezent und unaufdringlich */
.serj777-ai-img-box::after {
    /* \00e4 = ae, \00f6 = oe */
    content: "Abb. \00e4hnlich. Details k\00f6nnen abweichen (KI-optimiert/-generiert).";
    
    display: block;
    text-align: right;    
    margin-top: 6px;      
    margin-right: 2px;
    
    font-size: 10.5px;
    color: #9e9e9e;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    letter-spacing: 0.1px;
    line-height: 1.2;
    
    pointer-events: none;
}