@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;
	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 {
	opacity:0.7;
}
p {
	margin:0 0 10px;
}
h1 {
	font-family: 'Josefin', sans-serif;
	font-weight:normal;
	font-size:2.5vw;
	margin:0;
	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;
}
.slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus {
	background:none;
	opacity:0.5;
}

.claim-wrapper {
	position:absolute;
	top:72vh;
	left: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:30px;
	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:30px;
	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;
	width:535px;
	padding:80px 35px 40px 90px;
	line-height:2.1;
	background-color:#F6F5F1;
	box-shadow:-8px 8px 12px rgba(0,0,0,0.4);
}
.dw {
	font-family:'Josefin';
	font-size:42px;
	line-height:55px;
	margin-bottom:50px;
}
.menu-item-main a {
	position:relative;
	display:block;
	z-index:5;
	width:auto;
	color:#568579;
	font-size:22px;
	font-family:'Mulish-Regular', sans-serif;
	text-decoration:none;
}
.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-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;
}

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 {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 980px) {
	.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 {
		display:none;
	}
	h1 {
		font-size:6vw;
		color:#fff;
		margin-left:3vw;
		line-height:45px;
	}
	h2 {
		font-size:1.3rem;
	}
	.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_beige.svg');
		background-size:30px;
	}
	.menu-container {
		top:40px;
		width:100%;
		padding:20px 3vw;
	}
	.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-img-mobil {
		position:relative;
	}
	.section-img-mobil img {
		display:block;
	}
	.section-img-mobil > div {
		position:absolute;
		top:55%;
		right:3vw;
		font-size:4.7vw;
		color:rgb(222,203,166);
		font-family:'Josefin', sans-serif;
	}
	.cutout-text {
		width:auto !important;
		height:7vh;
		top:calc(-7vh + 1px) !important;
		left:2vw;
	}
	.cutout-text img, .cutout-text::before, .cutout-text::after, .cutout-text.vita::before, .cutout-text.vita::after {
		height:7vh;
	}
	.cutout-text::before {
		width:10vw;
		left:calc(-10vw + 3px);
	}
	.cutout-text::after {
		right:calc(-70vw + 3px);
	}
	.section-content {
		width:auto;
		padding:20px 3vw;
		font-size:1em;
		line-height:1.5;
	}
	.section-content.intro > p:first-of-type {
		padding-right:0;
	}
	.section-content.kon {
		padding-left: 3vw;
	}
	.table, .tr, .td {
		display:block;
	}
	.tr {
		margin-bottom:40px;
	}
	.tr.aktuell div {
		width:auto !important;
		padding-bottom:0;
		text-align:left;
		hyphens:initial;
	}
	.tr.aktuell div:first-of-type {
		color:rgb(96,130,120);
	}
	.tr.aktuell div:first-of-type .fw-bold {
		margin-right:10px;
	}
	.tr.aktuell div:last-of-type .fw-bold, .td a:last-of-type {
		display:block;
	}
	.section-content-container.med {
		background:none;
		background-color:rgb(128, 155, 147);
	}
	.table div:last-of-type {
		margin-bottom:0;
	}
	.tr.media div:last-of-type, .tr.lehre div:last-of-type {
		width:auto;
	    padding:0;
	}
	.tr.media .td a {
		margin-top:0;
		padding-left:0;
	}
	.tr.media div:first-of-type {
		width:auto;
		padding-bottom:15px;
	}
	.tr.media img, .tr.lehre img {
		width:78vw;
	}
	.section-content-container.vita .section-content p:first-of-type strong {
		display:inline;
	}
	.tr.lehre .td a {
		color:rgb(47,164,182);
		margin-top:0;
	}
	.kontakt-container {
		display:flex;
		flex-direction:column;
	}
	.kontakt-container p:first-of-type {
		order:2;
	}
	.kontakt-container p:last-of-type {
		order:1;
		margin-left:0;
	}
	.blackbar {
		height:30px;
		background-color:#000;
	}
	.text-bg {
		background-image:url('images/Wollenweber_mobil-HG_Impressum_Datenschutz_02.jpg');
	}
	.text-content {
		width:90vw;
		margin-left:5vw;
		padding:80px 3vw 40px;
	}
	.text-content h1 {
		font-size:6.5vw;
		margin-left:0;
	}
@media only screen and (min-device-width : 320px) and (max-device-width : 980px) and (orientation : portrait) {
	.only-portrait {
	 	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-portrait {
		display:none;
	}
	.only-landscape {
		display:block;
	}
	 h1 {
		font-size:4vw;
	}
	.menu-subcontainer {
		width:40%;
		display:inline-block;
	}
	 .tr.media img, .tr.lehre img {
		width:50vw;
	}
	.cutout-text {
		height:12vh;
		top:calc(-12vh + 1px) !important;
	}
	.cutout-text::after {
		width:90vw;
		right:calc(-90vw + 3px);
	}
	.cutout-text img, .cutout-text::before, .cutout-text::after, .cutout-text.vita::before, .cutout-text.vita::after {
		height:12vh;
	}
	.text-bg {
		background-image:url('images/Wollenweber_landscape-HG_Impressum_Datenschutz_02.jpg');
	}
	.text-content {
		width:90vw;
		margin-left:5vw;
		padding:80px 3vw 40px;
	}
	.text-content h1 {
		font-size:3.5vw;
	}
}