@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child DG
 Description:  Twentynineteen Child Theme for Dramaturgische Gesellschaft
 Author:       Chris
 Template:     twentynineteen
 Version:      1.0.1
 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')
}
html, body {
	overflow-x:hidden;
}
body {
	position:relative;
	min-height:100vh;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	line-height:34px;
	color:#000;
	hyphens:auto;
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after, h1:not(.site-title)::before, h2::before, .entry .entry-title::before, .mobile-parent-nav-menu-item, .submenu-expand, .menu-item-link-return {
    display:none;
}
body:not(.search-results) article:not(.type-page) .entry-content {
    float:none;
    width:100%;
    margin-bottom:50px;
}
a {
	transition:none;
}
article {
	position:relative;
}
.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
    display:none;
}
.background-home {
	position:absolute;
	top:0;
	left:65px;
	width:calc(100% - 65px);
	height:100vh;
	background-size:cover;
	background-position:center;
}
.title-home {
	position:absolute;
	bottom:110px;
	left:0;
	width:100%;
	max-width:1024px;
	font-family:'AtakSemibold-Web';
	font-size:130px;
	line-height:1;
}
@media only screen and (min-width : 1025px) and (max-width : 1350px) {
	.title-home {
		font-size:130px !important;
	}
}
.title-home p {
	margin:0;
}
.site-header.home .title-home a {
	color:#F73535;
}
.site-header.home a.site-header-hover {
	color:#fff !important;
}
a.featured-teaser-hover {
	color:#F73535 !important;
}
.site-header.home .arrow-down.site-header-hover {
	background-position-y:-90px;
}
.arrow-down, .arrow-down-mobile {
	position:absolute;
	z-index:10;
	width:90px;
	height:90px;
	bottom:-14px;
	left:50%;
	margin-left:-45px;
	background:url('images/Pfeil.svg') no-repeat;
	background-size:90px;
	cursor:pointer;
}
.entry-content a {
	color:#000;
}
a:hover, .menu-main-menu-container a:hover, .aktiv-title:hover, .aktiv-to-top:hover, .load-more:hover {
	color:#F73535 !important;
}
a, a:focus {
	outline:none;
}
a:active, a:focus, a:visited {
	text-decoration:none;
	color:#fff;
}
.entry-content a:hover {
	text-decoration:underline !important;
}
.entry-content a:active, .entry-content a:focus, .entry-content a:visited {
	/*text-decoration:underline !important;*/
	color:#000;
}
h1, h1.entry-title, h2, h3, .breadcrumb {
	font-family:'AtakSemibold-Web';
	font-weight:normal;
	/*max-width:980px;*/
}
h1 {
	font-size:80px;
	line-height:1;
	letter-spacing:1px;
	margin:0 0 100px;
	color:#3662FF;
}
h1.title-home {
	margin-bottom:0;
}
h1.title-conf-single {
	margin:-11px 0 1px;
}
.entry .entry-content h1.team {
	max-width:1235px;
	margin-bottom:42px;
}
h2, .h2 {
	font-size:48px;
	line-height:50px;
	margin:0 0 6px;
	letter-spacing:0;
	font-family:'AtakSemibold-Web';
}
.h1-small {
	margin:8px 0 48px;
	font-size:48px;
	letter-spacing:0;
	color:#000;
}
h3, .entry .entry-content > h3, .h3 {
	font-size:33px;
	line-height:35px;
	margin:0;
	letter-spacing:0;
	font-family:'AtakSemibold-Web';
}
h3.subtitle-conf-single {
	color:#3662FF;
	margin-top:10px;
}
h3.h3-vorstand {
	margin:130px 0 0;
}
h4 {
	font-family:'AtakSemibold-Web';
	margin:0 0 10px;
	font-weight:normal;
	font-size:1.15rem;
}
p.p-conf-single {
	display:inline-block;
	margin:80px 0 50px;
	font-family:'AtakSemibold-Web';
	font-size:33px;
}
p.team-funktion {
	margin:0 0 10px;
	font-family:'AtakSemibold-Web';
}
.pdf-section {
	position:relative;
}
p.p-pdf {
	margin:0 0 43px;
	font-family:'AtakSemibold-Web';
	font-size:33px;
	max-width:980px;
}
p.p-pdf a {
	color:#000;
	text-decoration:underline;
}
.conf-websitelink {
	position:relative;
	margin:50px 0 10px;
	line-height:50px;
	width:fit-content;
	font-family:'AtakSemibold-Web';
	font-size:48px;/*33px*/
	text-decoration:underline;
	cursor:pointer;
}
.conf-websitelink:hover, .close-conf-section:hover {
	color:#F73535;
}
.conf-websitelink.page-bottom {
	margin-bottom:60px;
}
.conf-websitelink a {
	color:#000;
}
.video-container, .text-list {
	display:none;
}
.text-list a, .text-list a:visited, .text-list a:active, .text-list a:focus {
	margin-left:20px;
	color:#000;
	text-decoration:underline;
}
.close-conf-section {
	margin-top:20px;
	font-family:'AtakSemibold-Web';
	text-decoration:underline;
	cursor:pointer;
}

