/* 
// Variables 
*/
:root {
    --main-color: #009EE0;
    --main-dark-color: #008FD1;

    --main-bg-color: #75AE1D;
    --main-light-bg-color: #97BF0D;

   /* --secondary-bg-color: #E2007A;*/

    --jumbotron-cta-bg-color: #008FD1;
    --jumbotron-cta2-bg-color: #75AE1d;
    --head-h1-color: #005093;

    --navbar-light-color: #333;
    --navbar-light-active-color: #75AE1D;
    --navbar-light-hover-color: #75AE1D;
    --navbar-light-disabled-color: grey;
    --navbar-light-toggler-border-color: rgba(0,0,0,.1); 
}

/*
// Layout
*/
.bg-primary {
    background-color: var(--main-bg-color)! important;
    fill: var(--main-bg-color);
    stroke-width: 1;
    stroke: var(--main-bg-color);
}
.bg-white {
    background-color: white !important;
}
.breadcrumb{
    margin-top: 0;
    background-color: white;
    padding: 5.75rem 1rem 0.75rem 0;
    
}
.breadcrumb a {
    color: var(--navbar-light-color)! important;
    text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:focus {
    color: var(--main-bg-color)! important;
}
.breadcrumb-item.active {
    color: var(--main-bg-color)! important;
}
.border-round {
    border-radius: 30px !important;
}
.border-main-bg-color{
    border-color: var(--main-bg-color)! important;
}
.border-1{
    border: 1px solid rgba(0,0,0,.125);
    border-width:1px !important;
}
.border-4{
    padding-bottom: 0.85rem;
    margin-bottom: 1.2rem;
    border-width:4px !important;
}
main a {
    color: var(--main-color)! important;
    text-decoration: none;
}
main a:hover, main a:focus {
    color: var(--main-dark-color)! important;
    text-decoration: none;
}

/* 
// Navbar - light background 
*/
.py-0 {
    padding: .5rem 1rem !important;
}
.navbar-light .navbar-brand {
    color: var(--navbar-light-color);
}
.navbar-light .navbar-brand :hover, .navbar-light .navbar-brand :focus{
    color: var(--navbar-light-color);
}
.navbar-light .navbar-nav .nav-link {
    color: var(--navbar-light-color);
}
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--navbar-light-active-color);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: var(--navbar-light-active-color);
}
.navbar-nav .nav-link:disabled {
    color: var(--navbar-light-dosabled-color);
}
.navbar-light .navbar-toggler {
border-color: var(--navbar-light-toggler-border-color);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' hei…miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' hei…miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.navbar, .navbar-dark{
    font-family: hjrFontInterstate, Helvetica, Arial, sans-serif;
}

/* 
// btn 
*/
.btn-primary {
    color: white! important;
    background-color: var(--main-color)! important;
    border-color: var(--main-color)! important;
}
.btn-primary:hover {
    color: white! important;
    background-color: var(--main-dark-color)! important;
    border-color: var(--main-dark-color)! important;
}
.btn-round {
    border-radius: 30px !important;
}
.btn-outline-white {
    color: white !important;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}
.btn-outline-white a{
    color: white !important;
}
.btn-outline-white:hover, .btn-outline-white:focus{
    background-color: white;
}
.btn-outline-main-bg-color:hover, .btn-outline-main-bg-color:focus{
    color: var(--main-bg-color)!important;
}
.btn-outline-secondary-bg-color:hover, .btn-outline-secondary-bg-color:focus{
    color: var(--secondary-bg-color);
}
.btn-outline-jumbotron-cta-color:hover, .btn-outline-jumbotron-cta-color:focus{
    color: var(--jumbotron-cta-bg-color);
}
.btn-outline-success{
    color: var(--main-bg-color)! important;
    border-color: var(--main-bg-color)! important;
}
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
}
.btn-outline-success:hover {
    color: white! important;
    background-color: var(--main-bg-color)! important;
    border-color: var(--main-bg-color)! important;
}
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #fff! important;
    background-color: var(--main-bg-color)! important;
    border-color: var(--main-bg-color)! important;
}

