/*
Theme Name: pro linguis Der Sprachenclub e.V.
Theme URI: http://www.prolinguis.de
Description: pro linguis Der Sprachenclub e.V. 2026
Version: 2.26.0706
Author:Torben Frodermann Grafikdesign
Tags: pro linguis Der Sprachenclub e.V.
*/


/* --- GLOBALE DEFINITIONEN --- */

html, body{ height: 100%;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, * {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	/*vertical-align: baseline;*/
	color: #3E61A8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

h1{ font-size: 1.6em; font-weight: bold; color: #000; text-decoration: none; margin: 0px; padding: 0px;}

h2 a,
h2{ font-size: 2.6em; font-weight: 600; letter-spacing: 0.1px; color: #003399; margin-bottom: 14px; }
h2 a{ font-size: 1em; text-decoration: none; margin-bottom: 0px;}

/*
h1{ font-family: 'Lato', verdana, sans-serif; font-size: 1.6em; font-weight: bold; color: #000; text-decoration: none; margin: 0px; padding: 0px;}
h2 a,
h2{ font-family: 'Lato', verdana, sans-serif; font-size: 2.0em; font-weight: bold; letter-spacing: 1px; color: #003399; margin-bottom: 14px; }
h2 a{ font-size: 1em; text-decoration: none; margin-bottom: 0px;}
*/

h3 a, h3{ font-size: 1.8em; font-weight: 400; color: #3E61A8; margin-bottom: 5px; padding-top: 5px;}
h3 a{ font-size: 1em; text-decoration: none; margin-bottom: 0px;}
h3 span, h3 strong{ font-size: 1em; font-weight: bold; color: #003399; font-style: normal; margin-bottom: 5px;}

/*
h3 a, h3{ font-family: 'Lato', verdana, sans-serif; font-size: 1.6em; font-weight: bold; letter-spacing: 0.8px; color: #3E61A8; margin-bottom: 5px;}
h3 a{ font-size: 1em; text-decoration: none; margin-bottom: 0px;}
h3 span, h3 strong{ font-size: 1em; font-weight: bold; color: #003399; font-style: normal; margin-bottom: 5px;}
*/

p{ font-size: 1.3em; line-height: 1.5em; color: #3E61A8; margin-bottom: 15px;}
p em{ font-size: 1em; line-height: 1.5em; margin-bottom: 15px;}
p a, p a:hover, li a{ font-size: 1em; color: #3E61A8;}
p strong a{ font-weight: 700;}
p a:hover{ text-decoration: underline;}
p strong{ font-size: 1em; font-weight: bold;}

blockquote p{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-style: italic!important; line-height: 1.5em; color: #3E61A8; font-style: normal; margin-bottom: 15px; }
blockquote p em{  font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-style: italic!important; line-height: 1.5em; color: #3E61A8; font-style: normal; margin-bottom: 15px; }

td{ font-size: 1.2em; line-height: 1.5em; color: #3E61A8; padding: 0px; padding-right: 10px; }

a img{ border: none; }

button .button-verlinkung{
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 1.3em;
	text-decoration: none;
	color: #FFF;
	background-color: #3E61A8;
	padding: 7px 20px;
	transition: all 0.5s ease-in-out;
	}

button .button-verlinkung:hover{
	background-color: #333;
	}

.wp-block-button{ font-size: 1.3em;}

/* --- GRUNDGERUEST --- */

header{
	position: fixed;
	display: block;
	height: 100px;
	width: 100%;
	z-index: 9999;
	background: rgba(255,255,255,0.88);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	transition: all 1s ease-in-out;
	}

section{
	position: relative;
	display: block;
	width: 100%;
	}

.buehne{
	position: relative;
	display: block;
	max-width: 1260px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 20px 50px 20px;
	z-index: 99;
	}


/* --- KOPFBEREICH (NAVILEISTE) --- */

header .buehne{
	height: 100px;
	border-bottom: 6px solid #003399;
	transition: all 1s ease-in-out;
	}

header #logo{
	position: relative;
	display: block;
	float: right;
	height: auto;
	width: auto;
	}

header #logo svg{
	position: relative;
	display: block;
	width: auto;
	height: 70px;
	margin: 10px 0 15px 0;
	transition: all 1s ease-in-out;
	}

header.kompakt,
header.kompakt .buehne{ height: 66px;  background: rgba(255,255,255,1);}
header.kompakt #logo svg{ height: 55px; margin: 2px 0 7px 0;}

@media (max-width: 1000px) {
	header,
	header .buehne,
	header.kompakt,
	header.kompakt .kopfbereich{
		height: 66px;
		background: rgba(255,255,255,1);
		}
	header #logo svg,
	header.kompakt #logo svg{
		height: 55px;
		margin: 2px 0 7px 0;
		}
}

#knopf-scribifax{ position: absolute; bottom: 0px; left: 0px; border: 1px solid red;	}



#knopf-twitter{ position: absolute; top: 0px; left: 220px;}



/* --- SLIDER --- */

.slider{}
.slider.startseite{
	width: 100%;
	height: 70vh;
	overflow: hidden;
	}


.slick-slide picture,
.slick-slide img{
	position: relative;
	width: 100%;
	height: auto;}


@media (max-width: 1000px) {
	.slider.startseite{
		width: 100%;
		height: 55vh;}

	.slick-slide picture,
	.slick-slide img{
		width: 100%;
		height: auto;}
}

@media (max-width: 550px) {
	.slider.startseite{
		width: 100%;
		height: 40vh;}

	.slick-slide picture,
	.slick-slide img{
		height: auto;}
}


/* --- SEITENBILD --- */

.seitenbild{
	position: relative;
	display: block;
	width: 100%;
	height: 75vh;
	overflow: hidden;
	}

.seitenbild picture,
.seitenbild img{
	position: relative;
	width: 100%;
	height: auto;}


@media (max-width: 1260px) {
	.seitenbild{
		width: 100%;
		height: 60vh;}
}

@media (max-width: 890px) {
	.seitenbild{
		width: 100%;
		height: 45vh;}

	.seitenbild picture,
	.seitenbild img{
		position: relative;
		width: 100%;
		height: auto;}
}


/* --- INHALTSBEREICH --- */

section.seitenbild{
	height: 50vh;
	margin-bottom: 60px;
	}

section.inhalt{

	}

section.inhalt .buehne{
	border-top: 6px solid #5a7bc3;
	border-left: 15px solid #5a7bc3;
	}


#linker-bereich{
	position: relative;
	width: 25%;
	height: 300px;
	float: left;
	background: url(images/hg-submenu.png) top right no-repeat;
	}

#textbereich{
	margin-left: 27%;
	padding: 45px 100px 50px 66px;
	min-height: 90vh
	}

@media (max-width: 890px) {
	#linker-bereich{
		display: none;
	}

	#textbereich{
	margin-left: 0;
	padding: 25px 10px 30px 10px;
	}
}
/*
#seitenbild{
	position: relative;
	width: 956px;
	height: 165px;
	top: 0px;
	left: 0px;
	background: #FFF;
	border-top: 1px solid #FFF ;
	border-bottom: 1px solid #FFF;
	}

#seitenbild-startseite{
	position: relative;
	width: 956px;
	height: 250px;
	top: 0px;
	left: 0px;
	background: #FFF;
	border-top: 1px solid #FFF ;
	border-bottom: 1px solid #FFF;
	}
*/



/* --- FUSSBEREICH --- */

#fussbereich{
	position: relative;
	top: 0px;
	margin-left: 27%;
	padding: 0px 100px 0px 66px;
	font-size: 1.3em;
	font-weight: 400;
	color: #555;
	border: 0px solid red;
	}

@media (max-width: 890px) {
	#fussbereich{
		margin-left: 0;
		padding: 0px;
	}
}


/* --- NAVIGATION --- */

/* Navigation - Level-1 */

#top-navi{ display: none; position: absolute; bottom: 10px; left: 20px; }

#top-navi li.menu-item{
	font-size: 1.4em;
	list-style: none;
	display: inline;
	padding: 2px 0px 5px 0px;
	margin-right: 27px;
	transition: all 0.5s ease-in-out;
	}

#top-navi li.menu-item a{
	font-size: 1em;
	font-weight: 400;
	color: #003399;
	text-decoration: none;
	padding: 2px 0px 5px 0px;
	border-bottom: 6px solid rgba(0,51,153,0);

	}
