/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://github.com/wordpress/twentytwentythree
Author: GDG
Author URI: 
Description: Just another Child-Theme for Twenty Twenty-Three
Requires at least: 5.8
Tested up to: 6.3
Requires PHP: 8.0
Version: 0.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: twentytwentythreechild
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

html {
  scroll-behavior: smooth;
}

/* Gradient Animation with CSS */
.post-password-form input[type="submit"] {
  background-color: #f6688e;
  color: #fff;
  border: none;
  padding: 0.4rem 0.8rem;
  cursor: pointer;
border-radius: 20px;
}
.post-password-form input[type="password"] {
  border-radius: 10px;
  padding: 0.4rem;
border: 1px solid #551C77;
}


#gradient-canvas {
    width: 100%;   height: 100%;   --gradient-color-1: #a960ee;   --gradient-color-2: #ff333d;   --gradient-color-3: #90e0ff;   --gradient-color-4: #ffcb57;   z-index: 0;
}
.blob-outer-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -10;
    inset: 0;
    margin: auto;
    filter: blur(100px);
    opacity: 0.1;
}
.blob-inner-container {
    border-radius: 99999px;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    min-width: 1000px;
    overflow: hidden;
    background-color: #fff;
    transform: scale(0.8);
}
.blob {
    position: absolute;
    width: 100vw;
    height: 100vh;
    inset: 0;
    margin: auto;
    background: conic-gradient(from 0deg, #08f, #f60, #bbffa1, #4c00ff, #ab2666, #09f);
    animation: spinBlob 8s linear infinite;
}
@keyframes spinBlob {
    0% {
        transform: rotate(0deg) scale(2);
    }
    100% {
        transform: rotate(1turn) scale(2);
    }
}

/*End Gadient */

.is-style-tw-no-bullet:is(ul,ol){
	list-style:none;
	padding-inline-start:0 !important;
}

.is-style-tw-overlap.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	margin-right: -75px;
}

.is-style-tw-overlap.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	margin-left: -75px;
}

@media (max-width: 640px) {
  
 
    .is-style-tw-overlap.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
        margin-left: 0 !important;
    }
    
    
    .is-style-tw-overlap.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        margin-right: 0 !important;
    }
    
}


.is-style-tw-no-bullet li a{
	text-decoration: none;
    color: var(--wp--preset--color--light);
}

.is-style-tw-no-bullet li a:hover {
	text-decoration: underline;
	color: var(--wp--preset--color--accent-1);
}

.is-style-link-clean a {
	text-decoration: none;
}

.is-style-link-clean a:hover {
	text-decoration: underline;
	color: var(--wp--preset--color--secondary);
}


ul:where(.is-style-tw-dash, .is-style-tw-checkmark, .is-style-tw-arrow) ul {
    list-style: none;
    padding-inline-start: 0
}
/*
.dl-dark-neglect {
    list-style: none;
    padding-inline-start: 0;
}
*/

 div.ul.is-style-tw-checkmark {
     list-style: none;
     padding-inline-start: 0;
}

ul:where(.is-style-tw-checkmark, .is-style-tw-arrow) li {
    position: relative;
    padding-inline-start: 1.5em;
    margin-inline-start: 0
}
ul.is-style-tw-checkmark li::before {
    content: "┘";
    color: #551C77;
    position: absolute;
    inset-inline-start: 0;
    transform: rotate(45deg);
    font-size: 1em;
    font-weight: 900;
    top: .2em;
    font-family: Arial, sans-serif
}

ul.is-style-tw-arrow li::before {
    content: "→";
    position: absolute;
    inset-inline-start: 0
}





.jet-checkboxes-list__decorator {
    margin-right: .6em;
}


/* Setzt die Checkbox in den Filtern Mobil nach Links */
@media (max-width: 480px) {
    .jet-checkboxes-list .jet-checkboxes-list__item {
        float: left;
    }
}

.is-style-row .jet-checkboxes-list__row {
    display: inline-block;
}

/* Listing Grid Bottom Align */


.listing-equal-height > .wp-block-columns {
    height: 100%;
}

.listing-equal-height > .wp-block-columns .wp-block-column {
    height: 100%;
    min-height: 400px;
}

.listing-equal-height > .wp-block-columns .wp-block-column {
    flex-direction: column;
}
.listing-equal-height > .wp-block-columns .wp-block-column .wp-block-group .wp-block-group:last-of-type{
    margin-top: auto;
}

/* Last Widget Alignment */
.listing-last-to-bottom > .wp-block-columns .wp-block-column {
    flex-direction: column;
}
.listing-last-to-bottom > .wp-block-columns .wp-block-group .wp-block-group:last-of-type{
    flex-grow: 1;
}



span.jet-engine-data-store-count {
    display: none;
}

.wp-block-media-text__content {
    border-radius: 1em;
}

/* Remove Padding from Header and Footer */
.wp-site-blocks {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Allgemeine Focuseinstellung */
*:focus {
    outline-offset: -.1em;
    outline: .1em solid #ebff03;
}


.is-style-push-left {
    margin-left: -100px !important;
}

.is-style-push-right {
    margin-right: -100px !important;
}


/* Spaltenreihenfolge auf mobilen Geräten ändern */
@media only screen and (max-width: 767px) {
    .is-style-reverse {
        flex-direction: column-reverse;
    }
}

/* Video auf Kursseite 100% breite */
#mc-video {
    width: 100% !important;
}

/* Text Style Footer Text */
.text-white {
    color: white;
}

.mc_footer-link a {
    color: white !important;
}

.mc_footer-link a:hover {
    color: red !important;
}

/* Entfernt die Highligts bei Taxonomien */
div.tax-no-highlight a, div.tax-no-highlight a:hover {
    color: var(--wp--preset--color--foreground);
}

div.jet-listing-dynamic-terms.tax-no-highlight span {

    font-size: var(--wp--preset--font-size--small);
}

/* WP Forms Styling */
.wpforms-form button[type=submit] {
    background-color: var(--wp--preset--color--accent)!important;
    border-color: var(--wp--preset--color--accent) !important;
    color: var(--wp--preset--color--light) !important;
    border-radius: 99999px !important;
    transition: background 0.2s ease-in-out;
}

.wpforms-form button[type=submit]:hover {
    background-color: var(--wp--preset--color--accent-hover) !important;
    border-color: var(--wp--preset--color--accent) !important;
    color: var(--wp--preset--color--light) !important;
}

.wpforms-form button[type=submit]:focus {
    outline: 3px solid #fdea18;
}


.wpforms-form input {
    border-radius: 99999px !important;
    background-color: #fff !important;
    /* #F6688E */
    border: 1px solid var(--wp--preset--color--accent) !important;
}

.wpforms-field-large {
    border-color: var(--wp--preset--color--accent) !important;
}

.wpforms-form input[type=checkbox] {
    border: 1px solid var(--wp--preset--color--accent) !important;
    width: 18px !important;
    height: 18px !important;
}

.wpforms-form input:focus, .wpforms-form textarea:focus {
    color: #000;
    background-color: #fff;
    outline: 3px solid #fdea18;
}

.wpforms-form input[type=checkbox]:focus, .wpforms-form input[type=radio]:focus {
    outline: 3px solid #fdea18;
}

.wpforms-form a:focus {
    outline: 3px solid #fdea18;
}

.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
    color: #f9f9f9;
}

.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f0e9e5;
    opacity: 1;
}

.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f0e9e5;
    opacity: 1;
}

