/*Korrektur Reporting-Seite Tagung22, Geschichtstage22
body.node-162690, body.node-161989, body.node-159742 {
height: auto!important;
}


.node-162690 div.main-wrapper, .node-161989 div.main-wrapper, .node-159742 div.main-wrapper{
display: block!important;
}*/


/*Korrektur Reporting-Seiten*/
body.mint-theme-color {
height: auto!important;
}


body.mint-theme-color > div > div.main-wrapper {
display: block!important;
}

.playbutton {
max-height: initial!important;
}

.playbutton:hover {
height: 100%!important;
background-size: auto 50% !important
}

/**Ende Korrektur**/


/*Page-Title*/
.page-node-type-standard-page .main-wrapper .region.region-content .block-page-title-block {
-webkit-hyphens: auto;
hyphens: auto
}



@media screen and (min-width: 486px) {
.page-node-type-standard-page .main-wrapper .region.region-content .block-page-title-block {
-webkit-hyphens: initial;
hyphens: initial
}
}

#introduction .bannerwrap {
display: flex;
height: 126px;
flex-wrap: wrap;
}

#introduction img.bannerimage {
margin: 0;
width: 100%;
object-fit: contain;
}

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

#introduction img.bannerimage {

object-fit: cover;
}
}

#introduction .view-display-id-welcome img {
max-height: 225px;;
}

.tab_section .introduction h2 {
-webkit-hyphens: auto;
hyphens: auto
}

#introduction .views-element-container.videoplaying {
height: 550px;
  background: #64c8c8;
}
}


/*Welcome-Video*/
.views-element-container[class*="-welcome"], .views-element-container[class*="-trailer"] {
min-height: 300px;
height: 300px;
margin-bottom: 20px;
}

.views-element-container[class*="-welcome"].videoplaying, .views-element-container[class*="-trailer"].videoplaying {
padding: 10px;
}

@media screen and (min-width: 486px) {
.views-element-container[class*="-welcome"], .views-element-container[class*="-trailer"] {
min-height: 140px;
height: 140px;
}
}

#introduction .views-element-container[class*="-welcome"] .contextual-region, #introduction .views-element-container[class*="-trailer"] .contextual-region {
height: 100%;
}

/*.views-element-container[class*="-welcome"] div, .views-element-container[class*="-trailer"] div {
height: 100%;
}*/

.videoplaying .views-element-container[class*="-welcome"] .wrapbutton", .videoplaying  .views-element-container[class*="-trailer"] .wrapbutton" {
height: initial;
}


#introduction .views-element-container[class*="-welcome"] .contextual-region .trailer, #introduction .views-element-container[class*="-trailer"] .contextual-region .trailer {
margin: 0;
}

.views-element-container[class*="-welcome"] div .trailer, .views-element-container[class*="-trailer"] div .trailer {
height: 100%;
}

#introduction .views-element-container[class*="-welcome"] .contextual-region .trailer > .view-content, #introduction .views-element-container[class*="-trailer"] .contextual-region .trailer > .view-content {
height: 100%;
}

.views-element-container[class*="-welcome"] div .trailer .view-content, .views-element-container[class*="-trailer"] div .trailer .view-content {
height: 100%;
}

#introduction .views-element-container[class*="-welcome"] .views-row, #introduction .views-element-container[class*="-trailer"] .views-row {
grid-template-areas:
"speaker speaker" 
"title title" 
"picture picture" ;
max-height: unset;
height: 100%;
margin: 0;
padding: 0;
grid-template-rows: minmax(0, min-content) minmax(0, min-content) minmax(0, auto);
grid-template-rows: minmax(0, min-content) minmax(0, min-content) minmax(0, 100%);
max-height: 250px;
}

.node-159742 #introduction .views-element-container[class*="-welcome"] .views-row, #introduction .views-element-container[class*="-trailer"] .views-row {
grid-template-rows: auto auto auto auto;
max-height: unset;
}

@media screen and (min-width: 486px) {
#introduction .views-element-container[class*="-welcome"] .views-row, #introduction .views-element-container[class*="-trailer"] .views-row {
grid-template-areas:
"picture speaker" 
"picture title  " 
"picture body   " 
"picture date   ";
max-height: 140px;
grid-row-gap: 10px;
}

#introduction .views-element-container[class*="-welcome"].videoplaying  .views-row, #introduction .views-element-container[class*="-trailer"].videoplaying .views-row {
max-height: initial;

}
}

#introduction .views-element-container[class*="-welcome"]  .views-row  .field-content, #introduction .views-element-container[class*="-trailer"]  .views-row  .field-content {
margin-bottom: 0;
}