a.btn.btn-outline-jumbotron-cta-color  {
    background-color:var(--jumbotron-cta-bg-color);
    border-color:#fff;
    color:#fff!important;
}
a.btn.btn-outline-jumbotron-cta2-color  {
    background-color:var(--jumbotron-cta2-bg-color);
    border-color:#fff;
    color:#fff!important;
}

a.btn.btn-outline-jumbotron-cta-color:hover, a.btn.btn-outline-jumbotron-cta-color:focus, a.btn.btn-outline-jumbotron-cta-color:active {
    background-color:#fff;
    border-color:#fff;
    color:var(--jumbotron-cta-bg-color)!important;
}
a.btn.btn-outline-jumbotron-cta2-color:hover, a.btn.btn-outline-jumbotron-cta2-color:focus, a.btn.btn-outline-jumbotron-cta2-color:active {
    background-color:#fff;
    border-color:#fff;
    color:var(--jumbotron-cta2-bg-color)!important;
}

@media only screen and (max-width: 768px) {
.btn-sm-md {
    padding: 0.25rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
}
.btn-toolbar-details{    
	padding-top:1rem;
}

/*
// Forms
*/
.bg-primary .form-control{
    background-color: var(--main-bg-color)! important;
}

/*
// Table
*/
.table th {
    padding: .75rem;
    vertical-align: top;
    color: var(--main-bg-color)! important;
    font-weight:normal;
}

/* 
// img 
*/
.img-start-slider img {
    max-width: 100%;
    height: auto;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-circle-head {
    border-radius: 50% !important;
    border: 15px solid var(--main-light-bg-color);
    box-shadow: 2px 3px 20px 0 #FFFFFF;
}
.footer-logo img {
    max-width: 50rem;
    height: auto;
    width: 70%;
}
.img-map{
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

/* 
// search
*/
.search-modul{
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: 1rem;
    height: 100%;
}

/* 
// icons 
*/
.fa-user {
    padding-right: 5px;
}

/* 
// type 
*/
/*
@font-face {
    font-family: hjrFontFrutiger;
    src: url('fonts/FrutigerLTStd-Light.otf')
    format("opentype");
}
@font-face {
    font-family: hjrFontFrutiger;
    font-weight: bold;
    src: url('fonts/FrutigerLTStd-Bold.otf')
    format("opentype");
}
*/ 
body {
font-family: hjrFontFrutiger, Helvetica, Arial, sans-serif;
}
/*
@font-face {
    font-family: hjrFontInterstate;
    src: url('fonts/Interstate-Regular.otf')
    format("opentype");
}
*/
h1,h2,h3,h4,h5,h6 {
font-family: hjrFontInterstate, Helvetica, Arial, sans-serif;
}
.head-h1-color{
    color: var(--head-h1-color)! important;
}
@media only screen and (max-width: 768px) {
h1 {
    font-size: 1.5rem !important;
}
h2 {
    font-size: 1.2rem !important;
}
h3 {
    font-size: 1rem !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
h1 {
    font-size: 3rem !important;
}
}
.text-main-bg-color {
    color: var(--main-bg-color)! important;
}

/*
// Pagination
*/
.page-link {
    color: var(--main-color)! important;
}
.disabled .page-link{
    color: #ccc! important;
}
.page-item.active .page-link {
    background-color: #e9ecef;
    border-color: #e9ecef;
}

/*
// Footer
*/
.bd-footer {
    text-align: center;
}
 .bd-footer a {
    text-decoration: none;
    color: rgba(255,255,255,.75);
  }
   .bd-footer a:hover, .bd-footer a:focus{
    color: rgba(255,255,255,.85);
    text-decoration: none;
  }
  .bd-footer p {
    margin-bottom: 0;
    font-size:(.5rem) !important;
    color: rgba(255,255,255,.5);
  }
.bd-footer-links {
    padding-left: 0;
    margin-bottom: 1rem;
}
.bd-footer-links li {
    display: inline-block;
}

/*
// Card
*/
a.card-link {
    color: var(--main-color)! important;
}
a.card-link:hover, a.card-link:focus {
    color: var(--main-dark-color)!important;
}


/*
// jumbotron cta
*/
.jumbotron-cta {
    background-color: var(--jumbotron-cta-bg-color)! important;
    border-radius: 1.6rem;
}
.jumbotron-cta2 {
    background-color: var(--jumbotron-cta2-bg-color)! important;
    border-radius: 1.6rem;
}
.jumbotron {
    background-color: white;
}

/* Mirko */
.koning-bootstrap-carousel .carousel-item img {
	margin-bottom: 20px;
}


.carousel-indicators li {
	width:20px;
	height:20px;
	border-radius:10px 10px 10px 10px;
	background-clip:content-box;
	border:0px none;
}

.tx-memaps-map {
	width:100% !important;
}

.card-img, .card-img-bottom, .card-img-top { 
    height: auto;
}

.card .card-icon-heart {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    
    -webkti-box-sizing: border-box;
    box-sizing: border-box;
   
}
.card .card-icon-edit {
    position: absolute;
    top: 20px;
    right: 60px;
    z-index: 1;
    
    -webkti-box-sizing: border-box;
    box-sizing: border-box;
    
}

.card .card-icon-copy {
    position: absolute;
    top: 20px;
    right: 100px;
    z-index: 1;
    
    -webkti-box-sizing: border-box;
    box-sizing: border-box;
    
}

.card .card-icon-delete {
    position: absolute;
    top: 20px;
    right: 140px;
    z-index: 1;
    -webkti-box-sizing: border-box;
    box-sizing: border-box;
    
}

.card .fa-heart,
.card .fa-edit,
.card .fa-copy,
.card .fa-trash-alt {
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.35);
    
}

.card .fa-heart:hover,
.card .fa-edit:hover,
.card .fa-copy:hover,
.card .fa-trash-alt:hover {
    color: var(--main-color);
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.35);
    
}

.card .card-icon-heart .is-favorite .fa-heart {
    color: var(--main-color);
}

main .btn,
main a.btn,
main .btn a {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff !important;  
}

main .btn:hover,
main a.btn:hover,
main .btn a:hover {
    background-color: var(--main-dark-color);
    border-color: var(--main-dark-color);
    color: #fff !important;  
}

main .btn.btn-default,
main a.btn.btn-default,
main .btn.btn-default a {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff !important;
    border-radius: 30px !important;
}

main .btn.btn-default:hover,
main a.btn.btn-default:hover,
main .btn.btn-default a:hover {
    background-color: var(--main-dark-color);
    border-color: var(--main-dark-color);
    color: #fff !important;
}

main .btn.btn-outline-white {
    background-color: var(--main-bg-color);
    border-color: #fff;
    color: #fff !important;        
}
main .btn.btn-outline-white:hover,
main .btn.btn-outline-white:active {
    background-color: #fff;
    border-color: #fff;
    color: var(--main-bg-color)!important;        
}


.tx-mejuleicaevents-single-item img.tx-srfreecap-pi1-image {
   margin: 0 0 0.5em 0; 
   max-width:100%;
   height:auto;
}
.tx-mejuleicaevents-single-item .tx-srfreecap-pi1-cant-read {
    width:auto;
}

.file-preview-image {
    height: auto;    
    vertical-align: middle;
    max-width: 100%;
}


main a.btn.btn-outline-white {
    border-color:var(--main-color);
    color:var(--main-color)!important;
    background-color:white;
}

main a.btn.btn-outline-white:hover,
main a.btn.btn-outline-white:focus,
main a.btn.btn-outline-white.active,
main button.btn.btn-outline-white:hover,
main button.btn.btn-outline-white:focus,
main button.btn.btn-outline-white.active,
main button.btn.btn-outline-white.is-favorite {
    border-color:var(--main-color);
    color:white!important;
    background-color:var(--main-color);
}

.tx-mejuleicaevents-single-item img {
    max-width:100%;
    height:auto;
}

.bg-primary input[type="text"],
.bg-primary input[type="email"],
.bg-primary textarea,
.bg-primary textarea:focus{
    color:white;
}

button.toggleFavorite span::after {
    content: " sichern";
}
button.toggleFavorite.is-favorite span::after {
    content: " löschen";
}

.image-4-3 {
    margin:0 auto;
    width:100%;
    height:0;
    /*padding-bottom:calc(1 / (4 / 3) * 50%);*/
    padding-bottom:75%; 
    position:relative;    
    background-repaat:no-repeat;
    background-position-y: top;
    background-position-x: center;
    background-size:cover;
}
.btn.hide {
    display:none;
}

.btn.kv-file-upload i::after {
    content:"Hochladen";
    color:#fff;
}
.btn.kv-file-remove i::after {
    content:"Löschen";
    color:#fff;
}

div.kv-upload-progress.hide {
    display:none;
}

.progress {
    background-color:transparent;
}

.kv-upload-progress .progress {
    margin: 0.5em 0;
}

.progress-bar-success[aria-valuenow="100"] {
    display:none;
}

main h1 {
   color:var(--navbar-light-active-color); 
   padding-top: 1rem;
   margin-bottom:0.5rem;
   text-align:center;
   font-size:4.5rem;
   line-height:1.2;
   font-weight:300;
   
}
main h2 {
   color:var(--navbar-light-active-color);  
   padding-top: 0.5rem;
   padding-bottom:0.5rem;
   margin-bottom:0.5rem;
   text-align:left;
   font-size:2rem;
   line-height:1.2;
   font-weight:500;
}
main h3 {
   color:var(--navbar-light-active-color);  
   padding-top: 0.5rem;
   padding-bottom:0.5rem;
   margin-bottom:0.5rem;
   text-align:left;
   font-size:1.5rem;
   line-height:1.2;
   font-weight:500;
}

main h4 {
   color:inherit;  
   padding-top: 0.5rem;
   padding-bottom:0.5rem;
   margin-bottom:0.5rem;
   text-align:left;
   font-size:1.5rem;
   line-height:1.2;
   font-weight:500;
}

main h5,
main h6 {
   color:inherit;  
   padding-top: 0.5rem;
   padding-bottom:0.5rem;
   margin-bottom:0.5rem;
   text-align:left;
   font-size:1rem;
   line-height:1.2;
   font-weight:500;
}

main .jumbotron h1 {
   color:#fff; 
   padding-top: 0;
   margin-bottom:1.5rem;
   text-align:center;
   font-size:2.5rem;
   line-height:1.2;
   font-weight:500;
   
}

main .footer-logo h1 {
   color:inherit; 
   padding-top: 0;
   padding-bottom:0.5rem;
   margin-bottom:0.5rem;
   text-align:center;
   font-size:4.5rem;
   line-height:1.2;
   font-weight:300;
   
}

main .card-body h5 {
    color:inherit;  
    padding-top: 0;
    padding-bottom:0;
    margin-bottom:0.75rem;
    text-align:left;
    font-size:1.25rem;
    line-height:1.2;
    font-weight:500;
}


a[aria-expanded="true"] .fa-angle-right {
    transform:rotate(90deg);
    transition: transform 300ms ease-in;
}
a[aria-expand3ed="false"] .fa-angle-right {
    transform:rotate(0deg);
    transition: transform 300ms ease-in;
}

.tx-mejuleicaevents-pi2 .table .firstrow.disabled { 
    opacity:0.6;
}

.tx-mejuleicaevents-pi2 .table thead th a.active {
    font-weight:bold;
}

.csc-textpic-responsive img {
    max-width:100%;
    height:auto;
}

main {
    margin-bottom: 2em;
}

.matomo-optout {
    width:100%;
    height:300px;  
    border: 1px solid #ddd;
}

@media (min-width: 576px) {
    .matomo-optout {
        height:200px;   
    }
}
@media (min-width: 768px) {
    .matomo-optout {
        height:175px;   
    }
}

main .tx-mejuleicaevents-single-item h4 {
    color: var(--navbar-light-active-color)! important;
    padding-top: 0;
    padding-bottom:0;
    margin-bottom:1rem;
    text-align:left;
    font-size:1rem;
    line-height:1.2;
    font-weight:normal;
}

/* bootstrap 3 media wrapping */

.tx-mejuleicaevents-pi1 .media-list {	
    padding-left: 0;
    list-style: none;
	margin-top: 0;
    margin-bottom: 10px;
}

.tx-mejuleicaevents-pi1 .media:first-child {
    margin-top: 0;
}

.tx-mejuleicaevents-pi1 .media, .tx-mejuleicaevents-pi1 .media .media {
    margin-top: 15px;
}

.tx-mejuleicaevents-pi1 .media, .tx-mejuleicaevents-pi1 .media-body {
    overflow: hidden;
    zoom: 1;
}

.tx-mejuleicaevents-pi1 .media > .pull-left {
    margin-right: 10px;
}

.tx-mejuleicaevents-pi1 .pull-left {
    float: left !important;
}

.tx-mejuleicaevents-pi1 .media-object {
    display: block;
}

.tx-mejuleicaevents-pi1 .media, .tx-mejuleicaevents-pi1 .media-body {
    overflow: hidden;
    zoom: 1;
}

.tx-mejuleicaevents-pi1 .media-heading {
    margin: 0 0 5px;
}

.waconcookiemanagement {
	z-index:1100;
}

.tx-wacon-cookie-management .cookie-set {
	text-decoration:underline;
}

#CookieBox h2 {
	width:75%;
	margin:0 auto 8px auto;
	text-align:left;
}

@media (min-width: 576px) {
	#CookieBox h2 {
		text-align: center;
	}
}

