/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.1.1726134830
Updated: 2024-09-12 11:53:50

*/

@font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-VariableFont.ttf') format('truetype');
    font-weight: 200 700;
    font-display: swap;
}

* {
	hyphens: auto;
	font-family: 'Inter', sans-serif;
	hyphens: auto;
}

body, html {
	background-color:#f5f5f5;
}

h1, h2, h3 {
	font-weight: 700;
	 font-size: 3rem;
	 color: #004568;
	 line-height: 1.1em;
}

h2 {
  font-size: 2rem;
  color: #004568;
  line-height: 1.1em;
}

h3 {
  font-size: 1.5rem;
  color: #8CBD48;
	line-height: 1.3em;
}

#et-main-area {
	overflow:hidden;
}

.button,
.wp-block-button__link {
	display: inline-block;
    padding: .8em 2em;
    background-color: #004568 !important;
    color: white;
    text-decoration: none;
    border-radius: 2rem;
	width: auto;
    transition: background-color 0.3s ease;
    font-size: 1.1em;
}

.button:hover,
.wp-block-button__link:hover {
    background-color: #00adda !important;
    transition: background-color 0.3s ease;
}


 #page-container {
	margin: 0 auto;
	max-width: 1440px;
	background-color:#fff;
}

#main-content {
	background-color:#fff !important;
}

/* HEADER */

.et_pb_menu__logo-wrap {
	margin-top: -2rem;
}

.et_pb_sticky .et_pb_menu__logo-wrap {
	margin-top: 0;
}

.kontakt-btn > a {
    background: #004568;
    padding: 15px 30px !important;
    color: #fff !important;
    border-radius:40px;
}
.kontakt-btn > a:hover {
    background: #00ADDA;
}
.kontakt-btn {
    align-items: center !important;
}

.et_pb_menu_1_tb_header.et_pb_menu ul li.kontakt-btn > a,
.et_pb_menu_1_tb_header.et_pb_menu ul li.kontakt-btn:hover > a{
    color: #fff !important;
}

.et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item.kontakt-btn a {
	color: #fff !important;
	background-color: #8CBD48 !important;
}

@media screen and (min-width: 1230px) {
  .et_pb_menu .et-menu>li {
    padding-left: 17px !important;
    padding-right: 17px !important;
}
}
@media screen and (max-width: 980px) {
.kontakt-btn > a {
    display:inline-block !important;
  margin-top:20px;
  padding:15px 50px !important;
}
}

.nav li ul {
	width: fit-content;
    display: flex;
    flex-direction: column;
}
  .nav li li {
    white-space: nowrap;
	padding-left: 0;
}
  .nav li li a {
    width: auto !important;
}


selector .nav ul li a:hover{
  background-color:initial !important;
  opacity:1 !important;
}
selector .nav li ul {
    width: 320px !important;
}

selector .et-menu li li a {
    width: 280px !important;
}

selector ul.sub-menu {
    border-top: 0px !important;
    border-left: 4px solid #004568 !important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a, .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-parent > a, .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-parent > a {
		color: #8CBD48 !important;
}

/* HEADER ENDE */

/* SINGLE POST
*/
 .single-post #main-content .et_pb_row, .single-post #main-content .et_pb_row_inner {
	 width: 100% !important;
 }
 
 /* Cookie */
 .brlbs-cmpnt-widget svg {
	 display: none!important;
 }
 
 .brlbs-cmpnt-widget {
	background: url(https://www.jugendtechnikschule-main-tauber.de/wordpress/wp-content/uploads/2024/12/cookies_jts.png) no-repeat;
    background-size: auto;
  width: 3.5rem !important;
  height: 3.5rem !important;
  background-size: contain;
  margin-left:.5rem !important;
  margin-bottom:.5rem !important;
 }
	
/* WissensUpdate / Blog / Suchergebnisse */

.et_pb_post {
	border: 0px solid transparent;
  border-radius: 2rem;
  overflow: hidden;
  /* box-shadow: 10px 10px 10px rgba(0,0,0,.05); */
	padding: 0 0 2.5rem 0 !important;
	border:1px solid rgba(0,0,0,.1) !important;
	margin-bottom: 2rem;
	background-color: #f5f5f5;
}

.et_pb_post h2.entry-title {
	margin-top: 2rem;
}

.et_pb_post > *:not(a) {
	padding-left: 2rem;
	padding-right: 2rem;
}

.et_pb_post a img {
	max-height: 15rem;
	object-fit: cover;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a {
  padding: 1em;
  background-color: rgba(0,0,0,.02);
  display: block;
  border-radius: 1rem;
  box-shadow: 5px 5px 10px rgba(0,0,0,.05);
  margin-bottom: 1.5em;
  border:1px solid rgba(0,0,0,.1) !important;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a:hover {
	box-shadow: none;
	background-color:#fff;
}

.et_pb_widget_area_left {
	padding-right: 0;
	border:0;
}

#block-2 {
	margin-bottom: 26% !important; 
}

.et_pb_post .entry-featured-image-url {
	margin-bottom: 0;
}

.single-post #wissens_content.et_pb_row {
    width: 90% !important;
margin-bottom: 3em;
}

#wissens_seite #hero_psalte_rechts {
    max-height: 30rem;
background-position: top center;
}

