.node-188577 .views-field .field__label {
  display: none !important;
}   


#introduction {
        margin-bottom: 20px;
    }

    #introduction img {
        width: 100%;
        margin-bottom: 20px;
        max-height: 260px;
//max-height: 100% !important;
        width: auto;
    }

.node-159742 #introduction img {
max-height: 260px !important;
}

    #introduction .bannerwrap {
        margin-bottom: 10px;
    }

.node-159742 .bannerwrap {
  align-content: space-around;
  justify-content: space-around;
}

@media screen and (min-width: 420px) {
  #introduction .bannerwrap {
        height: 320px;
  }
}

@media screen and (min-width: 500px) {
      #introduction img {
max-height: 100% !important;
    }
}

    #introduction .bannertext {
        font-size: 50px;
        line-height: 50px;
        padding-left: 20px;
        margin-bottom: 10px;
        font-family: Helvetica;
        font-weight: bold;
        padding: 10px 0 10px 20px;
        letter-spacing: -0.1px;
        -webkit-hyphens: auto;
        hyphens: auto;
        background-color: #cf0e2d;
        height: 340px;
        font-family: "Helvetica Neue";
    }

    #introduction .bannersubtitle {
        font-family: "Helvetica Neue";
        display: block;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        padding-left: 20px;
        padding-top: 10px;
    }
.node-159742 #introduction .bannersubtitle {
  padding: 0 10px;
  align-self: center;
}

@media screen and (min-width: 768px) {
 .node-159742 #introduction .bannersubtitle {
font-size: 25px;
line-height: 25px;
}
}
@media screen and (min-width: 768px) {
 .node-159742 #introduction .bannersubtitle {
  padding: 0;
}
}

@media screen and (min-width: 1200px) {
  #introduction .bannersubtitle {
font-size: 30px;
line-height: 30px;
}
}

    /*#introduction .bannerborderleft {
width: 20px;
color: green;
}

#introduction .bannertitle {
display: block;
font-size: 150px;
transform: rotate(-16deg);
position: relative;
top: -60px;
height: 110px;
color: white;
line-height: 125px;
    }


    #introduction .bannersubtitle {
        display: block;
        font-size: 25px;
        line-height: 25px;
position: relative;
top: 100px;
    }*/

    @media screen and (min-width: 768px) {
        #introduction .bannertext {
            font-size: 70px;
            line-height: 70px;
        }

    }

    @media screen and (min-width: 1200px) {
        #introduction .bannertext {
            font-size: 80px;
            line-height: 80px;
        }

        #introduction img.bannerimage {
            /*width: 843px;
            margin-left: -20px;*/
            margin: 0 auto;
            max-width: unset !important;
        }
    }



    #introduction .views-row {
        grid-template-columns: 30% auto;
        max-height: 140px;
        grid-template-areas: "picture speaker""picture title""picture body""picture date";
        margin-bottom: 40px;
    }

  @media screen and (min-width: 420px) {
    #introduction .views-row {
        grid-template-columns: 22% auto;
}
}

    #block-system-main-block #introduction .views-row.videoplaying {
        margin-top: 40px;
        margin-bottom: 60px;
        grid-template-rows: 40px auto auto 0 auto 0;
        grid-template-rows: minmax(auto, 50px) auto 0 auto 0;
        grid-template-rows: auto minmax(auto, 80px) auto auto 0;
        grid-template-columns: 100%;
        grid-template-columns: auto;
        max-height: unset;
        grid-template-areas: "title""video""speaker""body""date";
        grid-template-areas: "speaker""title""video""body""date";
        background-color: #f0f0f0;
        background-color: #64c8c8;
        padding: 10px;
    }

#introduction .videoplaying .views-field.views-field-field-vimeo-iframe {
  grid-area: video;
}

#introduction .views-row.videoplaying.presentationmodeactive {
background: #000000db;
margin-top: 0;
grid-template-rows: minmax(auto, 80px) minmax(auto, 80px) auto auto 0;
}

