@charset "utf-8";
/*
 Theme Name:   Dramaturgische Gesellschaft Konferenz 2026
 Description:  Dramaturgische Gesellschaft Website, Konferenz 2026
 Author:       Chris
 Template:     twentysixteen
 Version:      1.0.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentysixteen-child
*/

@font-face {
    font-family: 'AtakSemibold-Web';
    src: url('font/AtakSemibold-Web.woff') format('woff'),
		 url('font/AtakSemibold-Web.woff2') format('woff2')
}
@font-face {
  font-family: "AtakMedium";
  src: url("font/AtakMedium.eot"); /* IE9 Compat Modes */
  src: url("font/AtakMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/AtakMedium.svg") format("svg"), /* Legacy iOS */
    url("font/AtakMedium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("font/AtakMedium.woff") format("woff"), /* Modern Browsers */
    url("font/AtakMedium") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:'AtakMedium', sans-serif;
	font-size:28px;
	line-height:1.25;
	color:#000;
	background:#fff;
	/*hyphens:auto;*/
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
    display:none;
}
body:not(.search-results) article:not(.type-page) .entry-content {
    float:none;
    width:100%;
    margin-bottom:50px;
}
h1, h1.entry-title, h2, h3, h4, .conf-day, a.backlink, .breadcrumb, .more, .more-imgs {
	font-family: 'AtakSemibold-Web';
	font-weight:normal !important;
	font-size:48px !important;
	color:#c80b0e;
	margin:20px 0 -5px !important;
	letter-spacing:0.6px;
	hyphens:none;
}
h1.entry-title {
	font-size:48px !important;
	letter-spacing:1px;
	line-height:1.1;
	margin:33px 0 29px !important;
	hyphens:none;
}
h2, .editorial {
	font-size:30px !important;
	margin-bottom:0 !important;
	letter-spacing:1px;
	text-align:center;
	hyphens:none;
}
.editorial {
	color:#c80b0e;
	font-family:'AtakSemibold-Web';
}
h3, #post-2 h2:first-of-type {
	font-size:28px !important;
	margin:30px 0 !important;
	color:#000;
	hyphens:none;
}
#post-2 h2:first-of-type {
	margin:0 !important;
	text-align:left;
	hyphens:none;
	color:#c80b0e;
}
#post-7 .entry-content.intro > p:nth-of-type(2) {
	margin:0 0 30px;
	text-align:center;
	font-family:'AtakMedium', sans-serif;
	font-size:20px;
	color:#c80b0e;
	border-top:1px solid #ccc;
	padding-top:20px;
}
/*h2 {
	font-size:30px !important;
	margin-bottom:-2px !important;
	letter-spacing:1px;
}
h3 {
	font-size:28px !important;
	margin:30px 0 !important;
	color:#000;
}*/
a.backlink, .breadcrumb {
	text-align:center;
	font-size:30px !important;
	letter-spacing:1px;
	margin:0 !important;
	color:#c80b0e;
	line-height:1.1;
	cursor:pointer;
}
.entry-content h4 {
	font-size:28px !important;
	letter-spacing:0;
	text-transform:none;
	margin:-3px 0 2px !important;
	line-height:1.1;
}
a, a:focus {
	color:#000;
	outline:none;
}
a:hover, a:hover .theatre-category, a:hover .theatre-time-place {
	color:#3d4898;
}
h3 a {
	color:#c80b0e;
	hyphens:none;
}
.entry-content a {
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-decoration-color:#c80b0e;
	color:#000;
	box-shadow:none;
}
.entry-content a:hover {
	color:#3d4898;
}
.entry-content p {
	margin-bottom:30px;
}
.entry-content > p:last-of-type {
	margin-bottom:40px;
}
.entry-content.pm > p:last-of-type, .entry-content.intro > p:last-of-type {
	margin-bottom:0;
}
.entry-content.intro {
	margin-top:0;
}
.entry-content.intro h1 {
	margin-top:23px !important;
	hyphens:none;
}
.entry-content.intro ul {
	margin-left:25px;
}
.entry-content.pm {
	margin-bottom:50px;
	display:none;
}
.entry-content.pm h3 {
	text-align:left;
}

