/*
*	GLOBAL & TEMPLATE
*/


@font-face {
	font-family: "ebgaramond12";
	src: url('../fonts/EBGaramond12-Regular.ttf') format('truetype');
}
@font-face {
	font-family: "ebgaramond12italic";
	src: url('../fonts/EBGaramond12-Italic.ttf') format('truetype');
}
@font-face {
	font-family: "ebgaramond12sc";
	src: url('../fonts/EBGaramondSC12-Regular.ttf') format('truetype');
}
@font-face {
	font-family: "ebgaramond8";
	src: url('../fonts/EBGaramond08-Regular.ttf') format('truetype');
}
@font-face {
	font-family: "ebgaramond8italic";
	src: url('../fonts/EBGaramond08-Italic.ttf') format('truetype');
}
@font-face {
	font-family: "ebgaramond8sc";
	src: url('../fonts/EBGaramondSC08-Regular.ttf') format('truetype');
}


body {
	font-family: ebgaramond12;
	/*font-size: calc(22px + (32 - 22) * ((100vw - 320px) / (1290 - 320)));*/
  	font-size: calc(22px + (26 - 22) * ((100vw - 320px) / (1290 - 320)));
	font-feature-settings: "liga" 1;
	font-variant-ligatures: common-ligatures;
	font-variant-numeric: oldstyle-nums;
	background-color: #FFFFFE;
	line-height: normal;
}

a:link, a:visited, a:hover, a:active {
	color: #4b6ec9;
}

a:hover, a:active {
	color: #384a7a;
    text-decoration: underline;
  	text-decoration-thickness: auto;
  	text-decoration-skip-ink: spaces;
  	text-decoration-skip: spaces;
}

ol {
	font-variant-numeric: lining-nums!important;
}

em {
	font-family: ebgaramond12italic;
	font-style: normal;
}

.btn {
	background-color: #ccdaf8;
}

/*
*	TOP BAR
*/

div#sp-top-bar {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

#sp-top-bar .sp-module {
	margin: 0;
}

div#mod-custom153 p {
	margin: 0;
}

.fa-clock:before {
	content: "\f35d";
}

.sp-contact-info li{
	margin: 0px 0px 0px 10px;
}



/*
*	MENU
*/

header#sp-header {
	background: #4b6ec9;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	animation: spFadeIn 1s;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 15px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	font-size: 18px;
	font-weight: 400;
	margin-left: -10px;
	cursor: auto;
}

.sp-megamenu-parent li {
	padding: 0;
	margin: 0px 15px 3px 15px;
}

.sp-megamenu-parent li a {
	padding: 0;
	line-height: 57px;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase!important;
	letter-spacing: 0.075em;
    text-decoration: none;
}

.sp-megamenu-parent li:hover, .sp-megamenu-parent li:active, .sp-megamenu-parent li.active, .sp-megamenu-parent > li.active:hover {
	border-bottom: 3px #ffffff solid;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item a {
	text-transform: none!important;
	font-size: 18px;
	font-weight: 300;
	transition: all 0.5s;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item  {
	border: 0px;
}

.sp-megamenu-parent li:last-child a {
	padding: 0px
}



/*
*	Off Canvas Menu
*/


.burger-icon span, .offcanvas-active .burger-icon span, #modal-menu-toggler.active .burger-icon span {
	background-color: #ffffff;
}

div.offcanvas-menu {
	background-color: #4b6ec9;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
}

.offcanvas-menu .offcanvas-inner ul.menu li li a:link, .offcanvas-menu .offcanvas-inner ul.menu li li a:visited {
	color: #ccdaf8;
}

.offcanvas-menu .offcanvas-inner ul.menu li li a:hover, .offcanvas-menu .offcanvas-inner ul.menu li li a:active {
	color: #ffffff;
    text-decoration: none;
}


.offcanvas-menu .offcanvas-inner ul.menu li a:link, .offcanvas-menu .offcanvas-inner ul.menu li a:visited {
	color: #ccdaf8;
}

.offcanvas-menu .offcanvas-inner ul.menu li a:hover,.offcanvas-menu .offcanvas-inner ul.menu li a:active, {
	color: #ffffff;
    text-decoration: none;
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent a .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu li.menu-parent .menu-separator .menu-toggler {
	color: #ffffff;
}



/*
*	TITLE/HEADER
*/


div#bg-container {
	background-image: url("/images/bg_content.png");
	background-position-x: 50%;
	background-position-y: 0px;
	background-repeat: no-repeat;
}

section#sp-section-1 {
	background-color: #5477d0;
	text-align: center;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	animation:spFadeIn 2s;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
}


div#mod-custom155 div.container h1 {
	font-family: "ebgaramond12sc";
	font-size: calc(60px + (75 - 60) * ((100vw - 320px) / (1290 - 320)));
	color: #ffffff;
	margin: 16px 0 0 0;
}

div#mod-custom155 div.container hr {
	width: 25%;
	height: 6px;
    border: none;
	margin: auto;
	background-color: #ffffff;
	opacity: 1;
	box-shadow: 1px 1px 1px rgba(0,0,0,.25);
}

div#mod-custom155 div.container p {
	font-size: calc(22px + (29 - 22) * ((100vw - 320px) / (1290 - 320)));
	font-family: "ebgaramond12italic";
	color: #ffffff;
	margin-top: 16px;
}


/*
*	CONTENT
*/


.article-details .article-ratings-social-share {
	display: none !important;
}

#sp-main-body {
	padding-top: 30px;
}

.sp-module-content-top {
	margin-bottom: 40px;
}

.article-list .article {
	border: 0;
	border-radius:0;
	padding: 0;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
	border-radius: 0;
	border: 0;
	margin: 0;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
	border-radius: 0;
}