.view-display-id-welcome {
  height: 260px;
}

    #introduction .view-display-id-welcome img {
       height: 100%;
        margin-bottom: 0;
    }

    #introduction .views-field-field-body-abstract {
        display: none;
    }

    #introduction .views-field-field-image .field-content {
        min-height: unset;
    }

    .introsession1,
    .introsession2,
    .introsession3 {
        margin-bottom: 20px;
        background-color: #f0f0f0;
        background-color: #8ed7d7;
        padding: 10px;
    }



    .multimediareport .introsession1 h2,
    .multimediareport introsession2 h2,
    .multimediareport .introsession3 h2 {
        margin: 0 0 20px 0;
    }

  .multimediareport .presentationmodeactive h2 {
        color: white;
    }

    .sessionnumber {
        font-size: 14px;
    }

/*Anzeige views-row*/
/*für Tagung2023*/
@media screen and (min-width: 576px) {
  article[about*="2023"] .view .views-row {
    grid-template-areas: "picture speaker      speaker     " "picture title        title       " "picture bodyabstract bodyabstract";
  }
}

/*--Ende für Tagung2023*/

/*für Tagung2024*/
@media (min-width: 576px) {
  .tagung2024 .views-row {
    background-color: white;
    max-height: 300px;
    padding: 0;
    grid-template-columns: 30% auto;
    grid-template-rows: 1fr 1fr minmax(auto, 4fr) 1fr auto;
    grid-template-areas:
        "picture speaker speaker"
        "picture title title"
        "picture bodyabstract bodyabstract"
        "picture date date"
        "picture piccredit piccredit";
    margin-top: unset;
    height: initial;
  }
}

.tagung2024 .views-row.videoplaying {
  grid-template-areas:
"speaker" 
"title  "
"bodyabstract"
"video  " 
"body   " 
"date   ";
}

.view.tagung2024 .views-row.videoplaying .views-field-field-body-abstract {
  height: initial;
}

/*--Ende für Tagung2024*/


/*für Tagung2021*/
.tagung2021 .views-row .views-field-field-body-abstract {
  display:none;
}

/*--Ende für Tagung2021*/

.view .views-row .views-field-field-body-abstract {
grid-area: bodyabstract;
  text-align: right;
  align-content: unset;
  margin: 0;
  margin: 0;
  padding: 0;
  align-self: end;
  text-align: left;
}


.view .views-row .views-field-field-body-abstract .subtitleteaser {
margin: 0;
color: #8ed7d7;
  font-weight: bold;
  font-size: 18px;
}

.view .views-row .views-field-field-body-abstract .subtitleteaser::before {
font-family: "Font Awesome 5 Free";
content: "\f20a";
margin-right: 3px;
  font-weight: normal;
  position: relative;
  top: 1px;
}

.view .views-row.videoplaying .views-field-field-body-abstract {
text-align: left;
}

.view .views-row.videoplaying .views-field-field-body-abstract .subtitleteaser {
display: inline;
  color: black;
  font-weight: normal;
  position: relative;
  top: -40px;
  font-size: 14px;
}

/*Anzeige Speaker*/
.paragraph--type--speakers-fc {
  display: flex;
flex-wrap: wrap;
}

.field--name-field-moderation {
  display: none
}

.paragraph--type--speakers-fc .field__label {
  display: none;
}

.paragraph--type--speakers-fc .field--name-field-firstname {
  order: 1;
  font-weight: 500;
}

.paragraph--type--speakers-fc .field--name-field-firstname .field__item::after {
content: "\00A0";
}

.paragraph--type--speakers-fc .field--name-field-lastname {
  order: 2;
  font-weight: 500;
}

.paragraph--type--speakers-fc .field--name-field-functioninstitution {
order: 3;
}

.paragraph--type--speakers-fc .field__item::after {
  content: ",\00A0"
}

