/** Pressebereich **/
body.presse h2 {
	text-align: center;
}

body.presse #block-ikw-pressekontakt {
	background-color: #fff;
	border-radius: 6px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 43px;
	color: #000;
}

body.presse #block-ikw-pressekontakt a {
	color: #000;
	text-decoration: underline;
}

body.presse .inlineh1 {
	font-family: "ObviouslyNormal Bold";
	font-size: 44px;
	line-height: 54px;
	color: #B7077E;
	margin: 0;
}

/*** Bestellformular ***/
#edit-materialumschlag-container,
#edit-materialheft-container,
#edit-motiv-konfettiherz-container,
#edit-aktionsplakat-container,
#edit-aktionsplakat2-container,
#edit-motiv-auge-container,
#edit-motiv-schublade-container,
#edit-motiv-menschenwuerde-container,
#edit-postkarte-konfettiherz-container,
#edit-postkarte-aktionsmotiv-container,
#edit-postkarte-auge-container,
#edit-postkarte-motto-container,
#edit-postkarte-bruecken-container,
#edit-postkarte-dosomething-container,
#edit-postkarte-fliegendesherz-container,
#edit-postkarte-world-wide-welcome-container,
#edit-postkarte-dont-hate-container,
#edit-postkarte-gefluechtete-container,
#edit-postkarte-richtung-aendern-container,
#edit-postkarte-schublade-container,
#edit-postkarte-vielsprachig-container,
#edit-postkarte-rassismus-container,
#edit-postkarte-bubble-container,
#edit-postkarte-deinewahl-container,
#edit-postkarte-neue-raeume-container,
#edit-postkarte-gut-fuers-herz-container,
#edit-postkarte-flucht-container,
#edit-postkarte-wimmelbild-container,
#edit-wimmelbild-container,
#edit-brillenputztuch-container,
#edit-kartenspiel-container,
#edit-spruehschablone-container,
#edit-aufkleberset-container,
#edit-schluesselband-container,
#edit-flyer-themen-container,
#edit-flyer-selbstdarstellung-container,
#edit-flyer-gemeinsames-wort-container {
	display: flex;
	flex-direction: column;
	
	@media(min-width: 640px) {
		flex-direction: row;
	}
}

#edit-materialumschlag-gruppe,
#edit-materialheft-gruppe,
#edit-plakat-konfettiherz-gruppe,
#edit-aktionsplakat-gruppe,
#edit-aktionsplakat2-gruppe,
#edit-plakat-auge-gruppe,
#edit-plakat-schublade-gruppe,
#edit-plakat-menschenwuerde-gruppe,
#edit-postkarte-konfettiherz-gruppe,
#edit-postkarte-aktionsmotiv-gruppe,
#edit-postkarte-auge-gruppe,
#edit-postkarte-motto-gruppe,
#edit-postkarte-bruecken-gruppe,
#edit-postkarte-dosomething-gruppe,
#edit-postkarte-fliegendesherz-gruppe,
#edit-postkarte-world-wide-welcome-gruppe,
#edit-postkarte-dont-hate-gruppe,
#edit-postkarte-gefluechtete-gruppe,
#edit-postkarte-richtung-aendern-gruppe,
#edit-postkarte-schublade-gruppe,
#edit-postkarte-vielsprachig-gruppe,
#edit-postkarte-rassismus-gruppe,
#edit-postkarte-bubble-gruppe,
#edit-postkarte-deinewahl-gruppe,
#edit-postkarte-neue-raeume-gruppe,
#edit-postkarte-gut-fuers-herz-gruppe,
#edit-postkarte-flucht-gruppe,
#edit-postkarte-wimmelbild-gruppe,
#edit-wimmelbild-gruppe,
#edit-brillenputztuch-gruppe,
#edit-kartenspiel-gruppe,
#edit-spruehschablone-gruppe,
#edit-aufkleberset-gruppe,
#edit-schluesselband-gruppe,
#edit-flyer-themen-gruppe,
#edit-flyer-selbstdarstellung-gruppe,
#edit-flyer-gemeinsames-wort-gruppe {
	margin-left: 0;
	
	@media(min-width: 640px) {
		margin-left: 100px;
	}
}

