/*
Theme Name: CINESONG 2026
Theme URI: http://www.apfelbaumgroup.com
Author: Andreas Perzborn
Author URI: -
Version: 2.0.12
Text Domain: cinesong
*/

/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.3em;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	font-style: italic;
	padding-left: 1rem;
}




/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
 

html {
	height: 100%;
	padding:0;
	margin:0;
}
body { 
	background-image: url(images/bg_linie_1x1000.jpg);
	background-image: url(images/bg_linie_1x1000.gif);
	background-repeat: repeat;
	font-family: 'Allerta', sans-serif; 
	font-size: 1.2rem;
}
.wrapp_all {
	background-color: #0099cc;
	box-shadow: 0px 0px 20px #000;
}
a {
	color: #fff89e; 
	text-decoration: none;
}
a:hover {
	color: #fff000;
	text-decoration: underline;
}
h1 {
	color: #ffffff; 
	font-weight: bold;
	font-size: 2rem;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 30px;
}
.sidebar h1 {
		margin-top: 10px;
		margin-bottom: 10px;
}
h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.5rem;
	margin-top: 0px;
	margin-bottom: 20px;
}
p {
	font-size: 1.2rem;
	color: #ffffff;
	margin-bottom: 1rem;
	line-height: 1.5rem;
}
strong {
	font-weight: 700;
}
em, i {
	font-style: italic;
}
#sidebar {
	list-style: none;
}
.sidebar {
	text-align: right;
}
ul {
	color: #ffffff;
	font-size: 1rem;
	margin: 0 0 18px 1.5em;
}
.menu-nav-container ul.menu{
	margin: 0px 0px 0px 0px;
}
.cat-item{
	list-style: none;
}

nav ul {
	margin: 0;
	padding: 0;
}

.sidebar {
	list-style-type:none;
}
.sidebar h1 {
	font-size: 1rem;
}
p {
	font-size: 1rem;
}
h1, h2 {
  font-size: 1.3rem;
}
ul.sidebar {
	margin-left:0;
}
figcaption {
  font-size: 0.8rem;
  color: #fff;
  margin-top: -8px;
}

/*
-----------------------------------------------------------------
	Layout
-----------------------------------------------------------------
*/

 /*Allgemein*/

#wrapper{
	background: #0099cc;
	margin: 0 auto 0;
	width:  1100px;
	-webkit-box-shadow:0px 0px 20px #000;
	-moz-box-shadow:0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;
}
/*LayoutBoxen*/
#header .nav{
	width: 700px;
	height: 110px;
	float: left;	
	padding: 0 60px;
}

/* CSS Sprite Menu */
#header ul.nav{
	list-style:none;
	margin: 0px 0px 0px 0px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff89e;
}

.navbar-dark .navbar-toggler-icon {
  	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 248, 158, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler {
  	color: #fff89e;
  	border-color: #fff89e;
	border: 2px solid;
}




/* Header Rest*/
		#header div.logo{
			text-align: right;
			padding: 9px 60px;
		}
/* Main */
		#main {
			width: 700px;
			-border: 1px solid black;
			margin-right: 300px;
			padding-left: 68px;
			padding-bottom: 10px;
		}
		#rightcolumn{
			width: 250px;
			text-align: right;
			float: right;
			list-style: none;
			padding-right: 60px;
			padding-bottom: 10px;
			
		}
		.widget{
			padding: 10px;
		}



.container.footer {
	background: #008cba;
	color: #ffffff;
	font-size: 1rem;
}
.container.footer ul {
	list-style-type: none;
	margin: 0;
}
.social_icons img {
	width: 30px;
	height: auto;
}
.social_icons li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 0.5rem;
	line-height: 1.7rem;
}

.social_icons .si-email:before {
	content: '';
    background: url(/wp-content/themes/cinesong/images/icon-mail.png);
    position:absolute;
    top:0;
    left:0;
    width: 25px;
  	height: 25px;
  	background-size: 25px 25px;
}
.social_icons .si-facebook:before {
	content: '';
    background: url(/wp-content/themes/cinesong/images/icon-facebook.png);
    position:absolute;
    top:0;
    left:0;
    width: 25px;
  	height: 25px;
  	background-size: 25px 25px;
}

#menu-impressum li {
	margin-bottom: 0.5rem;
}




.home_boxes {
	margin: 0;
	padding: 0;
}

/* Clear the legacy floated news items so following content (especially
   the news pagination) starts below the complete list. */