.paragraph--type--speakers-fc .field--name-field-functioninstitution .field__item::after{
  content: "";
}

.paragraph--type--speakers-fc .field--name-field-moderation .field__item::after {
  content: "";
}

.podium .views-field-field-speakers-fc {
  line-height: 18px;
}

.views-field-field-speakers-fc .field-content {
display: flex;
flex-wrap: wrap;
}


/*Anzeige Video*/
/*für 2023*/
article[about*="2023"] .view .views-row.videoplaying {
  grid-template-areas:
"speaker" 
"title  " 
"video  " 
"body   " 
"date   ";
}

.view .views-row.videoplaying .views-field-field-body-abstract {
height: 0;
margin: 0;
}

/*--Ende 2023*/

.view .views-row.videoplaying.presentationmodeactive {
        position: fixed;
        width: 100%;
        z-index: 100;
        background: #000000db;
        bottom: 0;
        left: 0;
        height: 100%;
        top: 0;
        padding: 60px 20px 0 20px;
        grid-template-columns: 100%;
        grid-template-rows: minmax(80px, 140px) minmax(auto, 500px) 0 0 0;
        grid-template-rows: minmax(auto, 60px) minmax(80px, 140px) minmax(auto, 500px) 0 0;
        grid-row-gap: 0;
        margin: 0;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
padding-top: 120px;
    }

    @media screen and (min-width: 1200px) {
        .views-row.videoplaying.presentationmodeactive {
            padding: 60px 200px 0 200px;
        }
    }

    .presentationmodeactive .views-field-field-speakers-fc {
        color: white!important;
padding-top: 40px;
    }

    .views-row.videoplaying.presentationmodeactive .views-field-title {
        grid-column: 1/3;
        grid-row: 1/2;
        grid-area: title;
    }

  .views-row.videoplaying.presentationmodeactive .views-field-title h2 {
        color: white!important;
    }

    .views-row.videoplaying.presentationmodeactive .views-field-field-event-contact-person {
        display: none;
    }

    .views-row.videoplaying.presentationmodeactive .views-field-field-body-abstract {
        display: none;
    }

    .views-row.videoplaying.presentationmodeactive .views-field-field-vimeo-iframe {
        //grid-column: 1/3;
        max-width: 1000px;
        justify-self: center;
        width: 100%;
        display: grid;
        grid-template-areas: "iframe""control";
grid-area: video!important;
    }

    .views-row.presentationmodeactive .views-field-field-vimeo-iframe .field-content {
        grid-area: iframe;
    }

    .views-row.presentationmodeactive .views-field-field-vimeo-iframe .wrapbutton {
        grid-area: control;
    }

    .views-row.videoplaying.presentationmodeactive iframe {
        height: unset;
    }

    @media screen and (min-width: 768px) {
        .views-row.videoplaying.presentationmodeactive iframe {
            height: 500px;
        }
    }

    @media screen and (min-width: 420px) {
        .views-row.videoplaying.presentationmodeactive .views-field-field-vimeo-iframe .field-content {
            display: flex;
            align-items: center;
        }
    }

    .presentationmodeactive iframe {
        order: 2;
    }

    @media screen and (min-width: 1000px) {
        .presentationmodeactive iframe {
            min-height: 400px;
            max-height: 65vh;
        }
    }

    @media screen and (min-width: 1200px) {
        .presentationmodeactive iframe {
            height: 450px;
        }
    }

    @media screen and (min-width: 1400px) {
        .presentationmodeactive iframe {
            height: 550px;
        }
    }

  /*    Präsentationsbutton und Stopbutton*/
    .views-row.presentationmodeactive .wrapbutton {
        width: 100%;
        margin: 5px auto 0 auto;
        grid-column: 2/3;
    }

