@font-face {
    font-family: 'AugenBold';
    src: url('../Fonts/AugenBold-Plain.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/AugenBold-Plain.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../Fonts/AugenBold-Plain.woff') format('woff'), /* Modern Browsers */
         url('../Fonts/AugenBold-Plain.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../Fonts/AugenBold-Plain.svg#AugenBold-Plain') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'AugenCaps';
    src: url('../Fonts/Augen-Caps.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/Augen-Caps.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../Fonts/Augen-Caps.woff') format('woff'), /* Modern Browsers */
         url('../Fonts/Augen-Caps.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../Fonts/Augen-Caps.svg#Augen-Caps') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'AugenCaps80';
    src: url('../Fonts/Augen-Caps80.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/Augen-Caps80.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../Fonts/Augen-Caps80.woff') format('woff'), /* Modern Browsers */
         url('../Fonts/Augen-Caps80.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../Fonts/Augen-Caps80.svg#Augen-Caps') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'AugenRegular';
    src: url('../Fonts/Augen-Plain.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/Augen-Plain.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../Fonts/Augen-Plain.woff') format('woff'), /* Modern Browsers */
         url('../Fonts/Augen-Plain.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../Fonts/Augen-Plain.svg#Augen-Plain') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Struktur */
body,html {
    height:100%;
}
body.backendlayout-Jmpage {
    height: calc(100% - 130px);
}
body {
	background-color: #fff;
}
body.backendlayout-Jmstart,
body.backendlayout-Jmstart div {
	background-color: #ad1022;
}
body.backendlayout-Jmstart * {
	color: #fff;
}
body.backendlayout-Jmstart .body-bg-top {
	padding-top: 0;
}
body.backendlayout-Jmpage #page-content {
	margin-top: 7.5rem;
} 
#page-content {
	overflow-x: hidden;
}
body.backendlayout-Jmstart #page-header {
	background-color: #ad1022 !important;
	border-bottom: 1px solid #fff; 
}
.navbar-brand-logo-normal {
	height: 40px;
}
.footer-section-content {
	background: transparent;
}
body.backendlayout-Jmstart > .body-bg,
body.backendlayout-Jmpage > .body-bg {
	padding-bottom: 50px;	
	min-height: 100%;
}
body.backendlayout-Jmstart #page-footer,
body.backendlayout-Jmpage #page-footer {
	position: relative;
	margin-top: -50px;
	width: 100%;
	height: 50px;	
}
.scroll-top:active, .scroll-top:focus, .scroll-top:hover {
	background-color: #ad1022;
}

/* Content */
.gallery-item img, .gallery-item picture {
	width: auto;
	max-width: 100%;
}

/* Navigation */
.navbar-center {
	position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
	background: #ad1022;
}

body.backendlayout-Jmstart .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-normal {
	display: none;
}
body.backendlayout-Jmstart .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-inverted {
	display: block;
}
body.backendlayout-Jmstart #mainnavigation .nav-link {
	border: none;
	border-left: 2px solid transparent;
	transition: all 0.2s ease-in-out;
}
body.backendlayout-Jmstart #mainnavigation .nav-link:hover { 
	border-left: 2px solid #fff;
}
body.backendlayout-Jmstart #page-footer .nav-link {
	border: none;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease-in-out;
}
body.backendlayout-Jmstart #page-footer .nav-link:hover {
	border-bottom: 2px solid #fff;
}

/* Lightbox */
.pswp__bg {
	background-color: rgba(0,0,0,0.85);
}
pswp__button, .pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
	background: url("../Images/pfeil_li.png") 0 0 no-repeat;
}
.pswp__button--arrow--right::before {
	background: url("../Images/pfeil_re.png") 0 0 no-repeat;
}

/* Font */
body {
	font-family: 'AugenRegular';
}
.augenregular {
  color: #af171a; 
  font-family: 'AugenCaps80';
}

h1, h2, h3, h4 {
	font-family: 'AugenRegular';
	color: #af171a
}
h1 {font-size: 2.1rem;}
h2 {font-size: 2.1rem;}
h3 {font-size: 1.7rem;}
h4 {font-size: 1.4rem;}
h5 {font-size: 3.0rem;}

body {font-size: 1.2rem;
}
body.backendlayout-Jmpage .footer-section-content {
	color: inherit !important;
}

.frame-background-dark a:not(.btn),
.frame-background-dark a:not(.btn):active  {
color: #af171a !important;
}

body.backendlayout-Jmstart .footer-section-content a:not(.btn),
body.backendlayout-Jmstart .footer-section-content a:not(.btn):hover,
body.backendlayout-Jmstart .footer-section-content a:not(.btn):active,
body.backendlayout-Jmstart .footer-section-content a:not(.btn):focus {	
	color: #ffffff;
}
.footer-section-content a:not(.btn) {
	color: #2b2b2b;
}
.footer-section-content a:not(.btn):hover,
.footer-section-content a:not(.btn):hover, 
.footer-section-content a:not(.btn):focus, 
a, a:hover,
.navbar-default .navbar-nav .active > .nav-link {
  color: #af171a; 
}
#page-content a {
	text-decoration: underline;		
}

b, strong {
	font-family: 'AugenBold';
}

/* CKEditor */
body.cke_editable {
	font-family: 'AugenRegular';
	color: #2b2b2b;
}

/* News */
.news .page-navigation {
	width: 100%;
}
.news .article .news-img-wrap {
	float: none;
	margin: 0;
}
.news-single .teaser-text {
	color: inherit;
	font-size: inherit;
}
.news-single .article .news-img-wrap {
	width: auto;
}
.news-related {
	border: none;
}

/* Cookie Consent */
.cc-banner.cc-bottom {
	left: 15px;
	bottom: 15px;
	border: 1px solid #fff;
	width: 25%;	
}
.cc-btn {
	background-color: #797979;
	border: 1px solid #797979;
}
.cc-btn,
.cc-btn.cc-dismiss {
	color: #fff;
}
.cc-btn:hover {
	color: #fff !important;
	border: 1px solid #797979;
	background-color: #af171a; 
}
@media only screen and (max-width : 1199.98px) {
	.cc-banner.cc-bottom {
		bottom: 50px;
		width: 75%;
		left: 12.5%;
	}
}