.entry-content.banner {
	margin:50px 0 10px !important
}
.entry-content.news {
	margin:15px 0 -16px !important
}
.entry-content.imgs::before {
	display:none;
}
.img-container {
	width:470px;
	margin-bottom:20px;
}
.entry-content.imgs {
	display:none;
	margin:10px 0 50px;
}
.entry-content.imgs img {
	margin-bottom:5px;
	display:block;
}
.entry-content.imgs p {
	font-size:1rem;
	margin:0;
}
.entry-content.imgs p.foto-credit {
	margin-bottom:5px;
	font-size:28px;
}

a.backlink, .breadcrumb {
	display:block;
	margin-bottom:32px !important;
}
 a.backlink:hover, .more:hover, .more-imgs:hover, .pdf-link:hover {
	color:#3d4898;
}
.backlink br {
	display:none;
}
article, .site-main {
	margin-bottom:0 !important;
}
.site, .site-branding {
    margin:0 !important;
	overflow:visible;
}
.site-branding div {
	margin-top:-8px;
    font-family:'AtakSemibold-Web';
	font-size:55px;
}
.site-header {
    padding:12px 0 0;
	margin-bottom:50px;
}
.site-header-menu {
	position:absolute;
	top:-12px;
	right:0;
	margin:0;
	padding:0;
	font-size:21px;
	z-index:10;
}
.main-navigation {
	font-family:'AtakSemibold-Web';
	position:relative;
}
.main-navigation a {
	padding-left:0;
}
.main-navigation div:first-of-type, .menu-link.mb {
	padding-left:42px;
	background-image:url('images/dg-Pfeil.png');
	background-repeat:no-repeat;
	background-position:22px;
}
.menu-link {
	display:inline-block;
}
.menu-link a:hover, .menu-link a:focus {
	color:#3d4898;
}
.yellow-bar {
	width:100%;
	height:60px;
	background-color:#FFED00;
	margin-top:-36px;
}
.header-img-container {
	width:100%;
	position:relative;
	margin-bottom:0;
}
.header-img-container img {
	display:block;
	width:100vw;
	margin:0 auto;
}
.header-img-portrait {
	display:none !important;
}
.credit {
	width:960px;
	margin:10px auto -10px;
	font-family:'AtakSemibold-Web';
	font-size:16px;
}
video {
	display:block;
	height:auto;
	margin:40px auto 10px;
}
.header-bar {
	height:30px;
	background-color:#000;
}
.konferenz {
	position:absolute;
	top:17px;
	left:50%;
	margin-left:-350px;
	font-family:'AtakSemibold-Web';
	color:#fff;
	font-size:44px;
	letter-spacing:2px;
	line-height:1;
}
.konferenz span {
	font-size:148px;
	letter-spacing:-1px;
	line-height:0.758;
	display:inline-block;
	margin-bottom:8px;
}
.site-inner {
    max-width:100% !important;
}
.site-content, .site-header-main {
	padding:0;
    width:960px;
	margin:0 auto;
	position:relative;
}
.site-header-main {
	height:82px;
}
.content-area {
    float:none;
    margin-right:0;
    width:100%;
}
.more, .more-imgs {
	display:inline-block;
	font-size:30px !important;
	letter-spacing:1px;
	margin-top:-40px !important;
	cursor:pointer;
}
.more-content {
	display:none;
}
.pdf-link {
	font-family:'AtakSemibold-Web';
	font-weight:normal !important;
	font-size:30px !important;
	color:#c80b0e;
	letter-spacing:1px;
	cursor:pointer;
}

.pg-container {
	margin-top:60px;
}
.conf-day {
	margin:20px 0 16px !important;
}

.conf-event {
	border-top:6px solid #000;
	padding:7px 0 7px;
}
.conference > div:first-of-type {
	border:none;
}

.conf-event.hover:hover {/*, .theatre-event:hover*/
	background-color:#C4C3E3;
}
.conf-block:hover {
	background-color:#FFED00;
}
.conf-event p, .theatre-event p {
	margin:0;
	line-height:1.16;
}
.conf-block {
	margin:10px 0 50px;
	border-top:6px solid #000;
	border-bottom:6px solid #000;
	padding:6px 0;
	font-family: 'AtakSemibold-Web';
	font-size:45px;
	background-color:#f39ee0;
	color:#c80b0e;
}