.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f0e9e5;
}

.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
    color: #f0e9e5;
}

.wpforms-container ::placeholder {
    color: #f0e9e5;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #fff !important;
    border: 1px solid #f9f9f9 !important;
    box-sizing: border-box;
}


/* Jet Engine Layoutfix Listing Grid*/
.margin-fix-listing {
    margin: 0 !important;
}

.wp-container-core-group-layout-6.wp-container-core-group-layout-6 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin: 0 !important;
}


/* Alter Fix (Prüfen ob noch notwendig) */
.abstand-kurs-z1 .wp-block-group:nth-child(2) {
    margin-left: 10px;
}

.unten-content {
    max-width: 90%;
}

.abstand-kurs-z1 img, .abstand-kurs-z2 img {
    width: var(--wp--preset--font-size--small);
    height: var(--wp--preset--font-size--small);
}

.abstand-kurs-z1.tw-layout-inline > *, .abstand-kurs-z1.tw-layout-inline p {
    display: flex !important;
    align-items: center !important;
}

.abstand-kurs-z1 .is-layout-flex {
    display: flex !important;
    justify-content: normal !important;
    gap: 5px !important;
    flex-direction: row !important;
    align-items: center !important;
}

.abstand-kurs-z1 {
    justify-content: normal !important;
    gap: 5px !important;
}

.abstand-kurs-z2 {
    display: flex;
    gap: 5px !important;
    justify-content: normal !important;
    align-items: baseline !important;

}

.jet-listing-grid__item .wp-block-cover__inner-container {
    width: 100% !important;
}

.jet-listing-grid__item .wp-block-cover .wp-block-group > * + * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* Buttons Anmeldung */
.openid-connect-login-button a {
    text-decoration: none;
    color: var(--wp--preset--color--light);
    background-color: var(--wp--preset--color--accent);
    padding: 0.8em;
    border-radius: 9999px;
    border-width: 0;
    font-weight: 700;
}

.openid-connect-login-button a:hover {
    text-decoration: none;
    background-color: var(--wp--preset--color--accent-hover);
    color: var(--wp--preset--color--light);
}

.openid-connect-login-button a:focus {
    outline: solid 2px white;
}

.anmelden .openid-connect-login-button a {
	content: 'Anmelden'
	
}

.registrieren .openid-connect-login-button {
	content: 'Registrieren'
	
}

/* Button Anmeldung Padding */
.wp-block-column-is-layout-flow .openid-connect-login-button a {
    padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
    font-size: inherit;
    line-height: inherit;
    display: block;
}

/* Favorit Button Kursdetails */
.wp-element-button[data-action="add-favorite"]::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 20px;
    top: 31%;
    background-color: transparent !important;
    background-image: url(https://mintcampus.org/wp-content/uploads/2023/09/ico_mc_fav_gray_outline.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.wp-element-button[data-action="add-favorite"] {
    position: relative;
    padding-left: 44px !important;
}

.wp-element-button[data-action="remove-favorite"]::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 20px;
    top: 31%;
    background-image: url(https://mintcampus.org/wp-content/uploads/2023/09/ico_mc_fav_white_filled.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.wp-element-button[data-action="remove-favorite"] {
    position: relative;
    padding-left: 44px !important;
}

/* Favoriten Herzskalierung */
img.favheart:hover {
    transform: scale(1.1) !important;
}

/* MC-Original Pille */
.mc-caption {
    content: "";
    position: absolute;
    top: 2em;
    right: 1em;
    z-index: 8;
}

.mc-favorit {
    content: "";
    position: absolute;
    top: 2em;
    left: 1em;
    z-index: 8;
}


:root :where(.wp-block-post-terms a:where(:not(.wp-element-button))) {
    text-decoration: none;
}




/*
// Externer Link
*/
/**
a[target="_blank"]::after {
        content: "";
        background-color: var(--wp--preset--color--primary);
		padding: 0 11px;
        margin: 0 5px;
        mask-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='xMinYMin meet' version='1.1' viewBox='0 0 60 60' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg class='lievo-setrotation'%3E%3Cg class='lievo-setsharp'%3E%3Cg class='lievo-setflip'%3E%3Cg class='lievo-main'%3E%3Cg class='lievo-filledicon lievo-lineicon'%3E%3Cg fill='none' stroke-linecap='square' stroke-miterlimit='10' stroke-width='2' style='transform-origin:0px 0px 0px' data-svg-origin='30.000000000003638 30.000000000003638'%3E%3Cpath d='M47,35v12c0,1.1-0.9,2-2,2H13c-1.1,0-2-0.9-2-2V15c0-1.1,0.9-2,2-2h12' stroke='%23003064' data-svg-origin='30 30'/%3E%3Cline class='lievo-altstroke' x1='47.8' x2='30' y1='12.2' y2='30' stroke='%23f29400'/%3E%3Cpolyline class='lievo-altstroke' points='35 11 49 11 49 25' stroke='%23f29400'/%3E%3C/g%3E%3C/g%3E%3Crect class='lievo-checkshift lievo-donotdraw lievo-nohoverstroke lievo-nohovercolor' x='-19' y='-19' width='4' height='4' fill='none' opacity='0' stroke='%23003064' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdesc%3ELivIcons Evolution%3C/desc%3E%3C/svg%3E%0A");
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='xMinYMin meet' version='1.1' viewBox='0 0 60 60' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg class='lievo-setrotation'%3E%3Cg class='lievo-setsharp'%3E%3Cg class='lievo-setflip'%3E%3Cg class='lievo-main'%3E%3Cg class='lievo-filledicon lievo-lineicon'%3E%3Cg fill='none' stroke-linecap='square' stroke-miterlimit='10' stroke-width='2' style='transform-origin:0px 0px 0px' data-svg-origin='30.000000000003638 30.000000000003638'%3E%3Cpath d='M47,35v12c0,1.1-0.9,2-2,2H13c-1.1,0-2-0.9-2-2V15c0-1.1,0.9-2,2-2h12' stroke='%23003064' data-svg-origin='30 30'/%3E%3Cline class='lievo-altstroke' x1='47.8' x2='30' y1='12.2' y2='30' stroke='%23f29400'/%3E%3Cpolyline class='lievo-altstroke' points='35 11 49 11 49 25' stroke='%23f29400'/%3E%3C/g%3E%3C/g%3E%3Crect class='lievo-checkshift lievo-donotdraw lievo-nohoverstroke lievo-nohovercolor' x='-19' y='-19' width='4' height='4' fill='none' opacity='0' stroke='%23003064' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdesc%3ELivIcons Evolution%3C/desc%3E%3C/svg%3E%0A");
    }
    
    :where( .wp-block-image, .side-menu, .wp-social-link ) a[target="_blank"]::after {
        content: none;
    }
**/


@media screen and (min-width: 768px) {
    .dl-switch:not(#headerswitch) {
        display: none
    }
}
/*mobile Fix für die RLP Schulcampus Seite*/
@media (max-width: 768px) {
  .wp-container-core-columns-is-layout-2,
  .wp-container-core-group-is-layout-141 {
    flex-direction: column !important;
  }

  .wp-container-core-columns-is-layout-2 > .wp-block-column,
  .wp-container-core-group-is-layout-141 > .wp-block-column {
    width: 100% !important;
  }

/* 	   body.page-id-22167 */
	
	.wp-container-core-columns-is-layout-2,
	.wp-container-core-group-is-layout-141,
	.wp-block-image img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0 !important;
  }

  .wp-container-core-columns-is-layout-2 .wp-block-button {
    margin-bottom: var(--wp--preset--spacing--30) !important;
  }
	
	body.page-id-25285 .wp-block-image img{
		border-radius: 10px!important;
	}	
	
}


