/**
 * Theme Name: Freude Am Heute Theme
 * Description: Blocksy Child theme
 * Author: PHARE MEDIA
 * Template: blocksy
 * Text Domain: blocksy
 */
 
 :root {
  color-scheme: light dark;
}

.dark-light:before {width:40px; height:40px; display:block;margin-top:8px;content:url(/wp-content/uploads/2025/04/ic24-brightness-medium-2.png);}

@media (prefers-color-scheme: dark) {
	html[data-theme="dark"] {
		--color-bg: #011A2C;
		--color-fg: #fff;
		}
		
	#header.ct-header [data-row*="middle"] {background-color: transparent !important;}	
	

	}

 
 html[data-theme="light"] {
   --color-bg: #fff;
   --color-fg: #000000;
}

html[data-theme="dark"] {
   --color-bg: #011A2C;
   --color-fg: #fff;
}




html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6, html[data-theme="dark"] p, html[data-theme="dark"] li html[data-theme="dark"] a {color:#fff !important;}


html[data-theme="dark"] body {
	background-color:#011A2C;
	}



html[data-theme="dark"] #about,
html[data-theme="dark"] .about,	
html[data-theme="dark"] .page-id-3162 .ugb-feature-grid__item,
html[data-theme="dark"] #form-container  {
	background-color:#02B5E226 !important;
}	
	

html[data-theme="dark"] .ct-icon, html[data-theme="dark"] .e-fas-search, html[data-theme="dark"] .ct-icon-container svg {fill:#ffffff;}
html[data-theme="dark"] .elementor-widget-container,
html[data-theme="dark"] .cat-item a,
html[data-theme="dark"] .elementor-icon-list-item a,
html[data-theme="dark"] #search-1d7f754::placeholder,
html[data-theme="dark"] #search-11f9d78::placeholder,
html[data-theme="dark"] p a,
html[data-theme="dark"] #footer a,
html[data-theme="dark"] h6 a,
html[data-theme="dark"] .entry-meta,
html[data-theme="dark"] .entry-meta a,
html[data-theme="dark"] #wp-calendar a,
html[data-theme="dark"] .wp-block-calendar table:where(:not(.has-text-color)),
html[data-theme="dark"] .dropdown-thema:hover .dropdown-content li:hover a, 
html[data-theme="dark"] .dropdown-datum:hover .dropdown-content td:hover a {
	color:#fff !important;
}

html[data-theme="dark"] #footer,
html[data-theme="dark"] .elementor-social-icon {background-color:#4E505B !important;}

html[data-theme="dark"] #viewed {background-color:#132C3D !important;}



html[data-theme="dark"] .dropdown-thema:hover .dropdown-content,
html[data-theme="dark"] .cat-item a,
html[data-theme="dark"] .elementor-icon-list-item a,
html[data-theme="dark"] #wp-calendar {
	background-color: #4E505B !important;
}

body {position:relative;}

body:not(.home),  #main-container {
 /* background-color: var(--color-bg) !important; */
 background-color: var(--color-bg) !important;
  color: var(--color-fg) !important;
  display: grid;
  min-height: 100vh;
  place-items: center;
}

div[data-device="mobile"] .site-branding img {
	max-width:100%;
}


.page-template-default #main-container {
	min-height:0;
}

button {
  font-size: 2rem;
  font-weight: bold;
  
  transition: all var(--global-transition-time) ease-in-out;
  border-radius: 2rem;
  cursor: pointer;
  color: var(--color-fg);
  background-color: transparent;
  border: 0.25rem solid var(--color-fg);
}

p a {font-weight:700 !important; text-decoration:underline !important;color:#4E505B !important;}
p a:hover {text-decoration:none !important;}


div[data-elementor-type="footer"] {
	width:100%;
}

.single-post div[data-elementor-type="footer"] {
	width:100vw;
}

#footer p a {font-weight:400 !important; text-decoration:none !important;color:#4E505B !important;}
#footer p a:hover {text-decoration:underline !important;}

.code-block-1 {
	display:none;
}

/*

.elementor-loop-container > div {
	background-color: #02B5E226;
	border-radius: 30px;
	--padding-top: 20px;
	--padding-bottom: 55px;
	--padding-left: 20px;
	--padding-right: 20px;
}

*/
	
.ct-trending-block {
	position: absolute;
	bottom: 150px;
	z-index: 9;
	padding: 30px;
	border-radius: 30px;
	box-sizing: border-box;
	width: 1320px;
	max-width: 95%;
}

/* ### startseite ### */
#header-post img {
	height:500px;
	max-width:95%;
}


