.datum { box-sizing:border-box; font-size:15px; line-height:15px; font-weight:400; padding:3px 0 6px 0; margin-top:-4px; }

.bildstrecke { height:226px; margin-bottom:10px; position:relative; }
	@media screen and (min-width:560px) { .bildstrecke { height:286px; margin-bottom:10px; } }
	@media screen and (min-width:900px) { .bildstrecke { height:354px; margin-bottom:20px; } }
.bilder { position:absolute; top:0; height:226px; max-height:226px; max-width:100%; overflow-y:hidden; overflow-x:auto; scrollbar-width: thin; white-space:nowrap; font-size:0; }
	@media screen and (min-width:560px) { .bilder { height:286px; max-height:286px; } }
	@media screen and (min-width:900px) { .bilder { height:354px; max-height:354px; } }
.billder ul { height:210px; }
	@media screen and (min-width:530px) { .billder ul { height:270px; } }
	@media screen and (min-width:900px) { .bilder ul { height:330px; } }
.bilder li { display:inline; margin-right:30px; }
	@media screen and (min-width:900px) { .bilder li { margin-right:40px; } }
.bilder img { max-width:100%; max-height:210px; }
	@media screen and (min-width:560px) { .bilder img { max-height:270px; } }
	@media screen and (min-width:900px) { .bilder img { max-height:330px; } }
.bilder a:link img { cursor:zoom-in; }
.bilder::-webkit-scrollbar { width: 8px; height:8px; }
.bilder::-webkit-scrollbar-track { background:rgba(155, 155, 155, 0.2); }
.bilder::-webkit-scrollbar-thumb { background-color: rgba(155, 155, 155, 0.5); border-radius: 1px; border: transparent; }

.anker { visibility: hidden; height: 0px !important; position: absolute; margin-top:-102px; }

.bildstrecke_b { height:226px; margin-bottom:20px; position:relative; }
	@media screen and (min-width:560px) { .bildstrecke_b { height:266px; margin-bottom:20px; } }
.bilder_b { position:absolute; top:0; height:226px; max-height:226px; max-width:100%; overflow-y:hidden; overflow-x:auto; scrollbar-width: thin; white-space:nowrap; font-size:0; }
	@media screen and (min-width:560px) { .bilder_b { height:266px; max-height:266px; } }
.billder_b ul { height:210px; }
	@media screen and (min-width:560px) { .billder_b ul { height:250px; } }
.bilder_b li { display:inline; margin-right:30px; }
.bilder_b img { max-width:100%; max-height:210px; }
	@media screen and (min-width:560px) { .bilder_b img { max-height:250px; } }
.bilder_b a:link img { cursor:zoom-in; }
.bilder_b::-webkit-scrollbar { width: 8px; height:8px; }
.bilder_b::-webkit-scrollbar-track { background:rgba(155, 155, 155, 0.2); }
.bilder_b::-webkit-scrollbar-thumb { background-color: rgba(155, 155, 155, 0.5); border-radius: 1px; border: transparent; }

.einzelbild_b { height:210px; margin-bottom:20px; }
	@media screen and (min-width:560px) { .einzelbild_b { height:250px; margin-bottom:14px; } }
.einzelbild_b img { max-width:100%; max-height:210px; }
	@media screen and (min-width:560px) { .einzelbild_b img { max-height:250px; } }


/* Scrollbalkenbreite ca. 20px nicht vergessen */
.textfeld {  }
	@media screen and (min-width:930px) { .textfeld { max-width:565px; float:left; margin-bottom:40px; } }
	@media screen and (min-width:1020px) { .textfeld { max-width:660px; } }
	@media screen and (min-width:1230px) { .textfeld { max-width:694px; } }
	@media screen and (min-width:1280px) { .textfeld { max-width:744px; } }
	@media screen and (min-width:1310px) { .textfeld { max-width:764px; } }
	@media screen and (min-width:1600px) { .textfeld { max-width:800px; } }

