/* roboto-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v48-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v48-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v48-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v48-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v48-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html{
font-size:100%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.25em;
    line-height: 1.45;
    text-decoration: none;
}

.text-center {
	text-align: center !important;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge {
    font-family: 'Roboto', sans-serif !important;
	font-weight: normal !important;
	color: #b96b06;
}

.uk-h4, h4 {
    font-size: 1.5rem;
    line-height: 1.4;
	text-align: center;
	font-weight: 500 !important;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	padding: 30px 30px 15px 30px;
}

.alert-warning {
    color: #155724;
    background-color: #d9caaa;
    border-color: #c3e6cb;
	padding: 30px 30px 15px 30px;
}

/*p {
    margin-top: 1rem;
}*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .uk-h3, h3 {
    color: #b96b06;
}

.h3, h3, .uk-h3, h3 {
    font-size: 2.0rem;
	font-weight: 500;
}

.article-details .article-header h1 {
    font-size: 1.75rem;
	text-align: center;
}

/* Logo */
.logo-image {
    margin-top: 60px;
}

/* Social Media Icons im Hauptmenü */
.sp-megamenu-parent .sp-menu-item>a img, .sp-megamenu-parent .sp-menu-item>span img {
    padding-bottom: 3px;
}

/* Body */

#sp-main-body {
    padding: 0px 0 !important;
}

/* Hauptmenü */
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #b96b06;

}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 1em;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 1em;
	line-height: 1.4;
}

.sp-page-title {
    background: #b96b06;
	text-align: center;
}

#sp-header.header-sticky .logo-image {
    height: 120px;
	margin-top: 0px;
}

.breadcrumb {
    display: inline-flex;
}

.jpb-btn-primary {
    color: #fff;
    background-color: #b96b06;
    border-color: #b96b06;
}

.jpb-addon-image-overlay-icon {
    line-height: 34px;
	background: rgba(185, 107, 6, .8);
}

.sp-megamenu-parent .sp-mega-group>li>a {
    font-size: 1em;
	font-weight: normal;
    margin-bottom: 10px;
	text-transform: inherit;
}

.sp-megamenu-parent .sp-mega-group>li>a:hover {
    color: #b96b06;
	border-right: 5px solid #b96b06;
}

.sp-megamenu-parent .sp-mega-group>a:active {
    color: #b96b06;
	border-right: 5px solid #b96b06 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    padding: 0;
	margin-bottom: 10px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    display: block;
    border-right: 5px solid #b96b06;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:active {
    display: block;
    border-right: 5px solid #b96b06;
}

/* Abstand Artikel Details */
.article-details {
    margin-top: 50px;
}

.article-list {
    margin-top: 50px;
}

/* Timeline Anpassungen */
.jpb-addon-timeline .jpb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    width: 95%;
}

.text-start {
    color: #b96b06;
	font-size: 1em !important;
	font-weight: 700;
}

.text-end {
	color: #b96b06;
	font-size: 1em !important;
	font-weight: 700;
}

/* Caption Image Layout */
.jpb-addon-image-layout-caption {
    text-align: center !important;
}

/* Copyright für Fotos */
.photo-info {
    padding: 6px 0 0 0;
    font-size: 12px;
    line-height: 14px;
    word-break: break-all;
}

/* Bilder in Lightbox komplett clickable */
.whole-image-clickable .jpb-addon-image-overlay-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-size: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.0);
}

/* Lightbox mit Font Awesome */
.whole-image-clickable .jpb-addon-image-overlay-icon::before {
    content: "\f067";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
	background: rgba(185, 107, 6, .8);
	border-radius: 40px;
	width: 36px;
	line-height: 34px;
}

/* .uk Anpassungen */
.uk-text-primary {
    color: #b96b06 !important;
}

.uk-text-secondary {
    color: #184011 !important;
}

.uk-card-title {
    font-size: 20px;
}

.logo-image-phone {
    height: 120px !important;
}

/* Off Canvas */
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 18px;
    padding: 10px 0px;
    line-height: 30px;
}

.offcanvas-menu .offcanvas-inner {
    padding: 0 25px !important;
}

/* Responsive Anpassungen */
@media(max-width: 1025px) {
    :root {
        --header_height: $header_height_sm
    }

    .sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
        line-height: 120px
    }

    #sp-header {
        height: 120px;
    }

    #sp-header .logo {
        height: 120px;
    }

	.logo-image {
    margin-top: 0px;
	height: 120px !important;
	}

    #sp-header.header-with-modal-menu #modal-menu-toggler {
        display: none;
    }

    #sp-header-topbar .container-inner>.row {
        min-height: 50px;
    }

    #modal-menu {
        top: 50px;
    }

    #offcanvas-toggler {
        height: 120px;
	/*	font-size: 60px;*/
        line-height: 120px;
    }

	.burger-icon {
    width: 40px;
	}

    #sp-logo.has-border>.sp-column {
        border-right: none;
        padding-right: 0px;
    }

    #sp-menu .social-wrap:after,#sp-logo.has-border:after {
        display: none;
    }

    #sp-logo.has-border {
        padding-right: 15px
    }

    #sp-menu .social-wrap {
        padding-left: 15px
    }

    #sp-header.header-with-modal-menu.center-layout .sp-contact-info,#sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
        display: none
    }

    #sp-header-topbar {
        margin: 10px 0px
    }

    #sp-header-topbar .container-inner {
        padding-bottom: 10px
    }

    .inner-wrapper-sticky {
        z-index: 1000
    }
}

/* Lightbox Gallery light*/
.lg-backdrop {
    background-color: #0b0b0b;
}

.lg-backdrop.in {
    opacity: 0.85;
}

/* Breakpoint Mobiles Menü*/
@media (max-width: 1400px) {
#offcanvas-toggler {display: block !important;}
#sp-menu .sp-megamenu-parent {display: none !important;}
#sp-footer, #sp-bottom {
    color: #fff;
    text-align: center !important;
	}
	
#sp-footer, #sp-footer2 {
	text-align: center !important;
	}

#offcanvas-toggler {
    line-height: 100px;
}
}

@media (max-width: 768px) {
body {
    font-size: 1.25em;font-size: 1.1rem;
}
}

#offcanvas-toggler {
    line-height: 130px;
}

@media (min-width: 1400px) {
.sp-menu-full.container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
.sp-menu-full.container {
        width: 100%;
    }
}

/* DJ Accessible*/
.djacc-popup .djacc__close {
    background: #b96b06 !important;
}