#header-post h4.elementor-heading-title {
	font-family:'Open Sans';
	font-size:38px;
	line-height:52px;
}

#header-post .elementor-widget-theme-post-excerpt,
#header-post .elementor-widget-theme-post-excerpt a{
	font-size:18px;
	line-height:24px;
}

/* ### single post ### */
#main-container {
	max-width:100vw;
}
#main {
	max-width:100%;
}


.single-post .ct-featured-image {
	display:none;
}

.single-post input {
	background-color:#fff !important;
	color:#353535;
}

.container.single-post-header {
	width:1320px;
	max-width:100%;
	padding: 0 30px ;
	background-color:#02B5E226;
	border-radius:30px;
}

.container.single-post-header img {
	border-radius:15px;
	aspect-ratio: 2 / 1;
	height: auto;
	max-height:541px;
	object-fit: cover;
	margin-top:20px;
}

.container.single-post-header .date-button {
	text-align:center;
}

.container.single-post-header h4 {
	margin-top:10px;
	font-family: "Open Sans", Sans-serif;
	font-size: 38px;
	font-weight: 700;
	text-align:center;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 52px;
	letter-spacing: 0em;
	word-spacing: 0em;
	color: #353535;
}

.container.single-post-header .date-button  .elementor-heading-title {
	display:inline-block;
	background-color: #02B5E2;
	margin: 0px 0px 0px 0px;
	padding: 10px 38px 10px 38px;
	border-radius: 12px 12px 12px 12px;
}

.date-button li {
	padding:10px 38px !important;
	background-color:#02B5E2;
	color:#fff;
	border-radius:12px;
	color: #FFF;
	text-align: center;
	font-family: "Open Sans";
	font-size: 22px !important;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 90.909% */
	letter-spacing: 0.44px;
	text-transform: uppercase;
}

.container.single-post-header .date-button div div {
	font-family: "Open Sans", Sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	line-height: 20px;
	letter-spacing: 0.44px;
	word-spacing: 0em;
	-webkit-text-stroke-color: #000;
	stroke: #000;
color: #FFFFFF;
}

.container.single-post-header .custom-title {}
.container.single-post-header .subtitle {
	margin-top:20px;
	text-align: center;
	color: #353535;
	font-family: "Open Sans", Sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 24px;
	letter-spacing: -0.01em;
	word-spacing: 0em;
	
}



.container.single-post-header .category-button li a,
.single-post .category-button li a {
	
	background-color: #4E505B33;
	color:#353535;
	padding: 4px 18px 4px 18px;
	border-radius: 10px 10px 10px 10px;
	float:left;
	display:inline-block;
	margin:5px;
}

.container.single-post-header .category-button li a:first-of-type {
	display:none;
}

.container.single-post-header .category-button p {
	text-align:center;
}

#wp-calendar {
	background-color:#fff;
}

#wp-calendar a {
	color:#353535 !important;
	font-weight:700 !important;
}

#today {
	display:inline-block;
	border-radius:20px;
	background-color:#02B5E2;
}


.dropdown-content {
	display:none;
}
.dropdown-thema:hover .dropdown-content,
.dropdown-datum:hover .dropdown-content  {
	position: absolute;
	top: 70px;
	display:block;
	padding:10px;
	border-radius:15px;
	background-color: #fff !important;
	z-index: 99;
}

.dropdown-thema:hover .dropdown-content a,
.dropdown-datum:hover .dropdown-content a {
	color:#4E505B;
	text-decoration:none;
}

.dropdown-thema:hover .dropdown-content li:hover a,
.dropdown-datum:hover .dropdown-content td:hover a {
	color:#4E505B33 !important;
}

