/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       Jens Eisemann
 Author URI:   https://www.museum-ticket.info
 Template:     generatepress
 Version:      0.1
*/

@media (max-width: 768px) 
{	
	.language
	{
		display: block !important
	}
	/* Navigation */
	.main-navigation .inside-navigation
	{
		width: 100%;
	}
	.main-nav
	{
		padding: 0px !important;
	}
	.main-nav ul ul
	{
		border-bottom: none !important;
	}
	.main-nav li
	{
		border-top: 1px solid #ebebeb;
	}
	.main-nav li:hover
	{
		background-color:#f9f9f9
	}
	.main-nav > ul > li:last-child,
	.main-nav > ul > li:last-child > ul:last-child,
	.main-nav ul > li:nth-child(3) > ul > li:last-child > a,
	.main-nav ul > li:nth-child(3) > ul > li:last-child:hover
	{
		border-radius: 0 0 20px 20px !important;
	}
	.sub-menu
	{
		border-bottom: none;
	}
	.sub-menu li a:before
	{
		content: "–  "
	}
	.sub-menu .sub-menu li a:before
	{
		content: "––  "
	}
	
	/* Header */
	.site-branding-container
	{
		padding: 90px 30px 15px 30px !important;
		z-index: 2;
	}
	
	/* Images */
	.inside-article	.featured-image
	{
		margin: 0 0 0 25px !important;
	}
	.wp-block-image.alignright, .wp-block-image .alignright
	{
		margin-left: 0px !important;
	}
	.wp-block-image .alignright
	{
		padding-bottom: 10px
	}
	
	/* Werbeflächen */
	.site-promotion
	{
		padding: 0 0 20px 0 !important;
	}	
			
	/* Image */
	.inside-article .featured-image 
	{
   		 margin: 20px 0 0 0 !important;
	}	
	.featured-image, .wp-block-image, .post-image
	{
		width: auto;
	}
	div.wp-block-image :where(figcaption) {
		margin: 0px 0 8px 0 !important;
	}
	figure.wp-block-image :where(figcaption) {
		margin: 10px 0 0 0
	}
			
	/* Kategorien */
	.filter-options {
		display: flex;
		flex-direction: column;
		align-items: flex-start; 
	}
	#button-reset {
		align-self: flex-end;
	}
	#category-filter-locations, #category-filter-topics
	{
		width: 100%;
	}
	
	/* Sidebar */
	.inside-right-sidebar {
		margin: 0px !important;
		padding: 0px !important;
	}
	.sidebar .widget {
		padding: 0 20px 20px 20px !important
	}
	
	/* CSS-Optimierung:
	* CSS ersetzt einbundenes CSS
	* "/wp-includes/css/dist/block-library/style.min.css" */
	.wp-block-columns {
        flex-wrap: wrap !important;
    }
			
	.has-menu-bar-items button.menu-toggle {
		flex-grow: 1 !important;
	}
}

@media (min-width: 769px) 
{
	/* Navigation */
	.inside-navigation{
		min-width: 580px
	}
	.sub-menu, .sub-menu > li:last-child, .sub-menu li:last-child:hover
	{
		border-bottom: 1px solid #aa6306;
	}
	.sub-menu li
	{
		border-top: 1px solid #ebebeb;
	}
	.sub-menu .sub-menu
	{
		top: -1px !important
	}
	.main-nav .sub-menu
	{
		box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 10%) !important;
	}	
	
	/* Images */
	.featured-image, .wp-block-image.alignright, .wp-block-image .alignright
	{
		width: 300px;
		margin-left: 25px;
		float: right;
		margin-top: 2px;
		margin-bottom : 0px;
	}
	
	/*.inside-article*/
	.featured-image
	{
		margin: 20px 0 0 25px !important;
	}
		
	/* Kategorien */
	.post-image
	{
		float: left;
		width: 35%;
		margin-right: 25px !important
	}
	
	/* Sidebar */
	.sidebar .widget {
		padding: 25px
	}	
	
	.inside-right-sidebar .widget {
		border-radius: 20px 20px 20px 20px;
		box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 10%);
		background-color: #fff;
	}	
	
	.inside-right-sidebar .widget_block {
		margin-bottom: 40px !important;
	}
}

body 
{
	background-image: linear-gradient(180deg, var(--base) 0px, var(--base) 400px, var(--base-3) 1000px);
}