#edit-materialumschlag-bild,
#edit-materialheft-bild,
#edit-plakat-konfettiherz-bild,
#edit-aktionsplakat-bild,
#edit-aktionsplakat2-bild,
#edit-plakat-auge-bild,
#edit-plakat-schublade-bild,
#edit-plakat-menschenwuerde-bild,
#edit-postkarte-konfettiherz-bild,
#edit-postkarte-aktionsmotiv-bild,
#edit-postkarte-auge-bild,
#edit-postkarte-motto-bild,
#edit-postkarte-bruecke-bild,
#edit-postkarte-dosomething-bild,
#edit-postkarte-fliegendesherz-bild,
#edit-postkarte-world-wide-welcome-bild,
#edit-postkarte-dont-hate-bild,
#edit-postkarte-gefluechtete-bild,
#edit-postkarte-richtung-aendern-bild,
#edit-postkarte-schublade-bild,
#edit-postkarte-vielsprachig-bild,
#edit-postkarte-rassismus-bild,
#edit-postkarte-bubble-bild,
#edit-postkarte-deinewahl-bild,
#edit-postkarte-neue-raeume-bild,
#edit-postkarte-gut-fuers-herz-bild,
#edit-postkarte-flucht-bild,
#edit-postkarte-wimmelbild-bild,
#edit-wimmelbild-bild,
#edit-brillenputztuch-bild,
#edit-kartenspiel-bild,
#edit-spruehschablone-bild,
#edit-aufkleberset-bild,
#edit-schluesselband-bild,
#edit-flyer-themen-bild,
#edit-flyer-selbstdarstellung-bild,
#edit-flyer-gemeinsames-wort-bild {
  margin-top: 0;
  margin-bottom: 0;
  
  img {
	  width: 100%;
	  height: auto;
	  
	  @media(min-width: 640px) {
		  height: 100%;
		  width: auto;
	  }
  }
}

.plakatkosten {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .plakatkosten {
    flex-direction: column;
  }
}

#edit-kostenaufstellung--2 div.js-webform-computed div.form-item,
#edit-kostenaufstellung--2 div.form-item-gesamtkosten {
	font-style: italic;
	font-weight: bold;
}

#edit-kostenaufstellung--2 div.js-webform-computed div.form-item label,
#edit-kostenaufstellung--2 div.form-item-gesamtkosten label {
	font-style: normal;
	font-weight: normal;
}

#edit-adresse-gruppe label {
  font-family: "Lato Bold";
  text-transform: uppercase;
}

#edit-adresse-gruppe .form-item {
  display: flex;
  flex-direction: column;
}

#edit-adresse-gruppe .form-select,
#edit-adresse-gruppe .form-text,
#edit-adresse-gruppe .form-email {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  border-color: #707070;
  width: 20.4375rem;
  height: 3rem;
  font-family: "Lato Bold";
}

#edit-vor-und-nachname-rechnungsadresse,
#edit-plz-ort-rechnungsadresse,
#edit-telefon-email-rechnungsadresse,
#edit-plz-ort-lieferadresse,
#edit-vor-und-nachname-lieferadresse {
	display: flex;
	flex-basis: 30%;
}
 
#edit-vor-und-nachname-rechnungsadresse div.form-item-anrede,
#edit-vor-und-nachname-rechnungsadresse div.form-item-vorname,
#edit-plz-ort-rechnungsadresse div.form-item-strasse-rechnungsadresse,
#edit-plz-ort-rechnungsadresse div.form-item-plz-rechnungsadresse,
#edit-telefon-email-rechnungsadresse div.form-item-telefon-und-fax,
#edit-plz-ort-lieferadresse div.form-item-strasse-lieferadresse,
#edit-plz-ort-lieferadresse div.form-item-plz-lieferadresse,
#edit-vor-und-nachname-lieferadresse div.form-item-vorname-lieferadresse {
	margin-right: 3%;
}

#edit-e-mail--wrapper div.fieldset-wrapper {
	display: flex;
	flex-basis: 50%;
}

#edit-e-mail--wrapper div.fieldset-wrapper div.form-item-e-mail-mail-1 {
	margin-right: 5%;
}

#edit-e-mail--wrapper div.fieldset-wrapper div.form-item-e-mail-mail-2 {
	margin-top: 0;
}

#edit-rechnungsadresse, 
#edit-lieferadresse {
  border: none;
  padding: 0;
  margin: 2.5rem 0 0;
}

#edit-rechnungsadresse legend,
#edit-lieferadresse legend {
  font-family: "Lato Bold";
}