/* Über uns */

.partner_container .et_pb_testimonial_portrait {
	background-size: contain !important;
	background-position: left center;
	width: 100% !important;
	max-width: 800px !important; 
	border-radius: 0;
}

.partner_container .et_pb_testimonial_portrait:before {
	box-shadow: none; !important
}

#partner_container {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem; /* Abstand zwischen den Elementen */
}

#partner_container div .et_pb_testimonial_description,
#partner_container div .et_pb_testimonial_portrait {
	margin-left: 0 !important;
	margin-top: 2em !important;
	float: none !important;
}

/* Standard: 3 Elemente pro Reihe */
#partner_container > div {
  flex: 1 1 calc(33.333% - .4rem);
  max-width: calc(33.333% - .4rem);
  width: auto;
  float: none;
  margin-bottom: 0;
}

/* Bei kleineren Bildschirmen: 2 Elemente pro Reihe */
@media (max-width: 800px) {
  #partner_container > div {
    flex: 1 1 calc(50% - .4rem);
    max-width: calc(50% - .4rem);
  }
}

/* Bei noch kleineren Bildschirmen: 1 Element pro Reihe */
@media (max-width: 500px) {
  #partner_container > div {
    flex: 1 1 100%;
    max-width: 100%;
  }
}


/* TEAM */
#team .et_pb_column .et_pb_team_member_description p {
	padding-left: 1em;
	padding-right: 1em;
}

/*FAQ*/

.page-id-103008 #faq .hide_on_faq,
.page-id-103008 #faq h2 {
	display: none;
}

.page-id-103008 #faq {
	padding-top: 0;
}

/* Formular Gravityforms Anpassungen*/


.gform_button.button {
	background-color: #8CBD48 !important;
	padding: .8em 2em !important;
    border-radius: 2em !important;
	font-size: 1.2rem !important;
}

.gform_button.button:hover {
	background-color: #668a34 !important;
}

.gform_button.button:active {
	background-color: #2d3d17 !important;
}

footer .gfield input,
footer .gfield textarea{
	background-color: rgba(255,255,255,0.09) !important;
	color: #fff !important;
	padding: 1.6em 1.2em !important;
	border: 1 !important;
}

.gfield input[type='checkbox'] {
	padding: 0 !important;
}

.gfield--type-section {
	margin-top: 1rem;
}

.gform-theme--framework ::placeholder {
	opacity: 1 !important;
	color: #fff !important;
	font-size: 1.2rem;
}

.gform-theme--foundation .gform_fields {
	row-gap: 1.2rem !important;
}

footer .gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	color: rgba(255,255,255,.5) !important;
}

.gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	color: rgba(0,0,0,.8) !important;
}

.gform-theme--framework .gfield_consent_description,
.gform-theme--framework .ginput_counter {
	color: inherit !important;
}

.gfield .gfield_label,
.gfield select {
	font-size: 1.2rem;
}

.gfield select {
	border: 1px solid #ccc !important;
}

.heller_bg .gfield input,
.heller_bg .gfield textarea {
	color: #000 !important;
	border: 1px solid #ccc !important;
}

.heller_bg .gform-theme--framework ::placeholder {
	opacity: 1 !important;
	color: #000 !important;
}

.heller_bg .gform-theme--framework .gfield_description {
	color: rgba(0,0,0,.5) !important;
} 

/* Newsletter */
div.tnp-subscription  {
	margin:0;
}