.entry .entry-content > div {
	margin:0;
}
.entry .entry-content > p {
	margin:0 0 33px;
}
.entry-content.mb52.print-only.konferenz {
	margin-top:100px;
}
ul, .entry .entry-header, .entry .entry-content, .site-header {
	margin:0;
	padding:0;
}
.entry-header {
	hyphens:none;
}
#page {
    width: calc(100% + 560px);
}
.site {
	position:relative;
	left:-560px;
	transition:left 0.5s;
}
.site.show-menu {
	left:0;
}
.entry .entry-content, .entry .entry-content > div, .entry .entry-content > p, .entry .entry-summary {
    position:relative;
	max-width:980px;
}
#post-1053 .entry-content, #post-1053 .entry-content > div, #post-1053 .entry-content > p, #post-1053 .entry-summary { max-width:1200px }
.site-header {
	position:relative;
	top:14px;
	margin-left:655px;
	font-family:'AtakSemibold-Web';
	font-size:48px;
	line-height:50px;
}
.site-header a {
	color:#000;
}
.site-header.home {
	height:100vh;
}
.site-header.home a {
	color:#fff;
}
.site-branding-container {
	display:inline-block;
}
.social-search-container {
	position:absolute;
	z-index:50;
	width:500px;
	height:42px;
	top:26px;
	right:0;
	text-align:right;
	padding-right:50px;
}
.fb {
	display:inline-block;
	width:35px;
	height:35px;
	background-image:url('images/FB_schwarz.svg');
	background-size:35px;
	vertical-align:top;
}
.social-search-container.white .fb {
	background-image:url('images/FB_weiss.svg');
}
.search-form {
	display:inline-block;
	vertical-align:top;
	margin-top:-3px;
}
input[type="search"].search-field {
	width:0;
	padding:0;
	margin-left:0;
	transition:width 0.5s, padding-left 0.5s, margin-left 0.5s;
	border:none;
	font-family:'AtakSemibold-Web';
	font-size:25px;
	line-height:35px;
}
input[type="search"].search-field.open {
	width:200px;
	margin-left:15px;
	border-bottom:2px solid #000;
}
input[type="search"].search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family:'AtakSemibold-Web';
	font-size:25px;
}
input[type="search"].search-field::-moz-placeholder { /* Firefox 19+ */
	font-family:'AtakSemibold-Web';
	font-size:25px;
}
input[type="search"].search-field:-ms-input-placeholder { /* IE 10+ */
	font-family:'AtakSemibold-Web';
	font-size:25px;
}
input[type="search"].search-field:-moz-placeholder { /* Firefox 18- */
	font-family:'AtakSemibold-Web';
	font-size:25px;
}
input[type="search"].search-field::placeholder, .wpcf7-form textarea::placeholder { /* Firefox 18- */
	font-family:'AtakSemibold-Web';
	font-size:25px;
}
input[type="search"]:focus {
	outline:none;
}
.search {
	display:inline-block;
	margin-left:12px;
	width:43px;
	height:42px;
	background-image:url('images/Lupe_schwarz.svg');
	background-size:42px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.social-search-container.white .search {
	background-image:url('images/Lupe_weiss.svg');
}

.site-content {
	margin:50px 0 0 625px;
}
nav {
	height:0;
	width:500px;
	position:absolute;
	z-index:100;
}

.menu-main-menu-container {
	position:fixed;
	width:625px;
	height:100vh;
	padding:14px 0 50px 33px;
	background-color:#00D393;
	color:#fff;
}
.menu-main-menu-container.show-menu {
	opacity:1;
}
#menu-main-menu {
	font-family:'AtakSemibold-Web';
	font-size:48px;
	opacity:0;
	transition:opacity 0.5s;
}
#menu-main-menu.show-menu {
	opacity:1;
}
ul.sub-menu {
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:44px;
}
#menu-item-10 .sub-menu {
	height:0;
    transition:height 0.5s ease-out;
    overflow:hidden;
}
#menu-item-10:hover .sub-menu {
	height:236px;
	transition:height 0.5s ease-in;
}
#menu-item-11 .sub-menu {
	height:0;
    transition:height 0.5s ease-out;
    overflow:hidden;
}
#menu-item-11:hover .sub-menu {
	height:288px;
	transition:height 0.5s ease-in;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-9.current_page_item.menu-item-has-children.menu-item-10 .sub-menu {
	height:236px !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-8.current_page_item.menu-item-has-children.menu-item-11 .sub-menu {
	height:288px !important;
}

.menu-main-menu-container li {
	line-height:52px;
}
.menu-main-menu-container a {
	color:#fff;
}
.menu-main-menu-container ul {
	list-style-type:none;
}
.menu-label {
	position:fixed;
	z-index:1;
	margin-top:21px;
	left:0;
	width:65px;
	font-family:'AtakSemibold-Web';
	font-size:48px;
	line-height:50px;
	color:#fff;
	text-align:center;
	opacity:1;
	transition:opacity 0.5s;
	pointer-events:none;
}
.menu-label.show-menu {
	opacity:0;
}
.current-menu-item a {
	color:#F73535;
}
.current_page_ancestor ul.sub-menu {
	display:block;
}

.content-area {
	margin-left:30px;
}
.entry-content.home {
	max-width:1235px;
	font-family:'AtakSemibold-Web';
	font-size:55px;
	line-height:1;
}
.entry-content.home.featured {
	margin-bottom:105px;
}
.entry-content.home.featured a, .entry-content.home.featured a:hover {
	text-decoration:none !important;
}
.entry .entry-content > div.news-container {
	position:relative;
	max-width:100%;
	margin:55px 0;
	padding:12px 0 0 433px;
	font-family:'AtakSemibold-Web';
	color:#3662FF;
}
.news-container > div:first-of-type {
	position:absolute;
	top:0;
	left:0;
	font-size:100px;
	line-height:0.6;
}
.news {
	display:table;
	width:100%;
	margin-bottom:30px;
	color:#3662FF;
}
.news div {
	display:table-cell;
}
.news div:first-of-type {
	width:650px;
	padding-right:53px;
	font-size:33px;
	line-height:1.05;
}
.news div:last-of-type, .team-cell {
	font-size:55px;
	color:#000;
	vertical-align:middle;
	text-align:right;
}
.blogteaser-container {
	margin-bottom:100px;
}
.blogteaser {
	display:table;
	width:calc(100% + 30px);
	height:300px;
	overflow:hidden;
	margin:0 0 20px -30px;
	font-family:'AtakSemibold-Web';
	background-color:#7C3DCB;
	color:#fff;
}
.blogteaser > div {
	display:table-cell;
	vertical-align:top;
}
.confteaser {
	margin:0 0 20px -30px;
	font-family:'AtakSemibold-Web';
	background-color:#7C3DCB;
	color:#fff;
}
.teaser-img {
	width:450px;
}
.teaser-img div {
	background-color:#F73535;
}
.teaser-text {
	position:relative;
	padding:25px 0 0 40px;
	font-size:33px;
	hyphens:none;
}
.confteaser .teaser-text {
	padding-top:30px;
}
.confteaser p {
	margin:25px 0 47px;
	line-height:1.05;
}
.blogteaser a {
	color:#fff;
}
.blogteaser h2, .confteaser h2 {
	position:relative;
	font-size:55px;
	letter-spacing:0.1px;
	line-height:1;
}
.blogteaser h2 br {
	display:none;
}
.blogteaser img {
	display:block;
}
.blogteaser p {
	margin:24px 0 0;
	max-width:850px;
	line-height:1.05;
}
.teaser-text.no-img {
	padding-left:40px;
}
.blogteaser .teaser-text.no-img p {
	max-width:1280px;
}
/*.highlight {
	position:absolute;
	top:-3px;
	left:0;
	display:inline-block;
	width:109px;
	height:60px;
	background:url('images/Pfeil_Highlight.svg') no-repeat left;
	background-size:220px;
}*/
.pl120 {
	padding-left:120px;
}

.entry .entry-content .news a, .entry .entry-content .news a:hover, .team-cell a, .team-cell a:hover {
	text-decoration:none !important;
}

.violet-link {
	padding:25px 0 25px 30px;
	background-color:#3662FF;
	font-family:'AtakSemibold-Web';
	font-size:100px;
	color:#fff;
	margin:0 0 20px -30px;
	line-height:1;
}
.violet-link:hover, .blogteaser:hover, .confteaser:hover {
	background-color:#F73535;
}
.blogteaser:hover .highlight {
	background-position:-110px;
}
.blogteaser:hover img {
	mix-blend-mode:multiply;
}

.entry .entry-content .team-container {
	width:100%;
	max-width:1235px;
	display:table;
}
.team-container > div:last-of-type {
	padding-bottom:14px;
}
.entry .entry-content .team-portraits {
	max-width:1050px;
}
.team-cell {
	display:table-cell;
	font-family:'AtakSemibold-Web';
}
.team-portraits a {
	margin:0 14px 14px 0;
	background-color:#F73535;
}
.team-portraits img {
	height:137px;
	width:102px;
}
.team-portraits img:hover {
	opacity:0;
}

.entry .entry-content .team-entry-outer {
	margin-top:60px;
}
.entry .entry-content .team-entry {
	margin-bottom:70px;
}
.entry .entry-content .team-entry-outer > div:last-of-type {
	margin-bottom:0;
}
#post-19 .attachment-post-thumbnail {
	margin-bottom:0 !important;
	max-width:980px;
}
.team-entry img {
	display:block;
	margin-bottom:10px;
}
.team-entry-inner {
	width:980px;
}