.home_boxes::after {
	content: "";
	display: table;
	clear: both;
}
.home_boxes li {
	list-style-type: none;
	width: 100%;
	float: left;
	border-bottom: dotted 1px #fff;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
.clear {
	clear: both;
}
.home h2 {
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
}




/*
------------------------------------------------------
	single types following
------------------------------------------------------*/

/*-------Projekte------------*/
.projectcolum{
	width: 210px;
	float: left;
	text-align: left;
	margin-right: 5px;
}
.projects{
	list-style: none;
}
.projectcolumcontentbox{
	background: #da5b9b;
	padding: 10px;
	font-size: 1rem;
}
.floatright{
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}
.cat-item{
	padding: 5px 0px;
}

.projektarten {
	text-align: right;
	padding-top: 2rem;
}

.project-taxonomy-nav li {
	margin-bottom: 1rem;
}
/*
------------------------------------------------------
	iframe
------------------------------------------------------*/
/*
.home_boxes {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.home_boxes iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

/*  
------------------------------------------------------
	Responsive
------------------------------------------------------*/

@media (max-width: 991px) {
	.navbar-nav {
		margin-top: 1rem;
		margin-left:-0.75rem;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: #fff89e;
	  font-size: 1.5rem;
	  background-color: #009d90;
	  margin-bottom: 0.8rem;
	  display: inline-block;
	  border-top-right-radius: 35px 35px;
	  border-bottom-right-radius: 35px 35px;
	  padding: 1rem;
	  padding-right: 3rem;
		padding-left:3rem;
		border: solid 1px #00647d;
		border-left: none;
	}
}

@media (max-width: 574px) {
	.wrapp_all {
		width: 95%;
	}
	iframe {
		max-width: 100%;
	}
}

@media (min-width: 992px) {  

	.nav li {
		display:inline; 
		float:left;
		width:92px;
		height:110px;
		background:url('images/navigation.sprite.gruen2.png') no-repeat; 
		overflow: hidden;
	}
	.nav li:hover{
		background-position:0px -112px;
	}
			
	.nav li.lang{
		background-position:-540px -224px;
	}
	.nav li.lang:hover{
		background-position:-540px -112px;
	}
	.nav li a{
		width: 100%; 
		height: 100%; 
		display: inline-block;
		padding-top: 53px;
		text-align: center;
		text-decoration: none;
		font-size: small;
	}
	.navbar-expand-lg .navbar-collapse {
    	margin-top: -5px;
  	}
  		iframe {
	  width: 100%;
	  height: 480px;
	}
	.sidebar {
		margin-top: 5rem;
	}
}

@media (min-width: 1200px) { 

}



._brlbs-fluid-width-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

._brlbs-fluid-width-video-wrapper iframe,
._brlbs-fluid-width-video-wrapper object,
._brlbs-fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* --------------------------------------------------------------
   2026 theme modernization / Polylang hybrid integration
-------------------------------------------------------------- */
.footer-menu,
.project-taxonomy-nav {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.project-taxonomy-nav .current-cat > a {
	text-decoration: underline;
}

.navigation.pagination,
.project-pagination,
.post-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
}

.post-navigation {
	clear: both;
	width: 100%;
	justify-content: space-between;
}

.post-navigation .older,
.post-navigation .newer {
	display: inline-block;
}

.navigation.pagination .page-numbers {
	display: inline-block;
}

.qthc-language + .qthc-language {
	margin-top: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(255,255,255,.35);
}

.qthc-language-title {
	margin-bottom: 1rem;
}

.cinesong-language-fallback-note {
	margin: 0 0 1rem;
	font-style: italic;
	opacity: .75;
}

.widget {
	list-style: none;
}

.sidebar .widget-title {
	font-size: 1rem;
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer-navigation .menu {
	margin-left: 0;
}

:focus-visible {
	outline: 2px solid #fff89e;
	outline-offset: 2px;
}


/* Hybrid single-post language switcher (2.0.6). */
.cinesong-hybrid-language-switcher .nav-link {
	white-space: nowrap;
}

/* Sidebar pagination (2.0.9). */
.sidebar-pagination {
	margin-top: 1.5rem;
	text-align: right;
}

.sidebar-pagination.post-navigation,
.sidebar-pagination.navigation.pagination {
	display: block;
}

.sidebar-pagination.post-navigation .older,
.sidebar-pagination.post-navigation .newer {
	display: block;
	margin-bottom: 0.5rem;
}

.sidebar-pagination .navigation.pagination {
	display: block;
}

.sidebar-pagination .nav-links,
.sidebar-pagination.project-pagination {
	line-height: 1.8;
}

.sidebar-pagination .page-numbers {
	display: inline-block;
	margin-left: 0.35rem;
}

/* Archive dropdown – Cinesong theme styling (2.0.11). */
.sidebar .widget_archive select {
	width: 100%;
	max-width: 100%;
	padding: 0.55rem 2.25rem 0.55rem 0.75rem;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.3;
	color: #fff89e;
	background-color: #008cba;
	border: 1px solid #fff89e;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff89e' stroke-width='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 12px 8px;
	cursor: pointer;
}

.sidebar .widget_archive select:hover,
.sidebar .widget_archive select:focus {
	color: #fff000;
	border-color: #fff000;
	outline: none;
}

.sidebar .widget_archive select:focus-visible {
	outline: 2px solid #fff89e;
	outline-offset: 2px;
}

.sidebar .widget_archive option {
	color: #000;
	background: #fff;
}

/* Responsive sidebar / duplicate sidebar pagination (2.0.12).
   Bootstrap lg starts at 992px: below that the sidebar stacks under the
   content and the duplicate sidebar pagination is hidden. */
@media (max-width: 991.98px) {
	.sidebar-pagination {
		display: none !important;
	}
}

/* --------------------------------------------------------------
   Sidebar alignment with header/logo
   Keeps the right edge of archive title, archive select and sidebar
   pagination aligned with the logo from Bootstrap lg (992px) upward.
-------------------------------------------------------------- */
@media (min-width: 992px) {
	/* Restore the normal Bootstrap row width inside the d-flex container.
	   The utility .w-100 otherwise makes the row one gutter too narrow. */
	.container.d-flex > .row.w-100 {
		width: calc(100% + var(--bs-gutter-x, 1.5rem)) !important;
	}

	/* The global .widget padding creates an additional 10px inset on the
	   right side. Keep the other widget padding, but align the right edge. */
	.sidebar .widget {
		padding-right: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Header uses px-lg-2 in this range; match the content container so
	   sidebar and logo share the same right edge. From 1200px onward both
	   already use the equivalent of px-5. */
	.container.d-flex.px-lg-5 {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
}