/*  MICROTHEMER STYLES  */


/*= Pages-Global-Overrides ==== */

/** Pages-Global-Overrides >> H1 **/
.page-header h1 {
	line-height: 30px !important;
	font-variation-settings: "wdth" 80 !important;
}

/** Pages-Global-Overrides >> H1 Icon **/
#js-modal-page .title-icon {
	width: auto !important;
	height: 18px !important;
	padding-right: 3px !important;
	margin-top: 1px !important;
}

/** Pages-Global-Overrides >> H2 Standalone **/
.text-entry > h2 {
	padding-bottom: 20px !important;
	font-variation-settings: "wdth" 80 !important;
}

/** Pages-Global-Overrides >> H2 Textblock **/
.wp-block-column h2 {
	font-variation-settings: "wdth" 80 !important;
}

/** Pages-Global-Overrides >> Paragraph-Seiten **/
.wp-block-column p {
	font-variation-settings: "wdth" 80, "cntr" 100 !important;
}

/** Pages-Global-Overrides >> Card-Exzerpt **/
#js-modal-page .excerpt {
	font-variation-settings: "wdth" 80 !important;
}

/** Pages-Global-Overrides >> Card-Weiterlesen **/
.button-wrapper > a:nth-of-type(1) > span {
	font-variation-settings: "wdth" 80 !important;
}

/** Pages-Global-Overrides >> Listen **/
.wp-container-12 ul {
	font-variation-settings: "wdth" 80 !important;
}


/*= /home ===================== */

/** /home >> Intro Text Links 1 **/
#js-modal-page .has-large-font-size {
	font-size: 34px !important;
	line-height: normal !important;
	padding-top: 0 !important;
	padding-bottom: 16px !important;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	font-variation-settings: "wdth" 80, "wght" 500, "CNTR" 50 !important;
}

/** /home >> Intro-Text Links 2 **/
.mtp-2 .wp-container-1 p:nth-of-type(2) {
	padding-bottom: 75px !important;
}

/** /home >> Intro seit 2010 **/
.mtp-2 .has-text-align-left {
	font-size: 20px !important;
	text-align: right !important;
	padding-right: 83px !important;
}

/** /home >> Btn-BG(normal) **/
#js-modal-page .wp-block-button__link {
	color: rgb(241, 245, 255) !important;
	background-color: rgba(61, 70, 100, 0.5) !important;
}

/** /home >> Btn(:hover) **/
#js-modal-page .wp-block-button__link:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(61, 70, 100) !important;
	border-color: rgb(61, 70, 100) !important;
}

/** /home >> Intro-Box rechts **/
.mtp-2 .is-vertically-aligned-top {
	margin-top: 10px !important;
}

/** /home >> Captions (D+J) **/
.mtp-2 figcaption {
	font-variation-settings: "wdth" 80, "wght" 500 !important;
}

/** /home >> Hp-Textlink-Style **/
.mtp-2 .is-vertically-aligned-center a {
	text-underline-offset: 3px !important;
	text-decoration-color: #8194C9 !important;
}

/** /home >> Hp-Textlink-Style (:hover) **/
.mtp-2 .is-vertically-aligned-center a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(129, 148, 201) !important;
}


/*= /tanzladen ================ */

/** /tanzladen >> TL-Anfahrt-List **/
.mtp-44404 .wp-block-group__inner-container ul {
	font-variation-settings: "wdth" 80 !important;
}


/*= LP-Overrides ============== */

/** LP-Overrides >> Bg Colour + Link Offset **/
.archive-description {
	background-color: rgb(255, 255, 255) !important;
	padding-top: 0 !important;
	text-underline-offset: 3px !important;
}

/** LP-Overrides >> List Items **/
.content-wrapper li {
	padding-bottom: 12px !important;
	font-variation-settings: "wdth" 80, "wght" 250 !important;
}