.dropdown-thema .fa-chevron-down:before,
.dropdown-datum .fa-chevron-down:before {
	content:"";
} 

.dropdown-thema .fa-chevron-down:after,
.dropdown-datum .fa-chevron-down:after {
	position:absolute;
	top:15px;
	right:0;
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	display:inline-block;
	width:30px;
	height:30px;
	}
	
.dropdown-thema li {
	min-width:240px;
	padding:5px 0;
}	

#search-1d7f754::placeholder {color:#4E505B;}

#search-1d7f754 {padding:12px 0 12px 30px;}

header [data-device="desktop"] {width:1320px;}

 a.wp-block-button__link.active {
    color: #fff!important;
       font-weight: 500;
       background-image: linear-gradient(rgba(27,161,251,1),rgba(27,161,251,1));
       border-radius: 10px 10px 10px 10px!important;
}



#b365 {
   background-color: var(--theme-palette-color-5);
   padding: 0;
   margin-top: 20px;
   color: white;
   border-radius: 20px;
}   
   
#b365 span {
   display: inline-block;
   font: normal bold 14pt sans-serif;
   padding: 0 15px;
   display: inline-block;
   background: #01b2e5;
   line-height: 30px;
   margin-right: 10px;
   border-radius: 20px;
}

.restriction-message {
	padding:20px;
	border:5px solid #A66CC5;
	font-weight:bold;
}

/* ### Häufig angesehen ### */

.ct-trending-block h3 > svg,
.ct-trending-block h3 .ct-slider-arrows {
	display:none;
}

.home #viewed,
.page-id-13591 #viewed,
page-id-13975 #viewed,
.single-post #viewed {
	display:grid;
}


#viewed {
	display:none;
	width:1320px;
	max-width:100%;
	margin: 0 auto;
	z-index:9;
	}
	
	
.archive .e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget	{
	max-width:100vw;
}

@media (min-width: 1000px) {
.ct-trending-block>div {
--grid-template-columns: repeat(3, 1fr) !important;
}
	.dark-light {
	position: absolute;
	right: calc(50% - 640px);
	top: 35px;
	z-index:99;
}
#header div[data-column="end"] {
	margin-right:40px;
}
}


@media (max-width:1340px) {
	#viewed {margin-bottom:40px;}
	#viewed .elementor-widget-container h4 {
		text-align:left;
	}
	#viewed .elementor-element {
		width:100%;
	}
	
	.page-id-13591, .page-id-13591 #main-container {display:block !important;}	
	.page-id-13591 .ct-container {margin-left:60px;}
		}


@media (max-width:1320px) {
.home div[data-elementor-type="wp-page"] > div > .e-con-inner {
	max-width: calc(100% - 40px);
	}
	
#viewed {
	max-width: calc(100% - 130px);
	}

div[data-elementor-type="footer"] {margin-left:0 !important;}
	
	.elementor-grid-tablet-2 .elementor-grid {
grid-template-columns: repeat(2,1fr) !important;
}

	#start-top-beitrag .elementor-grid-tablet-2 .elementor-grid  {
grid-template-columns: repeat(1,1fr) !important;
}

#footer > div > .e-con-inner {
	margin-left:0 !important;
}

.single-post #main {
	max-width:calc(100% - 60px);
	margin:0 auto;
}
	.dark-light {
	position: absolute;
	right: 60px;
	top: 35px;
	z-index:99;
}

.page-id-7599 .stk-block.stk-block-column.stk-column > .stk-column-wrapper {
		padding-left:0 !important;
		
	}
}

@media (max-width: 999px) {
	.dark-light {
	position: absolute;
	top: 13px;
	right: 130px;
} 
}

@media (max-width:768px) {


	
h1 {font-size:2.2em !important;}	
h2 {font-size:2em !important;}
h3, h4 {font-size:1.7em !important;}
	
	
.home div[data-elementor-type="wp-page"] > div > .e-con-inner,
#viewed {
	max-width: calc(100% - 90px);
	margin-left:45px !important;
	margin-right:45px !important;
	}
