@charset "utf-8";
/*
 Theme Name:   Twentynineteen Child Anna Korondi
 Description:  Twentynineteen Child Theme for Anna Korondi Website
 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-Regular.eot");
  src: url("fonts/Mulish-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Mulish-Regular.svg") format("svg"),
    url("fonts/Mulish-Regular.ttf") format("truetype"),
    url("fonts/Mulish-Regular.woff") format("woff"),
    url("fonts/Mulish-Regular.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: "Junge";
  src: url("fonts/Junge-Regular.eot");
  src: url("fonts/Junge-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Junge-Regular.svg") format("svg"),
    url("fonts/Junge-Regular.ttf") format("truetype"),
    url("fonts/Junge-Regular.woff") format("woff"),
    url("fonts/Junge-Regular.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
}

body {
	background-color:#fff;
	color:#000;
	font-family:'Mulish',sans-serif;
	font-size:18px;
	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 {
	color:#358CCD;
	text-decoration:underline;
}
a:hover, .home-arrow:hover, .office span:hover, .read-more-text:hover {
	opacity:0.7;
}
* {
	outline:none !important;
}
p {
	margin:0 0 16px;
}
h1::before, h2::before {
	display:none !important;
}
h1 {
	margin:0;
	font-family:'Junge',sans-serif;
	font-weight:normal;
	font-size:5.21vw;
	color:#fff;
}
h1.h1-top {
	margin-bottom:40px;
}
h2 {
	font-family:'Junge',sans-serif;
	font-weight:normal;
	font-size:44px;
}
h3 {
	margin:-5px 0 20px;
	font-size:20px;
	font-weight:600;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
li {
    display:inline;
	line-height: 1.44;
}

.site {
	margin:0;
	position:relative;
}
.site-main {
	margin:0;
	overflow-x:hidden;
}
.site-header {
	position:fixed;
	top:25px;
	left:0;
	z-index:120;
	width:100%;
	padding:6px 0 0;
	white-space:nowrap;
	height:42px;
	background-image:linear-gradient(to right, rgba(143,0,37,0.5) 40%, rgba(20,30,100,0.9) 80%);
	color:#fff;
}
.site-header-main {
	position:relative;
	width:960px;
	margin:0 auto;
	font-size:18px;
}
.ak {
	font-family:'Junge',sans-serif;
	font-size:23px;
}
.ak a:hover {
	opacity:1;
}
.menu {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
}
.menu a {
	color:#fff;
	text-decoration:none;
}
a.current, .langswitch a {
	color:#ffa003;
}
a.current {
	pointer-events:none;;
}

.menuitem {
	font-size:16px;
	cursor:text;
}
.menuitem:focus {
	opacity:1;
	color:#fff;
}

.site-inner {
	max-width:100%;
}
.site-content {
	padding:0;
}
.content-area {
	width:100%;
}
.bg-container {
	position:fixed;
	top:0;
	left:0;
	display:flex;
	width:100%;
	height:100vh;
}
.bg-container.full {
	display:block;
	background-image:url('images/AK_Impressum_HG-Lupe.webp');
	background-size:cover;
}
.bg-left {
	width:60%;
	height:100vh;
	background-image:url('images/AK_Home_HG-Lupe.webp');
	background-size:cover;
}
.bg-right {
	width:40%;
	height:100vh;
	background-image:url('images/AK_Home.webp');
	background-size:cover;
}
.bg-left.cds {
	background-image:url('images/AK_CDs.webp');
}
.bg-right.cds {
	background-image:url('images/AK_CDs_HG-Lupe.webp');
}
.bg-left.cv {
	width:40%;
	background-image:url('images/AK_Vita.webp');
}
.bg-right.cv {
	width:60%;
	background-image:url('images/AK_Vita_HG-Lupe.webp');
}
.bg-left.lehre {
	width:50%;
	background-image:url('images/AK_Lehre_HG-Lupe.webp');
}
.bg-right.lehre {
	width:50%;
	background-image:url('images/AK_Lehre.webp');
}
.bg-left.presse {
	background-image:url('images/AK_Presse.webp');
}
.bg-right.presse {
	background-image:url('images/AK_Presse_HG-Lupe.webp');
}
.bg-left.kontakt {
	width:40%;
	background-image:url('images/AK_Kontakt.webp');
}
.bg-right.kontakt {
	width:60%;
	background-image:url('images/AK_Kontakt_HG-Lupe.webp');
}
.menu-cache.home-l, .menu-cache.vita-l, .menu-cache.vita-r, .menu-cache.cds, .menu-cache.lehre, .menu-cache.full {
	position:fixed;
	top:0;
	left:0;
	z-index:15;
	width:40%;
	height:90px;
	background-image:url('images/AK_Vita.webp');
	background-size:cover;
}
.menu-cache.home-l {
	width:60%;
	background-image:url('images/AK_Home_HG-Lupe.webp');
}
.menu-cache.vita-r {
	left:40%;
	width:60%;
	background-image:url('images/AK_Vita_HG-Lupe.webp');
}
.menu-cache.cds {
	width:60%;
	background-image:url('images/AK_CDs.webp');
}
.menu-cache.lehre {
	left:50%;
	width:50%;
	background-image:url('images/AK_Lehre.webp');
}
.menu-cache.full {
	background-image:url('images/AK_Impressum_HG-Lupe.webp');
	width:100%;
}
.home-arrow {
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-60px;
    width:120px;
    height:77px;
    background-image:url('images/arrow-down.png');
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}

.claim {
	position:fixed;
	z-index:2;
	left:12vw;
	top:calc(48vh - 112px);
	width:41.75vw;
	line-height:1.3;
	color:#fff;
}
.claim h1 {
	margin:0 0 50px;
	line-height:1.3;
}
button#scrdown {
	position:fixed;
	left:calc(12vw + 66px);
	top:95vh;
	height:1px;
	padding:0;
	background:none;
	font-family:'Junge';
	font-size:100px;
	font-weight:normal;
	transform:rotate(90deg);
}
button#scrdown.cd {
	left:calc(75vw + 72px);
}
button#scrdown.pr {
	left:66.8vw;
}
h2.h2-title, #page-vita .content.main h2, #page-lehre .content.main h2 {
	font-size:5.21vw;/* 100px */
	line-height:1.3;
	color:#fff;
	font-family:'Junge',sans-serif;
	font-weight:normal;
	hyphens:none;
	text-align:left;
}
#page-vita .content.main h2 {
	margin-left:-5px;
	color:#000;
}
#page-lehre .content.main h2 {
	margin:40px 0 20px -5px;
}
article#page-home, article#page-vita, article#page-cds, article#page-lehre, article#page-presse {
	position:relative;
	z-index:10;
	width:60%;
	min-height:300px;
	background-color:#141e64;
	color:#fff;
	box-shadow:-8px 0px 8px 8px rgba(0,0,0,0.4);
}
article#page-vita {
	width:60%;
	margin-left:40%;
	color:#000;
	background-color:#f0e9e0;
}
article#page-cds {
	background-color:#8f0025;
}
article#page-lehre {
	width:50%;
	margin-left:50%;
	background-color:#452538;
}
article#page-presse {
	background-color:rgb(127,102,74);
}
/*article#page-kontakt {
	background-color:rgb(127,102,74);
}*/
article#page-page {
	position:relative;
	z-index:10;
	min-height:calc(100vh - 185px);
}
.content {
	position:relative;
	hyphens:auto;
}
.content.main {
	margin:100vh 0 40px;
	padding:0 0 1px 6vw;
}
#page-vita .content.main {
	margin:100vh 0 40px;
	padding:50px 5vw;
	text-align:justify;
}
#page-lehre .content.main {
	margin:100vh 70px 40px 70px;
	padding:50px 0;
	text-align:justify;
}
#page-cds .content.main {
	padding-top:60px;
}
#page-presse .content.main {
	padding:50px 6vw;
	text-align:justify;
}
#page-kontakt .content.main {
	height:calc(60vh - 35px);
	width:480px;
	margin:40vh 0 0 50vw;
	padding:0;
}
#page-kontakt .content.main a {
	color:#000;
}
#page-page .content.main {
	width:50vw;
	margin:150px auto 50px;
	padding:50px 5vw;
	background-color:#141e64;
	color:#fff;
	box-shadow:-8px 0px 8px 8px rgba(0,0,0,0.4);
}
#page-page .content.main a {
	color:#fff;
}
a.order-link {
	position:absolute;
	bottom:-3px;
	left:35%;
}
.repeater-item {
	position:relative;
	display:flex;
	justify-content:space-between;
	width:96%;
	margin-bottom:40px;
}
.repeater-item a, #page-lehre .content.main a {
	color:#fff;
}
.repeater-item img, .img-dummy {
	width:31%;
	height:100%;
}
.rpt-text {
	width:65%;
}
h1.h1-cds {
	position:fixed;
	top:45vh;
	left:75vw;
}
h1.h1-lehre {
	position:fixed;
	top:45vh;
	left:0;
	width:50%;
	text-align:center;
}
h1.h1-presse {
	position:fixed;
	top:45vh;
	left:62vw;
}
h1.h1-kontakt {
	margin:0 0 40px -10px;
	color:#c00f52;
}