/** Veranstalten **/
body.veranstalten .field--name-field-startseitentext {
	font-family: "ObviouslyNormal Bold";
	font-size: 28px;
	line-height: 42px;
	color: #fff;
}

body.veranstalten .field--name-field-startseite-widgets {
	display: flex;
	
	flex-direction: column;
	
	@media(min-width: 640px) {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 24px;
	}
}

@media(min-width: 640px) {
	body.veranstalten .field--name-field-startseite-widgets > div {
		flex-basis: 32%;
		align-self: stretch;
	}

	body.veranstalten .field--name-field-startseite-widgets > div > div.paragraph {
		height: -webkit-fill-available;
	}

	body.veranstalten .field--name-field-startseite-widgets > div:nth-child(3n) {
		padding-right: 0;
	}
	
	body.veranstalten .field--name-field-startseite-widgets .paragraph--type--info-block-nur-text,
	body.veranstalten .field--name-field-startseite-widgets .paragraph--type--info-block-dunkel-text,
	body.veranstalten .field--name-field-startseite-widgets .paragraph--type--info-block-orange-text {
		margin: 0;
	}
}

/** Veranstaltung eintragen **/
body.nodeaddikw_veranstaltungen {
	#node-ikw-veranstaltungen-form {
		.description {
			font-size: 11px;
			font-family: "Noto Sans Italic";
		}
	}
	
	#field-links-veranstaltung-values {
		th.field-label {
			text-align: left;
		}

		h4 {
			font-family: "Noto Sans Bold";
		}
	}

	#edit-field-datum-veranstaltung-0 h4 {
		font-family: "Noto Sans Bold";
	}
	
	.form-type-vertical-tabs,
	.form-item-field-adresse-veranstaltung-0-address-address-line3 {
		display: none;
	}
}

/** Download **/
body.page-node-type-ikw-seite-mit-widgets.downloads {
	.layout__region--first {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	
	.field--name-field-infoblockdunkel-titel,
	.field--name-field-infoblock2-titel {
		font-family: "ObviouslyNormal Bold";
		font-size: 44px;
		line-height: 54px;
	}
	
	.field--name-field-infoblockdunkel-text,
	.field--name-field-infoblock2-text {
		font-family: "Noto Sans";
		font-size: 18px;
		line-height: normal;
	}
}



#block-ikw-weiteremotiveundvorlagen {
	h2 {
		color: #fff;
	}

	.field--name-field-motive {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 24px;
		
		@media (min-width: 640px) {
			flex-direction: row;
		}
		
		> .field__item {
			flex-basis: 32%;
			
			@media (min-width: 1024px) and (max-width: 1199px) {
				flex-basis: 31%;
			}
		}
		
		.wmotive-element {
			background-color: #fff;
			padding: 20px;
			border-radius: 6px;
			height: 100%;
			
			display: flex;
			flex-direction: column;
			
			.wmotive-element-image {
				text-align: center;
				
				img {
					width: 100%;
					height: auto;
				}
			}
			
			.wmotive-element-titel {
				font-family: "ObviouslyNormal Bold";
				font-size: 24px;
				line-height: 32px;
				margin: 15px 0;
			}
			
			.wmotive-element-text {
				font-family: "Noto Sans";
				font-size: 18px;
				line-height: normal;
				margin-bottom: auto;
			}
			
			.wmotive-element-download {
				background-color: #FBF5ED;
				
				a {
					font-family: "ObviouslyNormal BoldItalic";
					color: #000;
					text-decoration: underline;
					font-size: 16px;
					line-height: normal;
				}
			}
		}
	}
}


/** Pressemitteilung **/
body.page-node-type-ikw-pressemitteilung {
	#presseinfos {
		.presseinfosbody {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			
			.pressekontakt,
			.presselinks,
			.presseanhaenge {
				background-color: #FBF5ED;
				position: relative;
				flex-basis: 30%;
				
				.field--name-field-kontakt-pm ,
				.field--name-field-links-pm,
				.field--name-field-anhaenge-pm {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					padding: 16px;
					
					.field__label {
						margin-bottom: 20px;
					}
				}
				
				.pressekontaktborduere,
				.presselinksborduere,
				.presseanhaengeborduere {
					background-color: #B7077E;
					width: 0;
					height: 30px;
					position: absolute;
					top: 0;
					right: 15px;
					border-left: 13px solid transparent;
					border-right: 13px solid transparent;
					border-bottom: 13px solid #FBF5ED;
				}
			}
		}
	}
}