#top-navi li.menu-item a:hover,
#top-navi li.current-menu-item a,
#top-navi li.current-page-item a,
#top-navi li.current-page-ancestor a,
#top-navi li.current-post-ancestor a{ color: #849CFF; font-weight: 400; border-bottom: 6px solid rgba(0,51,153,1); }
#top-navi li.current-page-parent a,
#top-navi li.current-post-parent a,
#top-navi li.current-menu-parent a{ color: #849CFF; font-weight: 400;}
#top-navi li.menu-item ul{ display: none;}
@media (max-width: 1260px) {
	#top-navi li.menu-item{
		font-size: 1.25em;
		margin-right: 10px;
	}
}


/* MOBILE MENU (SlickNav) */

.js .slicknav_menu{ display:block;}
#top-navi-mobile{ display: block;}

@media (min-width: 1000px) {
	.js .slicknav_menu{ display: none;}
	#top-navi-mobile{ display: none;}
	#top-navi{ display: block;}
}

.slicknav_menu{ display: none; padding: 0; }

#top-navi-mobile,
#top-navi-mobile .slicknav_menu{
	background-color: #FFF;
	height: 55px;
	padding: 0;
	}

#top-navi-mobile .slicknav_nav{
	position: absolute;
	width: 100%;
	left: 0;
	top: 60px;
	background-color: #FFFFFF;
	margin: 0 0 0 0 ;
	border-bottom: 6px solid #003399;
	}

#top-navi-mobile .slicknav_btn{
	position: relative;
	padding: 12px;
	overflow: auto;
	background: #FFF;
	border-radius: 0;
	border: none;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	float: left;
	margin: 5px 0 5px -10px;
}