.conf-time-place, h3.conf-time-place, .theatre-time-place, h3.theatre-time-place, .author-txt strong, h4 {
	font-family: 'AtakSemibold-Web';
	font-size:30px !important;
	line-height:1;
	margin-bottom:1px;
	letter-spacing:0;
}
h3.conf-time-place, h3.theatre-time-place {
	text-align:left;
	margin: 0 0 4px !important;
	color:#fff;
}
.theatre-category {
	font-style:italic;
	color:#fff;
}
h2, h3.conf-time-place, .conf-category, .author-txt strong {
	line-height:1;
	padding-top:5px;
	color:#c80b0e;
	font-weight:normal;
}
.conf-event p, .conf-time-place, h4 {
	color:#000;
	hyphens:none;
}
/*.conference {
	margin-top:20px;
}
.conference div:last-of-type {
	border:none;
}*/
.conference:nth-last-child(2) > div:last-of-type {
	border-bottom:6px solid #000;
}

.moredates {
	margin:152px 0 28px !important;
}
.backtostart {
	margin:80px 0 100px !important;
}
.theatre {
	position:relative;
	margin:9px 0 30px;
	padding-top:9px;
	border-top:6px solid #000;
}
.theatre > div:nth-of-type(2) {
	padding-top:50px;
}
.theatre > div:last-of-type {
	padding-bottom:40px;
}
.theatre-hl {
	font-family: 'AtakSemibold-Web';
	position:absolute;
	top:12px;
	width:100%;
	text-align:center;
	font-size:30px;
	pointer-events:none;
	color:#fff;
}
.theatre-event {
	background-color:#3d4898;
	padding:6px 0 9px;
	margin-bottom:6px;
}
.theatre-event.hover:hover {
	background-color:#C4C3E3;
}
.theatre-event:hover div, .theatre-event:hover p, .theatre-event:hover h3, .theatre-event:hover a, .theatre-event a:hover div, .theatre-event a:hover p, .theatre-event a:hover h3 {
	color:#3d4898;
	background-color:#C4C3E3;
}
.theatre-time-place a {
	color:#fff;
}

/*.theatre-event p, .theatre-time-place, h3.theatre-time-place, .theatre-category {
	color:#fff;
}*/
.pgclose-bar {
	width:100%;
	height:6px;
	margin-top:20px;
	background-color:#000;
}
.author-container-outer {
	border-top:6px solid #000;
	padding-top:34px;
}
.author-container-outer > div:last-of-type {
	margin-bottom:14px;
}
.author-container {
	position:relative;
	margin-bottom:65px;
}
.author-container::after {
	content:'';
	position:absolute;
	bottom:-30px;
	width:100%;
	border-top:6px solid #000;
}
.author-container-outer > div:last-of-type::after {
	display:none;
}
.author-img, .author-txt {
	display:table-cell;
	vertical-align:top;
}
.author-txt p:last-of-type {
	margin-bottom:0;
}
.author-img {
	width:240px;
	padding-top:8px;
}
.author-img img {
	width:200px;
}

/* FORMULAR */
form {
	font-size:20px;
	font-family:'AtakMedium', sans-serif;
}
.form-hint {
	background-color:#eee;
	padding:10px;
}
.form-hint p {
	font-size:16px;
	margin-bottom:0;
}
form table {
	margin-bottom:10px;
}
form tr td:first-of-type {
	width:200px;
}
.form-hint.mber {
	margin-bottom:20px;
}
.form-hint.mber table {
	display:none;
}
#become_member, #member_info {
	margin-bottom:30px;
}
.wpcf7-list-item {
	margin-top:5px;
}
.wpcf7-list-item.first {
	margin-left:0;
}
#support {
	margin:30px 0;
	padding:10px;
	border:1px solid #000;
}
#spenden-vermerk {
	font-size:16px;
}
#spnde {
	width:100px;
}
.form-hint:not(.bank), #is_member, #no_member, #become_member, #member_info {
	display:none;
}