.text { font-size:14px; line-height:20px; font-weight:400; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	@media screen and (min-width:1280px) { .text { line-height:21px; } }
	@media screen and (min-width:1600px) { .text { line-height:22px; } }
.text p { margin-bottom:10px; }
.text H1 { font-size:26px; line-height:1.1; margin-bottom:12px; font-weight:300; letter-spacing:-0.01em; color:#000; }
	@media screen and (min-width:460px) { .text H1 { font-size:36px;  line-height:1.1; } }
.text H2 { font-size:24px; line-height:22px; margin-bottom:12px; font-weight:300; letter-spacing:-0.01em; color:#000; display:inline-block; }
.text H3 { font-size:14px; font-weight:500; padding:2px 0 14px 0; }
.text H3 p { margin-bottom:0; }

.termine { box-sizing: border-box; margin:30px 0 30px 0; border-top: 1px solid #333; padding:8px 0 10px 0; font-family: 'Roboto Condensed', Arial, sans-serif; font-size:14px; line-height:19px; font-weight:400; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	@media screen and (min-width:930px) { .termine { width: 220px; max-width:220px; float:left; margin: 2px 0 15px 20px; border-top:0; border-left: 1px solid #333; padding:5px 0 18px 10px; } }
	@media screen and (min-width:1510px) { .termine { width: auto; max-width:346px; margin: 2px 0 15px 30px; } }
	@media screen and (min-width:1600px) { .termine { width: auto; max-width:400px; } }
	@media screen and (min-width:1720px) { .termine { width: auto; max-width:510px; margin: 2px 0 15px 40px; } }
.termine H3 { font-family: 'Roboto', Arial, sans-serif; font-size:14px; font-weight:400; color:#CC2727; letter-spacing:1px; display:inline-block; }
.termine b,strong { font-weight:700; letter-spacing:0.02em; }
.termine p { margin-bottom:6px; }

.langswitcher { font-size:14px; line-height:18px; color: #000; float:right; border:1px solid #FFF; padding:3px 0 3px 3px; margin: 2px 0 0 20px; }

.videobereich { background-color: white; position: relative; height: 0; padding-bottom: 56.25%; }
.videoextern { background-color: white; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.athumbsfeld { margin:0 20px 0 20px; text-align:left; }
	@media screen and (min-width:1080px) { .athumbsfeld { margin:0 30px 0 220px; } }
	@media screen and (min-width:1200px) { .athumbsfeld { margin:0 40px 0 236px; } }
	@media screen and (min-width:1500px) { .athumbsfeld { margin:0 40px 0 300px; } }

.athumbs { box-sizing: border-box; font-size:14px; line-height:18px; font-weight:400; width:142px; height:228px; overflow:hidden; float:left; border:0; border-bottom:1px solid #555; margin: 0 20px 30px 0; }
.athumbs p { font-weight:400; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.athumbs:nth-child(even) { margin: 0 0 30px 0; }
	@media screen and (min-width:520px) { .athumbs { width:160px; max-width:160px; height:220px; margin: 0 30px 30px 0; } }
	@media screen and (min-width:520px) { .athumbs:nth-child(even) { margin: 0 30px 30px 0; } }
	@media screen and (min-width:1260px) { .athumbs { margin: 0 36px 34px 0; } }
	@media screen and (min-width:1260px) { .athumbs:nth-child(even) { margin: 0 36px 34px 0; } }
	@media screen and (min-width:1300px) { .athumbs { margin: 0 40px 36px 0; } }
	@media screen and (min-width:1300px) { .athumbs:nth-child(even) { margin: 0 40px 36px 0; } }

.athumbsbild { width:140px; height:99px; object-fit:cover; margin-bottom:2px; opacity:0.9; font-size:0; }
	@media screen and (min-width:520px) { .athumbsbild { width:152px; height:108px; } }
.athumbs a:hover .athumbsbild  { opacity:1; }

/* Publikationen */
.ptitel H2 { font-size:20px; line-height:20px; margin-bottom:10px; font-weight:300; letter-spacing:-0.01em; color:#000; white-space:nowrap; max-width:100%; max-height:20px; overflow:hidden; }
.pthumbs { font-size:0; background-color:#FFF; }
.pthumbs img { max-width:75px; height:100px; margin: 0 6px 6px 0; opacity:0.9; }
.pthumbs img:hover { opacity:1; cursor:zoom-in; }

.buch { position:absolute; top:110px; z-index:3; background-color:#FFFFFF; box-sizing: border-box; padding:0 10px 30px 0; border:0; 
font-size:14px; line-height:19px; font-weight:400; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	@media screen and (min-width:930px) { .buch { max-width:580px; width: 550px; } }
	@media screen and (min-width:1020px) { .buch { max-width:645px; width: 630px; } }
	@media screen and (min-width:1200px) { .buch { top:110px; padding:0 10px 40px 0; max-width: 665px; width: 630px; } }
	@media screen and (min-width:1280px) { .buch { top:110px; max-width: 695px; width: 695px; } }
.buch p { margin-bottom:6px; padding-right:10px; }
.buchtable { width:95%; }
	@media screen and (min-width:930px) { .buchtable { width:100%; } }
.buchcover { max-width:250px; }
	@media screen and (min-width:400px) { .buchcover { width:240px; } }
.buchcover img { max-width:250px; max-height:320px; margin-bottom:6px; }
.buchcover img:hover { cursor:zoom-out; }
.buchclose { width:auto; text-align:right; vertical-align:top; }
.buchclose a:link { opacity:0.3; }
.buchclose a:visited { opacity:0.3; }
.buchclose a:hover { opacity:1; }
.buchclose a:active { opacity:1; }

.pfeil { width:30px; }
	@media screen and (min-width:360px) { .pfeil { width:40px; } }
	@media screen and (min-width:900px) { .pfeil { width:40px; } }
.pfeil a:link { opacity:0.3; }
.pfeil a:visited { opacity:0.3; }
.pfeil a:hover { opacity:1; }
.pfeil a:active { opacity:1; }

/* Scrollbalkenbreite ca. 20px nicht vergessen */
.ktextfeld { }
	@media screen and (min-width:930px) { .ktextfeld { box-sizing: border-box; max-width:60%; float:left; padding-right:30px; margin-bottom:40px; } }

.ktermine { box-sizing: border-box; margin:30px 0 30px 0; border-top: 1px solid #333; padding:8px 0 10px 0; font-family: 'Roboto Condensed', Arial, sans-serif; font-size:14px; line-height:19px; font-weight:400; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	@media screen and (min-width:900px) { .ktermine { max-width:40%; float:left; margin: 2px 0 15px 0; border-top:0; border-left: 1px solid #333; padding:5px 0 18px 10px; } }
.ktermine H3 { font-family: 'Roboto', Arial, sans-serif; font-size:14px; font-weight:400; color:#CC2727; letter-spacing:1px; }
.ktermine b,strong { font-weight:700; letter-spacing:0.02em; }
.ktermine p { margin-bottom:6px; }