/* fonts */

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* Grundsätzliche Template-Farben und Einstellungen */

:root {

	--ok-color-primary: #fff;
	--ok-color-link: #2a71c2;
	--ok-color-hover: #a8be05;

	--ok-font-family-body: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	--ok-font-family-headings: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	--ok-font-weight-headings: 400;
	--ok-font-weight-normal: 300;

	--blue: #0d6efd;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #d63384;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #198754;
	--teal: #20c997;
	--cyan: #0dcaf0;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--gray-100: #f8f9fa;
	--gray-200: #e9ecef;
	--gray-300: #dee2e6;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6c757d;
	--gray-700: #495057;
	--gray-800: #343a40;
	--gray-900: #212529;
	--primary: #0d6efd;
	--secondary: #6c757d;
	--success: #2a71c2;
	--info: #0dcaf0;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #212529;
	--primary-rgb: 13, 110, 253;
	--secondary-rgb: 108, 117, 125;
	--success-rgb: 25, 135, 84;
	--info-rgb: 13, 202, 240;
	--warning-rgb: 255, 193, 7;
	--danger-rgb: 220, 53, 69;
	--light-rgb: 248, 249, 250;
	--dark-rgb: 33, 37, 41;
	--white-rgb: 255, 255, 255;
	--black-rgb: 0, 0, 0;
	--body-color-rgb: 33, 37, 41;
	--body-bg-rgb: 255, 255, 255;
	--font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--body-font-family: var(--ok-font-family-body);
	--body-font-size: 20px;
	--body-font-weight: 300;
	--body-line-height: 35px;
	--body-color: #666666;
	--body-bg: #eeecec;
}


/* gesamte Website */

body {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
  font-weight: 300;
}
strong {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
  font-weight: 400;
}

/* Banner */ 

.container-banner .banner-overlay {
  height: 60vh;
}
.container-banner .banner-overlay .overlay {
  background-color: rgba(0, 0, 0, 0);
}
.container-banner {
  margin: -110px 0 0 0;
}

/* Seitenkopf */

.header.active {
  background-color: rgba(256, 256, 256, 1);
  background-image: none;
  box-shadow: none;
  height: 120px;
  padding: 0 1em;
}
.header {
  background-color: rgba(256, 256, 256, 1);
  background-image: none;
  box-shadow: none;
  height: 120px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
  border-bottom: 1px #a8be05 solid;
  padding: 0 1em;
}
.grid-child.container-nav {
  /* background-color: rgba(256, 256, 256, 1);
  box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.2); */
}
.container-below-top {
  justify-content: space-between;
}
.container-header .grid-child {
  height: 80px;
  padding: 0;
}
.container-header {
  z-index: 500;
}
.grid-child {
  max-width: 1323px;
}


/* Banneroverlay */ 
.overlaycontainer {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 400;
	overflow: hidden;
	grid-column-start: main-start;
}
.banneroverlay {
	float: right;
	position: absolute;
	top: 210px;
	z-index: 1000;
	float: right;
}
.searchcontainer {
	top: 150px;
	position: absolute;
	z-index: 1000;
}
#searchbox {
	background: #fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #a8be05;
	width: 336px;
	height: 35px;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #a8be05;
	font-weight: 400;
	padding-left: 10px;
	overflow: hidden; /* Clear floats */
}
#mod-finder-searchword127 {
  width: 341px;
}
.weathercontainer {
	background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
	position: absolute;
	top: 206px;
	z-index: 999;
	padding: 0 0 0 13px;
	height: 190px;
	margin-left: 1px;
	width: 340px;
}
.weathercontainer strong {
    color: #fff;
}
img.spw_icon {
    height: 60px !important;
}
span.weather_sp1_list_day, span.weather_sp1_list_temp, span.weather_sp1_list_icon {
    display: block;
    float: left;
    height: 50px !important;
    line-height: 50px !important;
    width: 33%;
}


/* Listenpunkte in Spalten (Startseite) */ 

.wf-column ul {
  margin-bottom: 0rem;
}

/* Fehlermeldungen */

#system-message-container joomla-alert {
  margin-top: 18px;
}

/* Abstand Spalten unten */ 

.wf-columns-gap-large {
  gap: 0rem 2rem !important;
}

/* Logo */ 

