@font-face {
font-family: 'Inter';
src: url(https://mint-main-tauber.de/wp-content/themes/Divi-child/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: #f37921;
line-height: 1.3em;
}
.button {
display: inline-block;
padding: .8em 2em;
background-color: #004568;
color: white;
text-decoration: none;
border-radius: 2rem;
width: auto;
} .versteckt {
display: none; !important
}
#page-container {
margin: 0 auto;
max-width: 1440px;
background-color:#fff;
overflow:hidden; 
}
#main-content {
background-color:#fff !important;
}
.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider {
z-index:99 !important;
} .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:visited {
color: #fff !important;
}
.kontakt-btn > a:hover {
background: #00ADDA;
color: #fff !important;
} 
.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: #f37921 !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;
}
.nav li li a:hover,
.nav li li:hover {
color: #f37921;
background: none !important;
background-color: transparent !important;
opacity:1 !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: #f37921 !important;
}  .single-post #main-content .et_pb_row, .single-post #main-content .et_pb_row_inner {
width: 100% !important;
} .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;
} .et_pb_post {
border: 0px solid transparent;
border-radius: 2rem;
overflow: hidden; 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;
} .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; justify-content: flex-start;
}
#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;
} #partner_container > div {
flex: 1 1 calc(33.333% - .4rem);
max-width: calc(33.333% - .4rem);
width: auto;
float: none;
margin-bottom: 0;
background-color: #f5f5f5 !important;
padding: 30px !important;
margin: 0 !important;
} @media (max-width: 800px) {
#partner_container > div {
flex: 1 1 calc(50% - .4rem);
max-width: calc(50% - .4rem);
}
} @media (max-width: 500px) {
#partner_container > div {
flex: 1 1 100%;
max-width: 100%;
}
} .et_pb_row .team-bild-container-round-left {
border-radius:30rem 0 0 30rem;
overflow:hidden;
}
.team-bild-container img {
display: block;
border-radius:30rem;
overflow:hidden;
} .page-id-103008 #faq .hide_on_faq,
.page-id-103008 #faq h2 {
display: none;
}
.page-id-103008 #faq {
padding-top: 0;
} .gform_button.button {
background-color: #f37921 !important;
padding: .8em 2em !important;
border-radius: 2em !important;
font-size: 1.2rem !important;
}
.gform_button.button:hover {
background-color: #00ADDA !important;
}
.gform_button.button:active {
background-color: #00ADDA !important;
}
.gfield input,
.gfield textarea{
background-color: #004568 !important;
color: #fff !important;
padding: 1.6em 1.2em !important;
border: 0 !important;
}
.gform-theme--framework ::placeholder {
opacity: 1 !important;
color: #fff !important;
font-size: 1.2rem;
}
.gform-theme--foundation .gform_fields {
row-gap: 1.2rem !important;
}
.gform-theme--framework .gfield_description {
color: rgba(255,255,255,.5) !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: 0px solid #ffffff !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;
} div.tnp-subscription  {
margin:0;
} .mint-our-board-row .mint-our-board-row {
margin-left: 9rem !important;;
}
.mint-club-management-info {
margin-left: -2rem !important;
}
.mint-club-management .et_pb_column_1_3:nth-child(2) {
margin-left: 2rem;
}
@media only screen and (min-width: 981px) {
.mint-our-board .mint-our-board-row .et_pb_column .et_pb_image {
position: relative;
}
.mint-our-board .mint-our-board-row {
overflow: inherit !important;
}
.mint-our-board .mint-our-board-row .et_pb_column .et_pb_image_wrap {
position: relative;
z-index: 2;
padding-right: 30px !important;
}
.mint-our-board .mint-our-board-row .et_pb_column {
margin-right: 0;
}
.mint-our-board .mint-our-board-row .et_pb_column .et_pb_image:after {
position: absolute;
content: "";
height: 100%;
width: 200px;
background: #f5f5f5;
left: 100%;
z-index: 1;
top: 0;
}
}
@media only screen and (max-width: 980px) {
.mint-our-board .mint-our-board-row.et_pb_row .et_pb_image {
border-radius: 30rem 30rem 0 0 !important;
max-width: 500px !important;
margin: 0 auto;
}
.mint-club-management .et_pb_column_1_3.et_pb_column.mint-club-management-info {
order: 3;
}
.mint-club-management {
display: flex;
flex-wrap: wrap;
margin-bottom: 60px;
}
}
.our-members-section .et_pb_row.et_pb_equal_columns {
background: #fff;
}
.our-members-section .et_pb_testimonial {
background: #fff !important;
}
@media only screen and (min-width: 981px) {
.mint-club-management {
position: relative;
}
.mint-club-management .et_pb_column_1_3.mint-club-management-info ~ div.et_pb_column_1_3:not(.et-last-child) .et_pb_image {
margin-right: 0;
}
.mint-club-management .et_pb_column_1_3 .et_pb_image_wrap {
position: relative;
z-index: 10;
}
.mint-club-management .et_pb_column_1_3.et-last-child .et_pb_image:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
right: -100%;
background: #f5f5f5;
top: 0;
}
}
@media only screen and (max-width: 980px) {
.mint-club-management .et_pb_image {
border-radius: 500px 500px 0 0;
margin: 0 auto;
text-align: center;
max-width: 500px;
}
.mint-club-management-info .et_pb_module.et_pb_text.et_pb_text_3.et_pb_text_align_left {
padding: 0 !important;
}
.et_pb_testimonial_description {
margin: 0 !important;
}
.our-members-section .et_pb_row.et_pb_equal_columns.et_pb_gutters1 {
display: flex;
align-items: center;
justify-content: space-between;
}
.et_pb_column_0_tb_footer {
top: inherit !important;
}
.et_pb_column_1_tb_footer {
transform: none !important;
top: 0 !important;
}
.et_pb_section_1_tb_footer.et_pb_section {
padding: 40px !important;
padding-bottom: 0 !important;
}
.et-l--footer .et_pb_column_3_tb_footer {
width: 100% !important;
margin-bottom: 40px !important;
}
ul.et_pb_social_media_follow {
margin-top: 20px;
}
}
.partner_container.our-members-section .et_pb_equal_columns .et_pb_with_border {
background-image: radial-gradient(#ffffff, #ffffff);
}
@media only screen and (max-width: 680px) {
.our-members-section .et_pb_row.et_pb_equal_columns.et_pb_gutters1 {
display: block;
}
}
@media only screen and (max-width: 479px) {
.et_pb_text_1_tb_footer {
margin-top: 40px;
}
} .child-pages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 5%;
margin-top: 20px;
border-radius: 30rem 0 0 30rem;
background-color: #F5F5F5;
padding: 1rem;
margin-left: 5%;
padding-right: 13%;
}
.child-page-item {
padding: 0;
text-align: center;
transition: transform 0.3s ease;
}
.child-page-item:hover {
transform: scale(1.05);
}
.child-page-image-wrapper {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.child-page-thumbnail {
width: 100%;
height: auto;
border-radius: 50%;
display: block;
}
.child-page-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(0,0,0,.4) 0%, rgba(0,0,0,0.2) 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2em;
opacity: 1;
transition: opacity 0.3s ease-in-out;
border-radius: 50%;
}
.child-text-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2em;
opacity: 1;
transition: opacity 0.3s ease-in-out;
border-radius: 50%;
flex-wrap: wrap;
text-shadow: 4px 4px 10px rgba(0, 0, 0, 1);
overflow:hidden;
}
.child-text-overlay section {
background-color: rgba(0,0,0,.1);
padding-top: 1em;
width: 100%;
transition: background-color 0.3s ease-in-out;
}
.child-text-overlay h2,
.child-text-overlay p
{
color: #fff;
position: relative;
z-index: 2;
display: block; width: 100%;
}
.child-page-image-wrapper:hover .child-page-overlay {
opacity: 0;
}
.child-page-image-wrapper:hover .child-text-overlay section {
background-color: rgba(0,0,0,.3);
}
.child-page-title {
font-size: 1.2em;
margin: 0;
}
.child-page-excerpt {
font-size: 0.9em;
color: #555;
margin-bottom: 1em;
}
.et_pb_menu .et_pb_menu__wrap {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
} #top-header {
overflow:hidden;
max-height:3em;
transition:max-height .4s ease;
margin-bottom: .5em;
}
.has_et_pb_sticky #top-header {
max-height:0;
overflow: hidden;
}
#main-header {
transition:top .8s ease;
}
.has_et_pb_sticky #main-header {
top:0!important;
}