/* Header */
.site-header{
	margin-bottom: 30px
}
.inside-header {
  	position: relative;
	min-height:205px;	
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 30%) !important;
	border-radius: 0 0 20px 20px;
}
.site-branding-container{
	padding: 55px 30px 20px 30px;
	z-index: 2;
}
.site-background{
	z-index:1;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ad1429;
	background-image: url(/wp-content/uploads/header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-radius: 0 0 20px 20px;
	overflow: hidden
}
.main-title{
	text-align: center;
	text-shadow: 0px 2px 2px #402808;
}
.page-title {
	margin-bottom: 0 !important
}
.entry-content, .taxonomy-description {
	margin-top: 20px !important
}

/* Werbeflächen */
.site-promotion
{
	width: 100%;
	text-align:right;
	padding: 65px 30px 20px 10px;
	border-color: #fcb830 !important;
	z-index: 3	
}
.site-promotion a
{
	color: #fcb830;
}

/* Navigation */
.main-navigation
{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center
}
.main-navigation .inside-navigation
{
	border-bottom: solid 1px #d4d4d4;
	border-radius: 0 0 20px 20px;
	box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 12%) !important;
	background-color: #fff;
	display: inline-flex !important
}
.main-nav .sub-menu
{
	min-width: 180px;
	display: table;
	height: auto;
}	
.main-nav
{
	padding: 0 10px 0 10px;
}
.sub-menu li:hover
{
	background-color:#f9f9f9;
}
.sub-menu .menu-item a
{
	font-size: 13px !important;
}
.menu-item-has-children ul .dropdown-menu-toggle {
	padding-bottom: 0px !important;
}
.sticky-enabled .main-navigation.is_stuck
{
	box-shadow: none !important
}
.lang-item {
	float: left;
	padding: 5px
}

/* Content */
.site-main p, .entry-summary
{
	text-align: justify;
	margin-bottom: 1.5em;
}

/* Sidebar*/
.sidebar li:first-child 
{
	border-top: none !important;
	padding-top: 0px !important
}
.sidebar li
{
	padding: 6px 0 0 11px;
	text-indent: -15px;
	border-top: dotted 1px #e4e9f0
}

/* Headline */ 
.sidebar-header, .footer-header {
    display: block;
	margin-bottom: 2px;
    border-bottom: 1px dotted #e4e9f0;
}
.sidebar-title, .footer-title
{
	margin: 0 0 -1px 0 !important;
    display: inline-block;
}
.sidebar-header
{
	margin-bottom: 20px	!important;
}
.sidebar-title
{
    font-family: Times New Roman;
    font-weight: normal;
    font-size: 23px;
	border-bottom: 2px solid #aa6306;
}
.footer-title {
	border-bottom: 2px solid #fcb830;
	padding-bottom: 5px;
}

/* Footer */
.footer-widgets
{
	border-radius: 20px 20px  0 0 ;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	background: #272626;
	box-shadow: 0px -3px 5px 1px rgb(0 0 0 / 30%) !important;
}
.site-info{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 30%) !important;
}

.footer-widgets .footer-header, .footer-widgets .widget  {
	margin-bottom: 10px
}

.footer-title{
    font-family: Times New Roman;
    font-weight: normal;
    font-size: 21px;
}
.site-footer{
	padding-top: 15px
}
.site-footer p 
{
	text-align: justify;
	padding-top: 6px
}
.site-info {
    text-align: left !important;
}

.site-footer li:first-child {
    border-top: none !important;
}
.site-footer li{
	padding: 6px 0 0 11px;
	border-top: 1px solid #353535;
	text-indent: -15px
}

/* Images  */
.featured-image img, .wp-block-image img
{
	border-radius: 10px;
    border: 1px solid #fff;
	background-color: #fff;
	box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 20%); 
}
.featured-image .wp-element-caption {
	margin: 10px 0 0 0 !important;
    display: block;
	text-align: center;
}

/* Links */
.site-main p a::before,
.site-footer a::before,
.sidebar a::before,
.lwptoc_items a::before,
.ib_contact a::before
{
	font-family: "fontello";
    font-size: 17px;
    content: '\e801';
	/*margin: 0 4px 0 4px*/
	margin-right: 4px
}

/* Listen */
.site-main ul 
{
	margin-left: 20px !important
}
.site-main li 
{
	padding-bottom: 7px
}

