/**
 * @file
 * Subtheme specific CSS.
 */

@import url("fonts.css");

body {
    font-family: "Mark W02 Narrow" !important;
}

h1,
#block-bootstrap-boberlin-2024-views-block-termine-block-2>h2,
.node--type-landingpage h2 {
    font-family: "lemonde-journal" !important;
}

.ebt-slick-slider h3,
.relatedTermine .field--name-title a,
.heutigeTermine .field--name-title a,
.ganzerKalender .field--name-title a,
.node--type-tour .field--name-field-datum-termin,
.node--type-termin .field--name-field-datum-termin,
.node--type-event-gomus .field--name-field-datum-termin,
.termin2col .col-lg-4 h2 {

    font-family: "Mark W02 Narrow Medium" !important;
}

.node--type-landingpage h3 {
    font-size: 30px !important;
}

.ebt-slick-slider h3 {
    line-height: 200% !important;
}

.node--type-landingpage h2 {
    font-size: 45px !important;
    line-height: 100%;
    margin-bottom: 2rem;
}

.relatedTermine .field--name-field-datum-termin,
.heutigeTermine .field--name-field-datum-termin,
.ganzerKalender .field--name-field-datum-termin {
    font-size: 22px !important;
    margin-top: .5rem;
}

.relatedTermine .field--name-title a,
.heutigeTermine .field--name-title a,
.ganzerKalender .field--name-title a {
    font-size: 30px !important;
    line-height: 120% !important;
}

.relatedTermine .block-field-blocknodeterminfield-category-name,
.heutigeTermine .block-field-blocknodeterminfield-category-name,
.ganzerKalender .block-field-blocknodeterminfield-category-name {
    font-size: 22px !important;
}









.node--type-tour h1,
.node--type-termin h1,
.node--type-event-gomus h1 {
    font-size: 66px !important;
    line-height: 115% !important;
    margin: 30px 0 !important;
}

.node--type-tour .field--name-field-datum-termin,
.node--type-termin .field--name-field-datum-termin,
.node--type-event-gomus .field--name-field-datum-termin {
    font-size: 30px !important;
    line-height: 100%;
}

.node--type-termin .field--name-field-datum-termin {
    font-size: 22px !important;
    font-family: "Mark W02 Narrow" !important;
}

.termin2col .col-lg-4 h2 {
    font-size: 22px !important;
}

.tour-id a svg {
    display: none;
}

article.node--type-termin .container {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}


/*smd*/
.bg-image.bs-p-5{
  background-position: top!important;
}


.ganzerKalender .filtertoggle{
  width:100%;
  text-align:center;
}

.ganzerKalender #toggleButton {
  border: 0;
  background: transparent;
  font-size: 1.5rem;
  color: #00454C;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  display: block;
  align-items: center;
  cursor: pointer;
  margin: auto;
  margin-bottom: 3rem;
  position: relative;
  padding: 0.5rem;
  padding-left:2.5rem;
  width:auto;
}

.filtertoggle.filter-collapsed .toggle-button::before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../icons/filter.svg) no-repeat;
  background-size: cover;
}

.filtertoggle.filter-expanded .toggle-button::before {
  background: none; /* Remove icon when expanded */
  content:"✕";
  font-size:2rem;
  top:0.2rem;
  position:relative;
}

.ganzerKalender .view-filters {
/*  transition: all 0.5s ease; /* Smooth transition */
}

.view-filters .form-checkboxes input[type="checkbox"] {
  /* Hide the default checkbox */
  opacity: 0;
  position: absolute;
}
.view-filters .form-check{
  padding-left:0;
}

.view-filters .form-checkboxes label {
  display: inline-block;
  position: relative;
  padding-left: 25px; /* Space for the custom checkbox */
  cursor: pointer;
  font-size: 16px; /* Adjust as needed */
}

.view-filters .form-checkboxes label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #00454C;
  background-color: transparent;
  box-sizing: border-box;
  border-radius:2px;
}

.view-filters .form-checkboxes input[type="checkbox"]:checked + label::before {
  content: '\2713'; /* UTF-8 checkmark character */
  color: white;
  background-color: #00454C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px; /* Adjust size of checkmark */
}
.ganzerKalender .views-exposed-form .form-row {
  align-items:flex-start;
}
.ganzerKalender .fieldset-legend{
  font-weight:bold;
  color:#00454C;
}
.ganzerKalender [id^="edit-field-datum-termin-value-wrapper"] .fieldset-wrapper{
  display:flex;
}
.ganzerKalender [id^="edit-field-datum-termin-value-wrapper"] .fieldset-wrapper .label{
  display:none;
}
.ganzerKalender button {
  color:#fff;
  background:#00454C;
  border:4px solid #00454C;
  border-radius:0;
  text-transform:uppercase;
  margin-right:4px;
}
.ganzerKalender button:hover{
  color:#00454C;
  background:#fff;
}
.ganzerKalender [id^="edit-actions"]{
  display:flex;
}
.ganzerKalender input::-webkit-calendar-picker-indicator{
    display: none;
}
.ganzerKalender input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}
.ganzerKalender .tourdescription{
  display:none;
}
.flex{
  display:flex;
}
.ganzerKalender .flex > div{
  margin-right: 0.3rem;
  margin-top: 1rem;
}
.ganzerKalender .views-field-field-zielgruppe{
  margin-bottom:0.5rem;
}
.ganzerKalender .pager li{
  list-style-type:none;
  display:flex;
  justify-content:center;
}
.ganzerKalender .pager a{
  text-transform:uppercase;
  font-weight:bold;
  font-size:1.7rem;
  text-decoration:none;
  position:relative;
  display:inline-block;
  margin-bottom:6rem;
  letter-spacing:0.02rem;
}
.ganzerKalender .pager a:after {
  content: '🡫';
  display: block;
  width: 100%;
  height: 4rem;
  font-size:4rem;
  color:#00454C;
  position: absolute;
  bottom: -2.5rem; /* Adjust as needed */
  left:35%;
}

.ganzerKalender .pager a:hover{
  color:#00454C;
}


.block-views-blocktermine-block-1 .views-field-field-meeting-point,
.block-views-blocktermine-block-1 .views-field-field-catchwords,
.view-ticketlinks .views-field-field-meeting-point,
.view-ticketlinks .views-field-field-catchwords
{
  display:none;
}

.block-views-blocktermine-block-1 .field--name-field-category-name.field--type-entity-reference{
  margin-bottom:1rem;
}


.block-field-blocknodeterminfield-category-name .field--name-field-category-name{
  font-size:2rem;
}