#CookieBox .cookieclose {    
    border-radius: 0;
    border: 0 none;
    background: transparent;     
    color: #333;
}

.tx-memaps-map-placeholder {
	font-size:100%;
	background-color:var(--main-bg-color);
	border-color:var(--main-bg-color);
	color:#fff;	
	padding:1em;		
}
.tx-memaps-map-placeholder a {
	color:var(--head-h1-color)!important;
}
.tx-memaps-map-placeholder a:focus,
.tx-memaps-map-placeholder a:hover {
	color:#fff!important;
}

.tx-memaps-map-placeholder .cookie-set{	
	color:#fff;	
}
.tx-memaps-map-placeholder .cookie-set:focus,
.tx-memaps-map-placeholder .cookie-set:hover{	
	color:#fff;
	
}


button#me_maps_disallow.btn.btn-primary {
	display:block;
	margin: 1em auto 0 auto;
	background-color:#f8cc46;
	color:#000;
	border: 1px solid #f8cc46;
}

/* PwComments */



.tx-pwcomment-pi1 ul {
	list-style-type: none;
}

.comments-container {
		
}

.comments-list {	
	position: relative;
	padding:0;
}

.comments-list li {
	display: block;
	position: relative;
}

.comments-list .comment-box {	
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.comment-box .comment-head {
	background: var(--main-bg-color);
	padding: 14px 12px;
	border-bottom: 1px solid var(--main-bg-dark-color);
	overflow: hidden;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	display:flex;
}


.comment-box .comment-name {
	color: #fff;
	font-weight: bold;	
	margin: 0 10px 0 0;
	flex: 1;
	align-items: flex-start;
	padding:0;
}

.comment-box .comment-date {
    line-height: 1.2;
	flex: 1;
	align-items: flex-end;
	text-align:right;
}

.comment-box .comment-name a {
	color:#212529;
}

.comment-box .comment-head span {
	
	color: #fff;
	font-size: 13px;
	position: relative;
}

.comment-box .comment-content {
	background: #FFF;
	padding: 12px;
	font-size: 15px;
	color: #595959;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

#writeComment {	
	margin: 20px 0;
}

#writeComment h3 {
	
}

#writeComment div.hide_initally {
	display: none;
}

#writeComment label {
	display: block;
}

#writeComment label span {
	
}
#writeComment label span a {
	text-decoration: none;
	color: inherit;
}

#writeComment input[type=text] {

}

#writeComment textarea {

}

#writeComment input.button {

}

.tx-pwcomment-pi1 .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.tx-pwcomment-pi1 .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.tx-pwcomment-pi1 .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}


#thanksForYourComment, #customMessages {
	list-style: none;
	margin: 0;
	padding: 0;
}

#thanksForYourComment li, #customMessages li {
	background: #ccffcc;
	border: 1px solid #009900;
	color: #009900;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 15px;
}

#customMessages li {
	background: #ffcccc;
	border-color: #990000;
	color: #990000;
}

body {
    background-color: var(--main-bg-color);
}
.allwrap {
    background-color:#fff;
}

.ce-image img {
	max-width:100%;
	height:auto;
}

.ce-image.ce-center img {
	text-align: center;
	display:block;
	margin:0 auto;
}

.jumbotron-cta ul,
.frame-type-text ul,
.frame-type-text ol {
    padding-left: 1em;
}