/* JetSearch Styling */

/* Suchfeld Runde Ecken */
.mc-search .jet-ajax-search__field {
    border-radius: 5em;
}

/* Suchfeld Text */
.mc-search .jet-ajax-search .jet-ajax-search__field {
    line-height: 1.2em;
    font-size: 1em;
    color: #551C77;
}

/* Results Ergebnisse */
.mc-search .jet-ajax-search .jet-ajax-search__results-count {
    color: #f6688e;
}

.mc-search .jet-ajax-search .jet-ajax-search__full-results {
    color: #551c77;
    line-height: 1.2em;
    font-size: 1em;
}

.mc-search .jet-ajax-search .jet-ajax-search__full-results:hover {
    color: #f6688e;
}


/*.jet-checkboxes-list__decorator {
    margin-right: .6em;
}*/

/* Results Dot Navigation */
.jet-ajax-search .jet-ajax-search__bullet-button {
    background-color: #df7692;
}

.jet-ajax-search .jet-ajax-search__bullet-button.jet-ajax-search__active-button {
    background-color: #f6688e;
}

/* Slick Slider */
.jet-listing-grid__slider-icon.slick-arrow {
    background: #551C77;
    border-radius: 9999px;
    margin-left: -25px;
    margin-right: -25px;
}

/*
.custom-arrow .jet-listing-grid__slider-icon.slick-arrow {
    border-radius:0;
    margin-left: 100px;
    margin-right: 100px;
}
*/
.custom-arrow .jet-listing-grid__slider-icon.slick-arrow {
    top: -25px;
    width: 30px;
    height: 30px;
    font-size: 24px;
    border-radius:5px;
    z-index:3;
}

.custom-arrow .jet-listing-grid__slider-icon.slick-arrow.prev-arrow {
    left: 50%;


}
.custom-arrow .jet-listing-grid__slider-icon.slick-arrow.next-arrow {
    left: 50%;
    margin-left: 20px;


}
/*
.custom-arrow .jet-listing-grid__slider:before,
.custom-arrow .jet-listing-grid__slider:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    top: 0;
    height: 100%;
    pointer-events: none; --makes the linkes behind clickable.--
}

.custom-arrow .jet-listing-grid__slider:before {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.custom-arrow .jet-listing-grid__slider:before {
    right: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
*/

.wp-block-atbs-tabs .tabs-titles {
    background-color: transparent !important;
}

.jet-listing-grid__slider-icon.slick-arrow:focus {
    outline: solid 2px white;
}

.jet-listing-grid__slider .jet-slick-dots li {
    border: 1px solid #551C77;
}

.jet-listing-grid__slider .jet-slick-dots li.slick-active, .jet-listing-grid__slider .jet-slick-dots li:hover {
    background: #551C77;
}

.jet-listing-grid__slider .jet-slick-dots li.slick-active, .jet-listing-grid__slider .jet-slick-dots li:focus {
    outline: solid 2px white;
}



.jet-filters-pagination__link:active,
.jet-filters-pagination__link:hover {
    color: #551c77;
}

.jet-filters-pagination__link:focus {
    outline: solid 2px white;

}

.jet-filters-pagination__current {
    color: #551c77;
}

/* Select Feld */
.jet-search-filter__input, .jet-select__control {
    font-weight: 400;
    color: #1d2125;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #6a737b;
    padding: 0.375rem 0.75rem;
    font-size: .9375rem;
    line-height: 1.5;
    border-radius: 0.5rem;
}

.jet-select__control option {
    /* Styles for the options within the select */
    background-color: #fff;
    color: #333;
    padding: 20px;
}

.jet-search-filter__input {
    width: 100%;
}




/* Anpassung Bilder Kursseite */
.fit img {
    width: 100% !important;
    height: 140px !important;
    object-fit: contain !important;
}

.fit-partner .jet-listing-dynamic-image__link {
    width: 100%;
}

.fit-partner .jet-listing-dynamic-image__img {
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 9999px;
}

/* Video auf Kursseite 100% breite */
#mc-video {
    width: 100% !important;
}

/* Listing Styles */
/*
.is-style-listing {
    border-radius: 1em;
    filter: drop-shadow(1px 1px 2px #33333350);
}
*/
.jet-listing-not-found {
    color: #333;
}

:where(.wp-site-blocks) > * {
    margin-top: -.1rem;
}

.page-id-9931 .wp-container-core-group-is-layout-2 {
	flex-wrap: wrap !important;
}

/* [1] The container */
.img-hover-zoom {
  height: auto; /* [1.1] Set it as per your need */
  overflow: hidden;  /* [1.2] Hide the overflowing of child elements */
	
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
	transform: scale(0.9)
}


/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.025);

}

/*

div.custom-tabs .jet-radio-list .jet-radio-list-wrapper fieldset {
    display: flex;

}

div.custom-tabs .jet-radio-list .jet-radio-list__row {
    padding: 0.2em;
    border: 1px solid #333333;
}

div.custom-tabs .jet-radio-list .jet-radio-list__item .jet-radio-list__decorator {
display: none;
}
*/
/* CSS zum Stylen der Checkboxen ohne StyleManager */
/*
* div.is-style-row .jet-checkboxes-list .jet-checkboxes-list__item {
*    background-color: #0dcaf0;
*    flex-direction: row;
* }
*/

    /* ? */

.wp-container-core-cover-layout-1.wp-container-core-cover-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
}

.margin-fix-listing {
    margin: 0 !important;
}


.wp-block-media-text__content {
    border-radius: 1em;
}
/*
.mainnav .wp-block-navigation-item {
    background: rgb(246,104,142);
    background: linear-gradient(0deg, rgba(246,104,142,.2) 30%, rgba(85,28,119,0.1) 75%);
    color:rgba(246,104,142);
    border-radius:.4em;
}
      
.mainnav .wp-block-navigation-item:hover {
    background: rgb(246,104,142);
    background: linear-gradient(0deg, rgba(246,104,142,.4) 30%, rgba(85,28,119,0.2) 75%);
    color:#fff;
    transition: opacity 0.3s linear 2s;
    opacity: 1;
    border-radius:.4em;
}
      
.mainnav .wp-block-navigation-item__content {
padding:10px;
}
*/

div.is-style-tw-pill a {
    text-decoration: none;
}

/* Entfernt die Highligts bei Taxonomien */
.tax-no-highlight a, .tax-no-highlight a:hover {
    color: var(--wp--preset--color--foreground);
}

/*
.jet-sm-gb-62d88a82-ce1d-437c-9375-2adb0371e320 .jet-radio-list .jet-radio-list__item .jet-radio-list__label:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c";
display: inline-block;
text-align: left;
vertical-align: middle;
color: #f6688e;
font-size: 18px;
padding-top: 1px;
padding-left: .7px;
padding-right: 10px;
}
*/

.wp-block-post-terms.is-style-tw-pill a {
    background-color: #EBFF03;
    padding: .2em 1rem .2em 1rem;
    border-radius: 100px;
}
#jet-popup-11422 div.jet-popup__container-inner {
    border-radius: 10px;
    background-color: #F0E9E5;
}

#jet-popup-11422 div.jet-popup__close-button {
    border-radius: 20px;
  }

