/**************************************

            Allgemein

**************************************/

body {
    font-family: 'Sacramento', sans-serif;
    font-size: 28px;
    font-weight: 300;
}

body .sppb-btn, body .btn {
    font-size: 26px;
}

body .sppb-btn.sppb-btn-default, body .btn.sppb-btn-default, body .sppb-btn.sppb-btn-primary, body .btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .btn.btn-primary, body .sppb-btn.sppb-btn-default:focus {
    background: #59063A !important;
}

body .sppb-btn.sppb-btn-default:hover, body .btn.sppb-btn-default:hover, body .sppb-btn.sppb-btn-primary:hover, body .btn.sppb-btn-primary:hover, body .sppb-btn.btn-primary:hover, body .btn.btn-primary:hover, body .sppb-btn.sppb-btn-default:focus, body .btn.sppb-btn-default:focus, body .sppb-btn.sppb-btn-primary:focus, body .btn.sppb-btn-primary:focus, body .sppb-btn.btn-primary:focus, body .btn.btn-primary:focus, body .sppb-btn.sppb-btn-default:active, body .btn.sppb-btn-default:active, body .sppb-btn.sppb-btn-primary:active, body .btn.sppb-btn-primary:active, body .sppb-btn.btn-primary:active, body .btn.btn-primary:active {
    background: #924d78 !important;
}

a {color: #59063A;}
a:hover, a:focus, a:active {
    color: #924d78;
}

.com-easyblog, .com-easyblog h1, .com-easyblog h2, .com-easyblog h3, .com-easyblog h4 {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.com-easyblog {font-size: 16px;}

.offcanvas-inner {font-family: 'Sacramento', sans-serif;}




#sp-header {background: #fff;}
#sp-logo .logo {display: none;}


/**************************************

            Header

**************************************/

#sp-logo img {
    padding-top: 10px;
}

#offcanvas-toggler {
    font-size: 36px;
}
#offcanvas-toggler > .fa {
    color: #59063A;
}


#offcanvas-toggler > .fa:hover {
    color: #924d78;
}


  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100%;
  }





/**************************************

            Topnavigation

**************************************/


	
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {font-size: 28px;  color: #59063A;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #924d78;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: #924d78;margin-top: 10px;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { top: 0;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {color: #924d78;
margin-top: 10px;
width: 100%;
padding: 5px;
text-align: right;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-size: 24px;
}

.home #offcanvas-toggler {display: none;}

/**************************************

            Navigation links

**************************************/


.offcanvas-menu {width: 400px; }


body.ltr.offcanvs-position-right .offcanvas-menu {
  right: -400px;
  top: 0;
}


.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  line-height: 40px;
}


.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #924d78 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #924d78;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a { line-height: 36px;}
/**************************************

            Inhalt

**************************************/


.article-info > span {
    font-size: 1rem;
}


.view-article .article-details .wimble-article-details-title-wraper .wimble-article-details-title-wrap .article-header h1 {
    font-size: 56px;
    line-height: 64px;
    margin: 0 auto 30px;
	color: #924d78;
}
.article-list .article .article-header h1, .article-list .article .article-header h2, h2 {
    font-size: 56px;
    margin: 0 0 1.25rem 0;
}
.view-article .article-details .wimble-article-details-title-wraper .wimble-article-details-title-wrap {top: 30px;}

.view-article .article-details .wimble-article-details-title-wraper .wimble-article-details-title-wrap {
    text-align: center;
    color: #924d78;
    margin-top: -40px;
}

.view-login .form-validate label {font-size: 28px;}
.view-login .form-validate .form-control {font-size: 32px;}


/*adventskalender*/

.com-jmgadventcalendar #modal-body a {color: #fff; text-decoration: underline;}
.com-jmgadventcalendar #modal-body a:hover {color: #fff; text-decoration: none;}

.light-modal-content {width: 50vw; max-height: calc(100vh - 80px);}
.jmg-copyright {display: none;}
.light-modal {font-size: 24px !important;}



.view-category #sp-main-body .container {
  max-width: 1320px;
  padding: 0;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler { margin-right: 20px;}


.burger-icon {
  margin-right: 20px;}

.burger-icon > span {
  display: block;
  height: 5px;
  background-color: #924d78;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
  border-radius: 3px;
  width: 30px;
}

.close-offcanvas .burger-icon > span {height: 2px;}



.login .btn-primary {
  max-width: 200px;
  border-radius: 48px;
}


body .btn.btn-primary {
  border-color: #59063A;
  background-color: #59063A;
  color: #fff;
}


body .btn.btn-primary:hover, body .btn.btn-primary:focus  {
  border-color: #924d78;
  background-color: #924d78;
  color: #fff;
}

.com-users-login__submit {display: none;}

input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active, input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, .form-control:hover, .form-control:focus, .form-control:active, .sppb-form-group .sppb-form-control:hover, .sppb-form-group .sppb-form-control:focus, .sppb-form-group .sppb-form-control:active {
  border-color: #924d78;
  box-shadow: unset;
}


.article-info span {
  margin-right: 15px;
}
/**************************************

            Blog

**************************************/

#eb .col-cell .eb-entry-helper, .eb-meta-category, .eb-meta-views, .eb-shares, .eb-entry-author {display: none !important;}

#eb .eb-comment-editor .eb-checkbox, #eb .eb-comment-editor .eb-radio {
    padding-left: 20px;
    padding-bottom: 30px;
}




/**************************************

            Footer

**************************************/





	.uk-browser .uk-tabs { height: 230px !important; min-height: 230px !important; max-height: 230px !important;}


#sp-footer, #sp-bottom {
  background: transparent;
  color: #FFFFFF;
}


/**************************************

            Mediaqueries

**************************************/

@media (max-width: 990px) {
#sp-logo img { max-height: 80px; width: auto;}

.view-article .article-details .wimble-article-details-title-wraper .wimble-article-details-title-wrap .article-header h1 {
    font-size: 42px;
    line-height: 45px;
    margin: 0 auto 30px;
    color: #924d78;
}
	
	#sp-main-body {min-height: 150px;}	
	
.view-article .article-details .wimble-article-details-title-wraper .wimble-article-details-title-wrap .article-header h1 {
    width: 90%;}	
	

}

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

@media screen and (min-width: 480px) and (max-width: 768px) {

	
}
@media screen and (min-width: 320px) and (max-width: 767px) {
 
	
}
@media screen and (min-width: 550px) and (max-width: 767px) {


}
@media (max-width: 1199px) {
.view-article .article-details .wimble-article-details-title-wraper .wimble-article-details-title-wrap {display:block;}
}


@media (min-width: 1200px) {
	#sp-main-body .container, #sp-gallery .container {max-width: 1140px;}
}