/***Overview-Page***/


/*LogoCliocast*/
#logowrap #logocliocast {
height: 1080px!important;
}

html[lang="fr"] .region.region-content .view-cliocast .view-header #logowrap #logocliocast, html[lang="it"] .region.region-content .view-cliocast .view-header #logowrap #logocliocast {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-image: url("/sites/default/files/images_content/1_Ausf_cliocast-mit-f4.png");
    background: url("/sites/default/files/images_content/1_Ausf_cliocast-mit-f4.png") 0 0, url("/sites/default/files/images_content/1_Ausf_cliocast-mit-f0.png") 0 180px, url("/sites/default/files/images_content/1_Ausf_cliocast-mit-f1.png") 0 360px, url("/sites/default/files/images_content/1_Ausf_cliocast-mit-f2.png") 0 540px, url("/sites/default/files/images_content/1_Ausf_cliocast-mit-f3.png") 0 720px, url("/sites/default/files/images_content/1_Ausf_cliocast-mit-f4.png") 0 900px;
    background-repeat: repeat, repeat, repeat, repeat, repeat, repeat;
    background-size: auto, auto, auto, auto, auto, auto;
    background-size: auto 180px;
background-size: 100%;
    background-repeat: no-repeat;
}

@media screen and (min-width: 620px) {
html[lang="fr"] .region.region-content .view-cliocast .view-header #logowrap #logocliocast, html[lang="it"] .region.region-content .view-cliocast .view-header #logowrap #logocliocast {
    background-size: auto 180px;
}
}


#logowrap:hover #logocliocast,
    #logowrap:focus #logocliocast {
        animation: swap 1s linear forwards;
    }

    #logowrap:hover #logocliocast.runanimation,
    #logowrap:focus #logocliocast.runanimation {
        animation: swap 2.5s linear infinite;
    }

.runanimation {
        animation: swap 2.5s linear forwards;
        animation-iteration-count: infinite;
    }

    .animationpaused {
        animation-play-state: paused;
    }

    @keyframes swap {
        0% {
            transform: translateY(-00px)
        }

        16.66% {
            transform: translateY(-00px)
        }

        16.67% {
            transform: translateY(-180px)
        }

        33.329% {
            transform: translateY(-180px)
        }

        33.33% {
            transform: translateY(-360px)
        }

        49.999% {
            transform: translateY(-360px)
        }

        50% {
            transform: translateY(-540px)
        }

        66.66% {
            transform: translateY(-540px)
        }

        66.67% {
            transform: translateY(-720px)
        }

        83.329% {
            transform: translateY(-720px)
        }

        83.33% {
            transform: translateY(-900px)
        }

        /* 99.99% {
            transform: translateY(-900px)
        }*/
        100% {
            transform: translateY(-900px)
        }
    }


/*Bookcover*/
.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--first {
flex: 0 1 26%;
}

.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--first {
margin-right: 0;
margin-bottom: 20px;
}

@media screen and (min-width: 420px) {
.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--first {
margin-right: 20px;
margin-bottom: 0;
flex: 0 1 calc(100%/3);
}
}

@media screen and (min-width: 768px) {
.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--first {
flex: 0 1 26%;
margin-right: 40px;
}
}


/*rechte Spalte*/
.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--second {
flex: 0 1 60%;
display: grid;
grid-template-rows: minmax(0, 40px) minmax(0, 40px) minmax(0, 70px) minmax(0, 100px) minmax(0, auto);
grid-template-rows: repeat(4, min-content);
}

@media screen and (min-width: 420px) {
.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--second {
flex: 0 1 calc(100%/3)*2 - 20px);
}
}

@media screen and (min-width: 768px) {
.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--second {
flex: 0 1 60%;
}
}

.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--second .field {
margin-bottom: 10px;
}

.region.region-content .view-cliocast .view-content .views-row .layout--twocol .layout__region--second .field p {
margin-bottom: 0;
}

/*Player*/
.region.region-content .view-cliocast .view-content .views-row .field--name-field-podcast-datei {
padding: 0;
}

.region.region-content .view-cliocast .view-content .views-row .layout--twocol {
justify-content: flex-start;
}



.view-content .field--name-field-podcast-datei .field__item iframe {
position: relative;
right: -12px;
}

.view-content .field--name-field-podcast-datei .field__item {
width: 72% !important;
}

/*Download-Button*/

.view-content .field--name-field-download-link.field__item {
width: 35px;
overflow: hidden;
height: 30px;
text-align: center;
font-weight: 100 !important;
justify-self: right;
margin-top: 0;
}

.view-content .field--name-field-download-link.field__item a {
visibility: hidden;
padding: 0;
height: 100%;
}

.view-content .field--name-field-download-link.field__item a::before {
visibility: initial;
text-align: center;
padding: 0;
margin: 0 auto;
display: block;
line-height: 24px;
\31 00: ;
font-weight: 600;
font-family: "Font Awesome 6 Free";
font-weight: 900;
}





/***single Podcast***/



/*player*/
.page-node-type-podcast .layout--twocol .field--name-field-podcast-datei {
padding: 16px 0px 16px 8px;
}

.play-button i {
font-size: 50px;
}

.pause-button i, .stop-button i {
  font-size: 30px;
}

.field--name-field-podcast-datei .field__item {
width: 71%!important;
}

/*player on Overview-Page*/
.view-content .field--name-field-podcast-datei .field__item {
width: 70%!important;
}



.field--name-field-podcast-datei .field__item iframe {
  border: 1px solid transparent;
  width: 100%;
  clip: unset;
  clip-path: unset;
  height: 200px;
}

/*Zotero*/
.field--name-field-zotero.field__item {
  grid-area: zotero;
  font-size: 14px;
  letter-spacing: 0;
  align-self: end;
  margin-top: 20px;
}

.field--name-field-zotero.field__item::before {
  content: "Citation:";
  font-style: italic;
}

.field--name-field-zotero.field__item.de::before {
  content: "Zitierweise:";
}

/*Zotero on Overview-Page*/
.view-content .field--name-field-zotero.field__item {
font-size: 13px;
line-height: 14px;
}

.view-content .field--name-field-zotero.field__item .csl-entry {
letter-spacing: -0.2px;
}

.view-content .field--name-field-zotero.field__item .csl-entry > a:nth-child(1) {
color: #347ab7;
text-decoration: none;
}

.view-content .field--name-field-zotero.field__item .csl-entry > a:nth-child(1):hover {
text-decoration: underline;
}


/*Download-Button*/
.field--name-field-download-link.field__item {
border: 2px solid #ca77a2;
width: 230px;
border-radius: 5px;
background: #ca77a2;
margin-top: 20px;
padding: 0 !important;
width: 230px;
}

.field--name-field-download-link.field__item a::before {
content: "\f019";
font-family: "Font Awesome 6 Free";
padding-right: 5px;
}

.field--name-field-download-link.field__item a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 10px;
  font-weight: 700;
  text-align: center;
}