/** LP-Overrides >> Link **/
/* 1. Die umschließenden Formular-Zeilen aufbrechen */.woocommerce-form-login .form-row, 
.woocommerce-form-register .form-row {
	
}
.woocommerce-form-login .form-row, 
.woocommerce-form-register .form-row {
	display: block !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin-bottom: 20px !important;
	/* 2. Labels konsequent nach oben zwingen */
}
.woocommerce-form-login label, 
.woocommerce-form-register label {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 6px !important;
	text-align: left !important;
	float: none !important;
	/* 3. Inputs auf exakt dieselbe, volle Breite bringen */
}
.woocommerce-form-login .input-text, 
.woocommerce-form-register .input-text {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
	/* 4. Ausnahme für die "Angemeldet bleiben" Zeile */
}
.woocommerce-form-login .form-row-rememberme {
	display: block !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	width: auto !important;
}
.woocommerce-form-login .woocommerce-form-login__rememberme input {
	margin-right: 8px !important;
	width: auto !important;
	display: inline-block !important;
	/* 5. Buttons auf volle Breite setzen und sauber darunter platzieren */
}
.woocommerce-form-login .woocommerce-form-login__submit, 
.woocommerce-form-register .woocommerce-form-register__submit {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 10px !important;
	float: none !important;
	/* 6. "Passwort vergessen" zentriert oder rechts darunter setzen */
}
.woocommerce-form-login .lost_password {
	display: block !important;
	width: 100% !important;
	margin-top: 12px !important;
	text-align: right !important;
	float: none !important;
	/* Stauchung der Checkbox beheben */
}
.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	max-width: 16px !important;
	-webkit-flex-shrink: 0 !important;
	flex-shrink: 0 !important;
	margin-right: 8px !important;
	padding: 0 !important;
}

/** LP-Overrides >> Link (:hover) **/
.entry-content a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(129, 148, 201) !important;
}


/*= MailPoet-Formular ========= */

/** MailPoet-Formular >> MP-Heading **/
#mailpoet_form_4 .mailpoet-heading {
	line-height: 32px !important;
	font-variation-settings: "wdth" 80 !important;
}

/** MailPoet-Formular >> MP-Col2 Paragraph **/
.hs_mailpoet_column2 .mailpoet_form_paragraph {
	font-variation-settings: "wdth" 80 !important;
}

/** MailPoet-Formular >> MP Col3 Paragraph **/
.hs_mailpoet_column3 .mailpoet_form_paragraph {
	font-size: 13px !important;
	font-variation-settings: "wdth" 80 !important;
}


/*= Produktseite ============== */

/** Produktseite >> P-Abstand Größenhinweis / Verfügbarkeit **/
#product-8742 .delivery__label {
	margin-top: -15px !important;
}

/** Produktseite >> P-Abstand Stückzahl-CTA **/
.mtp-22231 .quantity-wrapper {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

/** Produktseite >> P-Abstand CTA, Margin Bottom **/
.button-wrapper {
	margin-bottom: 80px !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	grid-column-gap: 20px !important;
	column-gap: 20px !important;
}

/** Produktseite >> P-H1 Größe **/
.entry-title {
	font-size: 28px !important;
	margin-bottom: 0 !important;
}

/** Produktseite >> P-Care instruction **/
#accordion-64795clqsi-0 .care-instruction {
	background-color: rgb(244, 245, 248) !important;
	border-radius: 5px !important;
}


/*= Kontakt =================== */

/** Kontakt >> Paragraph **/
.mtp-46091 .content > p {
	font-variation-settings: "wdth" 80 !important;
}

/** Kontakt >> Formular-Titel **/
.mtp-46091 .hf-fields-wrap label {
	font-variation-settings: "wdth" 80 !important;
}


/*= Versandkosten ============= */

/** Versandkosten >> Versandkosten Container **/
.mtp-45545 .wrap {
	width: 700px !important;
	max-width: 700px !important;
}

/** Versandkosten >> Content paragraph **/
.mtp-45545 .content p {
	font-variation-settings: "wdth" 80 !important;
}