.logo {
  margin: 0 0 0 10px;
  padding-top: 23px;
  max-width:400px;
  position: absolute; 
  width: 400px;
/*  filter: drop-shadow(0px 0px 5px rgb(255, 255, 255));*/
  z-index: 11;  
}
.svg {
  width: 100%;
  margin-top: 15px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.svg.active {
  width: 100%;
  position: relative;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
} 

/* Suchfenster im Menü */ 

.maximenuck_mod .moduletable .mod-finder.js-finder-searchform.form-search {
  margin-bottom: -1rem;
}
.maximenuck_mod .moduletable .mod-finder.js-finder-searchform.form-search .form-control {
  border: none;
}

/* Autocomplete Rollup im Suchfenster */ 

.awesomplete > ul {
  border-radius: 0 !important;
  margin: 20px 0 0 -16px !important;
  padding: 20px 0 !important;
  background: rgba(256, 256, 256, 1) !important;
  width: 249px !important;
  position: -30px !important;
}
.awesomplete > ul > li {
  font-size: 16px !important;
  line-height: 25px !important;
}
.awesomplete mark {
  background: rgba(171, 191, 91, 0.25) !important;
}
mark, .mark {
  padding: 0 !important;
  background-color: rgba(171, 191, 91, 0.25) !important;
}

/* Sprachauswahl im Mobilemenü */ 

div.mod-languages ul {
  margin: 0 !important;
  padding: 0 !important;
}
div.mod-languages ul.lang-block li {
  padding: 0 !important;
}
div.mod-languages li {
  margin: 0 !important;
}
div.mod-languages a {
  padding: 0 !important;
}
.lang-active > a {
  color: #B3B3B3 !important;
  background-color: #777;
}

/* Platzhalter Slider */

.moduletable.sliderplaceholder {
  height: 132px;
}

/* Breadcrumbs */ 
.breadcrumb {
  background-color: rgba(0, 0, 0, 0);
}
.mod-breadcrumbs__wrapper {
  margin-top: -32px !important;
  margin-bottom: -17px !important;
  background-color: rgba(256, 256, 256, 1);
  color: #999;
  font-size: 11px;
  padding-left: 25px;
}
.py-2 {
  padding-top: 0.3rem !important;
  padding-bottom: 0 !important;
}

/* Fehlerseite */ 

#forseo_error_page_content {
  background: #FFF;
  padding: 30px 40px 20px !important;
  margin-top: 27px;
}

/* Module haben die Klasse card, man steuert sie also mit .card an - wenn du nur ein bestimmtes Modul ansteuern willst, kannst du dem Modul in den Einstellungen eine eigene CSS Klasse geben und dann damit ansteuern  */

.item-content .page-header {
	padding: 0px 0px 0px !important;
	margin-bottom: 0px !important;
}

.com-content-category-blog.blog .page-header {
	border-radius: 0 !important;
	padding: 30px 40px 20px;
	margin-bottom: 16px;
	display: flow-root;
}

.com-content-category-blog__item.blog-item:hover {
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	transition: box-shadow 0.5s;
}

.no-card .newsflash-horiz li, .blog-items .blog-item, .card, .category-desc.clearfix, .com-content-article.item-page, .com-finder.finder, .content-category, #jevents, .eb-post-content, #eb .eb-comments, .com-users-registration.registration, .com-users-profile.profile, .com-users-login.login, .com-content-category-blog.blog .page-header, .com-users-profile__edit.profile-edit {
	background-color: #fff;
	border: none;
	/* box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.2); */
}
.item-content, .category-desc.clearfix, .com-content-article.item-page, .com-finder.finder, .content-category, #jevents, .eb-post-content, #eb .eb-comments, .card, .com-users-registration.registration, .com-users-profile.profile, .com-users-login.login, .com-users-profile__edit.profile-edit {
	border-radius: 0 !important;
	padding: 30px 40px 20px;
	display: flow-root;
}
.container-bottom-a > *, .container-bottom-b > * {
  flex: 1;
  margin: -1em 0 1em;
}
.category-desc.clearfix {
  padding: 30px 40px 10px;
  margin-bottom: 17px;
  display: flow-root;
}
.container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
  margin-top: 12px;
}
.bottom-a.card.map {
  background-image: url("/images/slider/map.jpg"); 
  background-color: #fff; 
  height: auto; 
  background-position: 31% 16%;
  background-repeat: no-repeat; 
  background-size: cover; 
}
main {
  z-index: 0;
}

/* Module sind auf verschiedenen Modulpositionen im Cassiopeia Template bekommen dann die Module zusätzlich zu card auch die Position als Klassennamen, zum Beispiel main-top - wenn du also alle Module auf Main Top ändern möchtest, nimmst du .main-top.card */

.main-top.card {
	background: #fff;
}
.main-bottom.card {
  margin-top: 0px;
}
.card-body {
  padding: 0rem 0rem;
}
.card-header {
  padding: 0rem 0rem;
  margin-bottom: 0;
  background-color: rgba(256, 256, 256, 0);
  border-bottom: 0px none #fff;
}

/* Überschriften */