#top-navi-mobile .slicknav_menu .slicknav_icon{
	position: relative;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#top-navi-mobile .slicknav_btn .slicknav_icon span{
	position: absolute;
	display: block;
	height: 3px;
	width: 100%;
	background: #003399;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-obox-shadow: none;
	box-shadow: none;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}

#top-navi-mobile .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{ margin: 0;}
#top-navi-mobile .slicknav_btn.slicknav_collapsed .slicknav_icon span:nth-child(1) { top: 0px;}
#top-navi-mobile .slicknav_btn.slicknav_collapsed .slicknav_icon span:nth-child(2) { top: 11px;}
#top-navi-mobile .slicknav_btn.slicknav_collapsed .slicknav_icon span:nth-child(3) { top: 22px;}

#top-navi-mobile .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 11px;
}

#top-navi-mobile .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#top-navi-mobile .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 11px;
}

#top-navi-mobile .slicknav_nav .slicknav_arrow{
	display: inline-block;
	width: 35px;
	font-size: 1.1em;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background: none;
	float: right;
}

#top-navi-mobile .slicknav_nav .slicknav_arrow .genericon{
	padding: 0 0 4px 0;
	vertical-align: middle;
	font-size: 1.3em;
}


/* Eigentliches Mobile Menu (Top-Navigation) */
/*#top-navi-mobile .slicknav_nav li.menu-item.kontaktknopf a{ text-align: center; font-size: 0.6em;}
#top-navi-mobile .slicknav_nav li.menu-item.kontaktknopf:hover{ background: none;}

#top-navi-mobile .slicknav_nav ul { margin: 0; padding: 0; }
#top-navi-mobile .slicknav_nav ul.menu { margin: 0; padding: 10px 25px 25px 25px; }
#top-navi-mobile .slicknav_nav li.menu-item{
	display: block;
	position: relative;
	margin-bottom: 0px;
}
#top-navi-mobile .slicknav_nav li.menu-item:last-child{
	margin-bottom: 0;
}

#top-navi-mobile .slicknav_nav li a{
	font-weight: 400;
	color: #505050;
	font-size: 1.4em;
	line-height: 1em;
	padding: 12px;
	text-transform: uppercase;
	margin: 0;
	text-align: left;
}

#top-navi-mobile li.menu-item a span{
	font-family: inherit;
	font-size: inherit;
	}

#top-navi-mobile .slicknav_nav li.current-menu-item a,
#top-navi-mobile .slicknav_nav li.current-menu-item:hover a ,
#top-navi-mobile .slicknav_nav li:hover a{
	color: #ffffff;
	background: #5a7bc3;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

#top-navi-mobile .slicknav_nav li> a > a:hover,
#top-navi-mobile .slicknav_nav li.current-menu-item>a>a{ background: none;}
#top-navi-mobile .slicknav_nav li .sub-menu,
#top-navi-mobile .slicknav_nav li.menu-item-has-children ul{ }
*/

#top-navi-mobile .slicknav_nav li.menu-item.kontaktknopf a{ text-align: center; font-size: 0.6em;}
#top-navi-mobile .slicknav_nav li.menu-item.kontaktknopf:hover{ background: none;}

#top-navi-mobile .slicknav_nav ul { margin: 0; padding: 0; border-bottom: 3px solid #f4f4f4;}
#top-navi-mobile .slicknav_nav ul.menu { margin: 0 0 0 0; padding: 10px 25px 25px 25px;}
#top-navi-mobile .slicknav_nav li.menu-item{
	display: block;
	position: relative; padding: 0;
	border-bottom: 1px solid #f4f4f4;
}

#top-navi-mobile .slicknav_nav li.menu-item:last-child{
	border-bottom: none;
}

#top-navi-mobile .slicknav_nav li a{
	color: #555555;
	font-size: 1.4em;
	padding: 12px 0 12px 10px;
	text-transform: uppercase;
	margin: 0;
	text-align: left;
}

#top-navi-mobile .slicknav_nav li > a{ padding-left: 10px; }

#top-navi-mobile .slicknav_nav li a a,
#top-navi-mobile .slicknav_nav .sub-menu li a{ color: #555555; font-size: 1.3em; padding-left: 0;}
#top-navi-mobile .slicknav_nav .sub-menu li.menu-item{ border: none;}
#top-navi-mobile .slicknav_nav li a a{ font-size: 1em;}

#top-navi-mobile .slicknav_nav li.current-menu-item > a,
#top-navi-mobile .slicknav_nav li.current-menu-item > a > span,
#top-navi-mobile .slicknav_nav li.current-menu-item > a > a > span,
#top-navi-mobile .slicknav_nav li.current-menu-item:hover > a > a > span,
#top-navi-mobile .slicknav_nav li:hover > a,
#top-navi-mobile .slicknav_nav li:hover > a > span,
#top-navi-mobile .slicknav_nav li:hover > a > a,
#top-navi-mobile .slicknav_nav li:hover > a > a > span,
#top-navi-mobile .slicknav_nav .sub-menu li.current-menu-item > a,
#top-navi-mobile .slicknav_nav .sub-menu li > a:hover{
	color: #5a7bc3 /*#00528e*/;
	background: #f4f4f4;
	font-weight: 600;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