/* Kategorien */
.postlist
{
	padding-bottom: 20px
}
.page-header
{
	padding-bottom: 5px !important;
	margin-bottom: 10px !important
}
.post-image
{
	margin-top: 15px !important
}
.post-image img
{
	border-radius: 10px;
    border: 1px solid #fff;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 20%);
	width: auto
}
.entry-header 
{
    display: flex;
    align-items: center;
}
.entry-title 
{
    margin-right: 15px; 
}
.top-museum 
{
	display: flex;
	font-size: 13px;
	color: #fff;
	padding:4px 8px;
	border-radius: 10px;
	border-radius: 10px;
	background-color: #fc8f30;
	white-space: nowrap
}
.top-museum:before {
	display: flex;
	content: "\E806";
	font-size: 18px;
	width: 12px;
	padding-top: 1px
}
.entry-summary
{
	padding: 15px 0 10px 0;
	display: table-cell;
}
.entry-meta
{	
	display: table-row;
	font-size: 14px !important
}
.taxonomy-description p:last-child {
    margin-bottom: 1.5em;
}
.list-button, .content-button, .post-buttons
{
	text-align: right
}
.list-button .button
{
    margin: 10px 0 0 10px;
}
.content-button .button
{
    margin: 0 0 20px 10px;
}

article
{
	margin-bottom: 20px !important
}
.inside-article
{
	padding-bottom: 5px !important
}

/* Kategorien - Filter */
.filter-container
{
	padding: 15px 20px 20px 20px
}
.filter-label
{
    font-size: 13px;
    font-weight: bold;
	margin: -15px 0 0 15px;
	padding: 5px 7px 5px 7px;
	border-radius: 10px 10px 10px 10px;
	background-color:#fff;
	border:1px solid #d9d9d9;
	position:absolute
}
.filter-options
{
	padding: 25px 15px 5px 15px;
	font-size: 14px;
	box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 10%);
	background-color:#ededed;
	border:1px solid #d9d9d9;
	border-radius: 10px;
}
.filter-container select
{
    font-size: 14px;
	margin-bottom: 13px;
	margin-right: 5px;
	border:1px solid #d9d9d9;
	padding: 8px 10px;
}
.filter-container button
{
	margin-bottom: 13px;
}
#category-filter-locations
{
	min-width: 170px;
}
#category-filter-topics
{
	min-width: 250px;
}

/* Buttons*/
.icon-reset:before {
	content: "\F0B0";
}
.icon-info:before {
	content: "\F085";
}
.icon-link:before {
	content: "\F14C" !important;
}
.list-button .button, 
.content-button .button,
.post-buttons .button,
.filter-container button {
	padding: 6px 8px !important;
    font-size: 14px;
}
.button {
	display: inline-block !important;
	background-color: #aa6306 !important
}
.button:hover{
	background-color: #563309 !important
}
.promotion-button 
{
	font-size: 14px;
}
.promotion-button a:before {
	font-family: fontello;
	content: "\F14C";
	margin-right: 4px;
}
.promotion-button a {
	border-radius: 0px !important;
	padding: 6px 8px !important;
	margin-bottom: 20px
}

/* Infobox - Kontakt */
.ib_contact{
	padding-bottom: 0px !important;
	display: flex;
	align-items: flex-start;
}
.ib_contact div {
	padding-right: 0px !important;	
	width: 100%
}
.ib_contact p {
	text-align: left !important;
	margin-bottom: 0px !important
}
.ib_contact div p:first-child strong {
	border-bottom: 2px solid #aa6306;
	display: inline-block;
	padding-bottom: 4px;
}
.ib_contact div p:first-child {
	border-bottom: 1px dotted #e4e9f0;
	margin-bottom: 15px !important;
}
.ib_contact ul {
	margin: 0px;
}

/* Infobox - Entfernung */
.ib_distance {
	padding-bottom: 25px
}
.ib_distance p {
	margin-bottom: 5px !important
}
.ib_distance p::before
{
	font-family: "fontello";
    font-size: 17px;
    content: '\f031';
    padding-right:6px;
}