/*    Vor- und Zurückbuttons*/

    .presentationmodeactive .prevbutton,
    .presentationmodeactive .nextbutton {
        color: white;
        text-align: center;
        font-weight: bold;
        width: 40px;
        //border: 1px solid white;
        font-size: 4rem;
        cursor: pointer;
    }

    .presentationmodeactive .prevbutton {
        order: 1;
        display: none;
        visibility: hidden;
        align-items: center;
        align-content: center;
        margin-right: 10px;
    }

    @media screen and (min-width: 420px) {
        .presentationmodeactive .prevbutton {
            display: flex;
        }
    }

    .presentationmodeactive .prevbutton span {
        width: 100%;
    }

    .presentationmodeactive .nextbutton {
        order: 3;
        display: none;
        visibility: hidden;
        align-items: center;
        align-content: center;
        margin-left: 10px;
    }

    @media screen and (min-width: 420px) {
        .presentationmodeactive .nextbutton {
            display: flex;
        }
    }

    .presentationmodeactive .views-field-field-vimeo-iframe:hover .prevbutton,
    .presentationmodeactive .views-field-field-vimeo-iframe:hover .nextbutton {
        visibility: visible;
    }

    .presentationmodeactive .nextbutton span {
        width: 100%;
    }


 /*    Speaker-Feld*/

.views-row.presentationmodeactive .views-field-field-speakerstext {
        grid-column: 1/3;
        grid-row: 2/3;
        color: white;
        font-weight: bold;
    }
/*    Interviewer / Interviewee*/

    .views-row.presentationmodeactive .views-field-field-interviewer,
    .views-row.presentationmodeactive .views-field-field-interviewee {
        display: none;
    }

/*Bodyabstract-Feld*/

    .views-row.videoplaying.presentationmodeactive .views-field-field-body-abstract {
        //display: none;
    }

   .views-row.presentationmodeactive .views-field-body {
        display: none !important;
    }

  .views-row.videoplaying.presentationmodeactive .views-field-field-interview-date-1 {
        display: none;
    }


#blogseries .views-row {
  max-height: 270px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "picture title" "picture bodyabstract " "picture date";
  grid-template-rows: minmax(0, 50px) minmax(0, 160px) minmax(0, 40px);
  grid-template-rows: minmax(0, min-content) minmax(0, min-content) minmax(0, min-content);
}


#blogseries .views-row .views-field-field-image .field-content {
min-height: unset;
}


#blogseries .views-row .views-field-created {
grid-area: date;
}

#blogseries .views-row .views-field-field-body-abstract {
grid-area: bodyabstract;
text-align: left;
align-self: start;
}

#blogseries .views-row .views-field-title h3 {
font-size: 22px;
margin: 0;
}

#blogseries .views-row .views-field-title h3>a {
color: black;
}

#blogseries .views-row .views-field-title h3>a:hover {
color: black;
}

#blogseries .views-row .views-field-created {
font-family: Barlow, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 12px;
  text-align: right;
  align-self: end;
  padding: 0 10px 10px 0;
}

#blogseries .views-row .views-field-field-image {
  max-height: 270px;
}

.views-row .views-field-field-bildnachweis .field-content {
  font-size: 10px;
  display: flex;
  align-items: baseline;
}


#block-system-main-block .views-row.videoplaying, #block-system-main-block .views-row.fulltext.videoplaying {
  grid-template-rows: auto minmax(auto, 100px) auto auto auto;
}

 #block-system-main-block .tagung2024 .views-row.videoplaying, #block-system-main-block .tagung2024 .views-row.fulltext.videoplaying {
  grid-template-rows: auto minmax(auto, min-content) auto auto auto;
  grid-template-columns: auto;
  max-height: initial;
  padding: 10px;
}

#block-system-main-block .tagung2024 .views-row.videoplaying .views-field-title {
  margin-top: 10px;
  margin-bottom: 10px;
}

#block-system-main-block .tagung2024 .views-row.videoplaying .views-field-title h2 {
  margin: 0;
}