#top-navi-mobile .slicknav_nav .sub-menu li.current-menu-item > a,
#top-navi-mobile .slicknav_nav .sub-menu li > a:hover{ background: #f4f4f4;}

#top-navi-mobile .slicknav_nav li.current-menu-parent > a,
#top-navi-mobile .slicknav_nav li.current-menu-parent > a > span,
#top-navi-mobile .slicknav_nav li.current-menu-parent > a > a > span{ background: #f4f4f4; color: #5a7bc3/*#4b4b4a*/ ; font-weight: 600; }

#top-navi-mobile .slicknav_nav li .sub-menu li.current-menu-item:before{
	content: '';
	position: absolute;
	transform: translateX(0);
	top: 50%;
	margin-top: -5px;
	margin-right: 13px;
	width: 0;
	height: 0;
	left: 20px;
	border-top: 5px solid transparent;
	border-left: 7px solid #00528e;
	border-bottom: 5px solid transparent;
	z-index: 9;
	}

#top-navi-mobile .slicknav_nav li> a > a:hover,
#top-navi-mobile .slicknav_nav li.current-menu-item>a>a{ background: none;}

#top-navi-mobile .slicknav_nav .sub-menu{
	background: #FFF;
	margin: 0;
	border-bottom: 3px solid #f4f4f4;}
	}
#top-navi-mobile .slicknav_nav .sub-menu .sub-menu{
	margin: 0 0 0 0;
	padding: 0;
	}

#top-navi-mobile .slicknav_nav .sub-menu .sub-menu .sub-menu{ background: #f4f4f4;}
#top-navi-mobile .slicknav_nav li .sub-menu li.menu-item{ padding-left: 33px;}


/* Kontaktdaten */

#top-navi-mobile .slicknav_nav .topnavi-mobile-kontaktdaten{
	text-align: center;
	padding: 10px 0;
	}

#top-navi-mobile .slicknav_nav .topnavi-mobile-kontaktdaten .knopf{
	display: inline-block;
	width: auto;
	color: #4b4b4a;
	font-size: 0.85em;
	text-align: center;
	padding: 5px;
	border: 0px solid green;
	text-transform:uppercase;
	}

#top-navi-mobile .slicknav_nav .topnavi-mobile-kontaktdaten .knopf:hover{
	background: #f4f4f4;
	border-radius: 0;
	}

#top-navi-mobile .slicknav_nav .topnavi-mobile-kontaktdaten .knopf .symbol:hover{
	position: relative;
	display: block;
	font-size: 2em;
	width: auto;
	border: 0px solid red;
	color: #666;
	margin-bottom: 5px;
	}
#top-navi-mobile .slicknav_nav .topnavi-mobile-kontaktdaten .knopf .symbol:before{
	position: relative;
	display: block;
	font-size: 2em;
	width: auto;
	border: 0px solid red;
	color: #666;
	margin-bottom: 5px;
	}

#top-navi-mobile .slicknav_nav .topnavi-mobile-kontaktdaten .knopf .text{
	position: relative;
	display: block;
	width: auto;
	font-size: 0.8em;
	color: #666;
	border: 0px solid red;
	}

/* Submenu */
#submenu{ position: relative; width: 180px; top: 48px; left: 0px;}
#submenu ul{ margin-left: 26px;}
#submenu li{ /*padding: 0px 0px 5px 12px;*/ padding: 0px; line-height: 1.9em; margin-right: 0px; list-style: none; border-bottom: 1px solid #eaeaea  }
#submenu li a{ display: block; font-size: 1.4em; font-weight: 400; color: #003399; text-decoration: none; padding: 7px 0px;}
#submenu li.page_item a:hover,
#submenu li.current_page_item{ list-style: url(images/submenu-marker.png); border-right: 3px solid  #003399;}
#submenu li.current_menu_item a,
#submenu li.current_page_item a{ color: #003399; font-weight: 700; border: none!important;}
#submenu li:hover a, #submenu li a:hover,
#submenu li.current_menu_item a:hover{ font-size: 1.4em; color: #003399; font-weight: 700; border: none!important;}