.entry .entry-content .jobs-container > div {
	margin-bottom:40px;
}
.entry .entry-content .edu-container > div {
	margin-bottom:60px;
}
.entry .entry-content .edu-container > div .atak-font {
	margin-bottom:0 !important;
}
.termine-container h3 {
	margin-bottom:10px;
}
.entry .entry-content .termine-container > div:last-of-type, .entry .entry-content .jobs-container > div:last-of-type, .entry .entry-content .edu-container > div:last-of-type {
	margin-bottom:0;
}
.entry .entry-content .termin-entry {
	margin-bottom:40px;
}
.load-more {
	display:inline-block;
	font-family:'AtakSemibold-Web';
	font-size:55px;
	line-height:1;
	cursor:pointer;
	margin-top:18px !important;
}
.disable {
	opacity:0.3;
	pointer-events:none;
}

.entry .entry-content .download-container {
	margin-top:60px;
}
.download-container img {
	width:198px;
	margin-right:37px;
	border: 1px solid #aaa;
}
.entry .entry-content .download-container div:last-of-type {
	margin-bottom:16px;
}
.entry .entry-content .download-entry {
	width:645px;
	font-family:'AtakSemibold-Web';
	font-size:33px;
	line-height:33px;
	margin-bottom:33px;
}
.pdf-contents {
	margin-bottom:0 !important;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;	
}
.pdf-contents p:last-of-type {
	margin-bottom:0;
}
.entry .entry-content .aktiv-container {
	margin-bottom:115px;
}
.entry .entry-content .aktiv-container div:last-of-type {
	margin-bottom:16px;
}
.entry .entry-content .aktiv-title {
	font-family:'AtakSemibold-Web';
	font-size:33px;
	line-height:53px;
	text-decoration:underline;
	cursor:pointer;
}
.entry .entry-content .aktiv-entry {
	margin-bottom:100px;
}
.entry .entry-content .aktiv-to-top {
	font-family:'AtakSemibold-Web';
	font-size:55px;
	line-height:1;
	margin-bottom:115px;
	cursor:pointer;
}
.entry .entry-content .aktiv-content-container div:last-of-type {
	margin-bottom:0;
}

