﻿html,body {min-height: 100%;}

body {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif!important;}
.bg-ta {background: url(../img/2x2pattern_hellbraun.gif) repeat!important;}

h1 {margin-bottom: 1em; font-weight: bold; color: #666945; letter-spacing: 2px; }
h2 {margin-top: 1em; margin-bottom: 1em;}

.layout-ActorDetail p {margin-bottom: 0.1rem;}	

.rounded-bottom-right {border-bottom-right-radius: 0.5rem !important;}
	
/* NAVIGATION */
.navbar {
	font-size: 0.75rem;
    letter-spacing: 3px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
	font-weight: bold;
}
.navbar-light .navbar-nav .show > .nav-link, 
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(134, 182, 54, 1);	
}
.navbar-light .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .nav-link:focus {
	color: rgba(134, 182, 54, 1);
}

.dropdown-menu {
    color: rgba(0, 0, 0, 1);
    font-size: 0.75rem;
}
.dropdown-item {
    background-color: transparent;
    border: 0 none;
    clear: both;
    color: rgba(0, 0, 0, 1);
    display: block;
    font-weight: 400;
    padding: 0.1rem 0.5rem;
}
.dropdown-item.active, 
.dropdown-item:active {
    background-color: rgba(134, 182, 54, 1);
    color: #fff;
    text-decoration: none;
}
.dropdown-item:hover, 
.dropdown-item:focus {
	color: rgba(0, 0, 0, 1);
	text-decoration: none;
	background-color: rgba(134, 182, 54, 0.5);
}

/* SUB-NAVIGATION*/
.layout-ActorList ul.subnav {padding-left: 0; list-style: none;}
.layout-ActorList ul.subnav li {line-height: 1rem;}
.layout-ActorList ul.subnav li a {font-size: 11px;}
.layout-ActorList ul.subnav li a {color: rgba(0, 0, 0, 1);}
.layout-ActorList ul.subnav li a:hover {color: rgba(134, 182, 54, 1);}

/* CONTAINER */
.container main.bg-ta {
	height:480px; 
	position:relative;	
	overflow-y: hidden;
	overflow-x: hidden;
	font-size: 0.75rem;
}

.footer { 
	bottom: 0;
    position: absolute;
}

/* TABLE */
.table td {padding: 0; border-top: 0;}

.layout-ActorDetail table.contenttable tbody tr td {vertical-align: top;}
.layout-ActorDetail table.contenttable tbody tr td:first-child {
  width: 90px;
  min-width: 90px;
  max-width: 100px;
  word-break: break-all;
  font-weight: 600;
}

.layout-ActorDetail table tbody tr td {vertical-align: top;}
.layout-ActorDetail table tbody tr td:first-child {
  width: 90px;
  min-width: 90px;
  max-width: 100px;
  word-break: break-all;
  font-weight: 600;
}

/* DATEILINK */
.layout-ActorDetail h2 a.movie,
.layout-ActorDetail h2 a.audio {font-size: 0.95em;}
.layout-ActorDetail a.movie::before,
.layout-ActorDetail a.audio::before {
    display: inline-block;
    font-family: FontAwesome, FontAwesomeSolid;
    margin-right: 0.5em;	
    width: 1.3em;
}
.layout-ActorDetail a.movie::before {
    content: "\f03d";	
}
.layout-ActorDetail a.audio::before {
    content: "\f001";	
}

/*ActorList*/
.layout-ActorList .thumbnail a img {
    border: 1px solid #d3d5bd;
}
.layout-ActorList .thumbnail a:hover img, 
.layout-ActorList .thumbnail a img.act {
    border: 1px solid #86b637;
}
.layout-ActorList ul.subnav a:hover,
.layout-ActorList ul.subnav a.act {
    color: #86b637 !important;
}
/*ActorDetail*/
.layout-ActorDetail main.bg-ta div.container.h-100 .col-sm-8.col-lg-7 .row.vita {height: 458px; overflow-y:auto!important;}

html body.layout-ActorDetail div.container main.bg-ta.border.border-dark.mb-3 div.container.h-100 div.row.content div.col-sm-4.col-lg-5.pt-0.px-0 .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery,
html body.layout-ActorDetail div.container main.bg-ta.border.border-dark.mb-3 div.container.h-100 div.row.content div.col-sm-4.col-lg-5.pt-0.px-0 .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column li a img {display: none;}

/* Backlink */
.layout-ActorDetail .row.backlink {
	background: url(../img/2x2pattern_hellbraun.gif) repeat!important; 
	font-size: 0.8rem; 
	font-weight:bold; 
	padding-bottom:2px
}
.layout-ActorDetail .row.backlink a.backLink {margin-right: 15px;}
.layout-ActorDetail .backlink a.backLink::before,
.layout-ActorList a.backLink::before{
	display: inline-block;
    font-family: FontAwesome, FontAwesomeSolid;
    margin-right: 0.2em;	
    width: 1.3em;
    content: "\f060";
	color: #D41830;	
}
.layout-ActorDetail .row.backlink a i.far.fa-file-pdf {
    line-height: 1!important;
    font-size: 0.95rem!important;
	color: #D41830;	
}