/** Versandkosten >> Versandkosten-Farbe **/
.mtp-45545 .wp-block-group__inner-container {
	background-color: rgb(241, 245, 255) !important;
	padding: 15px !important;
}


/*= Footer ==================== */

/** Footer >> Map-zentriert **/
#footer-map .gm-observing-cb {
	width: 100% !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** Pages-Global-Overrides >> H1 Icon **/
	#js-modal-page .title-icon {
	font-size: 16px !important;
}

	/** Pages-Global-Overrides >> Card-Exzerpt **/
	#js-modal-page .excerpt {
	font-size: 15px !important;
	font-variation-settings: "wdth" 80, "wght" 350 !important;
}

	/** /home >> Intro Text Links 1 **/
	#js-modal-page .has-large-font-size {
	line-height: normal !important;
	padding-top: 0 !important;
}

}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** /home >> Intro Text Links 1 **/
	#js-modal-page .has-large-font-size {
	font-size: 26px !important;
}

	/** /tanzprofis-b2b >> Tanz-Pädagogen **/
	.mtp-44375 .wp-container-7 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}
.mtp-44375 .wp-container-7 > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3 !important;
}
.mtp-44375 .wp-container-7 > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 3 !important;
}

	/** /tanzprofis-b2b >> Profi-Tänzer **/
	.mtp-44375 .wp-container-11 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}
.mtp-44375 .wp-container-11 > :nth-child(1) {
	grid-area: 2 / 1 / 3 / 3 !important;
}
.mtp-44375 .wp-container-11 > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 3 !important;
}

	/** /tanzprofis-b2b >> Tanztheater **/
	.mtp-44375 .wp-container-15 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}
.mtp-44375 .wp-container-15 > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3 !important;
}
.mtp-44375 .wp-container-15 > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 3 !important;
}

	/** /tanzladen >> TL-H3-Anfahrt **/
	.mtp-44404 .wp-block-group__inner-container h3 {
	font-variation-settings: "wdth" 80 !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** /tanzladen >> TL-Spalten-Swap 01 **/
	.mtp-44404 .wp-container-3 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto !important;
}
.mtp-44404 .wp-container-3 > :nth-child(1) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.mtp-44404 .wp-container-3 > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 2 !important;
}

	/** /tanzladen >> TL-Anfahrt-Mobil Margins **/
	.mtp-44404 .has-3-columns .wp-block-column {
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

	/** /tanzkleidung >> TK-Opener **/
	.mtp-44449 .has-2-columns {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto !important;
}
.mtp-44449 .has-2-columns > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 2 !important;
}

	/** /home >> Intro Text Links 1 **/
	#js-modal-page .has-large-font-size {
	line-height: normal !important;
	text-align: left !important;
	padding-right: 0 !important;
}

	/** /home >> Intro-Unterschriften **/
	.mtp-2 .wp-container-6 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
}
.mtp-2 .wp-container-6 > :nth-child(n) {
	padding: 0 !important;
}

	/** /home >> Intro-Box rechts **/
	.mtp-2 .is-vertically-aligned-top {
	text-align: left !important;
	padding-left: 80rem !important;
}

	/** /home >> Dani-Swap Mobile **/
	.mtp-2 .wp-container-28 {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto !important;
}
.mtp-2 .wp-container-28 > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 2 !important;
}

	/** /home >> Jutta Abstand Text Bild **/
	.mtp-2 .wp-container-29 {
	margin-bottom: -20px !important;
}

	/** /home >> Dani Abstand-Text-Bild **/
	.mtp-2 .wp-container-27 {
	margin-bottom: -20px !important;
}

	/** /home >> Tango-Abstand Unten **/
	.mtp-2 .wp-container-15 {
	margin-bottom: 40px !important;
}

	/** /home >> Salsa Abstand unten **/
	.mtp-2 .wp-container-17 {
	margin-bottom: 40px !important;
	margin-left: 0 !important;
}

	/** /home >> Standard-Latein Abstand unten **/
	.mtp-2 .wp-container-19 {
	margin-bottom: 40px !important;
}

	/** /home >> Flamenco-Abstand unten **/
	.mtp-2 .wp-container-21 {
	margin-bottom: 40px !important;
	margin-left: 0 !important;
}

	/** MailPoet-Formular >> MP-Col2 Paragraph **/
	.hs_mailpoet_column2 .mailpoet_form_paragraph {
	font-size: 15px !important;
}

	/** MailPoet-Formular >> Bildgröße-Tablet **/
	.mtp-2 .wp-image-40013 {
	height: 295px !important;
	position: static !important;
}

	/** MailPoet-Formular >> MP-Heading **/
	#mailpoet_form_4 .mailpoet-heading {
	line-height: 28px !important;
}

	/** /tanzprofis-b2b >> Spacer Tanzprofis **/
	.mtp-44375 .content .wp-block-spacer:nth-of-type(2) {
	height: 40px !important;
}

}


