@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child Bader Artsconsulting
 Description:  Twentynineteen Child Theme for Bader Artsconsulting
 Author:       Chris
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentynineteen-child
*/

@font-face {
  font-family: "Mulish";
  src: url("fonts/Mulish-Light.eot"); /* IE9 Compat Modes */
  src: url("fonts/Mulish-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Mulish-Light.svg") format("svg"), /* Legacy iOS */
    url("fonts/Mulish-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Mulish-Light.woff") format("woff"), /* Modern Browsers */
    url("fonts/Mulish-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Mulish-Regular";
  src: url("fonts/Mulish-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Mulish-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Mulish-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Mulish-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Mulish-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Mulish-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MontserratAlt";
  src: url("fonts/MontserratAlternates-SemiBold.eot"); /* IE9 Compat Modes */
  src: url("fonts/MontserratAlternates-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/MontserratAlternates-SemiBold.svg") format("svg"), /* Legacy iOS */
    url("fonts/MontserratAlternates-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/MontserratAlternates-SemiBold.woff") format("woff"), /* Modern Browsers */
    url("fonts/MontserratAlternates-SemiBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Montserrat-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html, body {
	margin:0;
	padding:0;
	overflow-x:auto;
}
body {
	background-color:#FEFDF9;
	color:#000;
	font-family:'Mulish',sans-serif;
	font-size:0.8rem;
	line-height:1.44;
}
body:before, body:after {
	display:none;
}
body:not(.custom-background-image)::after {
    bottom:initial;
}
a, a:hover, a:focus, a:active, a:visited, .press-entry a, .exhib-container a {
	color:#000;
}
.press-entry a, .exhib-container a {
	text-decoration:underline;
	font-style:normal;
}
#post-89 .rightcol-inner-right.text p:nth-of-type(2) a {
	display:inline-block;
	margin:16px 0;
	font-weight:bold;
}
a:hover, .ba:hover, .legal-button:hover, .legal-content div:hover {
	opacity:0.7;
}
p {
	margin:0 0 10px;
}
h1 {
	font-family: 'MontserratAlt', sans-serif;
	font-size:4.05vw;
	margin:0;
	white-space:nowrap;
	font-weight:normal;
}
.text-content h1 {
	font-size:2vw;
	margin-bottom:25px;
	text-transform:uppercase;
	font-family:'Mulish', sans-serif;
}
h2, h3 {
	margin:0 0 30px 200px;
	font-weight:normal;
	font-size:31px;
	font-family: 'MontserratAlt', sans-serif;
	color:#2fa4b6;
}
.intro h2 {
	margin-left:0;
	color:#64191e;
}
h3 {
	font-size:1.2vw;
	margin-bottom:5px;
}
.claim {
	position:absolute;
	z-index:100;
	top:46vh;
	width:100vw;
	color:#fff;
	text-align:center;
	line-height:2.5vw;
	letter-spacing:0;
}
.claim span:first-of-type {
	display:block;
}
.claim span:last-of-type {
	display:inline-block;
	padding:0 20px;
  	line-height:2;
	font-size:1.23vw;
	background-color:#000;
	font-family: 'Montserrat', sans-serif;
}

/*.anchor {
	display:block;
	margin-top:-8px;
}*/
.fw-bold {
	font-weight:bold;
}
a, a:hover, a:focus {
	text-decoration:underline;
	text-decoration-thickness:auto;
}
.section-content a {
	color:#2fa4b6;
}
.tr.aktuell .td a {
	color:#8BA9A0;
	font-style:italic;
}
.tr.media .td a, .tr.lehre .td a {
	display:block;
	margin-top:20px;
	color:#fff;
	font-style:italic;
}
.tr.media .td a.img-link, .tr.lehre .td a.img-link {
	margin-top:0;
}
.tr.media .td a.img-link:hover, .tr.lehre .td a.img-link:hover {
	opacity:1;
}
.tr.lehre .td a {
	color:rgb(47,164,182);
}
.section-img {
	height:100vh;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	z-index:1;
	position: relative;
}
.bg-img {
	position:fixed;
	z-index:1;
	top:43px;
	left:0;
	width:100vw;
	height:calc(100vh - 43px);
	background-image:url('images/Bader_Startbild.webp');
	background-size:cover;
	background-position:center center;
}
.section-img.akt {
	height:150px;
}
.section-img.med {
	height:72vh;
}
.section-img.vita {
	height:83vh;
}
.section-img.lehre {
	height:82vh;
}
.section-content-container {
	background-color:rgb(239,234,231);
	position:relative;
	z-index:10;
	box-shadow:0 8px 12px rgba(0,0,0,0.65);
}
.section-content-container.intro {
	margin-top:100vh;
}
#ct-projects, #ct-statements, #ct-about, #ct-contact {
	margin-top:160px;
}
.section-content-container.kon {
	background-color:#BFB198;
}
.section-content {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:40px 0 30px;
	box-sizing:border-box;
	font-size:18px;
	line-height:26px;
	text-align:justify;
	hyphens:auto;
}
.section-content.intro {
	padding-left:200px;
}
.project-entry {
	display:flex;
	margin-bottom:20px;
}
.project-entry img {
	margin-right:20px;
}
#ct-about img {
	width:350px;
	height:100%;
}
.project-entry a, #ct-about a {
	position:relative;
	padding-left:24px;
	color:#2fa4b6;
}
.project-entry a::before, #ct-about a::before {
	content:'';
	position:absolute;
	top:5px;
	left:0;
	display:block;
	width:15px;
	height:15px;
	background-image:url('images/Pfeil_rechts.svg');
	background-size:15px;
}
.statements-entry {
	margin-bottom:20px;
	padding-left:200px;
}
.statements-entry div:first-of-type p:last-of-type{
	margin-bottom:0;
}
.statements-entry div:last-of-type {
	opacity:0.6;
	font-style:italic;
}
#ct-contact p {
	margin:0;
	padding-left:200px;
}
#ct-contact a {
	color:#000;
	text-decoration:none;
}