/* Archiv */
ul.archives{ position: relative; width: 191px; top: 48px; left: 28px; margin: 0px; padding: 0px;}
ul.archives li{ font-size: 12px!important; font-weight: 400; color: #003399; list-style: none; padding: 0px!important;}
ul.archives li a{ font-size: 1em!important; font-weight: 700; color: #003399; text-decoration: none; padding-left: 9px; margin-left: 4px;}
ul.archives li a:hover{ font-weight: 700; text-decoration: none;}
ul.archives li li{ margin-left: 10px;}
ul.archives li li li{ margin-bottom: 3px;}
ul.archives li li li a{ font-weight: 400; color: #00599D;}
ul.archives li li li a:hover{ text-decoration:underline;}
ul.archives span.sym:hover{ cursor: pointer;}

/* Fussmenu */
#fussmenu{ display: inline-block; /*position: absolute; top: -1px; left: 220px;*/}
#fussmenu ul{ margin-left: 0;}
#fussmenu li{ padding: 0px 7px 5px 7px; display: inline; line-height: 1.9em; margin-right: 0px; list-style: none; }
#fussmenu li a{ font-size: 1.3em; font-weight: 400; color: #555; text-decoration: none; padding: 2px 0px 2px 0px;}
#fussmenu li.page_item a:hover,
#fussmenu li.current_page_item{ list-style: url(images/submenu-marker.png);}
#fussmenu li.current_menu_item a,
#fussmenu li.current_page_item a{ color: #333; font-weight: 400; border-bottom: 2px solid #333;}
#fussmenu li:hover a, #fussmenu li a:hover,
#fussmenu li.current_menu_item a:hover{ font-size: 1.3em; color: #333; font-weight: 400; border-bottom: 2px solid #333;}


/* Instagram Verlinkung */

.instagram-link a,
.instagram-link a:hover,
.instagram-link a:active {
    font-size: 0;
		background: linear-gradient(
        45deg,
        #f58529,
        #dd2a7b,
        #8134af,
        #515bd4
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    font-weight: bold!important;
}

.instagram-link a::before {
    content: "";
		padding-right: 5px;
		margin-bottom: -5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9zm9.75 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"/></svg>');*/
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='ig' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23f58529'/%3E%3Cstop offset='40%25' stop-color='%23dd2a7b'/%3E%3Cstop offset='70%25' stop-color='%238134af'/%3E%3Cstop offset='100%25' stop-color='%23515bd4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23ig)' d='M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9zm9.75 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* --- Tabellen --- */
/* Studienplan */
/*
.tablepress tr.row-1 th {
	background-color: #5A7BC3 !important;
	color: #FFFFFF;
}

.tablepress tr.odd td {
	background-color: #DEE5F3;
}

.tablepress tr td {
	border-bottom: 1px solid #5A7BC3;
}

.dataTables_wrapper {
	clear: none;
	margin-bottom: 20px;
}

/*table.tablepress{ width: 100%; margin: 0px; padding: 0px; margin-bottom: 20px; border-spacing: 0px;}
.tablepress thead th{ font-size: 1.2em; font-weight: 700; text-align: left; color: #FFF; background: #5A7BC3; padding:5px 5px 5px 8px; }
.tablepress td{ font-size: 1.2em; font-weight: 400; text-align: left; color: #3E61A8; border-bottom: 1px solid #5A7BC3; padding:5px 5px 5px 8px; }
.tablepress tr.odd{ background: #DEE5F3;}
*/


/* --------------- */
/* --- INHALTE --- */
/* --------------- */

#textbereich-startseite{}

#inhalt{}
#storycontent{}
img.alignleft{ float: left; margin: 0px 15px 10px 0px;}

#textbereich img.wp-post-image{}

#inhalt ul li{ font-size: 1.2em; color: #3E61A8;}
#inhalt div.storycontent ul{ margin: 0px 0px 15px 15px;}
#inhalt div.storycontent ul li{ font-size: 1.3em; line-height: 1.5em; color: #3E61A8;}
#inhalt div.storycontent ul li strong{ font-size: inherit; font-weight: bold; line-height: inherit; color: inherit;}
#inhalt div.storycontent ul ul{}
#inhalt div.storycontent ul ul li{}

a.weiter-zur-reservierung{ font-size: 12px; font-weight: 400; text-decoration: none; color: #FFF; padding: 3px 9px 3px 9px; background: #3E61A8; border-radius: 3px;}
a.weiter-zur-reservierung:hover{ font-size: 12px; text-decoration: none; background-color: #444; color: #FFF;}


/* Startseite */
#startseite-neuigkeiten{
	font-family: 'Lato', verdana, sans-serif!important;
	font-size: 1.4em;
	position: relative;
	display: block;
	width: 100%;
	margin: 15px 0 30px 0;
	padding: 15px;
	background-color: #d4ddef;
	color: #3E61A8;
	border: 5px solid white;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	font-weight: 600;
	}

#startseite-neuigkeiten h3{
	font-size: 1.3em!important;
}

#startseite-neuigkeiten ul{
	margin: 10px 0 0 0;
	}

#startseite-neuigkeiten li{
	position: relative;
	display: block;
	width: 100%;
	font-size: 1.4em!important;
	font-weight: 600;
	letter-spacing: 0px;
	border-top: 2px solid #d4ddef;
	}

#startseite-neuigkeiten p,
#startseite-neuigkeiten .events-no-events{ display: inline-block; font-size: 1.4em; margin-bottom: 10px; }

#startseite-neuigkeiten li a{
	position: relative;
	display: block;
	font-size: inherit;
	text-decoration: none;
	background-color: #e5ebf5;
	padding: 10px 20px;
	transition: all 0.5s ease-in-out;
	}

#startseite-neuigkeiten li:nth-child(even) a{
	background-color: #f2f5fa;
	}

