/*
Theatergruppe Dellmensingen
creation Date: 2026-09-22
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

.resp_only{
	display: none;
}
.reg_only{
	display: initial;
	display: inherit;
}

.section_bg.__reg{
	display: block;
}
.section_bg.__res{
	display: none;
}

/* Die leeren Abfragen sind Ablagen fuer spaeter. Ihre Werte liegen dort, wo
   eine der drei Inhaltsbreiten anfaengt, prozentual zu schrumpfen:
   wide 1530px/95% ab 1611, Regel 1200px/95% ab 1263, narrow 800px/90% ab 889.
   Unterhalb dieser Punkte wird der Seitenrand knapp, dort lohnt das Nachsehen.

   1320px ist davon unabhaengig der Umschaltpunkt auf die responsive Fassung
   (.resp_only / .reg_only), ebenso fuer den Kopfbereich (header.css). */

@media (max-width: 1610px){
}

@media (max-width: 1320px){
	.resp_only{
		display: initial;
		display: inherit;
	}
	.reg_only,
	.noRes{
		display: none;
	}
	.noReg{
		display: none;
	}
	.resp_center{
		text-align: center;
	}
	h2.section_headline,
	.section_headline{
		font-size: 68px;
		line-height: 74px;
		margin-bottom: 40px;
	}
	h2.section_headline.section_headline_s,
	.section_headline.section_headline_s{
		font-size: 52px;
		line-height: 58px;
		margin-bottom: 34px;
	}
	.faq_head,
	.acc_activator{
		line-height: 34px;
	}

	._resFull,
	.flexbox._resFull{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.resOrder_1{
		order: 1;
	}
	.resOrder_2{
		order: 2;
	}
	.resOrder_3{
		order: 3;
	}
	
	#top_spacer{
		height: 0px;
	}
	
	.ddm_modal_close{
		top: 5px;
		right: 5px;
	}
}

@media (max-width: 1263px){
}

@media (max-width: 1100px){
}

@media (max-width: 889px){
}

@media (max-width: 860px){
	h1,
	h2.title,
	.alt_headlines h1,
  .alt_headlines h2.title{
		font-size: 38px;
		line-height: 46px;
	}
	h2,
	.alt_headlines h2{
		font-size: 30px;
		line-height: 38px;
	}
	h3,
	.alt_headlines h3{
		line-height: 34px;
		font-size: 26px;
	}
	h4{
		font-size: 23px;
		line-height: 30px;
	}
	h5{
		font-size: 20px;
		line-height: 28px;
	}
	h6{
		font-size: 18px;
	}
	h2.section_headline,
	.section_headline{
		font-size: 48px;
		line-height: 54px;
		margin-bottom: 30px;
	}
	h2.section_headline.section_headline_s,
	.section_headline.section_headline_s{
		font-size: 38px;
		line-height: 44px;
		margin-bottom: 26px;
	}
	.faq_head,
	.acc_activator{
		font-size: 22px;
		line-height: 30px;
	}

	.resp_center_800{
		text-align: center;
	}
	.resFull_800,
	.flexbox.resFull_800{
		width: 100%;
	}

	.resOrder800_1{
		order: 1;
	}
	.resOrder800_2{
		order: 2;
	}
	
	.font_l,
	.font_l p,
	.font_l .contstyles li{
		font-size: 18px;
		line-height: 26px;
	}
	
	.res80_800,
	.flexbox.res80_800{
		width: 80%;
	}

	/* Ankuendigungen: das Band beginnt erst unter der Headline, damit sie wie
	   auf dem Desktop auf Weiss steht; der Kreis waechst etwas mit. */
	.section_ankuendigungen{
		--ank-band-top: 150px;
		--ank-band-bot: 6cqw;
	}
	.section_ankuendigungen .ank_circle{
		left: 6cqw;
		bottom: 1.5cqw;
		width: 34cqw;
	}
}

@media (max-width: 600px){
}

@media (max-width: 500px){
	/* "Ankuendigungen" passt in 48px nicht in ein schmales Telefon. */
	h2.section_headline,
	.section_headline{
		font-size: 40px;
		line-height: 46px;
	}
}