/*
Theme Name: Astra Child
Author: 
Description: SEO-Hacker Theme
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/**Design**/

.green_box{
	background-color: #2B4028;
	color: white !important;
	padding: 10px;
	line-height: 1.7em;
}

.green_h {
		color: white;
    background: #2B4028;
    padding: 30px;
		width: fit-content !important;
}


.gold_h h2 {
		color: white;
    background: #A69024;
    padding: 15px;
		margin-left: 40px;
	width: fit-content !important;
}


.gold_border_h {
		border: solid 1px;
    border-color: #A69024;
		background: white;
    padding: 15px;
		margin-left: 40px;
	width: fit-content !important;
}

.background_white {
	background:white;
}

.highlight_box {
	background-color: #ede4d2;
margin-bottom:30px;}

.bilder_box img {
box-shadow: 3px 1px 15px 0px rgba(0,0,0,0.31);
	padding:15px;
	
}

.schatten_box {
box-shadow: 3px 1px 15px 0px rgba(0,0,0,0.31);
	padding:15px;
	z-index: 1;
	
}

.blocksatz {
	text-align: justify;
}

/** Tabellen **/
/* Erste Zeile (thead) hervorheben */
.nice_table thead th {
    background: #e9edf2;       
    font-weight: 700;
    color: #333;
}

.nice_table tr:first-child {
    background: #a6902e52;       
    font-weight: 700;
    color: #333;
}

/* Erste Spalte hervorheben (egal ob th oder td) */
.nice_table tbody tr > *:first-child {
    background: #a6902e52;    
    font-weight: 600;
    color: #333;
}

/* Optional: kleine optische Trennlinie rechts nach der ersten Spalte */
.nice_table tbody tr > *:first-child {
    border-right: 2px solid #e1e5e9;
}


/* Zebra-Muster */
.nice_table tbody tr:nth-child(even) {
    background: #fafafa;
}


/*--------------Blog--------------*/

/** Lesedauer **/

.rt-reading-time {font-size:small;}

/*Übersicht Blogeinträge*/

.simplefilter li{
	padding: 1.5em;
	border-radius: 0px;
}


.post h2 {
    padding-top: 1.5em;
}


/*Zählung im Inhaltsverzeichnis richtig*/

/* --- Hauptzähler zurücksetzen --- */
.wp-block-uagb-table-of-contents li {
	padding-bottom:1em !important;
    border-bottom: solid 1px;
}

.wp-block-uagb-table-of-contents li {
	padding:1em !important;
	margin-bottom:0px !important;
    border-bottom: solid 1px;
}

.wp-block-uagb-table-of-contents li:hover {
    background-color: #f2f2f2;  /* gewünschte Farbe eintragen */
    cursor: pointer;            /* optional */
}

.wp-block-uagb-table-of-contents li:first-child {
    border-top: solid 1px;
}

/*--Styling--*/
.wp-block-quote{font-size: medium;}


/*--Claude-Code für SEO Sparring-Seite--*/
.hs-price-note {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    border-left: 3px solid #A69024;
    padding: 6px 0 6px 16px;
    margin-bottom: 34px;
  }
  .hs-price-note-label {
    font-weight: 700;
    font-size: 16px;
    color: #1D2D1B;
  }
  .hs-price-note-sub {
    font-size: 14px;
    color: #5b6656;
  }
  .hs-price-note-sub a {
    color: #897212;
    font-weight: 600;
    text-decoration: underline;
  }

  .hs-steps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
  }
  .hs-step {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .hs-step .hs-num {
    width: 26px; height: 26px;
    border-radius: 50%;
    background: #A69024;
    color: #1D2D1B;
    font-weight: 700;
    font-size: 13px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .hs-step-label {
    font-weight: 700;
    font-size: 15px;
    color: #1D2D1B;
  }
  .hs-step-arrow {
    color: #897212;
    font-size: 18px;
  }



/*--------------Startseite--------------*/

.max-width60 {
	max-width:60%;
}


/** Listenelemente mit Symbolen**/
 ul.haken-liste {
      list-style: none;
      padding-left: 0;
    }

    ul.haken-liste li::before {
      content: "✓";
      margin-right: 8px;
      color: green; 
    }

ul.haken-liste-voller-kreis {
    list-style: none;
    padding-left: 0;
}

ul.haken-liste-voller-kreis li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

ul.haken-liste-voller-kreis li::before {
    content: "✓"; 
    font-weight: 700;
    line-height: 1;
    background: #a69024;
    border-radius: 10px;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 8px;
    color: white;
    flex-shrink: 0;
    position: relative;
    top: 7x;
}


 ul.x-liste {
      list-style: none;
      padding-left: 0;
    }

    ul.x-liste li::before {
      content: "X";
      margin-right: 8px;
      color: red; 
    }




.autorenbox {border-bottom:solid 1px;
border-top:solid 1px;
padding:20px;
width:80%;}

.autorenbox img {border-radius: 50px;
}


.in_short_box{
    background: #a6902e14;
    border: solid;
    border-color: #a6902e;
		padding-top: 30px !important;
	padding-bottom: 30px !important;
	margin-bottom:50px;
}


.display_timer {display:none;}


/*-------Glossar------- */
.cmtt-backlink-top {display:none !important;}

.ln-letters a.ln-selected,
.ln-letters a.ln-disabled,
.ln-letters a.ln-first {
    padding: 10px;
    font-size: 12px;
}

/* Layout */

/*Padding*/

.padd20 { padding:20px !important}

.padd50 { padding:50px !important}

.padTop85 {padding-top: 85px;
}

.padTop100 {padding-top: 100px !important;}

.padTop50 {padding-top: 50px !important;}


.padTop-20 {
	padding-top: -20px;
}

.padBot50 {padding-bottom: 50px !important;}

.padBot-20 {
	padding-bottom: -20px !important;
}

.padTopBot20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padTopBot20 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.padTopBot50 {
	padding-top: 20px;
	padding-bottom: 20px;
}


/*Margin*/

.margBot20 {margin-bottom:20px;}

.margBot50 {margin-bottom:50px;}

.margTop50 {margin-top:50px !important;}

.margTop150 {
	margin-top: 150px !important;
}

.margTop-100 {
	margin-top: -100px !important;
}

.margBot-20 {margin-bottom:-20px !important;}

.post-modified-info {
	font-size: small
	
}

/*Listen*/




/*-------Responsive------- */

.show-on-mobile {
  display: none;
}

@media (max-width: 767px) {
  .show-on-mobile {
    display: block; /* oder flex/inline-block je nach Bedarf */
  }
}

/* Auf Smartphone verbergen */
.hide-on-mobile {
  display: block; /* oder was du normalerweise verwendest */
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}

/*-------Landingpages------- */


.landingpage_header_text .uagb-ifb-title-prefix {background-color: var(--ast-global-color-2) !important;
	padding:0 10px;
width: fit-content;}