#jet-popup-11422 div.jet-popup__close-button {
    top: 5px;
    right: 5px;
}
/* Mobile, Sharing Icons */
@media (max-width: 782px) {
    .mobile-reverse-column-direction {
        flex-direction: column-reverse;
    }
}
a.social-icon.is-linkedin:hover,
a.social-icon.is-whatsapp:hover,
a.social-icon.is-email:hover {
    box-shadow: none !important;
}
/* Darkmode, Searchbar */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; 
    appearance: none;
    height: 16px;
    width: 16px;
    background-color: inherit;
    border: none; 
    border-radius: 50%; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6688E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E"); 
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; 
	
}


.n2-ss-item-image-content img,
#n2-ss-3item5 {
    border-radius: 10px !important;
}


.link-button {
    font-size: var(--wp--preset--font-size--small);
    background: transparent;
    border: 2px solid var(--wp--preset--color--accent);
    border-radius: 9999px;
    white-space: nowrap;
    display: inline-flex;
    align-items: left;
    justify-content: left;
    text-align: left;
    touch-action: manipulation;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
}
.link-button:hover {
    background: hsl(from var(--wp--preset--color--accent) h s l / 0.25);
}

/* mobile, Sharing Icons*/
@media (max-width: 768px) {
  .wp-block-group.is-layout-flex.wp-container-core-group-is-layout-a688bff7 {
    flex-wrap: wrap !important;
    gap: 10px;
    justify-content: center;
  }



  .link-button,
  .linkedin-button,
  .whatsapp-button,
  .email-button {
    width: calc(50% - 10px);
    box-sizing: border-box;
    justify-content: center;
  }
}

    .link-button,
    .linkedin-button,
    .whatsapp-button,
    .email-button {
        width: 48%;
        text-align: center;
        padding: 12px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .linkedin-button,
    .email-button {
        margin-right: 0;
    }

.jet-ajax-search__item-link, .jet-ajax-search-block .jet-ajax-search__item-link {
    color: #333333 !important;
}

/*Lernangebotsseite das kleine i*/
a[data-id="13189"] {
    text-decoration: none !important;
}
/*FAQ border entfernen*/
.wp-block-themeisle-blocks-accordion-item__title {
    border-top: none !important;
}

.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs-item .wp-block-themeisle-blocks-tabs-item__content.active {
    background: none !important;
    background-color: transparent !important;	
}

.wp-block-themeisle-blocks-tabs.is-style-border:not(.has-pos-left)>div.wp-block-themeisle-blocks-tabs__content>.wp-block-themeisle-blocks-tabs-item>.wp-block-themeisle-blocks-tabs-item__content {
    border-bottom: 0;
}
.wp-block-cover.tw-hover-zoom {
    overflow: hidden
}

.wp-block-cover.tw-hover-zoom img {
    transition: transform .4s
}

.tw-stretched-link:where(:hover, :focus-within) .tw-hover-zoom img,
.wp-block-cover.tw-hover-zoom:where(:hover, :focus-within) img {
    transform: scale(1.05)
}

.wp-block-cover.tw-stretched-link .wp-block-cover__inner-container {
    pointer-events: none
}

.wp-block-group.tw-stretched-link .wp-block-cover {
    pointer-events: none;
    z-index: 2
}

.tw-stretched-link:is(.wp-block-cover, .wp-block-group) .wp-block-cover__inner-container a,
.tw-stretched-link:is(.wp-block-cover, .wp-block-group) .wp-block-cover__inner-container button {
    pointer-events: auto
}

.wp-block-cover:is(.tw-hover-show-text, .tw-hover-show-text-alt) a {
    text-decoration: none
}
/* Lupe hinzufügen */

.jet-ajax-search__field {
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    padding-right: 40px;
    transition: background-image 0.2s ease-in-out;
}

/* Zeige Lupe nur, wenn Feld leer ist */
.jet-ajax-search__field:placeholder-shown {
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/03/lupe-suche-lila-452b4d.svg');
}

/* Blende Lupe aus, wenn Text eingegeben wurde */
.jet-ajax-search__field:not(:placeholder-shown) {
    background-image: none !important;
}


/*Suchleiste neue Startseite mcsearch2 */

.mc-search2 .jet-ajax-search__field, .mc-search3 .jet-ajax-search__field {
	color: #551c77 !important;
	border: 2px solid #551c77 !important;
	border-radius: 999px !important;
	width: 250px !important; 
}

.mc-search2 .jet-ajax-search__field::placeholder, .mc-search3 .jet-ajax-search__field::placeholder {
	color: #551c77;
}

.mc-search2 .jet-ajax-search-icon svg, .mc-search3 .jet-ajax-search-icon svg {
	color: #551c77;
	fill: #551c77;
}

/* prev & next button style bei Suchergebnissen */
.jet-ajax-search__prev-button, .jet-ajax-search__next-button {
    border-color: #551c77 !important;
}
.jet-ajax-search__next-button:hover, .jet-ajax-search__prev-button:hover {
   background-color: rgba(85, 28, 119, 0.3) !important;
	}

/* Setzt die Pfeile im vorherigen Button auf #551c77 */
.jet-ajax-search__prev-button svg path {
    fill: #551c77 !important;
}

/* Setzt die Pfeile im nächsten Button auf #551c77 */
.jet-ajax-search__next-button svg path {
    fill: #551c77 !important;
}
.jet-ajax-search__results-item {
  display: flex;
  align-items: center;
}

.jet-ajax-search__item-thumbnail {
  display: none; /* Versteckt die Bilder */
}

.jet-ajax-search__item-content-wrapper {
  order: -1; /* Verschiebt den Text nach links */
}


.jet-ajax-search__item-title, .jet-ajax-search__results-count, .jet-ajax-search__full-results {
  color: #551C77 !important; 
	}
	
#search-input-1::-ms-clear {
  margin-left: -10px; /* für den IE und Edge */
}

#search-input-1 {
  position: relative;
}

.custom-arrow .carousel:before,
.custom-arrow .carousel:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    top: 0;
    height: 100%;
    pointer-events: none; /*makes the linkes behind clickable.*/
}
.custom-arrow .carousel:before {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.custom-arrow .carousel:after {
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

@media (max-width: 768px) {
  .wp-container-core-buttons-is-layout-1, .wp-container-core-buttons-is-layout-2 {
    margin-bottom: 2rem !important;
  }
}

.breadcrumb_last{
	color: #551c77;
}

body.page-id-22167 .breadcrumb_last,  
body.page-id-23437 .breadcrumb_last,
body.page-id-24054 .breadcrumb_last{
	
	color: white !important;
}

/* Lernwelt Breadcrumb */
body.page-id-23041 .breadcrumb_last{
	color: #252C30 !important;
}

body.page-id-23041 .yoast-breadcrumbs span span a, body.page-id-23437 .yoast-breadcrumbs span span a, body.page-id-24054 .yoast-breadcrumbs span span a{
    color: #252C30 !important;
}


body.page-id-23041 .breadcrumb_last span{
	color: #252C30 !important;
}

/*
#wpforms-22777-field_12 {
  border: 1px solid #F6688E !important;
}
*/

#wpforms-22777-field_17 {
  border: 1px solid #F6688E !important;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,100 120,50' fill='none' stroke='%23F6688E' stroke-width='15'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem center;
  background-size: 1rem;
  padding-right: 2rem; /* Platz für den Pfeil */
}

#wpforms-22777-field_13_1 {
  border: 1px solid #F6688E !important;
}
/*
#wpforms-22777-field_13_1, #wpforms-22777-field_21_1,#wpforms-22777-field_21_2, #wpforms-22777-field_21_3, #wpforms-22777-field_21_4 {
  width: 18px;
  height: 18px;
  border: 1px solid #F6688E !important;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative;
  border-radius: 2px !important;
}
*/
#wpforms-22777-field_13_1:checked::before, #wpforms-22777-field_21_1:checked::before, #wpforms-22777-field_21_2:checked::before, #wpforms-22777-field_21_3:checked::before, #wpforms-22777-field_21_4:checked::before  {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 9px;
  border: solid #F6688E;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/*