#introduction .views-element-container[class*="-welcome"]  .views-row  .field-content h2, #introduction .views-element-container[class*="-trailer"]  .views-row  .field-content h2 {
margin-bottom: 0;
}

#introduction .views-element-container[class*="-welcome"]  .views-row  .field-content h2 a, #introduction .views-element-container[class*="-trailer"]  .views-row  .field-content h2 a {
color: black;
}


/*Tabs*/
#tab-heading-wrap {
height: 45px;
-webkit-hyphens: auto;
hyphens: auto;
}


@media screen and (min-width: 486px) {
  #tab-heading-wrap {
    width: 97%;
    height: 52px;
  }

  .onetab #tab-heading-wrap {
    width: 66%;
  }
}

#tab-heading-wrap .tabheading {
width: 140px !important;
height: 52px;
}

.onetab #tab-heading-wrap .tabheading {
width: initial!important;
}

@media screen and (min-width: 486px) {
#tab-heading-wrap .tabheading {
width: 24%;
//padding: 5px 5px 0 8px;
height: initial;
padding: 0px 5px 0 8px;
}

@media screen and (min-width: 1200px) {
#tab-heading-wrap .tabheading {
width: 180px !important;
height: 52px;
}
}


.geschichtstage2022 #tab-heading-wrap .tabheading {
width: 16%!important;
min-width: 0;
}
}

.active-tab-heading {
background-color: #64c8c8;
display: block;
height: 45px!important;
}

@media screen and (min-width: 486px) {
.active-tab-heading {
height: 52px!important;
}
}

@media screen and (min-width: 768px) {
#tab-heading-wrap .tabheading .long-tab-heading {
font-size: 13px!important;
line-height: 13px!important;
overflow-wrap: anywhere;
}
}

@media screen and (min-width: 1200px) {
#tab-heading-wrap .tabheading .long-tab-heading {
font-size: 16px!important;
line-height: 16px!important;
}
}

@media screen and (min-width: 486px) {
.block-with-titles-tabs #tab-heading-wrap .tabheading {
//min-width: initial;
//width: 200px!important;
//max-width: 16%;
min-width: unset;
width: unset !important;
max-width: unset;
flex: 1 1 0;
margin-right: 1%;
}
}



@media screen and (min-width: 768px) {
.block-with-titles-tabs #tab-heading-wrap .tabheading {
//min-width: 16%;
//max-width: 24%;
min-width: unset;
max-width: unset;
}
}

.block-with-titles-tabs .tabheading h2 {
line-height: unset;
display: flex;
align-items: center;
}

.block-with-titles-tabs .tabheading h2 a {
line-height: unset;
display: flex;
align-items: left;
justify-content: left;
}

@media screen and (min-width: 486px) {
.block-with-titles-tabs .tabheading h2 a {
align-items: center;
justify-content: center;
}
}



.block-with-titles-tabs.menuopen .hamburgertab {
width: 0px;
}

.hamburgertab {
  height: 45px;
}

.onetab #hamburger {
display: none;
}

/*Session-Titles*/
.introduction h2 {
  font-size: 30px;
  margin: 0 0 15px 0;
  line-height: 30px;
}

.view .views-row {
//grid-template-rows: min-content min-content minmax(0, 250px) min-content;
grid-template-rows: min-content min-content min-content min-content;
}

@media screen and (min-width: 486px) {
.view .views-row {
//grid-template-rows: min-content min-content minmax(0, 300px) min-content;
grid-template-rows: min-content min-content min-content min-content;
}
}

.view .views-row.podium {
  grid-template-areas:
"title  " 
"picture" 
"speaker" 
"date";
}

@media screen and (min-width: 576px) {
.view .views-row.podium {
grid-template-areas: "picture title title"
"picture speaker speaker"
"picture speakerpodium speakerpodium"
"picture body body"
"picture date date";
}
  /*.view .views-row.podium {
grid-template-areas:
  "title   title   title  " 
  "picture   picture   picture  " 
  "speaker   speaker   speaker  " 
  "body    body    body   " 
  "date    date    date   " 
  "piccredit piccredit piccredit";
}*/
}


.view .views-row.podium ul {
list-style: none;
margin-top: 20px;
}

@media screen and (min-width: 486px) {
.view .views-row.podium ul {
margin-top: 0;
}
}

.view .views-row.podium ul li{
margin-left: 0;
}



/*Speaker*/

#introduction .views-field-field-speakers-fc {
padding: 5px;
}

@media screen and (min-width: 486px) {
#introduction .views-field-field-speakers-fc {
padding: 0;
}
}

.views-field-field-speakers-fc {
grid-area: speaker;
}

.views-field-field-speakers-fc ul {
list-style: none;
}