div#article {
	padding: 0;
}

#sp-bottom .sp-module .sp-module-title {
	color:#252525;
}

.page-header {
	padding: 0;
}

.article-header h1, .page-header h1, .tag-category h1 {
    /*font-size: calc(32px + (56 - 32) * ((100vw - 320px) / (1290 - 320)))!important;*/
  	font-size: calc(32px + (48 - 32) * ((100vw - 320px) / (1290 - 320)))!important;
	margin: 0;
}

h2 {
	/*font-size: calc(28px + (44 - 28) * ((100vw - 320px) / (1290 - 320)))!important;*/
  	font-size: calc(28px + (36 - 28) * ((100vw - 320px) / (1290 - 320)))!important;
	margin-top: 2.5rem!important;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
}

h3 {
	/*font-size: calc(26px + (40 - 26) * ((100vw - 320px) / (1290 - 320)))!important;*/
  	font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (1290 - 320)))!important;
	margin-top: 2rem!important;
}

h4 {
	/*font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1290 - 320)))!important;*/
  	font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (1290 - 320)))!important;
	margin-top: 1.5rem!important;
}

div[itemprop="articleBody"] {
	margin: 0 calc(20px + (60 - 20) * ((100vw - 320px) / (1290 - 320)));
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
	color: #4b6ec9;
}

.article-list .article .article-intro-image, .article-details .article-full-image {
	margin-top: 2rem;
	margin-bottom: 0;
}


ul.menu {
	list-style-image: url("/images/icon-link-intern.png");
	font-size: calc(28px + (40 - 28) * ((100vw - 320px) / (1290 - 320)))!important;
	font-weight: 300;
	margin-left: 30px;
}


ul.menu li {
	padding-left: 30px;
}

ul.links-extern, div.content-links ul  {
	margin: 20px 20px;
	list-style-image: url("/images/icon-link-extern.png");
}

ul.links-intern {
	margin: 20px 20px;
	list-style-image: url("/images/icon-link-intern-small.png");
}

ul.documents {
	margin: 20px 20px;
	list-style-image: url("/images/icon-pdf.png");
}

div.content-links ul {
	display: inline-block;
	margin-left: 30px;
	border: 0;
}

div.article-details li, div.article-introtext li, ul.links-extern li, div.content-links li, ul.documents li {
	line-height: 1.5;
}

div.article-details p, .article-introtext p, .com-content-article__body p {
	margin-bottom: 1rem;
	text-align: justify;
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	line-height: 1.3;
}

.article-introtext {
	font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1290 - 320)));
	margin: 1rem 0 0 0;	
}

.article-info span, .readmore {
	font-family: ebgaramond8;
	/*font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1290 - 320)))!important;*/
  	font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1290 - 320)))!important;
  margin-bottom: 1.5rem!important;
}

.article-details figcaption.caption {
  	font-family: ebgaramond8;
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1290 - 320)))!important;
	margin-bottom: 20px;
}

.readmore a:link, .readmore a:visited {
	color: #4b6ec9!important;
}

.readmore a:hover, .readmore a:active {
	color: #384a7a!important;
}

.page-link, .page-item.disabled .page-link {
	border: none;
}

.pagination {
	flex-wrap: wrap;
}

.pagination li a:link, .pagination li a:active, .pagination li a:visited, .pagination li span:link, .pagination li span:active, .pagination li span:visited {
	color: #4b6ec9;
}

.pagination li a:hover, .pagination li a:focus, .pagination li span:hover, .pagination li span:focus {
	color: #384a7a;
	background: #ccdaf8;
    text-decoration: none;
}

.page-item.active .page-link {
	background-color: #4b6ec9;
	border-color: #4b6ec9;
}

.article-intro-image img {
	margin: auto auto;
}



/*
*	FOOTER
*/


#sp-footer-2 {
	padding: 20px 0px 0px 0px;
	border-top: 10px #eeeeee solid;
	padding-bottom: 30px;
}

#sp-footer {
	padding: 30px 0px 30px 0px;
}

#redim-cookiehint .cookiehead .headline::before {
	background-image: url("/images/cookie.png");
}

#redim-cookiehint-bottom {
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
}

.tagspopular li {
	font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1290 - 320)));
	float: left;
	margin: 5px 37px 5px -32px;
	padding: 5px 5px;
	background-color: #ccdaf8;
	list-style: none;
	border-radius: 8px;
}

div.sp-module-content ul.latestnews {
	margin: 20px 20px 20px 40px;
	list-style-image: url("/images/icon-link-intern-small.png");
}

div.sp-module-content ul.latestnews li span {
  	font-family: ebgaramond8;
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1290 - 320)))!important;
	margin-bottom: 1rem;
}

.sp-module ul > li > a {
	color: 
}


/*
*	VP
*/


.vpfuerdatum { 
  font-weight:bold;
  }

.ueberschrift {
  font-weight:bold;
  padding:0px;
  }  

table.tablekopf {
  border-collapse:collapse;
  border-color:black;
  table-layout:fixed;
  overflow:hidden;
  }

.kopfstunde {
  font-weight:bold;
  text-align:center;
  }
   
.kopftag {
  font-weight:bold;
  text-align:center;
  }
   
.stunde {
  text-align:center;
  }
 
table.tablekopf tr {
  vertical-align:top;
  }
 
table.tablekopf td {
  padding:5px 10px;
  border-top:1px black dashed;
  }
  
table.tablekopf th {
  padding:5px 10px;
  border-color:black;
  text-align:left;
  }
  
.thkopfabwesend {
  padding-left:0px;
  }


.thaktionen {
  font-weight:bold;
  }

.tdaktionenneu {
  color:red;
  }

.aufsichtenkopf {
  font-weight:bold;
  }