/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.views-row{margin:40px 0 20px;padding:10px;background-color:#f0f0f0;display:grid;grid-column-gap:20px;grid-template-areas:"speaker"
        "title"
        "picture"
        "date";max-height:unset;grid-template-rows:auto;}@media (min-width:576px){.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 body body"
        "picture date date"
        "picture piccredit piccredit";margin-top:unset;}}.field-items a{font-weight:700;}.views-row .views-field-title{grid-column:1/3;grid-row:1/2;margin-bottom:5px;grid-area:title;}@media (min-width:576px){.views-row .views-field-title{grid-column:2/3;grid-row:1/2;grid-area:title;}}.views-row .views-field-title h3{margin:10px 0;font-size:24px;}.views-row .views-field-field-image{grid-row:2 / 3;grid-column:1 / 3;grid-area:picture;max-height:180px;}@media (min-width:576px){.views-row .views-field-field-image{grid-row:1/5;grid-column:1/2;grid-area:picture;max-height:320px;}}.views-row .views-field-field-image .field-content{position:relative;height:100%;}@media (min-width:576px){.views-row .views-field-field-image .field-content{min-height:243px;}}.views-row .views-field-field-image .field-content img{min-width:100%;max-width:100%;height:100%;width:auto;object-fit:cover;}@media (min-width:576px){.views-row .views-field-field-image .field-content img{max-height:unset;}}.views-row .views-field-field-vimeo-iframe{display:none;grid-column-start:1;grid-column-end:3;grid-area:video;}.views-row .views-field-field-speakerstext{grid-row:3 / 4;grid-column:1 / 3;margin:10px 0 10px 0;grid-area:speaker;}@media (min-width:576px){.views-row .views-field-field-speakerstext{grid-row:3 / 4;grid-column:2 / 3;margin:10px 0 10px 0;grid-area:speaker;}}.views-row .views-field-field-bildnachweis{margin-top:10px;}.views-row .views-field-field-bildnachweis .field-content p{font-size:10px;line-height:10px;}.views-row .views-field-field-bildnachweis .field-content p a{font-weight:700;}.views-row .views-field-field-body-abstract{display:none;font-size:16px;line-height:18px;grid-area:body;margin-top:10px;}@media (min-width:576px){.views-row .views-field-field-body-abstract{display:block;padding-bottom:5px;}}.views-row .views-field-field-interview-daterange{display:none;grid-row:5/6;grid-area:date;}@media (min-width:576px){.views-row .views-field-field-interview-daterange{display:none;align-self:end;grid-area:date;}}.views-row .views-field-body{display:none;grid-row:5/6;grid-column:1/3;grid-area:body;margin-top:10px;}.playbutton{background:transparent url(/themes/custom/b5_infoclio/images/playbutton_new.png) no-repeat center;background-size:auto 50%;opacity:0.9;width:300px;max-width:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:pointer;padding:0;margin:0 auto;max-height:180px;}@media (min-width:420px){.playbutton{opacity:0;}}@media (min-width:768px){.playbutton{max-height:unset;}}.playbutton:hover{display:block;background:transparent url(/themes/custom/b5_infoclio/images/playbutton_new.png) no-repeat center;top:50%;transform:translate(0,-50%);opacity:0.9;margin:0 auto;background-size:contain;}@media (min-width:420px){.playbutton:hover{display:block;}}.wrapbutton{height:40px;margin-top:5px;}.stopvideorecording,.stopaudiorecording{background-color:darkgray;background-size:auto auto;}.buttonout{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;height:100%;cursor:pointer;border-radius:5px;line-height:2.5rem;font-size:1.3rem;width:40px;text-decoration:none !important;margin-left:10px;border:0px;margin-right:3px;float:right;background-size:contain;}.buttonout > span{margin:auto;width:100%;height:100%;}.buttonout > span > i{color:white;line-height:40px;font-size:2rem;}.fa-square:before{content:"\f0c8";}.buttonpresentation{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;cursor:pointer;background-color:darkgray;color:white !important;border-radius:5px;line-height:2.5rem;font-family:Arial;font-size:1.5rem;text-decoration:none;height:100%;width:40px;padding:0;margin-left:10px;border:0px;margin-right:3px;float:right;-webkit-box-sizing:border-box;box-sizing:border-box;}.buttonpresentation > span{margin:auto;width:100%;height:100%;}.buttonpresentation > span > i{color:white;line-height:40px;font-size:2rem;}.showbodytextbutton{border:0;color:#3caaaa;background:none;padding:0;font-weight:bold;text-decoration:none;margin-top:10px;}.showbodytextbutton::before{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:bold;display:inline-block;padding-right:5px;}.showbodyabstractbutton{border:0;color:#3caaaa;background:none;padding:0;font-weight:bold;margin-top:5px;}.showbodyabstractbutton::before{content:"\f077";font-family:"Font Awesome 5 Free";font-weight:bold;text-decoration:none;display:inline-block;padding-right:5px;}.videoplaying .showbodyabstractbutton{display:block;}.views-row.videoplaying,.views-row.fulltext.videoplaying{margin:40px 0 60px;grid-template-rows:auto minmax(auto,80px) auto auto auto;grid-template-columns:100%;max-height:unset;grid-template-areas:"speaker"
        "title"
        "video"
        "body"
        "date";background-color:#f0f0f0;padding:10px;}#projectpresentations .views-row.videoplaying,#projectpresentations .views-row.fulltext.videoplaying{background-color:#64c8c8;}.views-row.videoplaying .views-field-field-vimeo-iframe{display:block}.views-row.videoplaying .views-field-field-body-abstract.hidden{display:none;}.videoplaying .showbodyabstractbutton.hidden{display:none;}.videoplaying .showbodytextbutton{display:block;}.views-row.videoplaying .views-field{grid-column:1/1;margin-bottom:5px;}.videoplaying .views-field-title{grid-column:1/3;text-align:center;height:60px;}@media (min-width:992px){.videoplaying .views-field-title{grid-column:1/3;text-align:left;}}.videoplaying .views-field-field-speakerstext{grid-column-start:1;}.views-row.videoplaying iframe{max-height:180px;width:100%;}@media (min-width:420px){.views-row.videoplaying iframe{max-height:unset;}}@media (min-width:768px){.views-row.videoplaying iframe{height:400px;}}.views-row.videoplaying .views-field-body p a{font-weight:bold;}.path-open-cultural-data-hackathon-2021 #projectpresentations .views-row.videoplaying.presentationmodeactive,#projectpresentations .views-row.videoplaying.presentationmodeactive{position:fixed;width:100%;z-index:100;background-color:#000000db;bottom:0;left:0;height:100%;top:0;padding:60px 20px 0 20px;grid-template-columns:100%;grid-template-rows:minmax(auto,60px) minmax(80px,140px) minmax(auto,500px) 0 0;grid-row-gap:0;margin:0;backdrop-filter:blur(2px);}.views-row.videoplaying.presentationmodeactive .views-field-field-vimeo-iframe{grid-column:1/3;grid-row:2;max-width:1000px;justify-self:center;width:100%;display:grid;grid-template-areas:"iframe"
        "control";}.views-row.presentationmodeactive .views-field-field-vimeo-iframe .field-content{grid-area:iframe;}@media (min-width:420px){.views-row.videoplaying.presentationmodeactive .views-field-field-vimeo-iframe .field-content{display:flex;align-items:center;}}.presentationmodeactive iframe{order:2;}@media (min-width:1000px){.presentationmodeactive iframe{min-height:400px;max-height:65vh;}}@media (min-width:1200px){.presentationmodeactive iframe{height:450px;}}.views-row.videoplaying.presentationmodeactive iframe{height:unset;}@media screen and (min-width:768px){.views-row.videoplaying.presentationmodeactive iframe{height:500px;}}.views-row.videoplaying.presentationmodeactive .views-field-title{color:white;grid-column:1/3;grid-row:1;grid-area:title;}.views-row.presentationmodeactive .views-field-field-speakerstext{grid-column:1/3;grid-row:2/3;color:white;font-weight:bold;}.views-row.presentationmodeactive .views-field-body{display:none !important;}.views-row.videoplaying.presentationmodeactive .views-field-field-body-abstract,.views-row.videoplaying.presentationmodeactive .views-field-field-interview-daterange{display:none;}.presentationmodeactive .prevbutton,.presentationmodeactive .nextbutton{color:white;text-align:center;font-weight:bold;width:40px;font-size:4rem;cursor:pointer;}.presentationmodeactive .prevbutton{order:1;display:none;visibility:hidden;align-items:center;align-content:center;margin-right:10px;}.presentationmodeactive .nextbutton{order:3;display:none;visibility:hidden;align-items:center;align-content:center;margin-left:10px;}@media screen and (min-width:420px){.presentationmodeactive .prevbutton,.presentationmodeactive .nextbutton{display:flex;}}.presentationmodeactive .views-field-field-vimeo-iframe:hover .prevbutton,.presentationmodeactive .views-field-field-vimeo-iframe:hover .nextbutton{visibility:visible;}.views-row.fulltext{margin-top:20px;margin-bottom:40px;grid-template-rows:auto auto 20px;grid-template-columns:100%;max-height:unset;grid-template-areas:"title"
        "picture"
        "speaker"
        "body"
        "date";grid-template-areas:"title"
        "picture"
        "speaker"
        "file"
        "body"
        "date";background-color:#f0f0f0;padding:10px;}.views-row.fulltext .views-field-field-body-abstract.hidden{display:none;}.path-glamhack20 .views-row{background-color:transparent;margin:0 0 40px;max-height:250px;grid-template-areas:"title"
    "picture"
    "date";}@media (min-width:576px){.path-glamhack20 .views-row{padding:0;margin-bottom:20px;grid-template-columns:30% auto;grid-template-rows:1fr 1fr minmax(auto,4fr) 1fr auto;grid-template-areas:"picture title title"
      "picture speaker speaker"
      "picture body body"
      "picture date date";}}@media (min-width:576px){.path-glamhack20 .views-row .views-field-field-interview-daterange{display:block;font-size:14px;}}.path-glamhack20 .views-row .views-field-field-speakerstext{display:none;}.path-glamhack20 .views-row .views-field-field-bildnachweis{display:none;}.path-glamhack20 .views-row .views-field-title h3{margin:0;}.path-glamhack20 #projectpresentations .views-row.videoplaying,.path-glamhack20 .views-row.videoplaying{background-color:#f0f0f0;margin:40px 0 60px;padding:10px;max-height:unset;grid-template-rows:auto auto 20px;grid-template-columns:100%;grid-template-areas:"title"
    "picture"
    "speaker"
    "body"
    "date";}.path-glamhack20  .views-row.videoplaying .views-field-title{grid-column:1/1;text-align:center;}@media screen and (min-width:992px){.path-glamhack20  .views-row.videoplaying .views-field-title{text-align:left;}}.path-glamhack20  .views-row.videoplaying .views-field-field-vimeo-iframe{grid-column:1/1;grid-area:unset;}@media screen and (min-width:576px){.path-glamhack20  .views-row.videoplaying .views-field-field-body-abstract,.path-glamhack20  .views-row.videoplaying .views-field-field-interview-daterange{grid-column:1/1;}}.path-glamhack20  .views-row.videoplaying .views-field-body img{object-fit:contain;}@media (min-width:768px){.path-glamhack20  .views-row.videoplaying iframe{max-height:unset;height:271px;}}.path-glamhack20 #projectpresentations .views-row.videoplaying.presentationmodeactive,.path-glamhack20  .views-row.videoplaying.presentationmodeactive{background:#000000db;padding:60px 20px 0 20px;margin:0;grid-template-rows:40px 50px auto 0;grid-template-columns:auto;}.path-glamhack20  .views-row.fulltext{margin-top:20px;margin-bottom:40px;grid-template-rows:auto auto 20px;grid-template-columns:100%;max-height:unset;grid-template-areas:"title"
      "picture"
      "speaker"
      "body"
      "date";background-color:#f0f0f0;padding:10px;}.path-glamhack20  .views-row.fulltext img{object-fit:contain;}#hackathon17 .views-row{background:transparent;grid-template-areas:"title"
  "picture"
  "date";}@media screen and (min-width:576px){#hackathon17 .views-row{grid-template-areas:"picture title title"
        "picture speaker speaker"
        "picture body body"
        "picture date date";}}#hackathon17 .views-row.fulltext{grid-template-areas:"title"
        "picture"
        "speaker"
        "body"
        "date";}@media screen and (min-width:576px){#hackathon17 .views-row.fulltext{background:#f0f0f0;}}#hackathon17 .views-row.fulltext h2{font-size:24px;}#hackathon17 .views-row.fulltext a{font-weight:700;}#hackathon17 .views-row.fulltext img{display:block;width:100%;max-height:200px;object-fit:contain;}#hackathon17 .views-field-field-image{max-height:unset;}#hackathon17 .views-field-field-bildnachweis{display:none;}#hackathon17 .views-field-body{margin-top:0;}#hackathon17 .views-field-field-speakerstext{display:none;}@media screen and (min-width:576px){#hackathon17 .views-field-field-interview-daterange{display:block;font-size:14px;}}#hackathon17 .media{margin-top:15px;overflow:hidden;}#hackathon17 .media:first-child{margin-top:0;}#hackathon17 .table{width:100%;max-width:100%;margin-bottom:20px;}#hackathon17 .table-responsive{min-height:0.01%;overflow-x:auto;}#hackathon17 .table .table{background-color:#fff;}#hackathon17 .table-condensed > thead > tr > th,#hackathon17 .table-condensed > tbody > tr > td{padding:5px;}#hackathon17 .table > :not(caption) > * > *{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:transparent;padding:0;}#hackathon17 .table > :not(:first-child){border-top:2px solid #ddd;}#hackathon17 .table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}#hackathon17 .views-row.videoplaying{grid-template-rows:auto auto 20px;background-color:#f0f0f0;grid-template-areas:"title"
        "picture"
        "speaker"
        "body"
        "date";}#hackathon17 .videoplaying .views-field-title{text-align:center;}#hackathon17 .videoplaying .views-field-field-vimeo-iframe{grid-area:unset;}#hackathon17 .views-row.videoplaying.presentationmodeactive{background:#00000090;}#hackathon17 .views-row.videoplaying.presentationmodeactive{grid-template-areas:"title"
  "picture"
  "speaker"
  "body"}#hackathon17 .views-row.fulltext.videoplaying{background-color:#f0f0f0;grid-template-rows:auto auto 20px;}#hackathon17 .views-row.fulltext.videoplaying .views-field-field-vimeo-iframe{grid-row:2;}.hackathon-2016 .views-row{background-color:transparent;grid-template-areas:"title"
  "picture"
  "date";}@media screen and (min-width:576px){.hackathon-2016 .views-row{grid-template-areas:"picture title title"
        "picture speaker speaker"
        "picture body body"
        "picture date date";}}.hackathon-2016 .views-row.fulltext .views-field-field-image .field-content{position:relative;height:100%;}.hackathon-2016 .views-row.fulltext .views-field-field-image .field-content img{width:100%;object-fit:contain;}.hackathon-2016 .views-row .views-field-field-interviewer,.hackathon-2016 .views-row .views-field-field-interviewee,.hackathon-2016 .views-row .views-field-field-speakerstext,.hackathon-2016 .views-row .views-field-field-bildnachweis,.hackathon-2016 .views-row .views-field-field-interview-daterange-1{display:none;}@media screen and (min-width:576px){.hackathon-2016 .views-row .views-field-field-interview-daterange-1{display:block;align-self:end;grid-area:date;font-size:14px;}}.hackathon-2016 .views-row.videoplaying{background-color:#f0f0f0;}@media screen and (min-width:576px){.hackathon-2016 .views-row.videoplaying{grid-template-rows:auto auto 20px;grid-template-areas:"title"
        "picture"
        "date";}.hackathon-2016 .views-row.videoplaying .views-field-field-vimeo-iframe{grid-area:picture;}}.hackathon-2016 .views-row.videoplaying.presentationmodeactive{background:#000000db;grid-template-rows:40px minmax(auto,600px) 0;}.hackathon-2016 .views-row.videoplaying.presentationmodeactive .views-field-field-vimeo-iframe{grid-row:2;}#projectpresentations .hackathon-2016 .views-row.videoplaying{background-color:#f0f0f0;grid-template-rows:auto;}@media screen and (min-width:576px){#projectpresentations .hackathon-2016 .views-row.videoplaying{grid-template-rows:auto auto 20px;grid-template-areas:"title"
        "picture"
        "speaker"
        "body"
        "date";}}#projectpresentations .hackathon-2016 .views-row.videoplaying.presentationmodeactive{background:#000000db;}#projectpresentations .hackathon-2016 .views-row.fulltext{background-color:#f0f0f0;grid-template-areas:"title"
        "picture"
        "speaker"
        "body"
        "date";}