/*( < 640 H )*/
@media (max-width: 639.98px) {
	/** /home >> Intro Text Links 1 **/
	#js-modal-page .has-large-font-size {
	line-height: normal !important;
	padding-right: 0 !important;
}

	/** /home >> Intro-Unterschriften **/
	.mtp-2 .wp-container-6 {
	display: grid !important;
	grid-row-gap: 0 !important;
	row-gap: 0 !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
	justify-items: center !important;
}
.mtp-2 .wp-container-6 > :nth-child(n) {
	margin: 0 !important;
}
.mtp-2 .wp-container-6 > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3 !important;
	justify-self: center !important;
}
.mtp-2 .wp-container-6 > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 3 !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** /home >> Intro-Box rechts **/
	.mtp-2 .is-vertically-aligned-top {
	padding-left: 0 !important;
}

	/** MailPoet-Formular >> MP-Col2 Paragraph **/
	.hs_mailpoet_column2 .mailpoet_form_paragraph {
	font-size: 1px !important;
	margin-bottom: 20px !important;
}

	/** MailPoet-Formular >> MP Col3 Paragraph **/
	.hs_mailpoet_column3 .mailpoet_form_paragraph {
	font-size: 13px !important;
	font-variation-settings: "wdth" 80 !important;
}

	/** Versandkosten >> Versandkosten Container **/
	.mtp-45545 .wrap {
	width: 90% !important;
	max-width: 90% !important;
}

	/** Versandkosten >> Spacer Mobil **/
	.mtp-45545 .wp-block-spacer {
	height: 0 !important;
}

	/** Pages-Global-Overrides >> Spacer **/
	.content > .wp-block-spacer {
	height: 0 !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Pages-Global-Overrides >> H1 **/
	.page-header h1 {
	font-size: 24px !important;
	margin-bottom: 20px !important;
}

	/** Pages-Global-Overrides >> Spacer **/
	.content > .wp-block-spacer {
	height: 50px !important;
}

	/** /tanzladen >> TL-H3-Anfahrt **/
	.mtp-44404 .wp-block-group__inner-container h3 {
	margin-top: 0 !important;
}

	/** MailPoet-Formular >> MP-Col2 Paragraph **/
	.hs_mailpoet_column2 .mailpoet_form_paragraph {
	margin-bottom: 50px !important;
}

	/** /home >> Intro Text Links 1 **/
	#js-modal-page .has-large-font-size {
	font-size: 1.5rem !important;
}

	/** /home >> Intro-Unterschriften **/
	.mtp-2 .wp-container-6 {
	display: grid !important;
	grid-row-gap: 0 !important;
	row-gap: 0 !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
	justify-items: center !important;
}
.mtp-2 .wp-container-6 > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3 !important;
}
.mtp-2 .wp-container-6 > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 3 !important;
}

	/** /home >> Intro-Box rechts **/
	.mtp-2 .is-vertically-aligned-top {
	margin-bottom: 0 !important;
}

	/** Versandkosten >> Versandkosten Container **/
	.mtp-45545 .wrap {
	width: 95% !important;
	max-width: 95% !important;
}

}