#startseite-neuigkeiten li.hervorheben a{
	background-color: #b14646;
	color: #fff;
	}

#startseite-neuigkeiten li a:hover{
	background-color: #333;
	color: #fff!important;
	}

#startseite-neuigkeiten li a:hover{ color: #444;}
button{
	position: relative;
	display: block;
	margin: 0 0 20px 0;
	}


/*#startseite-neuigkeiten li a{ font-size: 1em!important; font-weight: 600; color: #3E61A8; text-decoration: none;}
#startseite-neuigkeiten li a:hover{ font-size: 13px; color: #444;}

#startseite-aktuelles-link{ position: absolute; top: 85px; right: 140px; border: 0px solid red;}
#startseite-neuigkeiten-link{ position: absolute; top: 363px; right: 140px; border: 0px solid red;}

#startseite-aktuelles-link a{ font-size: 12px; font-weight: 400; text-decoration: none; color: #FFF;  letter-spacing: 0px; padding: 3px 9px 3px 9px; background: #3E61A8; border-radius: 4px 4px 0px 0px; }

#startseite-neuigkeiten-link a{ font-size: 12px; font-weight: 400; text-decoration: none; color: #FFF;  letter-spacing: 0px; padding: 3px 9px 3px 9px; background: #3E61A8; border-radius: 0px 0px 4px 4px; }

#startseite-aktuelles-link a:hover,
#startseite-neuigkeiten-link a:hover{ background: #333;}*/


/* Rundgang/Vermietung Galerie - Nextgen Galerie */
#rundgang{ position: relative; width: 560px; height: 500px; text-align: center; margin-top: 30px; border: 0px solid red;}

#rundgang #rundgang-thumb-01{ position: absolute; width: 245px; height: 110px; top: 50px; left: 300px;}
#rundgang #rundgang-thumb-02{ position: absolute; width: 245px; height: 110px; top: 70px; left: 0px;}
#rundgang #rundgang-thumb-03{ position: absolute; width: 245px; height: 110px; top: 172px; left: 325px;}
#rundgang #rundgang-thumb-04{ position: absolute; width: 245px; height: 110px; top: 200px; left: 0px;}
#rundgang #rundgang-thumb-05{ position: absolute; width: 245px; height: 110px; top: 330px; left: 0px;}
#rundgang #rundgang-thumb-06{ position: absolute; width: 245px; height: 110px; top: 295px; left: 300px;}