#wpforms-22777-field_21_1:checked::after, #wpforms-22777-field_21_2:checked::after, #wpforms-22777-field_21_3:checked::after, #wpforms-22777-field_21_4:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 9px;
  border: solid #F6688E;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
*/

.postid-9983 .wp-block-themeisle-blocks-accordion-item__title strong {
  font-size: 26px !important;
}

@media (max-width: 768px) {
  .postid-9983 .wp-block-themeisle-blocks-accordion-item__title strong {
    font-size: 20px !important;
  }
}

@media (max-width: 480px) {
  .postid-9983 .wp-block-themeisle-blocks-accordion-item__title strong {
    font-size: 18px !important;
  }
}

.swiper-pagination-bullet-active {
  background-color: #F6688E !important; 
}

.wp-swiper__quotes {
  display: none;
}
#wpforms-23319-field_12 {
  border: 1px solid #F6688E; 
  border-radius: 20px;
}
/*
#wpforms-23319-field_13_1, #wpforms-22777-field_21_4 {
  width: 18px;
  height: 18px;
  border: 1px solid #F6688E !important;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative;
  border-radius: 2px !important;
}

 */

#wpforms-22777-field_17,
#wpforms-22777-field_12 {
  border-radius: 15px;
}

.postid-9983 .wp-block-themeisle-blocks-accordion-item__title strong {
  font-size: 26px !important;
}

#wp-block-themeisle-blocks-accordion-b2cc3b64 .wp-block-themeisle-blocks-accordion-item__title > div {
  font-size: 20px !important;
	font-weight:bold !important;
}

#wp-block-themeisle-blocks-accordion-b2cc3b64 {
border-bottom: 1px solid white !important;
	border-right: 1px solid white !important;
	border-left: 1px solid white !important;
	border-top: 2px solid white !important;
	border-radius: 5px !important;
	
}

.popup-btn{
	width:100%!important;
},
 
body.page-id-1632 .wp-block-image.alignright {
  float: none !important;
  display: block;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left;
}

@media screen and (min-width: 769px) {
  body.page-id-1632 .wp-block-image.alignright {
    float: right !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio div.wp-block-embed__wrapper iframe{
	border-radius: 20px !important;
}

video[src*="250512_Screencast-RLP.mp4"] {
  border-radius: 15px;
  overflow: hidden;
}

/*
.cls-1 {
	stroke:none !important;
}
*/

ul.wp-block-navigation__submenu-container.fas.fa-user::before {
  display: none !important;
}

ul.wp-block-navigation__submenu-container.fas.fa-user {
  font-family: inherit !important;
}

.clamped {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
}
.clamped-line .jet-listing-dynamic-field__content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

li[class*="fa-"] {
  position: relative;
}

li[class*="fa-"]::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  text-align: center;
}

li[class*="fa-"] a.wp-block-navigation-item__content {
  padding-left: 45px !important; /* ← hier anpassen */
  display: inline-block;
}


#SR7_9_1 .hesperiden .sr7-tab-title {
	padding-top:10px;
}

/* List Icons in Teasing Querys auf der Startseite */

#teaser-querys .jet-radio-list__row:nth-of-type(1) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-robot-65e3fa.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(2) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-person-6f94a4.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(3) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-paper-4457ac.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(4) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-hand-waving-82b40e.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(5) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-stopwatch-f9fdd1.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(6) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-door-open-def6d1.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(7) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-mag-glass-bb88ae.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(8) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-scale-bc9f7e.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(9) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-root-ae9272.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(10) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-display-983404.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(11) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-windmill-a690db.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(12) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-gear-3e1e17.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(13) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-wand-65d2c5.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(14) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-working-paper-337866.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(15) .jet-radio-list__label::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2026/06/icon-files-pink-6cb6d9.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: top;
}
#teaser-querys .jet-radio-list__row:nth-of-type(1) .jet-radio-list__label marker {
    list-style-image: url('https://mintcampus.org/wp-content/uploads/2025/06/icon-working-paper-337866.svg');
}

.wp-block-navigation-item {
  display: flex;
  align-items: center; /* Aligns icon and text vertically */
  gap: 4px; /* Space between the icon and the text */
}

.wp-block-navigation-item .wp-block-navigation-item__content {
  display: flex;
  align-items: center; /* Ensures inner content is aligned */
}

.wp-block-navigation-item .wp-block-navigation-item__label {
  margin: 0; /* Resets margin for consistent spacing */
}

.wp-block-navigation-item.far {
  font-size: 1.2em; /* Adjust icon size */
  width: 24px; /* Consistent width for icons */
  text-align: center; /* Center-align icon */
}
.wp-block-navigation-item.fas, body.home .wp-block-navigation-item.far {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row !important;
  padding: 0.5rem 0; 
  line-height: 0.8 !important;
}

.wp-block-navigation-item.fas .wp-block-navigation-item__content, body.page-id-home .wp-block-navigation-item.far .wp-block-navigation-item__content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 768px) {
  li.fas.fa-bullhorn,
  li.fas.fa-globe-europe,
	li.far.fa-newspaper
	{
    padding-left: 0 !important;
  }
}

.is-style-full-height {
	height: 100%;
}

/* Online kurse gemeinsam gestalten auf der Bildungsangebote Seite */

.kurse_image{
	border-radius: 10px;
    transform: rotate(-5deg);
}

.kurse_background{
	height:300px;
}

@media (max-width: 768px) {
.kurse_image{
	border-radius: 10px;
	transform: rotate(0);
}

.kurse_background{
height:auto;
	display:flex;
	flex-direction:column;
}	
	
	
	
}
@media (max-width: 768px) {
  body.page-id-20521 li.wp-block-navigation-submenu.fas.fa-user {
    margin-left: -90px;
  }
}

ul.wp-block-navigation__submenu-container.fas.fa-user {
  position: absolute !important;
  left: auto !important;
  right: 0 !important;
  width: 140px !important;
  max-width: 90vw !important;
  display: block !important;
  padding: 0.5rem;
  box-sizing: border-box;
  z-index: 9999;
}

ul.wp-block-navigation__submenu-container.fas.fa-user li {
  display: block !important;
  width: 100% !important;
}

ul.wp-block-navigation__submenu-container.fas.fa-user a {
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 16px!important;
  line-height: 1.8 !important;
  font-weight: 600 !important;
}
ul.wp-block-navigation__submenu-container.fas.fa-user li {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}

html.darklooks-mode-changer-enabled .wp-block-group.alignfull.gradient-canvas.wp-container-core-group-is-layout-3cc515be {
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #252c30 38%, #252c30 71%, rgba(0,0,0,0) 100%) !important;
}

