/*
Theme Name: SPD Wahl25
Description: Child theme for Uncode theme
Author: Grabosch Creations
Author URI: https://maikgrabosch.de
Template: uncode 
Version: 1.0.0
Text Domain: uncode
*/

/*Menu*/

.current_page_item a {
	text-decoration: underline 2px;
}



/*General*/

body {
  word-wrap: break-word;
  overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

h1, h2, h4 {
    text-transform: uppercase;
}

strong, b {
	font-weight: 700;
}

.cta-padding .uncell.single-block-padding {
	padding-top: 72px;
	padding-bottom: 72px;
}

footer .footer-last.footer-center .social-icon i, .uncode-vc-social.icons-lead .social-icon i {
	font-size: 45px;
}

ul.icons li .fa {
	font-size: 1.25em;
	line-height: 1.5em;
	margin-left: -1.1em;
	padding-right: 30px;
}

li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	font-weight: 700;
}

.2uncode_text_column {
	column-count: 2;
	gap: 36px;
}


/*Headlines*/

.tmb .t-entry p.t-entry-meta span, .tmb .t-entry p.t-entry-comments, .tmb .t-entry p.t-entry-author span.tmb-username-wrap {
	font-size: 18px;
	text-transform: uppercase !important;
}

body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn) {
	color: black !important;
}

/*Header-Block*/

.header-block .vc_custom_heading_wrap, .header-cta .btn-container {
	margin-top: 0 !important;
}

.header-block h1 {
	background: white;
	color: black;
	padding: 36px;
}

.header-block {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.header-block h1::before {
	background: url('https://rtg25.de/wp-content/uploads/2025/07/spd-ratingen-buergermeisterwahl-2025-icon-arrow-right.svg') no-repeat;
	content: '';
	width: 300px;
	height: 250px;
	position: absolute;
	left: -334px;
	transform: translateY(-23%);
	background-size: contain;
}

.header-cta .btn-container::after {
	content: '';
	background: url('https://rtg25.de/wp-content/uploads/2025/07/spd-ratingen-buergermeisterwahl-2025-icon-cta-bagger-3.svg') no-repeat;
	width: 207px;
	height: 137px;
	position: absolute;
	left: 250px;
	transform: translateY(-50%);
    background-size: contain;
}

/*Button-Style*/

.style-dark .btn-default, .style-light .style-dark .btn-default, .tmb-dark .t-entry-text .btn-default, .style-light .tmb-dark .t-entry-text .btn-default, .tmb-light .t-overlay-inner .btn-default {
	color: #303133 !important;
	background-color: #FFCE00 !important;
	border-color: #FFCE00 !important;
}

.programm-button .wpb_column.pos-top.pos-center.align_left.column_child.col-lg-12.single-internal-gutter:has(a:hover) {
	background: #FFCE00;
}

.programm-button .wpb_column.pos-top.pos-center.align_left.column_child.col-lg-12.single-internal-gutter {
	border: 2px solid black;
	padding: 30px 36px;
}

.programm-container .uncont .programm-button:nth-child(n+3) {
	margin-top: 25px !important;
}

.style-light .btn-default, .style-dark .style-light .btn-default, .tmb-light .t-entry-text .btn-default, .style-dark .tmb-light .t-entry-text .btn-default, .tmb-dark .t-overlay-inner .btn-default {
	background-color: #FFCE00 !important;
	border-color: #FFCE00 !important;
	color: black !important;
}

/*Portfolio*/

.t-entry-text-tc {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.t-entry-text {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	min-height: 300px;
}

.t-entry {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.t-entry-readmore.btn-container {
	margin-top: auto !important;
}

/*Contact*/

.contact-container .wpcf7 {
	padding-top: 28px;
}

.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
	border-color: black;
    width: 100%;
}


.wpcf7 .wpcf7-validation-errors, .wpcf7 span.wpcf7-not-valid-tip {
    color: #E30613 !important;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-accent.cursor-init:hover {
	color: #FFCE00 !important;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-accent.cursor-init {
	color: black !important;
}

.wpcf7-acceptance .wpcf7-list-item-label {
	font-size: 16px;
}


input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
	line-height: 1.5em;
	font-size: 16px;
}

input[type="checkbox"], input[type="radio"] {
	font-size: 2em;
	-webkit-appearance: none;
	width: 26px;
	height: 26px;
	border-color: black;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #12b444 !important;
	font-weight: 600;
}

/*KAndidaten*/

.kandidaten-container .t-entry-meta span {
	display: flex !important;
	flex-direction: column;
}

.kandidaten-container .t-entry-meta a {
	text-transform: lowercase;
	margin-bottom: 20px;
}

.kandidaten-container .btn {
	margin-bottom: 0 !important;
	margin-top: 36px;
}

/*local fonts*/

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/opensans/open-sans-v43-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/opensans/open-sans-v43-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/opensans/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/opensans/open-sans-v43-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/opensans/open-sans-v43-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/opensans/open-sans-v43-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/opensans/open-sans-v43-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/opensans/open-sans-v43-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/opensans/open-sans-v43-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/opensans/open-sans-v43-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/opensans/open-sans-v43-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/opensans/open-sans-v43-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Media Queries*/

@media (min-width: 960px) {
	.menu-smart > li > a {
	padding-right: 0 !important;
		padding-left: 10px !important;
}
}

@media (max-width: 1500px) {
	.header-block h1::before{
		display: none;
	}
}

@media (max-width: 960px) {
	.container-header-start .background-inner.srcset-bg {
	background-size: auto 70% !important;
}	
	.container-header-start .header-block.row-internal.row-container {
	padding-top: 72px;
	padding-bottom: 72px;
}
	.cta-padding .background-inner.srcset-bg {
	background-size: auto 52% !important;
}
}

@media (max-width: 600px) {
	.main-wrapper .row-background .background-wrapper .background-inner {
	background-size: auto 70% !important;
}
	.header-block h1 {
	background: rgba(255,255,255,0.9);
	color: black;
	padding: 26px;
}
		h1 span:first-of-type::after {
  content: " ";
}
	h1 span {
	display: inline !important;
}
}

@media (max-width: 550px) {
	.t-entry-text-tc.single-block-padding {
	padding: 20px;
}
}

@media (max-width: 450px) {
	.cta-padding .background-inner.srcset-bg {
	background-size: auto 35% !important;
}

}

@media (max-width: 991px) {
  h1 { font-size: 34px; }
  h2 { font-size: 28px; }
  h3 { font-size: 24px; }
  h4 { font-size: 20px; }
  h5 { font-size: 16px; }
  h6 { font-size: 14px; }
  body { font-size: 16px; }
}

@media (max-width: 767px) {
  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }
  h5 { font-size: 16px; }
  h6 { font-size: 14px; }
  body { font-size: 15px; }
}

@media (max-width: 575px) {
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }
  h5 { font-size: 14px; }
  h6 { font-size: 13px; }
  body { font-size: 14px; }
}