@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child Kleif Carnarius
 Description:  Twentynineteen Child Theme for Kleif Carnarius - Violoncello
 Author:       Chris
 Template:     twentynineteen
 Version:      1.0.2
 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: "Mulish-SemiBold";
  src: url("fonts/Mulish-SemiBold.eot"); /* IE9 Compat Modes */
  src: url("fonts/Mulish-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Mulish-SemiBold.svg") format("svg"), /* Legacy iOS */
    url("fonts/Mulish-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Mulish-SemiBold.woff") format("woff"), /* Modern Browsers */
    url("fonts/Mulish-SemiBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Marcellus";
  src: url("fonts/Marcellus-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Marcellus-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Marcellus-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Marcellus-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Marcellus-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Marcellus-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html, body {
	margin:0;
	padding:0;
}
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 {
	opacity:0.7;
}
p {
	margin:0 0 10px;
}
h1 {
	margin:4px 0 0 0;
	color:#fff;
	font-family: 'Marcellus', sans-serif;
	font-weight:normal;
	white-space:nowrap;
	letter-spacing:0;
}
.text-content h1 {
	font-size:2vw;
	margin-bottom:25px;
	text-transform:uppercase;
	font-family:'Mulish', sans-serif;
}
h2, h3 {
	font-weight:normal;
	font-size:2.5vw;
	font-family:'Mulish', sans-serif;
	color:#fff;
}
h3 {
	font-size:1.2vw;
	margin:10px 0 0;
}

.bg {
	width:100vw;
	height:100vh;
}
.bg-slider {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
}
.bg-slide {
	width:100vw;
	height:100vh;
	background-size:cover;
}
.slick-autoplay-toggle-button {
	left:auto;
	right:20px;
	bottom:0;
	color:#fff;
}
.slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus {
	background:none;
	opacity:0.5;
	color:#fff;
}

.claim-wrapper {
	position:sticky;
	z-index:10;
	top:0;
	margin:72vh 0 calc(-72vh - 112px) 6vw;
}
.headline-wrapper {
	position:absolute;
	left:19vw;
	top:95px;
}
.aktuelles .headline-wrapper {
	left:13vw;
	top:220px;
}
.vita .headline-wrapper, .disk .headline-wrapper {
	left:19vw;
}
.claim-wrapper h1, .headline-wrapper h2 {
	color:#fff;
	font-family:'Marcellus', serif;
	line-height:2.9vw;
}
.headline-wrapper h2 {
	color:#d8a65f;
}
.claim-wrapper h1 span {
	font-size:2.4vw;
	color:#b4916e;
}
.lines-wrapper {
	position:absolute;
	left:-19vw;
	top:25px;
	width:19vw;
	height:100px;
}
.aktuelles .lines-wrapper {
	left:-19vw;
	width:19vw;
}
.section-content-container .lines-wrapper {
	top:-35px;
}
.lines-wrapper span {
	display:block;
	border-bottom:2px solid #b4916e;
	margin-bottom:25px;
}
.headline-wrapper .lines-wrapper span {
	border-color:#d8a65f;
}
.lines-wrapper span:first-of-type, .lines-wrapper span:nth-of-type(2) {
	border-color:#fff;
}
.cd-wrapper {
	display:flex;
	width:650px;
	margin-bottom:40px;
}
.cd-wrapper img {
	width:300px;
}
.cd-wrapper > div {
	width:300px;
	padding-left:30px;
}
.cd-wrapper h3 {
	margin:0;
	color:#d8a65f;
	font-weight:bold;
}


/*.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 {
	display:inline-block;
	color:#fff;
	position:relative;
	margin-left:25px;
}
.section-content a::before {
	content:'';
	position:absolute;
	top:7px;
	left:-25px;
	width:16px;
	height:14px;
	background:url('images/ankerpfeil.svg') no-repeat;
	background-size:16px;
}
.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;
}
.section-img.intr {
	height:calc(100vh + 109px);
}
.section-img.akt {
	height:150px;
}
.section-img.med {
	height:72vh;
}
.section-img.vita {
	height:83vh;
}
.section-img.lehre {
	height:82vh;
}
.section-content-container {
	margin-top:50vh;
	padding:190px 0 80px;	
	color:#fff;
	position:relative;
	z-index:10;
	box-shadow:0 8px 12px rgba(0,0,0,0.65);
}
.section-content-container.aktuelles {
	margin-top:0;
	padding-top:80px;
	background-color:#266478;
}
.section-content-container.vita {
	background-color:#374D54;
}
.section-content-container.disk {
	background-color:#448282;
}
.section-content-container.lehre {
	background-color:#48775B;
}
.section-content-container.kont {
	background-color:#266478;
	margin-bottom:50vh;
}
.section-content {
	position:relative;
	width:520px;
	margin:0 0 0 28vw;
	box-sizing:border-box;
	font-size:18px;
	line-height:26px;
	hyphens:auto;
}
.vita .section-content {
	width:630px;
}
.disk .section-content {
	width:630px;
	margin-left:37.5vw;
}
.kont .section-content {
	margin-left:32vw;
}
.section-content.kon {
	padding-left:28px;
	padding-bottom:20px;
}
.section-content.intro > div:first-of-type {
	margin-top:180px;
}
.datum {
	color:#d8a65f;
	font-weight:bold;
}
.datum span {
	display:block;
	font-weight:normal;
}


.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;
}

.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;
}
.site-header-main {
	position:relative;
	margin:0 auto;
	vertical-align:middle
}
.entry .entry-header {
	margin:0;
}
.alignnone {
	margin-top:10px;
}

.menu-button {
	position:fixed;
	top:60px;
	right:30px;
	width:70px;
	height:70px;
	border-radius:35px;
	background-image:url('images/menu-button.svg');
	background-repeat:no-repeat;
	background-size:55px;
	background-position:center;
	background-color:rgba(0,0,0,0.25);
	cursor:pointer;
}
.menu-close {
	position:absolute;
	top:60px;
	right:30px;
	width:70px;
	height:70px;
	background-image:url('images/close.svg');
	background-repeat:no-repeat;
	background-size:55px;
	background-position:center;
	cursor:pointer;
}
.menu-container {
	display:none;
	position:absolute;
	top:0;
	right:0;
	height:100vh;
	width:380px;
	padding:32vh 60px 40px 80px;
	line-height:2.1;
	background-color:#233947;
	box-shadow:-8px 8px 12px rgba(0,0,0,0.4);
}
.menu-item-main a, .langswitch a {
	position:relative;
	display:block;
	z-index:5;
	width:auto;
	color:#fff;
	font-size:22px;
	font-family:'Mulish-Regular', sans-serif;
	text-decoration:none;
}
.langswitch a {
	color:#d8a65f;
}
.menu-item-main a.current {
	font-weight:bold;
}
.menu-item-main a.main-item {
	position:absolute;
	width:130px;
	padding-left:0;
	z-index:10;
}
.kontakt-left {
	display:inline-block;
}
.kontakt-right {
	display:inline-block;
	margin-left:155px;
	color:#fff;
}
.kontakt-left a {
	color:#000;
}
.kontakt-right a {
	color:#fff;
}
.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-content {
	padding:80px 30px 40px 32vw;
	background-color:#002329;
	color:#fff;
	min-height:100vh;
}
.text-content p {
	width:620px;
}
.text-content a {
	color:#fff;
}

footer {
	position:relative;
	z-index:10;
	height:36px;
	color:#fff;
	background-color:#374D54;
}
footer div {
	width:1024px;
	margin-left:32vw;
	line-height:36px;
}
footer a {
	margin-left:40px;
	color:#fff !important;
	text-decoration:none;
}

.only-mobile, .only-portrait, .only-landscape, .section-img-mobil, .read-more-content, footer br {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 980px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.only-mobile, .section-img-mobil {
		display:block;
	}
	.only-desktop, .section-img, .dw, .tr.aktuell .td br, .domwo, .section-content-container.vita .section-content p:first-of-type span, .hide-claim .claim-wrapper {
		display:none;
	}
	.claim-wrapper h1, .headline-wrapper h2 {
		font-size:1.3rem;
		line-height:1.1;
	}
	h1, .claim-wrapper h1 span {
		font-size:1.3rem;
	}
	h3 {
		font-size:1.2em;
		margin:10px 0 5px;
	}

	.claim-wrapper {
		top:50px;
		margin: 55vh 0 calc(-71vh - 112px) 15vw;
	}
	.headline-wrapper {
		left:25vw;
		top:75px;
	}
	.aktuelles .headline-wrapper {
		left:25vw;
		top:190px;
	}
	.vita .headline-wrapper, .disk .headline-wrapper {
		left:25vw;
	}
	.lines-wrapper {
		left:-25vw;
		top:15px;
		width:25vw;
		height:100px;
	}
	.aktuelles .lines-wrapper {
		left:-25vw;
		width:25vw;
	}
	.section-content-container .lines-wrapper {
		top:2px;
	}
	.lines-wrapper span {
		margin-bottom:10px;
	}
	.section-content-container {
		margin-top:30vh;
		padding:150px 0 0;
	}
	.section-content-container.aktuelles {
		padding-top:20px;
	}
	.section-content-container.kont {
		margin-bottom:10vh;
	}
	.section-content.intro > div:first-of-type {
		margin-top:160px;
	}
	.vita .section-content {
		width:auto;
	}
	.disk .section-content, .kont .section-content {
		width:auto;
		margin-left:0;
	}
	.cd-wrapper {
		display:block;
		width:auto;
	}
	.cd-wrapper img {
		width:78vw;
	}
	.cd-wrapper > div {
		width:auto;
		padding-left:0;
	}

	.site-header {
		background-color:rgba(57,66,64,0.8);
		height:40px;
	}
	.menu-button {
		position:absolute;
		top:-5px;
		right:3vw;
		width:50px;
		height:50px;
		border-radius:25px;
		background-size:37px 45px;
		background-color:transparent;
	}
	.menu-close {
		top:-45px;
		right:3vw;
		width:50px;
		height:50px;
		background-image:url('images/close.svg');
		background-size:30px;
	}
	.menu-container {
		top:40px;
		width:100%;
		padding:20px 5vw;
	}
	.menu-container::before {
		content:'';
		width:100vw;
		height:100vh;
		position:fixed;
		z-index:-1;
		top:0;
		left:0;
		background-color:rgba(96,130,120,0.6);
	}
	.insta {
		position:absolute;
		right:3vw;
		bottom:17px;
	}
	.menu-item-main {
		width:fit-content;
	}
	.section-content {
		width:auto;
		margin-left:0;
		padding:20px 5vw;
		font-size:1em;
		line-height:1.5;
	}
	.section-content.intro > p:first-of-type {
		padding-right:0;
	}

	.text-content {
		padding:80px 5vw 40px;
	}
	.text-content h1 {
		font-size:6.5vw;
		margin-left:0;
	}
	.text-content p {
		width:auto;
	}
	footer {
		height:auto;
		padding:15px 0;
	}
	footer div {
		width:100%;
		margin-left:0;
		text-align:center;
		line-height:1.5;
	}
	footer a:first-of-type{
		margin-left:0;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : portrait),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.only-portrait, footer br {
	 	display:block;
	}
	.only-landscape {
	 	display:none;
	}
	.left-col.menu.works {
		margin-bottom:30px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : landscape),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.only-portrait {
		display:none;
	}
	.only-landscape {
		display:block;
	}
	 h1 {
		font-size:4vw;
	}
	.menu-subcontainer {
		width:40%;
		display:inline-block;
	}
	.claim-wrapper {
		margin:40vh 0 calc(-56vh - 112px) 15vw;
	}
	.cd-wrapper img {
		width:50vw;
	}
	footer a {
		margin-left:20px !important;
	}
	text-content {
		width:90vw;
		margin-left:5vw;
		padding:80px 3vw 40px;
	}
	.text-content h1 {
		font-size:3.5vw;
	}
}