.views-field-field-speakers-fc ul li {
margin-left: 0;
}

.paragraph--type--speakers-fc strong {
font-weight: 500;
}

.paragraph--type--speakers-fc > span.name > strong:first-child::after {
  content: "\00A0";
}

/*Korrektur Tagung 2021*/
.node-159742  .paragraph--type--speakers-fc .field--name-field-firstname .field__item, .node-159742 .paragraph--type--speakers-fc .field--name-field-lastname .field__item {
  font-weight: 500;
}

.node-159742  .paragraph--type--speakers-fc .field--name-field-lastname .field__item::after {
  font-weight: normal;
}



/*Feld Speaker als Moderator markiert*/
.views-row.podium .paragraph--type--speakers-fc {
display: block !important;
display: flex !important;
grid-template-columns: auto auto auto;
grid-template-areas:
"moderation    moderation" 
"speakername   speakername" 
"speakerfunction speakerfunction";
}

@media screen and (min-width: 768px) {
.views-row.podium .paragraph--type--speakers-fc {
display: block!important;
display: flex !important;
grid-template-columns: min-content min-content auto;
grid-template-areas:
"moderation speakername speakerfunction";
}
}

.views-row.podium .paragraph--type--speakers-fc .name {
grid-column-start: 2;
display: inline-flex;
grid-area: speakername;
}

.views-row.podium .paragraph--type--speakers-fc .name::after {
content: ",\00A0";
}

.views-row.podium .paragraph--type--speakers-fc .name > strong {
display: flex;
white-space: nowrap;
}

.podiumspeakerfunction {
grid-area: speakerfunction;
hyphenate-character: ;
-webkit-hyphens: auto;
hyphens: auto;
display: inline;
}


.views-row.podium .paragraph--type--speakers-fc .field--name-field-moderation {
grid-column-start: 1;
grid-row-start: 1;
display: flex;
grid-area: moderation;
display: inline
}




#introduction .views-field-title {
padding: 5px;
}

@media screen and (min-width: 486px) {
#introduction .views-field-title {
padding: 0;
}
}

#introduction .views-field-title h2 {
margin: 0;
}


.views-field-title h2 {
  color: #000;
  letter-spacing: 0.025em;
  margin-bottom: 40px;
  font-size: 30px;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: 0;
  margin-top: 10px;
  line-height: 28px;
//display: grid;
grid-gap: 0 10px;
grid-template-columns: repeat(3, max-content);
max-width: 250px;
}

@media screen and (min-width: 486px) {
.views-field-title h2 {
max-width: unset;
}
}

.podium .views-field-title h2 {
margin-bottom: 10px;
}

.views-row .views-field-title {
grid-area: title;
}



/*buttons Videos*/
.views-field .buttonpresentation > span > i, .views-field .buttonout > span > i {
  font-size: 20px;
}

.views-field .buttonpresentation > span:hover > i, .views-field .buttonout > span:hover > i {
  color: black;
}

/*more-buttons*/
.showbodytextbutton {
  display: none;
  border: 0;
  color: #337ab7;
  color: #3caaaa;
  background: none;
  padding: 0;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10px;
}

.node-163459 .showbodytextbutton {
  display: block;
}

/*Conference Report*/
.paragraph--type--cli-fc-report-author {
 display: grid;
 grid-template-areas: "firstname  lastname  " "email      email     " "university university";
 grid-template-columns: max-content 1fr;
 margin-bottom: 20px;
}

.node-162690 .paragraph--type--cli-fc-report-author {
grid-template-columns: max-content max-content;

}

.field--name-field-cli-author-firstname {
grid-area: firstname;
}

.field--name-field-cli-author-name {
 grid-area: lastname;
}


div.field:nth-child(3) {
 grid-area: email;
}

.field--name-field-cli-author-institution {
 grid-area: university;
}

.field.field--name-field-cli-author-firstname.field--type-string.field--label-hidden.field__item::after {
  content: "\00A0";
}

.field--name-field-cli-fc-report-author > .field__label {
 font-weight: 600;
}

#report .field--name-body a {
  font-weight: 500;
}

#report .field--name-body hr {
  color: #b0b0b0;
}


/*Videos*/
.view .views-row.videoplaying {
background-color: #64c8c8;
}

.views-row .views-field-field-image {
max-height: unset;
}

.view-content .views-row .views-field-field-image {
  max-height: 300px;
  max-height: unset;
  grid-area: picture;
}

.views-row .views-field-field-image .field-content img {
max-height: 250px;
height: 100%!important;
}

@media screen and (min-width: 486px) {
.views-row .views-field-field-image .field-content {
display: flex;
}

.views-row .views-field-field-image .field-content img {
//height: 100%;
}
}