/* Allgemein */
.language{
	padding-right: 20px
}
.hinweis, .wp-element-caption, .wp-caption-list{
	font-size: 14px !important;
	color: #8e8c8c;
	line-height: 1.3
}
.wp-element-caption, .wp-caption-list{
	text-align: center;
	margin: 3px 0 0 0
}
.inside-right-sidebar .widget ul{
	color:#8f5305
}
.rank-math-breadcrumb p{
	margin: 0 20px 0 20px !important;
}
.padding-bottom-30px{
	padding-bottom: 30px;
}
.map{
	border-radius: 10px;
    border: 1px solid #fff;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 20%);
	margin-bottom: 30px
}

/* Inhaltsverzeichnis */
.lwptoc{
	margin: 22px 0 !important	
}
.lwptoc .lwptoc_i{
	box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 10%);
	background-color:#ededed;
	padding: 15px;
	border:1px solid #d9d9d9;
	border-radius: 10px
}
.lwptoc_header {
    margin-bottom: 0px !important;
}
.lwptoc_items {
	margin-top: 6px
}
.lwptoc_items a {
  padding-left: 14px; 
  text-indent: -18px; 
  display: inline-block; 
}

/* Search page */
.search-form {
	padding-bottom: 25px;
}
.search-form label {
    display: inline-block ;
}
.search-field,
.search-submit {
    font-size: 14px !important;
    padding: 6px 10px !important;
}
.search-field {
	border: 1px solid #ddd !important;
	background-color: #fff !important
}
.search-submit {
    display: inline;
    color: #fff;
    margin-left: -5px ;
}

/* Paging */
.gb-query-loop-pagination, 
.paging-navigation {
	padding-top: 10px;
	font-size: 14px !important;
	justify-content: center !important;
}

.gb-query-loop-pagination a, 
.paging-navigation .page-numbers {
	border: 1px solid #ddd !important;
	margin-left: -1px;
}

.gb-query-loop-item {
	padding-bottom: 28px !important;
}

.gb-block-is-current {
	border: 1px solid #aa6306 !important;
}

.paging-navigation {
	display: flex;
	padding-bottom: 10px !important
}

.paging-navigation .page-numbers {
	margin-left: -5px;
	padding: 8px 14px;
	background-color: #fbfbfb;
}

.paging-navigation a:hover {
	background-color: #563309;
	color: #fff
}

.paging-navigation .current {
	background-color: #aa6306;
	color: #fff;
	font-weight: normal !important;
}

/* Cookie-Banner */
.cookie-banner {
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 13px;
	color: #fff
}
.cookie-container {
	height: 100%;
	max-width: 1198px;
	position: relative;
    border-radius: 20px 20px 0 0;
    background-color: #272626;
    margin: 0 auto;
    padding: 10px;
    border-top: 1px solid #fff;
	text-align: center;
	box-sizing: border-box;
}
.cookie-content a::before {
	font-family: "fontello";
    font-size: 13px;
    content: '\e801';
    padding:4px;
}
.cookie-content a, #cookie-close {
	color: #e6e6e6 !important
}
.cookie-content a:hover, #cookie-close:hover {
	color: #fff !important
}
.cookie-content, .cookie-buttons, .cookie-banner-action {
	display: inline-block;
}
.cookie-content {
	padding: 8px 20px 10px 10px
}
.cookie-buttons {
	padding: 8px 20px 10px 0
}
#cookie-accept, #cookie-refuse {
	margin-right: 6px;
	letter-spacing: .25px;
	padding: 8.5px 10px;
	color: #fff;
	border-radius: 3px
}
#cookie-accept {
	background-color: #fc8f30;
}
#cookie-refuse {
	background-color: #707070;
}
#cookie-accept:hover {
	background-color: #f07a14;
}
#cookie-refuse:hover {
	background-color: #5f5f5f;
}
.cookie-banner-action {
    position: absolute;
    top: 19px;
    right: 19px;
    font-weight: bold
}

/* CSS-Optimierung:
* CSS ersetzt einbundenes CSS
* "/wp-includes/css/dist/block-library/style.min.css" */
.wp-block-columns {
	padding-bottom: 25px;
	flex-wrap: nowrap;
	align-items: baseline; !important
}
.wp-block-column {
    flex-grow: 1;
    min-width: 0;
	width: 100%
}

/* Search */
.search-modal-form .search-field, .search-modal-form .search-field:focus {
	height: 50px !important
}
.search-modal-form {
	width: 400px;
	border: 1px solid #aa6306; 
}
.search-modal-fields button {
	color: #fff;
	background-color: #aa6306;
}
.search-modal-fields button:hover {
	color: #fff;
	background-color: #563309;
}