.site-footer {
	position:relative;
	height:35px;
	line-height:35px;
	color:#fff;
	background-color:#141e64;
	display:block;
	padding-left:6vw;
	z-index:100;
	width:60%;
	font-size:16px;
}
.site-footer.home {
	background-color:#8f0025;
}
.site-footer.vita {
	padding-left: 9vw;
	width:60%;
	margin-left:40%;
	background-color:#8f0025;
}
.site-footer.cds {
	padding-left:6vw;
}
.site-footer.lehre {
	width:50%;
	margin-left:50%;
	padding-left:70px;
}
.site-footer.presse {
	padding-left:6vw;
}
.site-footer.kontakt {
	margin-left:40%;
	padding-left:10vw;
}
.site-footer.full {
	width:100%;
	padding-left:0;
	background-color:#8f0025;
	text-align:center;
}
.site-footer a {
	margin-left:3vw;
	color:#fff;
	text-decoration:none;
}
.site-footer a.current-footer {
	opacity:0.7;
}

.only-mobile, .only-portrait, .menu-mobil, .menu-bg, .section-img-mobil, .news-trenner, .csstable.section-img.impr img, .contact-mobil, .footer-impr-mobil, .only-portrait {
	display:none;
}

/*** MOBILE ***/
@media only screen and (min-width : 320px) and (max-width : 1024px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.only-mobile, .repeater-item {
		display:block;
	}
	.site-footer a, .menu-cache, .claim, .mobile-claim h1 {
		display:none;
	}
	.header-bar {
		position:fixed;
		z-index:900;
		width:100vw;
		height:50px;
		line-height:50px;
		padding-left:5vw;
		background-image:url('images/mobil/ANNA-KORONDI_HG-mobil_Headerstreifen.webp');
		background-size:cover;
		font-family:'Junge',sans-serif;
		font-size:30px;
		color:#fff;
	}
	.header-bar a {
		color:#fff;
		text-decoration:none;
	}
	.menu-button, .menu-close {
		position:fixed;
		z-index:1000;
		top:0;
		right:5vw;
		width:50px;
		height:50px;
		background-image:url('images/mobil/menu-icon.svg');
		background-repeat:no-repeat;
		background-size:42px;
		background-position:center;
	}
	.menu-close {
		background-image:url('images/mobil/close-white.svg');
		background-size:35px;
		top:5px;
		display:none;
	}
	.site-main {
		margin-top:50px;
	}
	.site-header {
		position:fixed;
		z-index:950;
		top:0;
		height:100vh;
		padding:0;
		background-image:linear-gradient(to right, rgb(143,0,37) 20%, rgb(20,30,100) 0);
		display:none;
	}
	.site-header-main {
		width:80vw;
		margin-left:20vw;
	}
	.menu, .menuitem {
		display:block;
		line-height:2.3;
		font-size:20px;
	}
	.menuitem.only-mobile {
		margin-top:-5px;
		font-size:16px;
	}
	.menu {
		height:100vh;
		padding:12vh 0 0 10vw;
		box-shadow:0 0 5px 5px rgba(0,0,0,0.5);
	}
	.ak {
		position:absolute;
		left:-10vw;
		top:61vh;
		transform:rotate(270deg);
		transform-origin:left;
		line-height:1;
		font-size:6vh;
	}
	button#scrdown {
		left:auto !important;
		right:-5vw;
		top:93vh;
		font-size:70px;
	}
	.mobile-claim {
		margin:0 5vw;
		width:90%;
		padding-top:5vw;
		line-height:1.3;
		font-size:18px;
		text-align:justify;
		color:#fff;
	}
	.bg-container.full {
		height:100px;
		background-image:url('images/mobil/ANNA-KORONDI_HG_Impressum_Lupe-mobil.webp');
	}
	article#page-home, article#page-vita, article#page-cds, article#page-lehre, article#page-presse, article#page-page {
		width:100vw;
		margin:0;
	}
	.content.main {
		margin:0;
		padding-top:1px;
	}
	#page-page .content.main {
		width:100vw;
		margin:0;
		padding-top:1px;
	}
	.repeater-item img {
		width:70vw;
		margin-bottom:20px;
	}
	.repeater-item {
		border-bottom:1px solid;;
	}
	h2.h2-title, #page-vita .content.main h2, #page-lehre .content.main h2 {
		font-size:30px;
	}
	.rpt-text {
		width:90vw;
		padding-bottom:30px;
		text-align:justify;
	}
	a.order-link {
		display:block;
		position:static;
		margin:-20px 0 30px;
	}
	.site-footer {
		width:100vw !important;
		padding-left:5vw !important;
		margin-left:0 !important;
	}
	.site-footer.full {
		padding-left:0 !important;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
	.only-portrait {
		display:block;
	}
	.claim h1 {
		display:none;
	}
	.bg-container {
		position:relative;
		height:auto;
		flex-direction:column;
	}
	.bg-left {
		order:2;
		width:100vw;
		height:auto;
		background-image: url('images/mobil/ANNA-KORONDI_HG_Home-Lupe-mobil.webp');
	}
	.bg-right {
		order:1;
		width:100vw;
		height:calc(100vh - 50px);
		background-image: url('images/mobil/ANNA-KORONDI_HG_Home-mobil.webp');
		background-position:center;
	}
	.bg-left.cv, .bg-left.cds, .bg-left.lehre, .bg-left.presse, .bg-left.kontakt {
		order:1;
		width:100vw;
		height:109vw;
	}
	.bg-right.cv, .bg-right.cds, .bg-right.lehre, .bg-right.presse {
		order:2;
		width:100vw;
		height:65px;
	}
	.bg-left.cv {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Vita-mobil.webp');
	}
	.bg-left.cds {
		background-image: url('images/mobil/ANNA-KORONDI_HG_CDs-mobil.webp');
	}
	.bg-left.lehre {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Lehre-mobil.webp');
	}
	.bg-left.presse {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Presse-mobil.webp');
	}
	.bg-left.kontakt {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Kontakt-mobil.webp');
	}
	.bg-right.cv {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Lupe_Vita-mobil.webp');
	}
	.bg-right.cds {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Lupe_CDs-mobil.webp');
	}
	.bg-right.lehre {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Lupe_Lehre-mobil.webp');
	}
	.bg-right.presse {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Lupe_Presse-mobil.webp');
	}
	.bg-right.kontakt {
		width:100vw;
		height:350px;
		background-image: url('images/mobil/ANNA-KORONDI_HG_Lupe_Kontakt-mobil.webp');
		background-position-y:top;
	}
	
	h1.h1-vita, h1.h1-cds, h1.h1-lehre, h1.h1-presse, h1.h1-kontakt, h1.h1-top {
		position:relative;
		top:0;
		left:5vw;
		margin-top:-65px;
		height:65px;
		line-height:65px;
		width:fit-content;
		text-align:left;
		font-size:30px;
	}
	h1.h1-kontakt {
		left:0;
		margin:-50px 0 0;
	}
	h1.h1-top {
		position:static;
		margin:20px 0;
	}
	#page-vita .content.main, #page-lehre .content.main, #page-kontakt .content.main {
		height:auto;
		width:auto;
		margin:0;
		padding:30px 5vw;
	}
	#page-kontakt .content.main {
		height:350px;
		margin-top:-350px;
		padding-top:60px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) 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) {
	.site-header {
		position:absolute;
		height:100%;
	}
	.menu, .site-header-main {
		height:100%;
	}
	.menu {
		padding-top:6vh;
	}
	.ak {
		top:73vh;
		font-size:8vh;
	}
	.bg-container {
		position:relative;
		display:block;
	}
	.bg-container.full {
		height:60px;
	}
	.claim {
		top:10vh;
		width:50vw;
	}
	.claim h1 {
		margin-bottom:10px;
	}
	h1.h1-top {
		font-size:10vw;
		margin:20px 0;
	}
	.content.main {
		margin-top:0;
	}
	.repeater-item img {
		width:50vw;
	}
	button#scrdown {
		left:-300vw !important;
		right:auto;
		top:92vh;
	}
	.bg-left, .bg-left.cv, .bg-left.cds, .bg-left.lehre, .bg-left.presse, .bg-left.kontakt {
		width:100%;
		background-position:center;
	}
	.bg-left {
		background-image:url('images/mobil/ANNA-KORONDI_HG_Home-landscape.webp');
	}
	.bg-left.cv {
		background-image:url('images/mobil/ANNA-KORONDI_HG_Vita-landscape.webp');
	}
	.bg-left.cds {
		background-image: url('images/mobil/ANNA-KORONDI_HG_CDs-landscape.webp');
	}
	.bg-left.lehre {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Lehre-landscape.webp');
	}
	.bg-left.presse {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Presse-landscape.webp');
	}
	.bg-left.kontakt {
		background-image: url('images/mobil/ANNA-KORONDI_HG_Kontakt-landscape.webp');
	}
	.bg-right.cv, .bg-right.cds, .bg-right.lehre, .bg-right.presse, .bg-right.kontakt {
		display:none;
	}
	.mobile-claim {
		width:50%;
		font-size:16px;
	}
	h2.h2-title, #page-vita .content.main h2, #page-lehre .content.main h2, h1.h1-top {
		font-size:7vw;
	}
	h1.h1-vita, h1.h1-cds, h1.h1-lehre, h1.h1-presse, h1.h1-kontakt {
		position:absolute;
		top:75vh;
		left:auto;
		right:5vw;
		width:90vw;
		text-align:right;
		font-size:7vw;
	}
	#page-vita .content.main, #page-lehre .content.main {
		margin:0;
		padding:20px 5vw 50px;
	}
	article#page-kontakt {
		position:absolute;
		top:36vh;
		background:none;
	}
	#page-kontakt .content.main {
		width:38vw;
		height:auto;
		margin:0 0 0 45vw;
		font-size:16px;
	}
	 h1.h1-kontakt {
	 	top:-50px;
		left:5px;
		right:auto;
		width:fit-content;
	 }
}

@media 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) {
	.header-bar, .ak {
		font-size:30px;
	}
	.mobile-claim {
		font-size:20px;
	}
}