.caption {
	font-size:13px;
	margin:12px 0;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb25 {
	margin-bottom:25px !important;
}
.mb-30 {
	margin-bottom:-30px !important;
}
.mt-15 {
	margin-top:-15px !important;
}
.mt60 {
	margin-top:60px !important;
}
.site-footer {
	margin-top:120px;
	padding-bottom:0;
	width:100%;
}
.site-footer img {
	display:block;
	width:960px;
	margin:15px auto;
}
.koop-text {
	width:960px;
	margin:0 auto 30px;
	font-family:'AtakSemibold-Web';
	font-size:16px;
}
.menu-link.mb {
	display:none !important;
}
.footer-bar {
	width:960px;
	height:30px;
	margin:0 auto;
	background-color:#000;
}
.bu {
	font-size:20px;
}
.easy {
	display:none;
}
button.leichte-sprache {
	display:block;
	margin:30px auto 70px;
	padding:12px 15px;
	background-color:#c80b0e;
	font-family:'AtakMedium', sans-serif;
	font-size:28px;
	text-transform:initial;
}
button.leichte-sprache:hover, button.leichte-sprache:focus, button.leichte-sprache:active {
	background-color:#3d4898;
}
.flex {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.header-img-portrait {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 1024px) {
	.koop-text {
		width:100%;
	}
	.koop-text br {
		display:none;
	}
	.credit {
		width:94%;
		margin-left:3%;
	}
	body {
		font-size:1.3em;
		line-height:1.33;
	}
	h1, .conf-day {
		font-size:2.6rem !important;
		line-height:1 !important;
		margin-bottom:5px !important;
	}
	h3, #post-2 h2:first-of-type {
		font-size:1.517rem !important;
	}
	.site-branding div span {
		font-size:40px;
	}
	.site-header-main, .site-content {
		width:100%;
		padding:0 3% 8px;
		height:auto;
		margin-bottom:50px;
	}
	.site-header {
		margin-bottom:30px;
		padding-top:25px;
	}
	.menu-toggle {
		display:none;
	}
	a.backlink {
		line-height:0.9;
	}
	.backlink br {
		display:block;
	}
	.site-branding div {
    	margin-top:-28px;
	}
	.site-header-menu {
		display:block;
		font-size:20px;
		text-align:right;
		top:-10px;
		right:3%;
	}
	.menu-link {
		display:block;
		letter-spacing:0.7px;
	}
	.main-navigation div:first-of-type, .menu-link.mb {
		background-position:0px 7px;
		padding-left:11px;
		background-size:8px 12px;
	}
	.main-navigation a {
		padding:0 !important;
	}
	.yellow-bar {
		height:40px;
		margin-top:-25px;
	}
	.pg-container {
		margin-top:40px;
	}
	h3.conf-time-place, h3.theatre-time-place {
		line-height: 1;
	}
	.konferenz {
		font-size:22px;
		letter-spacing:2px;
		line-height:1;
		top:10px;
		margin-left:-105px;
	}
	.konferenz span {
		font-size:48px;
		margin-bottom:4px;
	}
	.conf-block {
		font-size:38px;
	}
	.header-img {
		display:block;
	}

	.entry-content {
		margin:0;
	}
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
		margin:0;
	}
	.author-img img, .footer-bar {
		width:100%;
	}
	.author-txt strong {
		font-size:22px !important;
	}
	.caption {
		margin:3px 0 16px !important;
		font-size:14px;
	}
	.entry-content.imgs p.foto-credit {
		font-size:1.2rem;
	}
	.site-footer {
		margin-top:0;
		padding:0 3%;
	}
	.mb25 {
		margin-top:80px !important;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
	.site-header-menu {
		width:50%;
	}
	.menu-link.mb {
		display:block !important;
		position:absolute;
		top:0;
		left:15px;
	}
	.dt, .header-img {
		display:none !important;
	}
	.header-img-portrait {
		display:block !important;
	}
	.header-img-container {
		margin-top:40px;
		padding:15px 0;
	}
	.header-img-container img {
		width:auto;
	}
	.author-img, .author-txt {
		display:block;
	}
	.author-img {
		width:60%;
		padding:6px 3% 0 0;
	}
	.author-txt {
		width:100%;
	}
	
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : landscape) {
	.header-img-container {
		margin-top:10px;
		padding:15px 3%;
	}
	.header-img-container img {
		width:100%;
		margin:0;
	}
	.site-header-main {
		margin-bottom:0;
		padding-bottom:0;
	}
	.site-branding div {
    	margin-top:-18px;
	}
	.main-navigation div:first-of-type, .menu-link.mb {
		padding-left:14px;
	}
	.konferenz {
		font-size:26px;
		letter-spacing:2px;
		line-height:1;
		top:65px;
		margin-left:-250px;
	}
	.konferenz span {
		font-size:58px;
		margin-bottom:4px;
	}
	.site-header {
		padding-top:5px;
	}
	.site-header-menu {
		top:0;
		width:80%;
	}
	.menu-link {
		display:inline-block;
		margin-left:20px;
	}
	.author-img {
		width:25%;
		padding:6px 3% 0 0;
	}
	.author-txt {
		width:72%;
	}
}