/*Slider*/
.pgwSlider .ps-current {width: 79%; font-size: 0.75rem!important;}
ul.pgwSlider, 
.pgwSlider ul {width: 21%;}
.pgwSlider.wide ul.ps-list {padding-top: 15px;}
.pgwSlider.wide ul.ps-list li span {display:none;}
.pgwSlider.wide div.ps-current span.ps-caption {display:block;}
.pgwSlider.wide ul.ps-list li img {
    display: block;
    height: 47px;
	min-height: 47px;
    width: 32px!important;
	margin-top: 0!important;
}
ul.pgwSlider.wide > li, 
.pgwSlider.wide > .ps-list > li {
    float: left;
    font-size: 0.7rem;
    margin-bottom: 5px;
	margin-left: 5px;
	height: 47px!important;
    max-height: 100px;
    min-height: 47px;
    min-width: 32px;
	width: 32px!important;
}
ul.pgwSlider li:nth-child(odd) { clear: left!important;}
.pgwSlider.narrow ul.ps-list li span {display:none;}
.pgwSlider.narrow div.ps-current span.ps-caption {display:block;}
.pgwSlider.narrow ul.ps-list li img {
    display: block;
    height: 47px;
	min-height: 47px;
    width: 32px;
	margin-top: 0!important;
}
ul.pgwSlider.narrow > li, 
.pgwSlider.narrow > .ps-list > li {
    float: left;
    font-size: 0.7rem;
    margin-bottom: 5px;
	margin-left: 5px;
	height: 47px!important;
    max-height: 50px;
    min-height: 47px;
    min-width: 32px;
	width: 32px!important;
}

/* 2Spalten */
.layout-2Spalten main.bg-ta {height: 480px; overflow-y:auto!important;}

/* FOOTERMENU*/
ul.footermenu {
	padding-left:0;
	margin-bottom: 0;
	display:block;	
	font-size: 12px;	
}
ul.footermenu li {display: inline-block;}
ul.footermenu li:after{content:'·'; margin:0 5px;}
ul.footermenu li:last-child:after {content:'';}
ul.footermenu li a {color: rgba(0, 0, 0, 1);}
ul.footermenu li a:hover {color: rgba(134, 182, 54, 1);}

/* Scrollbar on Phone */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.3);
	box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* MEDIA QUERIES */
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.navbar-light .navbar-nav li:last-child .nav-link {padding-left: 0.5rem; padding-right: 0rem;}	
	ul.pgwSlider.wide > li, 
	.pgwSlider.wide > .ps-list > li {margin-left: 10px;}
	.pgwSlider .ps-caption {padding: 6px 10px 12px 10px;}
	.layout-ActorList .container ul.subnav li:nth-child(8n) {margin-bottom: 10px;}
	.layout-ActorList .container ul.subnav li:last-child {margin-bottom: 0;}
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { ... }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 1199.98px) { ... } 

/*// (tablets)*/
@media (min-width: 768px) and (max-width: 1023.98px) { 
	.layout-ActorList .container main.bg-ta,
	.layout-ActorList .container main.bg-ta .row.content.h-100 {
		height:auto!important; 
		min-height: 480px!important;
	}
}
/*// (tablets, portrait)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	.layout-ActorList .container ul.subnav li:nth-child(5n) {margin-bottom: 10px;}
	.layout-ActorList .container ul.subnav li:last-child {margin-bottom: 0;}
}
/*// (tablets, landscape)*/
@media (min-width: 992px) and (max-width: 1024px) { 

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.layout-ActorList .container ul.subnav li:nth-child(7n) {margin-bottom: 10px;}
	.layout-ActorList .container ul.subnav li:last-child {margin-bottom: 0;}
}

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	a.navbar-brand img {max-width: 200px!important; height: auto; }
	.container main.bg-ta {height:400px!important;}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 	
	.layout-ActorList .container main.bg-ta {height:auto!important;}
	.layout-ActorDetail main.bg-ta div.container.h-100 .col-sm-8.col-lg-7 .row.vita {height: auto!important;}
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	ul.dropdown-menu.menuitem31, 
	ul.dropdown-menu.menuitem35{max-height: 280px; overflow-y:scroll;}
	.layout-ActorDetail .container main.bg-ta,
	.layout-ActorDetail main.bg-ta div.container.h-100 .col-sm-8.col-lg-7 .row.vita,
	.layout-2Spalten .container main.bg-ta {height:auto!important;}
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	.navbar-nav.sm-collapsible .sub-arrow {margin: -0.7em 0 0 0;}
	.pgwSlider .ps-caption {padding: 8px;}
}