.wp_bannerize_container.wp_bannerize_layout_vertical {
	margin:30px 0 30px -30px;
}
.kleist-winners {
	margin-bottom:60px !important;
}
.kleist-winners > span {
	font-family:'AtakSemibold-Web';
	font-size:23px;
}
.kleist-winners h3 {
	margin:1px 0 19px;
}
.kleist-winners img {
	display:block;
	width:200px;
	height:auto;
}
.kleist-winners p:first-of-type {
	margin-top:33px;
}
.kw-img {
	line-height:0.8;
}
.kw-text {
	width:750px;
	margin-top:-10px;
}


/* Slider */
.slider-container {
	position:relative;
	margin:50px 100px 70px;
	width:900px;
}
.slider-container.konf {
	position:absolute;
	left:-10000px;
}
.slider-container.konf.initiate {
	display:none;
	position:relative;
	left:0;
}
.slider {
	width:900px;	
}
.slick-list {
	padding:0 !important;
}
.prod-arr-main-left, .prod-arr-main-right {
	position:absolute !important;
	z-index:1;
	top:0;
	left:-100px;
	height:600px;
	width:40%;
	cursor:pointer;
}
.prod-arr-main-right {
	left:auto;
	right:-100px;
}
.prod-arr-main-left div, .prod-arr-main-right div {
	position:absolute;
	top:calc(50% - 40px);
	left:0;
	height:80px;
	width:80px;
	background-image:url('images/Pfeil.svg');
	background-size:80px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	pointer-events:none;
}
.prod-arr-main-right div {
	left:auto;
	right:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.dot-container {
	text-align:center;
}
.dot-container li {
	list-style-type:none;
	display:inline-block;
}
.gal-navi {
	position:absolute;
	top:538px;
	right:0;
	width:100%;
	z-index:20;
}
.gal-navi button {
	width:15px;
	height:15px;
	border-radius:7.5px;
	cursor:pointer;
	background-color:#fff;
	font-size:0;
	margin:0 5px;
	padding:0;
}
.gal-navi button:focus {
	outline:none;
}
.gal-navi button:hover, .gal-navi .slick-active button {
	background-color:#F83636;
	transition:background-color 2s;
}

/* Footer */
footer {
	position:relative;
	width:100%;
	margin:112px 0 0 560px;
	padding:20px 30px 40px 96px;
	background-color:#000;
	font-family:'AtakSemibold-Web';
	font-size:33px;
	line-height:44px;
}
.footer-link-container {
	display:inline-block;
	color:#fff;
}
.footer-link-container.language {
	position:absolute;
	top:20px;
	left:620px;
	display:none;
}
.footer-link-container.top {
	position:absolute;
	top:65px;
	left:1170px;
	padding-right:60px;
	background:url('images/icon-totop.png') no-repeat right -37px;
	cursor:pointer;
}
footer a {
	display:block;
	color:#fff;
}
footer a:hover, .footer-link-container.top:hover {
	color:#F73535;
	background-position-y:3px;
}

@media only screen and (min-width : 1025px) and (max-width : 1350px) {
	.title-home {
		font-size:10.9vw;
	}
	.violet-link, .news-container > div:first-of-type, .entry .entry-content h1.team {
		font-size:7.4vw;
	}
}

.video-section {
	margin-top:45px;
}
.video-outer {
	width:1000px;
}
.video-wrapper {
	position:relative;
	width:100%;
	height:0;
	overflow:hidden;
	padding-top:56.25%;
}
.video-wrapper iframe, .video-wrapper img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}
.video-wrapper img {
	cursor:pointer;
}
p.video-caption, p.gal-caption {
	margin:20px 0 105px;
	font-family:'AtakSemibold-Web';
	font-size:23.5px;
	line-height:1.1;
	max-width:1000px;
}
.video-tooltip {
	opacity:0;
	position:absolute;
	bottom:10px;
	left:0;
	padding:5px 10px;
	font-size:16px;
	background-color:rgba(255,255,255,0.7);
	transition:opacity 0.3s;
}
.video-wrapper img:hover ~ div, .video-wrapper > div:hover {
	opacity:1;
}
.video-tooltip a {
	color:#000;
	text-decoration:underline;
}
.video-play-icon {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url('images/video-play-icon.svg') no-repeat;
	background-size:100px;
	background-position:center;
	pointer-events:none;
}
p.gal-caption {
	margin:20px 0 0;
}
p.gal-caption span, .kw-img span {
	font-size:16px;
	font-family:'AtakSemibold-Web';
	line-height:1.1;
}
.caption {
	position:absolute;
	bottom:-30px;
	left:40px;
	font-size:16px;
}
.flex {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex.space-between {
	-ms-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
/*.entry-content.mb52 p:first-of-type {
	margin-top:0;
}*/
.entry-content.mb52 h4 {
	margin-bottom:-20px;
}
.mt43 {
	margin-top:43px !important;
}
.mt145 {
	margin-top:145px !important;
}
.mb52 {
	margin-bottom:52px !important;
}
.mb60 {
	margin-bottom:60px !important;
}
.mb70 {
	margin-bottom:70px !important;
}
.pb124 {
	padding-bottom:124px;
}
.fs33 {
	font-size:33px;
}
.no-hyphens {
	hyphens:none;
}
.printfriendly {
	position:absolute;
	height:34px;
	line-height:34px;
	bottom:50px;
	right:50px;
	font-family:'AtakSemibold-Web';
	padding-left:45px;
	background:url('images/printer-icon.png') no-repeat;
	cursor:pointer;
}
.printfriendly:hover {
	background-position-y:-34px;
}
.printfriendly:hover a {
	color:#F73535 !important;
	text-decoration:none !important;
}
.printfriendly a {
	font-weight:normal !important;
	color:#000;
	text-decoration:none !important;
}
.printfriendly img {
	margin-right:10px !important;
}
.pf-wrapper {
	position:absolute;
	left:calc(100vw - 380px);
	top:85px;
	width:270px;
}
.pf-wrapper-conf {
	position:relative;
	top:-50px;
}
.pf_bottom {
	position:absolute;
}
.pf-bottom {
	padding-top:10px;
}
.atak-font {
	margin-bottom:-20px !important;
	font-family:'AtakSemibold-Web';
	line-height:1.1;
}
#menu-item-1113 {
	margin-top:20px;
}
#menu-item-1112, #menu-item-1113 {
	font-size:32px;
	line-height:1.3;
}

