/*
Theme Name: Twenty Twenty 4 Child
Theme URI: https://wpsites.net/wordpress-themes/free-child-theme-for-twenty-twenty-four/
Author: Brad Dalton WP SITES
Author URI: https://wpsites.net/bradley-james-dalton-wordpress-developer/
Description: A child theme for the Twenty Twenty Four block theme
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: 2024-block-child
Tags: 
*/

/*Silbentrennung*/
/*Hyphens Eigenschaft soll angewendet werden auf die ganze Website
body, div, table, h1, h2, h3, h4, h5, h6
      {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
         hyphens: auto; 
	  }*/
	  
	  /*für nicht anklickbare Menüpunkte*/
.nonklick {text-decoration:none !important;}
.nonklick > a:hover {cursor:default !important; text-decoration:none !important;} 

  /*Stylen der Formularelemente*/
/*!!!!!!!!!!!!!!!nach Update auf Plugin contactform 7 werden plötzlich paragrapehn und Break 'eingestruet - das macht das layout kaputt . die Reihen beim formualr stehen plötzlich viel weiter auseinander*/
/*siehe functions.php*/
/*div.wps-form-column > p {margin: 0px !important; padding: 0px !important;}
div.wps-form-column > p > br {display:none !important;}*/
/*---jetzt geht das eigentliche Stylen los*/
.vornachname, .mailadresse, .projekttitel, .projektdetails, .svgpicture  {font-size:1.1em; font-weight:500; background-color: rgba(250,250,250, 0.05); color:#12295d !important; padding:0 0 0 8px; border:none !important;} /*border-radius: 4px;*/
.projektdetails {padding:16px 0 0 8px; height: 125px !important; max-height: 250px !important;}  
.vornachname, .mailadresse {line-height: 3.6em !important;}
.projekttitel {line-height: 3em !important;}
.svgpicture,.wpcf7-not-valid-tip {color:#CC0000; font-size:1em; font-weight:500;}
.beweis {margin:auto !important; text-align:left; width:80%; font-weight:400; color:#ddd;}
input.vornachname, input.mailadresse, input.projekttitel {background-color: rgba(250, 250, 250, 0.05); color:#666; padding:0 0 0 8px; border-color: rgba(57, 121, 120, 0.3);}
.captcha-image {border: 1px solid #ddd; color:#ddd;  border-radius: 4px;}
.captcha-image label > input:checked + i {color:#397978;}  /*Farbe ändern, wenn Bild ausgewählt/angeklickt/checked*/
.wps-form-column_akzeptanz a {color: #990000 !important;}/* Textfarbe für die Links im Akzeptanz-Feld des Formulars anpassen */
.wps-form-column_akzeptanz a:hover {color: #cc0000 !important;} /*Ein minimal dunkleres Rot für den Hover-Effekt beim Darüberfahren */
.kc_captcha {margin-left: -10px;}
.wpcf7-not-valid-tip {margin-left:10px; display:inline !important;}
.wps-form {
    width: 80%;
    margin: 30px auto 40px auto !important;
}
.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.wps-form-row .wpcf7-form-control {
    width: 100%;
}
.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
}
/*Dateien hierher ziehen Button - Schrift dahinter*/
.wpcf7-form-control-wrap {color:#666;}
/*.wpcf7-form-control-wrap input {background-color:#fff;}*/
input.wpcf7-form-control.wpcf7-file.search_file {
    line-height: 2.1em;
    border-radius: 40px;
	border:none;
	border-color: rgba(255,255,255,0.3);
    background-color: #00305d;
    color: #ddd;
    font-weight: 500;
	font-variant: small-caps!important;
    font-size: 1.3em;
    cursor: pointer;
    letter-spacing:0.1em;
    margin-top:20px;
	display:inline;}
	.codedropz-upload-inner h3 {font-size: 20px !important;}

/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) { 
    .wps-form-row {
        flex-direction: row;
    }
    .wps-form-column, .wps-form-column_picture, .wps-form-column_send {
        padding: 0.5rem 1rem;
    }
}
.wps-form-column ::placeholder {color:#333333 !important; font-weight:300;}

/*Checkbox für Zustimmung negativ einrücken = nach links ziehen*/
div.wps-form-column_akzeptanz {text-indent: -0.6em !important;}

/* Meldungen Bedingungen und Konditonen akzeptieren + Icon wählen*/
.wpcf7-not-valid-tip {font-size:1em; text-decoration:underline; color:#cc0000 !important;}
	
/*submit button*/
    input.wpcf7-submit {
    border-radius: 40px;
	border:none;
	/*border-color: rgba(255,255,255,0.3);*/
    background-color: #00305d !important;
    color: #ddd;
    font-weight: 500;
	font-variant: small-caps!important;
    font-size: 1.05em;
    cursor: pointer;
    letter-spacing:0.1em;
    margin-top:20px;}
	/*Rahmen um Button*/
	.wps-form-column_send input.wpcf7-form-control.wpcf7-submit {width:140px; border:1px solid rgba(250, 250, 250, 0.3);}
	
/* Zwingt die Textarea, die Schriftart, -größe und -dicke des Themes zu übernehmen */
.wpcf7-textarea.projektdetails {
    font-family: var(--wp--preset--font-family--body), sans-serif;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600; /* Neu: Halbfette Schrift */
    color: var(--wp--preset--color--contrast);
}

/* Passt den Platzhalter-Text an */
.wpcf7-textarea.projektdetails::placeholder {
    font-family: inherit;
    font-weight: 500; /* Neu: Halbfette Schrift für den Platzhalter */
    opacity: 0.7; 
}

/*siehe Quick CSS*/
/*Antworttext Formular nach Absenden
div.wpcf7-response-output {margin:-40px auto 30px auto !important; width:76%; border:1px solid #ddd !important; border-radius:4px; color:#00305d !important;}

/*Farbe von Text in Formfeldern
input.wpcf7-form-control.text {color:#cc0000 !important;}*/              

/*Image Captcha pro - Punkt hinter Satz : Wenn Sieein Mensch sind,wählen Sie*/
.cf7ic_instructions::after
 {content: "."; padding:0; margin-left:-3px;
  }
/*Satz 'Wenn sie ein Mensch sind...'*/
.cf7ic_instructions {font-size:17px !important;}
span.captcha-image.cf7ic-style1 {color: #00305d;} 

/*Struktur-CSS des Formulars*/
.wps-form {
    width: 80%;
    margin: 30px auto 50px auto;
}
.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.wps-form-row .wpcf7-form-control {
    width: 100%;
}
.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
}
/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) { 
    .wps-form-row {
        flex-direction: row;
    }
    .wps-form-column, .wps-form-column_picture, .wps-form-column_send {
        padding: 0.5rem 1rem;
    }
}

`/*Startseite Schatten um Schrift

.page-id-16 h2.avia-caption-title {text-shadow: 1px 1px 1px #cc0000 !important;}*/


/*Listen*/

ul li {color: #00305d;}

/*Links
a:hover {color: #990000 !important;}*/

/*Schatenn für Schriften auf Startseite und Über mich*/

.page-id-16 h1 {
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3) !important;
}

/* h2 ist im slider*/
 .page-id-16 h2.schoenewebsite, .page-id-505 h2.praegnatetexte {
  text-shadow: 3px 3px 3px rgba(0, 106, 133, 0.3) !important;
}

.page-id-16 h2.avia-caption-title.massgeschneidert,  .page-id-505 h2.scharfebilder, .page-id-505 h2.erfolgreichpraesentiert {
	text-shadow: 3px 3px 3px rgba(255, 255, 255, 1) !important;
}
.page-id-16 h2, .page-id-16 h3 {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important; 
}

.page-id-16 h4 {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}

/*Senden Button im Kontaktformualr*/
input.wpcf7-form-con2rol.wpcf7-submit.has-spinner  {background-color: #00305d;}


/*WP Go Maps - Link Standortdetails im Infofenster - größer*/
.wpgmza-description a {color:#00305d !important; font-size: 1.2em !important;}
.wpgmza-description a:hover {color:#e48564 !important;}


/*Pfeil anzeigen, der Verlinkung verdeutlichen soll vor/hinter Überschriften und href's Stefan HH*/
h1.link_after::after, h2.link_after::after, h3.link_after::after, h4.link_after::after, h5.link_after::after, h6.link_after::after, a.link_after::after,  strong.link_after::after,  p.link_after::after,  div.link_after::after {
    content: ' \25B7';  padding-left:2px;
}
h1.link_before:before, h2.link_before::before, h3.link_before:before, h4.link_before:before, h5.link_before:before, h6.link_before:before, a.link_before:before, strong.link_before:before, p.link_before:before, div.link_before:before {
    content: ' \25B7'; padding-right: 4px !important;
}

/* Widerrufsbutton Hover-Effekt für Link, Span, Unterstrich und Rahmen*/
div.widerruf:hover, 
div.widerruf span:hover  {color: #e48564 !important;
						   text-decoration-color: #e48564 !important;
						   border-color: #e48564 !important;
                          } 

						  /* Maximale Spezifität für den eRecht24 Widerrufsbutton */
div.widerruf a#eRecht24RevocationButton.btn.btn-primary.erecht24-widerrufsbutton:hover,
div.widerruf a#eRecht24RevocationButton.btn.btn-primary.erecht24-widerrufsbutton:hover span {
    color: #e48564 !important;
    border-color: #e48564 !important;
    outline-color: #e48564 !important;
    text-decoration-color: #e48564 !important;
}

/* Falls der doppelte Rahmen über versteckte Pseudo-Elemente erzeugt wird */
div.widerruf a#eRecht24RevocationButton.btn.btn-primary.erecht24-widerrufsbutton:hover::after,
div.widerruf a#eRecht24RevocationButton.btn.btn-primary.erecht24-widerrufsbutton:hover::before {
    border-color: #e48564 !important;
    background-color: #e48564 !important;
}

/*div.widerruf:hover {color: #e48564 !important;
border-color: #e48564 !important;}*/
						  
/*Hover-Effekt bei Links im Footer In Liste */				  
ul.wp-block-list a:hover {color: #e48564 !important;}

/*Hover-Effekt für den WordPress Outline-Button */
/* Maximale Spezifität für den WordPress Outline-Button */
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:hover {
    color: #e48564 !important;
    border-color: #e48564 !important;
    text-decoration-color: #e48564 !important;
    outline-color: #e48564 !important;
}

/* Falls das Theme die Linie über versteckte Pseudo-Elemente erzeugt */
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:hover::after,
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:hover::before {
    background-color: #e48564 !important;
    border-color: #e48564 !important;
}

/* Beitragsdatum für Linie B/D (DE & EN) ausblenden */
body[class*="category-line-b"] .wp-block-post-date,
body[class*="category-linie-b"] .wp-block-post-date,
body[class*="category-line-d"] .wp-block-post-date,
body[class*="category-linie-d"] .wp-block-post-date {
    display: none !important;
}

/* Datum UND Gedankenstrich für Linie B & D (DE & EN) direkt im Beitrag ausblenden */
.category-line-b .wp-block-post-date,
.category-line-b .wp-block-post-date + p,
.category-linie-b .wp-block-post-date,
.category-linie-b .wp-block-post-date + p,
.category-line-d .wp-block-post-date,
.category-line-d .wp-block-post-date + p,
.category-linie-d .wp-block-post-date,
.category-linie-d .wp-block-post-date + p {
    display: none !important;
}



/* Versteckt die gesamte Sidebar-Spalte (inkl. H3), die die Liste der neuesten Beiträge enthält - funktioneirt nur im editor unter Stile - siehe Platzierung dort
body.category-linie-d .wp-block-column:has(.wp-block-latest-posts),
body.category-line-d .wp-block-column:has(.wp-block-latest-posts),
body.category-linie-b .wp-block-column:has(.wp-block-latest-posts),
body.category-line-b .wp-block-column:has(.wp-block-latest-posts)
 {
    display: none !important;
}
 */
 
 /*fonts lokal laden*/
 
 /* inter-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('assets/fonts/inter-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('assets/fonts/inter-v20-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('assets/fonts/inter-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('assets/fonts/inter-v20-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('assets/fonts/inter-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/inter-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('assets/fonts/inter-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('assets/fonts/inter-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('assets/fonts/inter-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('assets/fonts/inter-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('assets/fonts/inter-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}