#viewed .e-con-inner {
	display:block;
}	

div[data-id="5b5c8f3"],
.single-post div[data-id="f309ddf"] .e-con-inner {
	display:block;
}


.single-post div[data-id="f309ddf"] .e-con-inner > div {
		margin-bottom:20px;
	}
	
.single-post div[data-id="6eb0242"] {
	margin-top:0;
}
	
	
#cmplz-cookiebanner-container {
	max-width:100% !important;
}

#viewed .elementor-widget-container h4 {
		text-align:center;
	}
	
#viewed .elementor-loop-container .e-loop-item a {
	padding:40px;
	margin-top:20px;
}
#viewed .e-con-inner > .elementor-element {
	margin-bottom_:20px;
}
	.elementor-grid-tablet-2 .elementor-grid {
grid-template-columns: repeat(1,1fr) !important;
}
div[data-elementor-type="footer"] {margin-left:0 !important;}
#footer > div > .e-con-inner {
	margin-left:0 !important;
}

.e-search-input-wrapper {margin:0 10px;}

/*
.single-post #main-container,
.home #main-container,
.single-post-header {
	margin: 0 30px;
}
*/

	.page-id-7599 .stk-block.stk-block-column.stk-column > .stk-column-wrapper {
		padding-left:0 !important;
		
	}

.dropdown-content {
	max-width:100vw !important;
}

.single-post #main {
	max-width:calc(100% - 30px);
	margin:0 auto;
}

.container.single-post-header,
.elementor.elementor-13771 {
	max-width:100%;
	margin:0 auto;
}

}

@media (max-width:450px) {
	
	
	body.single-post:not(.rtl) .elementor-13771 .elementor-element.elementor-element-f22a327 {
		display:none;
	}	
	.site-branding {max-width:200px;}
	div[data-column="end"] {
		margin-right:-20px;
	}
	
	
	.home div[data-elementor-type="wp-page"] > div > .e-con-inner,
	 #viewed {
	max-width: calc(100% - 20px);
	margin-left:15px !important;
	margin-right:10px !important;
	}

	 #viewed {
	max-width: calc(100% - 20px);
	margin-left:10px !important;
	margin-right:10px !important;
	}
	
	#viewed .elementor-loop-container .e-loop-item a {
	padding:10px;
	margin-top:10px;
}
	
	#beitragsslider {
		margin-left:10px;
		max-width:calc(100% - 10px);
		}
	
		div[data-id="1f14250"] > .e-con-inner {
	max-width: calc(100% - 20px);
	margin-left:25px !important;
	margin-right:10px !important;
	}
	
	h1, h2, h3, h4, 
	.page-id-7599 h3.stk-block-heading__text {
		font-size:24px !important;
		}
	strong {font-size:17px !important;}	
	.page-id-7599 .stk-block.stk-block-column.stk-column > .stk-column-wrapper,
	.page-id-7599 .wp-block-columns,
	.page-id-7599 .wp-block-group {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	div[data-id="64ce46e"],
	div[data-id="9568841"],
	div[data-id="731a270"],
	div[data-id="4c80940"]
	 {
		margin-left:0;
		margin-right:0;
	}
	
	div[data-id="4c80940"] img {
		margin-left:-40px;
	}
	div[data-id="e98273e"] img {
		max-width:95%;
	}
	
	.page-id-13975 .ct-container-full {
		padding-bottom:0;
		margin-bottom:-10px;
	}
	
	.dark-light {right:90px;} 
	.home .dark-light {right:90px;}

	.dropdown-content {
		max-width:300px !important;
	}
}	
	
	
	
@media (max-width:400px) {
	.site-branding {max-width:150px;}
	div[data-column="end"] {
		margin-right:-20px;
	}
	 .dark-light {right:90px;} 
	.home .dark-light {right:90px;}
}
	
	


@media (max-width:350px) {
	.site-branding {max-width:150px;}
	div[data-column="end"] {
		margin-right:-20px;
	}
	 .dark-light {right:70px;} 
	.home .dark-light {right:70px;}
}