h1, h2, h4, h5, h6 {
  color: #2a71c2;
  font-size: 28px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  line-height: 40px;
  margin-bottom: 10px;
  font-weight: 340;
}
h3 {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

/*Laufen dir auf der Webseite icons über den Weg kannst du diese einzeln einfärben*/

.icon-user {

}

/* oder du färbst mit dieser besonderen Anweisung alle Icon ein*/

/*.fa, .fas, [class*=" icon-"], [class^="icon-"] {
  color: #ffffff;
}*/

/* Weisser Hintergrund JCE-Editor */

.mceContentBody {
  background-color: #fff;
}

/* Seitenfuss */

.footer-a {
  background: #361f1f;
  margin-top: 0;
  padding-bottom: 10px;
}
.footer-c, .footer-d {
  background: #2f2e2e;
  margin-top: 0;
}
.footer-b {
  background: #2a71c2;
  margin-top: 0;
  color: #fff;
}
.footer-e {
  background: #d8d4d4;
  margin-top: 0;
}
.footer-a .grid-child  {
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 0px 0;
}
.footer-b .grid-child, .footer-d .grid-child, .footer-e .grid-child {
  align-items: center;
  justify-content: space-between;
  padding: 30px 40px 20px;
}
.footer-c .grid-child  {
  align-items: center;
  justify-content: space-between;
  padding: 0;
  max-width: 100%;
}
.container-footer.footer-a.full-width .grid-child, .container-footer.footer-c.full-width .grid-child {
  display: block;
}
.footer-b a {
  color: #fff;
}
.footer-b a:hover {
  color: #c8c8c8;
}
.footer-b .mod-custom {
  width: 100%;
}
.footer-c .mod-custom {
  width: 100%;
}
.footer-d .mod-custom {
  width: 100%;
}
/* Menü im footer */

.mod-menu {
  flex-direction: row;
}
.mod-menu.mod-list.nav._untenrechts li {
  padding-right: 20px; 
}
.mod-menu.mod-list.nav._untenrechts a {
  color: #444444;  
}
.mod-menu.mod-list.nav._untenrechts a:hover {
  color: #999999;  
}

/* Benutzerprofil */

dt {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 300;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 10px !important;
  line-height: 30px;
  font-size: 24px !important;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  color: #2a71c2;
  letter-spacing: -.5px;
}

/* Newsslider im footer */ 
#eb .eb-featured--magazine .eb-gallery-cover__img {
  background-position: 50% 25% !important;
  padding-bottom: 430px !important;
}
#eb .eb-featured--magazine .swiper-wrapper {
  background-color: transparent !important;
}
.swiper-slide.swiper-slide-active {
  margin-bottom: 30px;
}

/* Bilder */ 

.blog-item .item-image {
  margin-top: 0;
  margin-bottom: 0px !important;
}

.left.item-image img {
  width: 100%;
  height: auto;
}

.left.item-image {
  float: none;
}

.item-image {
  border: none;
}

.images-full {
  width: 100%;
  height: auto;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  margin-left: 0;
}

.images-overwiew {
  max-width: 100%;
  height: auto;
  margin-top: 0.7em;
  margin-right: 2%;
  margin-bottom: 0.7em;
  margin-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
}

.images-half {
  height: auto;
  width: 50%;
  float: right;
  padding-left: 1%;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  margin-left: 0;
}
.images-40 {
  height: auto;
  width: 40%;
  float: right;
  padding-left: 1%;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  margin-left: 0;
}
.images-quarter {
  height: auto;
  width: 25%;
  float: right;
  padding-left: 1%;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  margin-left: 0;
}
.images-quarter-left {
  height: auto;
  width: 25%;
  float: left;
  padding-right: 1%; 
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  margin-left: 0;
}

.images-overwiew {
  max-width: 100%;
  height: auto;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4); */
  margin-top: 0.7em;
  margin-right: 2%;
  margin-bottom: 0.7em;
  margin-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
}

.images-filter {
  width: 68px;
  float: left;
  height: auto;
  margin-right: 10px;
}

/* Links */ 

a, a:hover {
  text-decoration: none !important;
}