html.darklooks-mode-changer-enabled .wp-block-group.alignfull.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #252c30 2%, #252c30 96%, rgba(0,0,0,0) 100%) !important;
}

body.logged-in .hide-when-logged-in {
    display: none !important;
}


.wp-container-core-group-is-layout-3d94dd3d,
.wp-container-core-group-is-layout-3d94dd3d .wpforms-field-label {
  font-size: 24px !important;
  line-height: 1.4;
}

#wpforms-submit-22777 {
  background-color: #551C77 !important;
}

.notizblock {
  background: repeating-linear-gradient(
    to bottom,
    #fffce5,
    #fffce5 28px,
    #e0e0e0 29px
  );
  border: 1px solid #ccc;
  padding: 20px;
  font-family: 'Courier New', monospace;
  line-height: 28px;
  border-radius: 6px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.mint-future {
  background-color: #551c771A;
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 40px;
}

.mint-card {
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s ease;
}

.mint-card:hover {
  transform: scale(1.02);
}


.my-check-top.wp-block-themeisle-blocks-icon-list-item {
  align-items: flex-start !important;
}

.my-check-top .wp-block-themeisle-blocks-icon-list-item-icon {
  line-height: 1;
  margin-top: 0.8em;
}

@media (max-width: 782px) {
  .ma-ganzer-con .wp-block-columns.is-style-reverse {
    flex-direction: column !important;
  }
}


.rating-container {
    display: inline-flex;
    justify-content: right;
    align-items: center;
    padding:0;
    color: var(--wp--preset--color--accent);
}
.rating-number {
    font-size: 3rem;
    font-weight: 700;
    margin-right: 1rem;
}

/* Single Sign On Buttons */
/* Single Sign On Buttons */

/* ============================================================
   1. CONTAINER (Die weiße Karte)
   ============================================================ */
.login-card-design {
    max-width: 550px !important;
    width: 95% !important;
    margin: 10px auto !important;
    background-color: #fff;
    padding: 5px 40px 40px 40px !important;
    border-radius: 20px;
    font-family: inherit;
}

.jet-popup__container-content {
    padding-top: 0 !important;
}

/* Footer-Texte zentrieren */
.login-card-design p {
    text-align: center;
    font-size: 14px;
    color: #666;
}

/* Links im Footer (Pink) */
.login-card-design a {
    color: #ff5e7b;
    text-decoration: none;
}

/* Überschriften */
.login-card-design h1,
.login-card-design h2,
.login-card-design h3 {
    color: #481669 !important;
    text-align: center;
    font-weight: 700;
	font-size: 46px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 5px !important;
}

/* Text unter der Überschrift */
.login-card-design h1 + p,
.login-card-design h2 + p {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* ============================================================
   2. TABS OBEN (E-Mail / MINT-ID)
   ============================================================ */

/* Popup + normale Seite */
.login-card-design .wp-block-columns,
.login-card-design .is-nowrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 -15px 0 !important;
    align-items: stretch !important;
}

/* Spalten/Kinder */
.login-card-design .wp-block-columns > .wp-block-column,
.login-card-design .is-nowrap > .wp-block-buttons,
.login-card-design .is-nowrap > .openid-connect-login-button {
    width: 50% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Gutenberg links neutralisieren */
.login-card-design .wp-block-buttons,
.login-card-design .wp-block-buttons.is-layout-flex {
    display: block !important;
    gap: 0 !important;
    justify-content: unset !important;
    margin: 0 !important;
}

.login-card-design .wp-block-button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Linker Button */
.login-card-design .wp-block-button__link {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

/* Rechter Wrapper */
.login-card-design .openid-connect-login-button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.login-card-design .openid-connect-login-button > a.button,
.login-card-design .openid-connect-login-button > a.button.button-large {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    gap: 10px !important;
}

/* Icon direkt neben dem Text */
.login-card-design .openid-connect-login-button > a.button::before,
.login-card-design .openid-connect-login-button > a.button.button-large::before {
    content: "";
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background-image: url('https://mintcampus.org/wp-content/uploads/2026/03/MID-Logo-200x200-7ad1cd.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}
/* Farben / Stil */
.login-card-design .tab-btn-active .wp-block-button__link {
    background-color: #481669 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.12) !important;
    border: 0 !important;
}

.login-card-design .openid-connect-login-button > a.button,
.login-card-design .openid-connect-login-button > a.button.button-large {
    background-color: #f3f4f6 !important;
    color: #333333 !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Hover optional */
.login-card-design .openid-connect-login-button > a.button:hover,
.login-card-design .openid-connect-login-button > a.button.button-large:hover {
    background-color: #ececec !important;
}

/* ============================================================
   3. EINGABEFELDER & WPFORMS
   ============================================================ */
.login-card-design input[type=email],
.login-card-design input[type=password],
.login-card-design input[type=text] {
    background-color: #f7f9fc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    height: 48px !important;
    width: 100% !important;
    padding-left: 48px !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 20px !important;
    box-sizing: border-box !important;
}

/* Icons */

.login-card-design input[type=email] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.login-card-design input[type=text] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") !important;
}


.login-card-design input[type=password] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* Platzhalter */
.login-card-design input::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}

/* Fokus */
.login-card-design input:focus {
    border-color: #481669 !important;
    background-color: #fff !important;
    outline: none !important;
}

/* Checkbox-Abstand */
.login-card-design .wpforms-field-checkbox {
    margin-top: -25px !important;
    margin-bottom: 5px !important;
}

.login-card-design .wpforms-field-checkbox li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}
/* Richtet das Auge fest am oberen Rand des Input-Feldes aus, 
   unabhängig von Fehlermeldungen darunter */
.wpforms-form .wpforms-field-password-input-icon {
    top: 24px !important; /* Exakt die Hälfte deiner 48px Feldhöhe */
    transform: translateY(-50%) !important;
    bottom: auto !important;
}

/* Falls das Auge bei Fehlern immer noch springt, 
   muss der umschließende Container fixiert werden */
.wpforms-field-password-input {
    position: relative !important;
    display: block !important;
}

/* ============================================================
   4. SUBMIT BUTTON & TRENNER
   ============================================================ */
.login-card-design button[type=submit] {
    width: 100% !important;
    height: 50px !important;
    background-color: #481669 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 15px !important;
    transition: background-color 0.3s ease !important;
}

.login-card-design button[type=submit]:hover {
    background-color: #350d50 !important;
}

.divider-text,
.login-card-design .divider-text {
    display: flex;
    align-items: center;
    color: #999;
    font-size: 11px;
    margin: 25px 0;
    text-transform: uppercase;
}

.divider-text::before,
.divider-text::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: #eee;
    margin: 0 10px;
}

/* Text über den Logos wie ein Divider */
/* .mint-divider-text {
    position: relative !important;
    text-align: center !important;
    color: #7f7f7f !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    margin: 18px 0 22px !important;
}

.mint-divider-text::before,
.mint-divider-text::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 28% !important;
    height: 1px !important;
    background: #dddddd !important;
    transform: translateY(-50%) !important;
}

.mint-divider-text::before {
    left: 0 !important;
}

.mint-divider-text::after {
    right: 0 !important;
} */

/* ============================================================
   5. SSO BUTTONS (Google, Apple etc.)
   ============================================================ */
.mx-sso-login {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 20px !important;
}

.mx-sso-login p,
.mx-sso-login br {
    display: none !important;
}

.mx-sso-btn {
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #f3f4f6 !important;
    border-radius: 8px !important;
    border: none !important;
    color: #333 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.mx-sso-btn:hover {
    background: #e5e7eb !important;
}

.mx-sso-btn::before {
    content: "";
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.mx-sso-btn.mx-sso-google::before {
    background-image: url("/wp-content/themes/twentytwentythree/assets/icons/sso/sso-google.svg");
}

.mx-sso-btn.mx-sso-linkedin::before {
    background-image: url("/wp-content/themes/twentytwentythree/assets/icons/sso/sso-linkedin.svg");
}

.mx-sso-btn.mx-sso-facebook::before {
    background-image: url("/wp-content/themes/twentytwentythree/assets/icons/sso/sso-facebook.svg");
}

.mx-sso-btn.mx-sso-apple::before {
    background-image: url("/wp-content/themes/twentytwentythree/assets/icons/sso/sso-apple.svg");
}

/* ============================================================
   5. SSO BUTTONS (matrix-suite-sso, text_icon mode)
   ============================================================ */

/* Container: 2-column grid like before */
.matrix-suite-sso-container.style-text_icon {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 20px !important;
}

/* Each button: grey pill, 50px tall, icon left + text right */
.matrix-suite-sso-container.style-text_icon .matrix-suite-sso-btn {
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    display: flex !important;
    flex-direction: row !important;       /* override plugin's column stack */
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #f3f4f6 !important;       /* override per-provider brand colors */
    border: none !important;
    border-radius: 8px !important;
    color: #333 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transform: none !important;
    text-align: center !important;
    transition: background-color 0.2s ease !important;
}

.matrix-suite-sso-container.style-text_icon .matrix-suite-sso-btn:hover {
    background: #e5e7eb !important;
    transform: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    color: #333 !important;
}

/* The inline SVG (replaces the old ::before icon) */
.matrix-suite-sso-container.style-text_icon .matrix-suite-sso-btn svg {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: none !important;
}

.matrix-suite-sso-container.style-text_icon .matrix-suite-sso-btn:hover svg {
    transform: none !important;
}

/* Kill the per-provider brand backgrounds from the plugin's flat.css */
.matrix-suite-sso-container .matrix-suite-sso-google,
.matrix-suite-sso-container .matrix-suite-sso-microsoft,
.matrix-suite-sso-container .matrix-suite-sso-facebook,
.matrix-suite-sso-container .matrix-suite-sso-linkedin,
.matrix-suite-sso-container .matrix-suite-sso-twitter,
.matrix-suite-sso-container .matrix-suite-sso-github,
.matrix-suite-sso-container .matrix-suite-sso-apple {
    background-color: #f3f4f6 !important;
}

/* ============================================================
   6. SPEZIAL: REGISTRIERUNG
   ============================================================ */
.login-card-design .wpforms-field-row {
    display: block !important;
    margin: 0 !important;
}

.login-card-design .wpforms-field-row-block {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 15px !important;
}

.login-card-design .wpforms-field-row-block:last-child {
    margin-bottom: 0 !important;
}

.login-card-design .wpforms-field-name input {
    background-image: none !important;
    padding-left: 15px !important;
}

/* Checkboxen */
.login-card-design .wpforms-field-checkbox ul li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.login-card-design input[type=checkbox] {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    padding-left: 0 !important;
}

/* Links in Checkbox-Texten */
.login-card-design .wpforms-field-checkbox a {
    color: #481669 !important;
    text-decoration: underline !important;
}



/* ============================================================
   7. ICONS: BENUTZER VS. E-MAIL
   ============================================================ */
.login-card-design .wpforms-field-email input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.login-card-design .wpforms-field-text input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 20px !important;
    padding-left: 48px !important;
}

/* ============================================================
   8. LINKS IN CHECKBOXEN
   ============================================================ */
.login-card-design .wpforms-field-checkbox a,
.login-card-design .wpforms-field-checkbox a:visited,
.login-card-design .wpforms-field-checkbox a:hover,
.login-card-design .wpforms-field-checkbox a:active {
    color: #ff5e7b !important;
    text-decoration: underline !important;
}
/* Responsive: stack on small screens */
@media (max-width: 768px) {
  .mx-sso-btn { flex: 1 1 100%; }
}
/* ============================================================
   THEMEISLE TABS WIE DEINE BUTTONS
   ============================================================ */

.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Alle Plugin-Linien entfernen */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header::before,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header::after,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item::before,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Das eigentliche Tab-Element */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item > [role="tab"] {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: #f3f3f3 !important;
    color: #333333 !important;
    cursor: pointer !important;
}

/* Aktiver Tab */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item.active > [role="tab"],
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item > [role="tab"][aria-selected="true"] {
    background-color: #481669 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.12) !important;
    border: 0 !important;
}

/* Hover für inaktive Tabs */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item:not(.active) > [role="tab"]:hover {
    background-color: #ececec !important;
    color: #333333 !important;
}

/* Fokus */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item > [role="tab"]:focus,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item > [role="tab"]:active {
    outline: none !important;
}

/* Content-Rahmen entfernen */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__content,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content {
    min-height: 50px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Verhindert das Springen durch eine einheitliche Mindesthöhe */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__content {
    min-height: 400px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Aktives Panel sauber ausrichten */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item[aria-hidden="false"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 100% !important;
    padding-top: 5px !important;
}

/* Panels sauber halten */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Erste/letzte Elemente im Tab ohne Extra-Abstand */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item > *:first-child,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content > *:first-child {
    margin-top: 0 !important;
}

.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item > *:last-child,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content > *:last-child {
    margin-bottom: 0 !important;
}

/* ============================================================
   ANPASSUNG MINT-ID CONTENT (Erster Tab)
   ============================================================ */

/* Text "Meldet Euch hier mit Eurer MINT-ID an:" */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item:first-child p:first-of-type {
    text-align: left !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #000 !important;
    margin-bottom: 12px !important;
    margin-top: 57px !important;
    display: block !important;
}

/* Button "Anmeldung MINT-ID" links */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item:first-child .wp-block-button {
    text-align: left !important;
    display: block !important;
}

/* "Erfahrt mehr" Link links */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item:first-child p:last-of-type {
    text-align: left !important;
    margin-top: 15px !important;
    display: block !important;
}

/* ============================================================
   WPFORMS FEHLERMELDUNG
   ============================================================ */

#wpforms-29901 .wpforms-error-container,
#wpforms-29901 .wpforms-error-container p,
#wpforms-29901 .wpforms-error-container a {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

#wpforms-29901 .wpforms-error-container {
    margin: 8px 0 18px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #555 !important;
}

#wpforms-29901 .wpforms-error-container a {
    color: #ff5c73 !important;
    text-decoration: underline !important;
}

#wpforms-29901 .wpforms-field .wpforms-error {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #ff5c73 !important;
    margin-top: 6px !important;
}

/* ============================================================
   LOGOS DESKTOP
   ============================================================ */

.mint-logo-columns.wp-block-columns {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 12px auto 24px !important;
}

.mint-logo-columns.wp-block-columns > .wp-block-column {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.mint-logo-columns .wp-block-image,
.mint-logo-columns figure {
    margin: 0 !important;
    text-align: center !important;
}

.mint-logo-columns img {
    display: block !important;
    width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* ============================================================
   THEMEISLE TABS - FIX FÜR CONTENT-RAHMEN
   ============================================================ */

.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__header,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__header.active,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content.active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__header::before,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__header::after,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content::before,
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.wp-block-themeisle-blocks-tabs.login-tabs [role="tabpanel"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ThemeIsle: doppelte innere Header ausblenden */
.wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__header {
    display: none !important;
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 767px) {

    .login-card-design {
        padding: 22px 18px !important;
    }

    .login-card-design h1,
    .login-card-design .wp-block-heading {
        font-size: 44px !important;
        line-height: 1.05 !important;
        margin: 0 0 14px 0 !important;
        text-align: center !important;
    }

    .login-card-design p {
        text-align: center !important;
    }

    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__header_item > [role="tab"] {
        height: 54px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
        padding: 0 8px !important;
    }

    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__content,
    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item,
    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content,
    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__header,
    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__content.active,
    .wp-block-themeisle-blocks-tabs.login-tabs [role="tabpanel"] {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs__content {
        min-height: 0 !important;
        display: block !important;
    }

    .wp-block-themeisle-blocks-tabs.login-tabs .wp-block-themeisle-blocks-tabs-item__header {
        display: none !important;
    }

    #wpforms-29901 .wpforms-field input,
    #wpforms-29901 .wpforms-field textarea,
    #wpforms-29901 .wpforms-submit {
        font-size: 16px !important;
    }

    .divider-text,
    .login-card-design .divider-text {
        font-size: 11px !important;
        margin: 18px 0 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .divider-text::before,
    .divider-text::after {
        margin: 0 8px !important;
    }

    /* Logos mobil: kleiner und nebeneinander */
    .mint-logo-columns.wp-block-columns {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 14px !important;
        margin: 12px auto 20px !important;
    }

    .mint-logo-columns.wp-block-columns > .wp-block-column {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .mint-logo-columns .wp-block-image,
    .mint-logo-columns figure {
        margin: 0 !important;
    }

    .mint-logo-columns img {
        width: 82px !important;
        max-width: 82px !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .mint-divider-text,
    p.mint-divider-text {
        font-size: 11px !important;
        margin: 20px 0 16px !important;
        justify-content: center !important;
    }
}
/* 
 * url: https://mintcampus.org/registrierung/
 * mobile flex reverse
 *  */
@media (max-width: 781px) {
  .sso-register-mobile-reversed {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (max-width: 600px) {
  #wpforms-29905
  .wpforms-field-name.sso-register-name-full-width
  .wpforms-field-row {
    flex-direction: column !important;
  }

  #wpforms-29905
  .wpforms-field-name.sso-register-name-full-width
  .wpforms-field-row
  .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.sso_underline{
	text-decoration:underline;
}

/* Push the Element to Bottom */

.is-style-bottom {
    margin-top: auto;
}

.wp-block-mtx-progress-bar {
    .progress-outer {
        position: relative;
        height: 24px;
        width: 100%;
        background-color: #f0e9e5;
        overflow: hidden;
        border-radius: 8px;
    }

    .progress-inner {
        height: 100%;
        transition: width 0.5s ease-in-out;
        position: relative;

        &.rounded {
            border-radius: 8px;
        }

        &.animate-slide {
            animation: slideIn 1s ease-out forwards;
        }

        &.animate-fade {
            animation: fadeIn 1s ease-out forwards;
        }

        &.animate-grow {
            animation: growIn 0.7s ease-out forwards;
        }

        .progress-percent-inside {
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            font-weight: bold;
        }
    }


// Animations
@keyframes slideIn {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        width: 0;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes growIn {
    0% {
        transform: scaleX(0);
        transform-origin: left;
    }
    100% {
        transform: scaleX(1);
        transform-origin: left;
    }
}}
/* MINT-Cluster Seite Accordion */
.acc-mintcluster .wp-block-themeisle-blocks-accordion-item {
  border-bottom: 1px solid #F6688E;
}

.acc-mintcluster .wp-block-themeisle-blocks-accordion-item:first-of-type {
  border-top: 1px solid #F6688E;
}
.acc-mintcluster .wp-block-themeisle-blocks-accordion-item {
  border-bottom: 0 !important;
}
/* Deutsch-Polnisches Jugendwerk mobile fix */
@media (max-width:640px){
  .wp-block-image.deutsch-polnisch-bild img,
  img.deutsch-polnisch-bild{
    width:300px!important;
    height:300px!important;
    max-width:none!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:block!important;
    margin:0 auto!important;
  }
}
/* ADA-Lovelace mobile fix */
@media (max-width:700px){
  .info-karten-row{
    display:flex!important;
    flex-direction:column!important;
    gap:16px;
  }
  .info-karten-row > .wp-block-cover{
    width:100%!important;
    margin:0!important;
  }
}
.ada-button .wp-block-button__link{ margin-bottom:24px !important; }
/* Lernpfade mobile fix */
@media (max-width:640px){
  .wp-block-image.lernpfade-new-bild img,
  img.deutsch-polnisch-bild{
    width:100px!important;
    height:100px!important;
    max-width:none!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:block!important;
    margin:0 auto!important;
  }
}

.ada-video {
  border-radius: 15px; 
  overflow: hidden;   
}

.wp_swiper__button-prev img {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain;
}
.wp_swiper__button-next img {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain;
}
@media (max-width: 768px) {
  .mc-module-box {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
margin-left: 0 !important;
	margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .mc-module-box * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mc-module-box .mc-coursemodules p,
  .mc-module-box .mc-coursemodules strong {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

@media (max-width: 768px) {
  .mc-modul-links {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .mc-modul-links * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .mc-modul-links p,
  .mc-modul-links strong,
  .mc-modul-links h1,
  .mc-modul-links h2,
  .mc-modul-links h3 {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }
}
@media (max-width: 768px) {
  .mc-modul-links > .wp-block-spacer:first-child {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mc-modul-links {
    margin-top: 0 !important;
    padding-top: 0 !important;
    gap: 0 !important;
  }

  .mc-modul-links h2 {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .mobile-grid {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .mobile-grid .swiper,
  .mobile-grid .slick-slider,
  .mobile-grid .jet-listing-grid {
    max-width: 100% !important;
  }

  .mobile-grid .swiper-button-prev,
  .mobile-grid .swiper-button-next,
  .mobile-grid .slick-prev,
  .mobile-grid .slick-next {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 20 !important;
  }
}

@media (max-width: 768px) {
  .mobile-la-bild,
  .mc-module-box {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .mobile-la-bild {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mobile-la-bild img,
  .mobile-la-bild figure,
  .mobile-la-bild .jet-listing-dynamic-image,
  .mobile-la-bild .jet-listing-dynamic-image__img {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  .partner-links {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  .partner-links .wp-block-columns {
    flex-direction: column !important;
  }

  .partner-links .wp-block-column {
    flex-basis: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .partner-links p,
  .partner-links strong {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  .partner-links .fit-partner,
  .partner-links .jet-listing-dynamic-image {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

body.home .jet-sm-gb-de3d9ee8-28d1-4494-98f2-bd22df30b442,
body.home .jet-sm-gb-de3d9ee8-28d1-4494-98f2-bd22df30b442 .jet-listing-grid,
body.home .jet-sm-gb-de3d9ee8-28d1-4494-98f2-bd22df30b442 .jet-listing-grid__items {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}

.jet-listing-grid__slider-icon {
    background: #551C77 !important;
}

.jet-listing-grid__slider-icon.prev-arrow {
    left: -70px !important;
}

.jet-listing-grid__slider-icon.next-arrow {
    right: -70px !important;
}
.jet-listing-grid__slider-icon {
    border-radius: 999px !important;
}