@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap');
i, em { font-family: 'Playfair Display', Georgia; }

/*  CSS resetting
==========================================================================	*/
html, body, div, span, p, h1, h2, h3, h4, h5, h6, blockquote, pre, em, img, small, strong, sub, sup, b, i, ul, li, form, label, table, tr, th, td, a { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/*  General
==========================================================================	*/

html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

:root {
	--blue: /*#3d46a2*/ rgb(25, 130, 160);
	--bluealpha: 25, 130, 160;
}

body {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 15px;
	line-height: 21px; /*23px*/
	background-color: rgb(252,252,252);
}

#bg {
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	z-index: -999;
}
@media screen and (orientation: portrait) {
	#bg {
		position: initial;
		height: -webkit-fill-available;
		margin: 10px;
		max-height: 40vh;
	}
}

.bg1 {
	background-image: url(../img/MVictoria1c.jpg);
} /* Start */
.bg2 {
	background-image: url(../img/Moderation-MVH.jpg);
} /* Angebot */
.bg3 {
	background-image: url(../img/MVictoria2c.jpg);
} /* Biografie */
.bg4 {
	background-image: url(../img/20140321SchweizerFilmpreis0198.jpg);
} /* Bilder */
.bg5 {
	background-image: url(../img/MVictoria10B.jpg);
} /* Moderationen */
.bg6 {
	background-image: url(../img/MVictoria9c.jpg);
} /* Kontakt */



::selection { background: white; color: var(--blue); }

a {
	color: black;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

a:hover { color: var(--blue); }
a.active { color: var(--blue); }

#main_title { position: absolute; overflow: hidden; height: 0px; width: 0px; }

ul, ol { list-style-type: none; }


/*  Typography
==========================================================================	*/

strong { font-size: 11px; line-height: 13px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.5px; }
small { font-size: 11px; line-height: 13px; text-transform: uppercase; letter-spacing: 0.5px; }
.small { font-size: 11px; line-height: 13px; text-transform: uppercase; letter-spacing: 0.5px; }
h1, h2 {
	font-weight: normal;
	color: var(--blue);
}
h3, h4 {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 6px;
	text-align: left;
	color: var(--blue);
}
.container .column h1,
.container .column h2,
.container .column h3,
.container .column h4,
.container .column h5,
.container .column h6 { padding: 2px 0 1px; margin: 12px 0px 12px 0px; border-bottom: 1px solid; }

.lightbox h1, .lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 { text-align: center; }


/*	i, em { font-family: Baskerville; font-size: 1.1em; }  */



/*  Header
==========================================================================	*/

#header { margin: 0px 10px 12px; }
@media only screen and (min-width: 444px) and (max-width: 767px) { #header { margin: 0px 10px 12px; } }

#lang { font-size: 10px; line-height: 13px; text-transform: uppercase; overflow: hidden; }
#lang ul li { float: left; }
#lang ul li.yams_current { background: rgba(var(--bluealpha), 0.25); padding: 0px 8px 1px; text-align: center; display: block; border-right: 1px solid white; color: black; }
#lang ul li a { background: rgba(var(--bluealpha), 0.75); padding: 0px 8px 1px; text-align: center; display: block; border-right: 1px solid white; color: white; }
#lang ul li:first-child a,
#lang ul li:first-child { border-bottom-left-radius: 3px; }
#lang ul li:last-child a,
#lang ul li:last-child { border-right: none; border-bottom-right-radius: 3px; }
#lang ul li a.active,
#lang ul li a.active:hover { background: white; color: black; }
#lang ul li a:hover { background: var(--blue); }

#page_title { padding-top: 75px; font-size: 45px; line-height: 48px; }
#page_title, #ifelse_nav { clear: both; }

#ifelse_nav { font-size: 30px; line-height: 34px; }
#ifelse_nav ul li { margin-right: -4px; }
#ifelse_nav ul li a { padding-right: 2px; }
#ifelse_nav ul li.active a { color: var(--blue); }

#nav { margin: 2px 0px 6px; border-bottom: 1px solid var(--blue); padding-bottom: 4px; }
#nav ul li a { padding-right: 3px; }
#nav ul li { margin-right: -2px; }
#nav ul li.active a { color: var(--blue); }

#ifelse_nav ul li, #nav ul li { display: inline; }
#lang ul, #ifelse_nav ul, #nav ul { list-style: none; }

.yams_choose_lang_statement { display: none; }



/*  Content
==========================================================================	*/

.container .column a { text-decoration: underline; }
.calendar ul li { margin-bottom: 13px; }

.text ul li { margin-bottom: 13px; }

.container .lightbox img {
	margin: 3px;
	opacity: 0.85;
	border: 1px solid white;
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	-goog-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.container .lightbox img:hover { opacity: 1; box-shadow: none; border: 1px solid rgba(255,255,255,0.0); filter: grey(0.5); }
.container .lightbox { text-align: center; }

.container p, .column li { text-indent: -24px; padding-left: 24px; }
.container .text p { text-indent: 24px; padding-left: 0px; }

.lightbox li { text-indent: 0px; padding-left: 0px; }

.container .column {
		padding: 0 0px 10px;
	}
.container .column:last-child { margin-bottom: 36px; }

.container .column .text img { margin: 18px auto 0px; display: block; }
.container .column .text p { margin-bottom: 13px; }
.container .column .calender img { margin-top: 6px; }

.container .column.subnav ul h3 { margin-bottom: -12px; border-bottom: 1px dotted black; }
.container .column.subnav ul h3.active a { color: var(--blue); }
.container .column.subnav ul a { text-decoration: none; }

.container .description { font-size: 11px; line-height: 14px; margin-bottom: 12px; padding: 3px 6px !important; }
.container p.description { text-indent: 0px; text-align: center; }

.container .photo img {
	margin: 3px;
	opacity: 0.85;
	border: 1px solid white;
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	-goog-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	max-height: 112px;
	float: left;
}

.container .photo img:hover { opacity: 1; box-shadow: none; border: 1px solid rgba(255,255,255,0.0); filter: grey(0.5); }


/*Update 2020*/

blockquote {
	font-size: 21px;
	line-height: 27px;
	margin: 24px 0px 12px;
	padding-top: 24px;
	color: var(--blue);
	border-bottom: 1px solid;
}
.container .four.column {
	font-size: 13px;
	line-height: 17px;
}

.container {
	background-color: rgb(252,252,252);
	min-height: 100vh;
	padding: 0 10px;
	overflow: scroll;
}

#footer { clear: both; }