.readmoretextfield, div#eb .btn, .com-content-article__body button {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #2a71c2;
  background-image: linear-gradient(to bottom, #2a71c2, #a5c3e5);
  background-repeat: repeat-x;
  border-color: #2a71c2 #2a71c2 #005321;
  border-image: none;
  border-radius: 4px;
  border-style: solid;
  border-width: 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  padding: 9px 12px 9px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: middle;
}
.readmoretextfield:hover, div#eb .btn:hover, .com-content-article__body button:hover {
  background-color: #f6891f !important;
  color: #fff !important;
  text-decoration: none;
  background-position: 0 -80px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -3px;
}
.btn.btn-primary, .btn.btn-secondary {
  background-color: #2a71c2;
  background-image: linear-gradient(to bottom, #2a71c2, #a5c3e5);
  background-repeat: repeat-x;
  border-color: #2a71c2 #2a71c2 #2a71c2;
  border-image: none;
  border-radius: 5px;
  border-style: solid;
  border-width: 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #fff !important;
  padding: 9px 12px 9px 12px;
  font-size: 18px;
} 
.btn.btn-primary:hover, .btn.btn-secondary:hover {
  background-color: #f6891f !important;
  color: #fff !important;
  text-decoration: none;
  background-position: 0 -80px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
  font-size: 18px;
} 
.hyperlink {
  background-attachment: scroll;
  background-image: url(../images/arrow-link_passive.png);
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  color: #2a71c2 !important;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 23px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 25px;
  background-position: left center;
}
.hyperlink:hover {
  background-attachment: scroll;
  background-image: url(../images/arrow-link_hover.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #f6891f !important;
}
.footerlinks {
  line-height: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 1px dotted #d5cece;
  width: 100%;
}

/* Nach oben scrollen */ 

.back-to-top-link {
  position: absolute;
  inset-inline-end: 1rem;
  bottom: 20px;
  z-index: 10000;
  padding: 9px 11px;
  pointer-events: all;
  background-color: #d8d4d4;
  border: 1px solid #847e7e;
}
.icon-arrow-up.icon-fw {
  color: #847e7e !important;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  background-color: #d8d4d4;
  border-color: var(--white, white);
}

/* Fix um Formulare in Frontend zu einzufügen */ 

.modal-backdrop.show {
  display: none;
}

/* Tabellen */ 

.stundenplan td, .stundenplanend td {
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    padding: 2px;
}
.stundenplan {
	float: left;
	font-size: 14px;
	line-height: 22px;
	width: 16.6%;
	margin-bottom: 10px;
}
.stundenplanend {
	float: left;
	font-size: 14px;
	line-height: 22px;
	width: 16.6%;
	margin-bottom: 10px;
}

/* Tabs und Slider */

div.jwts_toggleControlContainer a.jwts_toggleControl {
  font-size: 18px !important;
}
div.jwts_content {
  display: table;
}
.jwts_toggleControlNotice {
  display: none !important;
}

/* Anker verschieben */

a.anchorPos {
  display: block;
  position: relative;
  top: -200px;
  visibility: hidden;
}

@media (min-width: 0px) and (max-width: 575px) {
.mod-breadcrumbs__wrapper {
  display: none;
}
.patientinfolinks, .patientinfolinksend, .worldwide, .worldwideend, .table33, .table50 {
  width: 100%
}
.logo {
  margin: 0px 0 0 10px;
  max-width: 260px;
  position: absolute; 
  width: 260px;
}
.header {
  height: 110px;
}
.header.active {
  height: 110px;
}
.images, .images-full, .images-overwiew, .images-half, .images-40, .images-quarter, .images-quarter-left {
  height: auto;
  width: 100%;
}
.table50, .table50left, .table50right, .stundenplan, .stundenplanend, .table4, .table4end, .table5, .table5end, .table3, .table3end, .table2, .table2end {
  width: 100%;
}
.position-sticky {
  position: sticky !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.mod-breadcrumbs__wrapper {
  display: none;
}
.patientinfolinks, .patientinfolinksend, .worldwide, .worldwideend, .stundenplan, .stundenplanend, .table33, .table50 {
  width: 100%
}
.logo {
  margin: 0px 0 0 10px;
  max-width: 360px;
  position: absolute; 
  width: 360px;
}
.header {
  height: 115px;
}
.header.active {
  height: 115px;
}
.footerlinks, .footerlinksend {
  width: 100%;
}
.images, .images-full, .images-overwiew, .images-half, .images-40, .images-quarter, .images-quarter-left {
  height: auto;
  max-width: 100%;
}
.table50, .table50left, .table50right, .stundenplan, .stundenplanend, .table4, .table4end, .table5, .table5end, .table3, .table3end, .table2, .table2end {
  width: 100%;
}
.position-sticky {
  position: sticky !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.patientinfolinks, .patientinfolinksend, .stundenplan, .stundenplanend, .worldwide, .worldwideend {
  width: 49%
}
.header {
  height: 120px;
}
.header.active {
  height: 120px;
}
.position-sticky {
  position: sticky !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {

}
@media (min-width: 1200px) and (max-width: 1399.98px) {

}

@media (max-width: 1400px) {
}

@media (min-width: 1200px) {
.com-users-profile dt {
  min-width: 420px !important;
}
}
@media (max-width: 991px) {
    .site-grid {
        grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l side-l side-l side-l ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
  
  }
  }