.section-content.intro > p:first-of-type {
	font-family:'Mulish-Regular', sans-serif;
}


.entry .entry-title::before, h1::before, h2::before, h3::before, .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 !important;
}

.background-container {
	position:fixed;
	height:100vh;
	width:100%;
	top:0;
	background-size:cover;
}
.site {
	margin:0;
	position:relative;
}
.site-main {
	position:relative;
	margin:0;
}
.site-header {
	position:fixed;
	top:0;
	left:0;
	z-index:120;
	width:100%;
	padding:0;
	background-color:#262021;
	box-shadow:-8px 8px 12px rgba(0,0,0,0.4);
}
.site-header-main {
	position:relative;
	margin:0 auto;
	vertical-align:middle
}
.entry .entry-header {
	margin:0;
}
.alignnone {
	margin-top:10px;
}

.menu-item-main, .menu-item-lswitch {
	display:inline-block;
}
.menu-item-main a, .menu-item-lswitch a {
	position:relative;
	z-index:5;
	color:#fff;
	font-size:20px;
	text-decoration:none;
}
.menu-item-lswitch a.lswitch {
	color:#2dbabb;
}
.menu-container {
	display:flex;
	justify-content:space-between;
	width:960px;
	height:43px;
	margin:0 auto;
	line-height:43px;
	color:#fff;
	font-family:'Mulish', sans-serif;
	text-align:center;
}
.ba {
	display:inline-block;
	font-family:'MontserratAlt';
	font-size:20px;
	font-weight:bold;
	color:#a48855;
	cursor:pointer;
}

.menu-item-main a.current {
	font-weight:bold;
}
.menu-item-main a.main-item {
	position:absolute;
	width:130px;
	padding-left:0;
	z-index:10;
}
.menu-button:hover, .menu-close:hover, .read-more:hover, .read-more-close:hover {
	opacity:0.7;
}
.read-more, .read-more-close {
	color:#607882;
	font-style:italic;
	text-decoration:underline;
	cursor:pointer;
	margin-top:-10px;
	font-family:'Mulish-Regular', sans-serif;
}
.text-bg {
	position:fixed;
	z-index:-1;
	width:100vw;
	height:100vh;
	background-image:url('images/Wollenweber_HG_Impressum_Datenschutz_02.jpg');
	background-size:cover;
}
.text-content {
	width:750px;
	padding:80px 30px 40px;
	margin-left:30vw;
	background-color:#002329;
	color:#fff;
	min-height:100vh;
}
.text-content a {
	color:#fff;
}
.legal-button {
	margin:30px 0 0 200px;
	cursor:pointer;
}
.legal-content div {
	color:#2fa4b6;
	cursor:pointer;
	margin-left:200px;
}
.site-footer {
	position:relative;
	z-index:100;
	height:40px;
	line-height:40px;
	background-color:#262021;
	color:#a48855;
	text-align:center;
	font-family:'Mulish';
	overflow:hidden;
}
.site-footer span {
	font-family:'MontserratAlt';
}