div.ngg-galleryoverview{ margin: 0px 0px 15px 0px;}
div.ngg-gallery-thumbnail-box{}
div.ngg-gallery-thumbnail{ margin: 0px 8px 8px 0px; -moz-box-shadow: 1px 1px 4px #888; -webkit-box-shadow: 1px 1px 4px #888; box-shadow: 1px 1px 4px #888;}
div.ngg-gallery-thumbnail img{ padding: 4px; margin: 0px; border: 1px solid #CCC;}
div.ngg-gallery-thumbnail img:hover{ background-color: #3E61A8; border: 1px solid #3E61A8}


/* Rundgang + Impressionen + Lightbox */
#inhalt div.storycontent ul.blocks-gallery-grid{ margin: 0;}

/* Sprachkurse + Flaggen-Icons */
.flaggensymbol-container{
	position: absolute;
	display: block;
	z-index: 999;
	top: -80px;
	left: 25%;
	margin-left: 100px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.4);
	border: 4px solid white;
	}

.flaggensymbol-container::after{
 	content: ' ';
    position: absolute;
    left: 10px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid white;
    clear: both;
	z-index: 9999;
}

.flaggensymbol{
	position: relative;
	width: 150px;
	height: 100px;
	overflow: hidden;
	z-index: 999;
}

.flaggensymbol img{
	position: relative;
	display: block;
	height: 100%;
	width: auto;
	margin:
}

.sprachenauflistung{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border: 0px solid red;
	overflow: auto;
	padding: 15px 10px 10px 10px;
}

.sprachflagge{
	position: relative;
	display: inline-block;
	width: 15%;
	float: left;
	font-size: 1.2em;
	margin-right: 5%;
	margin-bottom: 20px;
}

.mini-flagge{
	position: relative;
	display: block;
	z-index: 999;
	top: 0;
	left: 0;
	margin: 0 0 13px 0;
	width: 100%;
	height: auto;
	box-shadow: 0px 4px 10px rgba(0,0,0,0.4);
	border: 4px solid white;
}
.mini-flagge img{
	display: block;
	max-width: 100%;
}

.mini-flagge::after{
 	content: ' ';
    position: absolute;
    left: 10px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid white;
    clear: both;
	z-index: 9999;
}

@media (max-width: 1080px) {

	.sprachflagge{
		width: 20%;
	}

	.mini-flagge{
	}
}

@media (max-width: 890px) {
	.flaggensymbol-container{
		top: -98px;
		left: 0;
		margin-left: 30px;
	}

	.sprachflagge{
		width: 28%;
		font-size: 1.1em;
	}

	.mini-flagge{
		border: 3px solid white;
	}
}


/* Raumauflistung */

.raum-eintrag{
	position: relative;
	display: block;
	overflow: auto;
	margin-bottom: 0;
}

.raum-ausstattung{
	position: relative;
	display: block;
	padding-bottom: 5px;
}

.raum-ausstattung img{
	/*width: 100%;
	height: auto;
	max-width: 70px;*/
}


/* PageNavi */
.wp-pagenavi { clear: both; padding: 10px 0px 20px 0px; border: 0px solid red;}
.wp-pagenavi a, .wp-pagenavi span{
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #D4DDEF;
	border-radius: 3px;
	padding: 10px 12px!important;
	margin: 2px 4px 2px 0px;
	color: #3E61A8;
}

.wp-pagenavi a:hover{ border-color: #444; background-color: #444; color: #FFF; }
.wp-pagenavi span.current{ border-color: #3E61A8; background-color: #3E61A8; color: #FFF; font-weight: bold;}
.wp-pagenavi span.current{ font-weight: bold;}


/* Speisekarte */
.speisekarte table{ width: 500px;; border-spacing: 0px; padding: 20px 0px 0px 0px; margin: 0px; margin-bottom: 20px;}
.speisekarte table td{ font-size: 1.3em; line-height: 1.4em; color: #3E61A8; vertical-align: top; padding: 0px 30px 20px 0px; }
.speisekarte table td strong{ font-size: 1em; font-weight: 700;}
.speisekarte table h3{ font-size: 1.2em; padding-bottom: 0px; }


/* Downloads */
#download-knopf{ position: relative; padding: 4px 20px 6px 30px; background: url(images/hg-download.jpg) top right no-repeat; vertical-algin: center;}
#download-file-icon{ position: absolute; top: 4px; left: 7px; text-transform: uppercase; }
#download-knopf a{ font-size: 1.2em; font-weight: bold; color: #FFF; text-decoration: none; padding-bottom: 5px;}
#download-knopf a:hover{ text-decoration: underline;}


/* News-Eintraege (Posts/Category Darstellung/Archiv) */

ul.post-categories li{ list-style: none;}
ul.post-categories li a{ font-size: 2.0em; font-weight: bold; letter-spacing: 1px; color: #373737; margin-bottom: 14px; text-decoration: none;}

div.type-post p.datum{ margin-bottom: 0px;}
div.type-post{
		display: flow-root;
		padding: 10px 0px 30px 0px;
		margin-bottom: 10px;
		border-bottom: 2px solid #D4DDEF;
}

.archiv-meta {
		display: inline-block;
    margin-bottom: 8px;
    color: #fff;
		font-size: 1.3em;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 3px solid #5a7bc3;
    padding: 10px 0;
}

.archiv-meta time{ font-size: inherit;}

.event-flag {
    display: inline-block;
    margin-left: 10px;
    padding: 0 8px;
    background: #b14646;
    color: #fff;
    border-radius: 3px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4;
    vertical-align: middle;
}

.archiv-beitragsbild {
    float: left;
    width: 25%;
    margin: 0 20px 15px 0;
}

.archiv-beitragsbild img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
		margin: 0;
		padding: 0;
}

/* Mobile */
@media (max-width: 768px) {
    .archiv-beitragsbild {
        width: 33.333%;
        margin-right: 15px;
    }
}

span.artikel-zurueck a span,
span.artikel-vor a span{ font-size: 1.2em!important; }
span.artikel-zurueck a,
span.artikel-vor a{ font-weight: 400; text-decoration: none; color: #FFF; padding: 4px 9px 3px 9px; background: #3E61A8; border-radius: 3px;}
span.artikel-zurueck a:hover,
span.artikel-vor a:hover{ background: #444;}
span.artikel-zurueck{ margin-right: 3px;}
span.artikel-vor{ margin-left: 3px;}



/* Event-Kalender */
div.type-event{ padding: 10px 0px 20px 0px; margin-bottom: 10px; border-bottom: 2px solid #D4DDEF;}
a.event-link{ display: inline-block; width: auto; font-size: 1.2em; font-weight: 400; margin-top: 10px; text-decoration: none; color: #FFF; padding: 7px 21px 7px 21px; background: #3E61A8; border-radius: 3px;}
a.event-link:hover{ background-color: #444;}


/* Reservierungssystem */
/*
#CalendarFormular{ height: 200px; position: relative;}

#easyFrontendFormular{ position: relative; color: #3E61A8; margin-top: 10px; text-align: left; border: 0px solid red;}
#easyFrontendFormular h3{ margin: 25px 0px 10px 0px; padding-bottom: 3px; border-bottom: 2px solid #3E61A8;}
#easyFrontendFormular label{ font-size: 1.3em; line-height: 1em; font-weight: 600!important; color: #3E61A8; display: block; float: none; text-align: left; }
#easyFrontendFormular label a{ font-size: 1em; font-weight: 600!important; line-height: 1.5em; color: #3E61A8;}
#easyFrontendFormular input{ float: none;}
#easyFrontendFormular span{ font-size: 1.2em; text-align: left; }
#easyFrontendFormular select{}
#easyFrontendFormular option{ font-size: 12px!important; padding-left: 5px!important; }

#showPrice{ font-size: 14px!important; font-weight: 600; clear: both; color: #FFF; background-color: #3E61A8; padding: 5px 25px 5px 25px; border-radius: 3px;}

#easy-form-from,
#easy-form-to{ width: 85px!important; font-size: 12px!important; color: #3E61A8!important; padding-left: 5px!important; margin-bottom: 5px!important;}

#date-from-hour,
#date-from-min,
#date-to-hour,
#date-to-min{ width: 60px!important; font-size: 12px!important; color: #3E61A8!important; padding-left: 5px!important; margin-bottom: 5px!important;}

#easy-form-persons,
#form_room,
#easy-form-country{ width: 298px!important; font-size: 12px!important; color: #3E61A8!important; padding-left: 5px!important; margin-bottom: 13px!important;}

#easyFrontendFormular #resource_infobox{ padding-bottom: 20px;}
img.easy_infobox_thumb{clear: both; padding-right: 10px; padding-left: 0px!important; margin-left: 0px!important;}
span.easy_infobox_content{ font-size: 13px!important;; color: #3E61A8!important; line-height: 16px;}

#easy-form-thename,
#easy-form-email,
#easy-custom-req-Telefon,
#easy-custom-req-Adresse,
#easy-custom-req-PLZ,
#easy-custom-req-Ort,
#easy-form-captcha{
	height: 20px;
	font-size: 12px;
	color: #3E61A8;
	padding-left: 5px;
	margin-bottom: 13px;}

#easyFrontendFormular input:focus{ border: 1px solid #3E61A8;}

#easy-custom--Message{
	width: 285px!important;
	height: 50px;
	font-size: 12px!important;
	color: #3E61A8!important;
	resize: vertical;
	padding: 5px!important;
	margin-bottom: 13px!important;}

#easy-custom--Message:focus{ border: 1px solid #3E61A8;}

#easy-form-captcha{ width: 100px; }

#easy-custom-req-datenschutz{
	position: relative;
	margin-left: 10px;
	margin-top: 25px;
	}
#easy-custom-req-datenschutz.form-error{ border: 1px solid #E80000 !important;}

#easy-error-field-easy-custom-req-datenschutz{ padding-left: 20px;}

#easy-button{
	position: relative;
	display: block;
	font-size: 1.3em;
	font-weight: 400;
	color: #FFF;
	margin-top: 5px;
	border: none;
	background-color: #3E61A8;}

.easy-show-error{ padding-bottom: 5px;}
#easy-show-error-div{ width: 515px!important;}

#easy-show-error-div{
	width: 580px!important;
	font-size: 1.3em!important;
	color: #F00!important;
	border: none!important;
	border-top: 2px solid #F00!important;
	border-bottom: 2px solid #F00!important;
	background-color: #FFF!important;
	padding: 10px 0px 0px 0px!important;}

#easy-show-error-div h2{ font-size: 1.1em!important; font-weight: 600!important; text-transform: uppercase; color: #F00!important; border: none!important; padding-bottom: 10px!important; margin: 0px!important;}
#easy-show-error-div ul{ padding-top: 10px; }
#easy-show-error-div li{ font-size: 1em!important; font-weight: 600!important; color: #F00!important;}
#easy-show-error-div li label{ color: #F00!important;}

*/

/* Sitemap */
div.html-sitemap h2{ display: none;}

#inhalt div.html-sitemap ul{ margin-top: 0px;}
#inhalt div.html-sitemap ul li{ font-size: 1.3em; font-weight: bold;}
#inhalt div.html-sitemap ul li a{ font-size: 1em; font-weight: bold; color: #3E61A8; margin-bottom: 10px; text-decoration: none;}
#inhalt div.html-sitemap ul li ul{ margin: 0px 0px 15px 0px;}
#inhalt div.html-sitemap ul li ul li{ text-transform: none; list-style: none; color: #3E61A8; padding: 0px; margin-bottom: 0px;}
#inhalt div.html-sitemap ul li ul li a{ font-weight: normal; margin-bottom: 0px;}
#inhalt div.html-sitemap ul li a:hover{ font-weight: bold; text-decoration: underline;}


/* Kontaktformular */

#inhalt .wpforms-field-label{
	font-size: 1.3em;
	font-weight: 400;
	color: #3E61A8;
	}

#inhalt .wpforms-field-label-inline{
	font-size: 1em;
	font-weight: 400;
	color: #3E61A8;
	}

#inhalt .wpforms-field-label-inline a{
	text-decoration: underline;
	}

#inhalt .wpforms-form input,
#inhalt .wpforms-form textarea{
	font-size: 1.3em;
	font-weight: 600;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	}

#inhalt .wpforms-form input:focus,
#inhalt .wpforms-form textarea:focus{
	border-color: #3E61A8;
	}

#inhalt .wpforms-submit{
	width: 100px;
	font-size: 1.3em;
	font-weight: 400;
	color: #FFF;
	margin-top: 5px;
	border: none;
	background-color: #3E61A8;
}