/*** HIDE ON DESKTOP ***/
#only-mobile, .only-mobile, .close, .main-menu-more, .background-home-mobile, .search-form input[type="submit"], .to-top, .arrow-down-mobile {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 1024px) {
	html, body {
		font-size:16px;
		line-height:20px;
		width:100vw;
	}
	#only-mobile {
		display:inline;
	}
	.only-mobile {
		display:block;
	}
	h1 {
		font-size:42px;
		line-height:42px;
		margin-bottom:60px;
		letter-spacing:0.8px;
	}
	.h1-small {
		font-size:24px;
	}
	h2, .h2 {
		font-size:24px;
		line-height:25px;
	}
	h3, .entry .entry-content > h3, .h3 {
		font-size:22px;
		line-height:23px;
		margin-bottom:8px;
	}
	.team-entry-inner h3 {
		margin-bottom:2px;
	}
	.background-home-mobile {
		display:block;
		position:relative;
		top:14px;
		width:100%;
	}
	.background-home, .site-header span, .title-home, .arrow-down, .pf-wrapper, .printfriendly {
		display:none;
	}
	.title-home-mobile {
		position:relative;
		bottom:37px;
		left:18px;
		font-family:'AtakSemibold-Web';
		color:#F73535;
		font-size:50px;
		line-height:50px;
		width:calc(100% - 18px);
	}
	.title-home-mobile p {
		margin:0;
	}
	.title-home-mobile a {
		color:#F73535;
	}
	.arrow-down-mobile {
		position:relative;
		display:block;
		width:35px;
		height:34px;
		bottom:22px;
		top:auto;
		margin-left:-17px;
		background-size:35px;
	}
	.entry-content.home.featured {
		margin-bottom:60px;
		font-size:28px;
	}
	.blogteaser {
		height:auto;
	}
	.teaser-img {
		width:auto;
	}
	.blogteaser h2, .confteaser h2 {
		font-size:33px;
		line-height:1.1;
	}
	.blogteaser p {
		margin-top:0;
	}
	.blogteaser img {
		width:100%;
	}
	.blogteaser:hover img {
		mix-blend-mode:normal;
	}
	.teaser-text, .confteaser .teaser-text {
		padding:5px 10px 25px 40px;
		font-size:22px;
	}
	
	.confteaser p {
		margin-top:-8px;
	}
	.pl120 {
		padding-left:0;
	}
	.highlight {
		position:relative;
		margin-right:12px;
		top:8px;
		height:40px;
		width:70px;
		background-size:163px;
		background-position:-12px center;
	}
	.blogteaser:hover .highlight {
		background-position:-94px center;
	}
	.violet-link:hover, .blogteaser:hover, .confteaser:hover {
		background-color:#7C3DCB;
	}
	#page {	
		width:100%;
		border-left:32px solid #00D393;
	}
	.site {
		right:0;
		transition:right 0.5s;
		left:auto;
	}
	.site.show-menu-mobile {
		right:calc(-100vw + 32px);
	}
	.site-header {
		top:2px;
		margin-left:16px;
		font-size:36px;
		line-height:36px;
	}
	.site-header.home {
		height:auto;
	}
	.site-header.home a {
		color:#000;
	}
	nav {
		position:absolute;
		width:32px;
		height:100%;
	}
	.menu-main-menu-container {
		position:absolute;
		width:100vw;
		left:-100vw;
		height:100%;
		transition:left 0.5s;
		padding:3px 50px 50px 7px;
	}

	.menu-main-menu-container li {
		line-height:33px;
	}
	.menu-main-menu-container br, .violet-link span {
		display:none;
	}
	#menu-main-menu {
		opacity:1;
		font-size:24px;
	}
	ul.sub-menu {
		font-size:24px;
		padding:0 0 40px;
	}
	.menu-label {
		width:32px;
		font-size:24px;
		line-height:25px;
		top:0;
	}
	.menu-label.show-menu-mobile {
		opacity:0;
	}
	.site-content {
		margin:10px 0 0 0;
	}
	.close {
		display:block;
		position:absolute;
		z-index:0;
		width:32px;
		height:32px;
		right:40px;
		top:3px;
		background:url('images/Kreuz.svg') no-repeat center;
		background-size:18px;
		opacity:0;
		transition:opacity 0.5s;
	}
	.close.show-menu-mobile {
		opacity:1;
		z-index:2;
	}
	.social-search-container {
		width:80%;
		height:42px;
		top:7px;
		right:0;
		text-align:right;
		padding-right:3%;
	}
	.fb {
		width:24px;
		height:24px;
		background-image:url('images/FB_schwarz.svg');
		background-size:24px;
	}
	.social-search-container.white .fb {
		background-image:url('images/FB_schwarz.svg');
	}
	input[type="search"].search-field.open {	
		width:170px;
		margin-left:0;
	}
	input[type="search"].search-field.open {	
		font-size:16px;
		line-height:24px;
	}
	input[type="search"].search-field::-webkit-input-placeholder {
		font-size:16px;
	}
	input[type="search"].search-field::-moz-placeholder {
		font-size:16px;
	}
	input[type="search"].search-field:-ms-input-placeholder {
		font-size:16px;
	}
	input[type="search"].search-field:-moz-placeholder {
		font-size:16px;
	}
	input[type="search"].search-field::placeholder, .wpcf7-form textarea::placeholder {
		font-size:16px;
	}
	.search {
		margin-left:4px;
		width:29px;
		height:28px;
		background-image:url('images/Lupe_schwarz.svg');
		background-size:28px;
		cursor:default;
	}
	.social-search-container.white .search {
		background-image:url('images/Lupe_schwarz.svg');
	}
	.entry .entry-header {	
		padding-left:18px;
	}
	.entry .entry-content, .entry .entry-content > p, .entry .entry-summary {
		max-width:96%;
		padding-left:18px;
	}
	.entry .entry-content > p {
		padding-left:0;
	}
	
	.content-area {
		margin-left:0;
	}
	.violet-link {
		font-size:44px;
		margin:0 0 9px 0;
		padding:15px 0 15px 18px;
	}
	
	.entry .entry-content > div.news-container {
		margin:50px 0;
		padding-left:0;
	}
	.news-container > div:first-of-type {
		position:relative;
		font-size:44px;
		margin-bottom:10px;
	}
	.news {
		display:block;
		margin-bottom:40px;
	}
	.news div, .entry .entry-content .team-container, .team-cell {
		display:block;
	}
	.news div:first-of-type {
		width:auto;
		font-size:22px;
		line-height:24px;
		padding-right:0;
	}
	.news div:last-of-type, .team-cell {
		font-size:33px;
		margin:24px 40px 0 0;
	}
	.entry .entry-content h1.team {
		margin:75px 0 20px;
	}
	
	/*.mb52 {
		margin-bottom:85px !important;
	}*/
	.pb124 {
		padding-bottom:85px;
	}
	.video-section {
		margin-top:25px;
		padding-left:18px;
	}
	.video-outer {
		width:auto;
	}
	p.p-conf-single {
		margin:15px 0 25px;
		font-size:22px;
	}
	p.p-pdf {
		margin-bottom:30px;
		padding:0 10px 0 18px;
		font-size:22px;
		line-height:1;
		max-width:100%;
	}
	.conf-websitelink {
		margin-bottom:0;
		font-size:22px;
		line-height:1.25;
	}
	.conf-websitelink.page-bottom {
		margin-bottom:0;
		padding-left:18px;
	}

	h1.title-conf-single {
		margin: 0 0 -11px;
		hyphens:initial;
	}
	.blogteaser h2 {
		hyphens:initial;
	}
	h3.h3-vorstand {
		margin-top:15px;
		padding-right:10px;
	}
	
	.entry .entry-content .team-entry-outer > div:last-of-type {
		margin-bottom:50px;
	}
	
	.entry .entry-content .team-entry-outer {
		margin-top:30px;
	}
	.entry .entry-content .team-entry {
		margin-bottom:50px;
	}
	.team-entry img {
		margin:0 0 10px 0;
		width:60%;
	}
	.team-entry-inner {
		width:100%;
	}
	.load-more {
		font-size:33px;
	}
	.entry .entry-content .download-container {
		margin-top:60px;
	}
	.entry .entry-content .download-container div:last-of-type {
		margin-bottom:0;
	}
	.entry .entry-content .download-entry {
		width:97%;
		font-size:22px;
		line-height:23px;
		margin-bottom:0 !important;
	}
	.pdf-contents {
		font-size:16px;
	}
	.entry .entry-content .aktiv-container {
		margin-bottom:70px;
	}
	.entry .entry-content .aktiv-title {
		font-size:22px;
		line-height:43px;
	}
	.entry .entry-content .aktiv-to-top {
		font-size:33px;
		margin-bottom:70px;
	}
	
	.body-if-banner {
		margin-top:90px !important;
	}
	.nav-if-banner {
		margin-top:0 !important;
	}
	.menu-label.label-if-banner {
		margin-top:95px;
	}
	.wp_bannerize_container.wp_bannerize_layout_vertical {
		/*margin:30px 0;*/
		display:none;
	}

	/* Slider */
	.slider-container {
		width:100%;
		margin:50px 0 40px;
	}
	.slider {
		width:100%;
	}
	.prod-arr-main-left, .prod-arr-main-right {
	    left:0;
		padding-top:66.6%;
		height:0;
	}
	.prod-arr-main-right {
	    left:auto;
		right:0;
	}
	.prod-arr-main-left div, .prod-arr-main-right div {
	    top:calc(50% - 20px);
		height:40px;
		width:40px;
		background-size:40px;
	}
	p.video-caption, p.gal-caption {
		margin:10px 0 0;
		font-size:18px;
		padding:0 18px;
	}
	p.video-caption {
		padding:0;
	}
	.kleist-winners img {
		margin-bottom:5px;
		width:60%;
	}

	footer {
		width:100%;
		margin:70px 0 0;
		padding:12px 0 20px 18px;
		font-size:18px;
		line-height:23px;
	}
	footer div:last-of-type {	
		top:12px;
		left:160px;
	}
	.footer-link-container.language {
		position:static;
		vertical-align:top;
		margin-left:40px;
	}
	.footer-link-container.top {
		position:static;
		margin-top:25px;
		padding:0 0 0 30px;
		background-position:left -15px;
		background-size:18px;
	}
	.footer-link-container.top:hover {
		color:#fff;
		background-position:left -15px;
	}
	.to-top {
		display:block;
		background:url('images/Oben-Dreieck.svg') no-repeat left;
		background-size:16px;
		padding-left:26px;
		margin:30px 0 0;
		color:#fff;
	}
	.to-top:hover {
		color:#F73535;
	}
	.atak-font {
		margin-bottom:-10px !important;
	}
	.mt145 {
		margin-top:45px !important;
	}
	.fs33 {
		font-size:22px;
	}
	#post-19 .attachment-post-thumbnail {
		max-width:100%;
	}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
	h3 br, .entry .entry-content > h3 br, .title-home-mobile br {
		display:none;
	}
	.blogteaser > div {
		display:block;
	}
	
	.social-search-container {
		width:70%;
	}
	.team-portraits a {
		width:48%;
		height:48%;
	}
	.prod-arr-main-left div, .prod-arr-main-right div {
	    top:calc(50% - 12px);
		height:24px;
		width:24px;
		background-size:24px;
	}
	.download-container img {
		width:45%;
		margin-bottom:5px;
	}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : landscape) {
	.blogteaser {
		display:flex;
		height:auto;
	}
	.blogteaser > div:first-of-type:not(.no-img) {
		width:35%;
	}
	.blogteaser > div:last-of-type:not(.no-img) {
		width:65%;
	}
	.team-entry img, .kleist-winners img {
		width:30%;
	}
	.download-container a {
		width:25%;
		margin-right:3%;
	}
	.entry .entry-content .download-entry {
		width:72%;
	}
}

@media screen and (max-device-width : 359px) and (max-device-height : 600px) {

}
@media screen and (max-device-width : 359px) and (max-device-height : 600px)
and (orientation : portrait) {
	.entry .entry-content, .entry .entry-content > p, .entry .entry-summary, .entry .entry-header {
		padding-left:12px;
	}
	.site-header {
		margin-left:10px;
	}
	.title-home-mobile {
		left:12px;
	}
	.blogteaser h2, .confteaser h2 {
		font-size:30px;
	}
	h1 {
		font-size:38px;
		line-height:38px;
		letter-spacing:0.6px;
	}
	input[type="search"].search-field.open {	
		width:140px;
	}
	.team-entry img {
		width:60%;
	}
	.kw-img span {
		font-size:14px;
	}