.only-mobile, .only-portrait, .only-landscape, .section-img-mobil, .section-content-container.vita .section-content p:first-of-type strong, .read-more-content, .menu-button, .menu-close, .claim br, .legal-content {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 980px) {
	.only-mobile, .section-img-mobil, .menu-button, .menu-close, .claim br {
		display:block;
	}
	.only-desktop, .section-img, .dw, .tr.aktuell .td br, .domwo, .section-content-container.vita .section-content p:first-of-type span, .ba {
		display:none;
	}
	h1 {
		font-size:22px;
		color:#fff;
		margin-left:3vw;
		line-height:1;
	}
	h2 {
		margin:20px 0 35px;
		font-size:6.2vw;
	}
	#ct-statements h2, #ct-contact h2 {
		margin-bottom:15px;
	}
	.site-header {
		height:60px;
		padding:8px 0;
	}
	.menu-button {
		position:fixed;
		top:-5px;
		right:0;
		width:70px;
		height:70px;
		background:url('images/menu-button.svg') no-repeat;
		background-size:40px;
		background-position:center;
	}
	.menu-close {
		position:absolute;
		top:-65px;
		right:0;
		width:70px;
		height:70px;
		background:url('images/close.svg') no-repeat;
		background-size:40px;
		background-position:center;
	}
	.menu-container {
		position:absolute;
		top:60px;
		display:none;
		width:100%;
		height:auto;
		padding:20px 3vw;
		text-align:left;
		background-color:#fff;
		box-shadow:4px 4px 4px 4px rgba(0,0,0,0.4);
	}
	.menu-container::before {
		content:'';
		width:100vw;
		height:100vh;
		position:fixed;
		z-index:-1;
		top:60px;
		left:0;
		background-color:rgba(255,255,255,0.6);
	}
	.menu-item-main {
		display:block;
		width:fit-content;
	}
	.menu-item-main a {
		color:#000;
	}
	h1.claim {
		top:calc(100vh - 110px);
		margin-left:0;
	}
	.intro h2 {
		font-size:6.1vw;
	}
	.claim span:first-of-type {
		display:none;
	}
	.claim span:last-of-type {
		width:100%;
		height:110px;
		font-size:4.2vw;
		line-height:1;
		padding:32px 0 52px;
	}
	.section-content.intro {
		padding-left:3vw;
	}
	.section-content {
		width:auto;
		padding:20px 3vw;
		font-size:1em;
		line-height:1.5;
	}
	.section-content.intro > p:first-of-type {
		padding-right:0;
	}
	.project-entry {
		display:block;
		margin-bottom:50px;
		hyphens:none;
		text-align:left;
	}
	.project-entry img {
		margin:0 0 10px;
	}
	.statements-entry {
		margin-bottom:20px;
		padding-left:0;
	}
	#ct-about img {
		width:65vw;
	}
	#ct-contact p {
		padding-left:0;
	}
	h2.legal-button, .legal-content div {
		margin-left:0;
	}
	.site-footer {
		height:110px;
		line-height:110px;
		font-size:5vw;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : portrait) {
	.only-portrait {
	 	display:block;
	}
	.only-landscape {
	 	display:none;
	}
	.bg-img {
		top:60px;
		background-image:url('images/Bader_Startbild_portrait.webp');
		background-position:center bottom;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : landscape) {
	.only-portrait, h1 br {
		display:none;
	}
	.only-landscape {
		display:block;
	}
	.bg-img {
		top:40px;
		background-image:url('images/Bader_Startbild_landscape.webp');
	}
	h1 {
		font-size:3.2vw;
	}
	.site-header {
		height:40px;
	}
	.menu-button {
		top:-15px;
	}
	.menu-close {
		top:-55px;
		background-size:30px;
	}
	.menu-container {
		top:40px;
		line-height:35px;
	}
	h1.claim {
		top:calc(100vh - 70px);
	}
	.claim span:last-of-type {
		height:70px;
		font-size:2.7vw;
		padding-top:16px;
	}
	h2, .intro h2 {
		font-size:4vw;
	}
	#ct-about img {
		width:45vw;
	}
	.site-footer {
		height:60px;
		line-height:60px;
		font-size:3vw;
	}
}