/* 
// Variables 
*/
:root {
    --main-color: #273777;
    --main-dark-color: #0B1B5A;

    --main-bg-color: #FFDA59;
    --main-light-bg-color: white;

    --secondary-color: #DA2D4D;
    --secondary-dark-color: #A40F2A;

    --jumbotron-cta-bg-color: #DA2D4D;
    --head-h1-color: #273777;

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

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/oswald-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/oswald-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/oswald-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/oswald-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/oswald-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/oswald-v34-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../Fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/roboto-condensed-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('../Fonts/roboto-condensed-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-condensed-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-condensed-v18-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../Fonts/roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/roboto-condensed-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('../Fonts/roboto-condensed-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-condensed-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-condensed-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-condensed-v18-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}




/*
// Layout
*/
.bg-primary {
    background-color: var(--main-bg-color)! important;
    fill: var(--main-bg-color);
    stroke-width: 1;
    stroke: var(--main-bg-color);
}
.bg-secondary {
    background-color: var(--secondary-color)! important;
    fill: var(--secondary-color);
    stroke-width: 1;
    stroke: var(--secondary-color);
}
.text-main-color {
    color: var(--main-color)! important;
}
.text-secondary-color{
    color: var(--secondary-color)! important;
}
.header-lead{
    color: #333;
}
.navbar-light-active-color{
    color: var(--navbar-light-active-color)! important;
}
.bg-white {
    background-color: white !important;
}
.breadcrumb{
    margin-top: 5rem;
    background-color: white;
    padding-left: 0;
}
.breadcrumb a {
    color: var(--navbar-light-color)! important;
    text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:focus {
    color: var(--navbar-light-active-color)! important;
}
.breadcrumb-item.active {
    color: var(--navbar-light-active-color)! important;
}
.border-round {
    border-radius: 30px !important;
}
.border-main-bg-color{
    border-color: var(--navbar-light-active-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;
    border-color: var(--main-color)! important;
}
main a {
    color: var(--main-color)! important;
    text-decoration: none;
}
main p a {
    text-decoration: underline;
}
main p a:hover, main p a:focus{
    text-decoration: underline;
}
main a:hover, main a:focus {
    color: var(--main-dark-color)! important;
    text-decoration: none;
}
.jumbotron-cta h1 {
    color: white! important;
}
h5.card-title{
    color: #212529! important;
    font-weight: normal! important;
}
.card-body a.card-link{
    color: var(--secondary-color)! important;
}
.card-body a.card-link:hover{
    color: var(--secondary-dark-color)! important;
}

/* 
// 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: 'Roboto Condensed', sans-serif;
}

/* 
// btn 
*/
.btn-primary {
    color: white! important;
    background-color: var(--secondary-color)! important;
    border-color: var(--secondary-color)! important;
}
.btn-primary:hover {
    color: white! important;
    background-color: var(--secondary-dark-color)! important;
    border-color: var(--secondary-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-color)!important;
}
.btn-outline-jumbotron-cta-color:hover, .btn-outline-jumbotron-cta-color:focus{
    color: var(--jumbotron-cta-bg-color)! important;
}
.btn-outline-success{
    color: var(--main-color)! important;
    border-color: var(--main-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-color)! important;
    border-color: var(--main-color)! important;
}
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #fff! important;
    background-color: var(--main-color)! important;
    border-color: var(--main-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{
    margin-top: 5rem;
}

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

/*
// Table
*/
.table th {
    padding: .75rem;
    vertical-align: top;
    color: var(--secondary-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;
    max-width: 330px;
}
.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 
*/
body {
font-family: 'Roboto Condensed', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Oswald', sans-serif;
font-weight: bold! important;
color: var(--main-color)! important;
}
.display-3 {
    font-weight: bold! important;
}
.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(--navbar-light-active-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: var(--main-color)! important;
  }
   .bd-footer a:hover, .bd-footer a:focus{
    color: var(--main-dark-color)! important;
    text-decoration: none;
  }
  .bd-footer p {
    margin-bottom: 0;
    font-size:(.5rem) !important;
  }
.bd-footer-links {
    padding-left: 0;
    margin-bottom: 1rem;
}
.bd-footer-links li {
    display: inline-block;
}
.bd-footer .nav-link{
    font-weight: bold;
}

/*
// 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 {
    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;
}


.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, 
.bg-primary label,
.bg-primary .tx-srfreecap-pi1-cant-read {
    color:#495057;
}

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(--main-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(--main-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(--main-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:bold;
   
}

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:bold;
}

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;
}

.carousel .lead {
    colro:#333;
}

.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(--main-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;
}

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

.waconcookiemanagement {
	z-index:1100;
}

#CookieBox .cookieclose {    
    border-radius: 0;
    border: 0 none;
    background: transparent;     
    color: var(--main-color);
}

.tx-memaps-map-placeholder {
	font-size:100%;
	background-color:var(--main-bg-color);
	border-color:var(--main-bg-color);
	color:var(--main-color);	
	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;
	
}