/*
 Theme Name:   SPD 2020 Child
 Description:  SPD Child Theme
 Author:       Marius Schmidt
 Author URI:   https://mariusschmidt.de/polybri
 Template:     twentytwenty
 Version:      1.0
 Text Domain:  twenty-twenty-child
*/


/*
H1 SPD TheSans Versal Extra Bold
H2 SPD TheSans Versal Italic
H3 SPD TheSans Extra Bold
H4 SPD TheSans Italic
---
a SPD TheSans Versal Extra Bold
p SPD TheSans Regular
i SPD TheSans Italic
quote
b SPD TheSans Extra Bold

rot #dc2222
blau #FF5733
purpur #980267
bordeaux #B61C3E
hintergrund #faf5ee
*/

/* ------------- HEADER ------------- */

div.wp-block-image.down_zero {
	margin-bottom: -4rem !important;
}

.wahlkampf {
	position: absolute;	
	display: block;
	top: 25%;
	left: -25px;
	width: 33%;
	z-index:99;
}

.einfachesprache {
	position:absolute; 
	right: 8px; 
	top: 140px; 
	z-index:99;
	width: 90px;
}

@media (max-width: 700px) {
.einfachesprache {
	left:8px; 
	top: 120px; 
}				
.wahlkampf {
	top: 45%;
	left: -35px;
	width: 60%;
}
	}

.toggle-text,
.toggle {
	color: #E3000F !important;
	text-transform: uppercase;
}

.template-cover .toggle-text,
.template-cover .toggle {
	color: #980267 !important;
}

.toggle-wrapper:before {
	height: 4rem !important;
	width: 0.2rem !important;
	background: #E3000F !important;
	opacity: 1 !important;
}

.template-cover .toggle-wrapper:before {
	background: #980267 !important;
}

footer p.footer-copyright,
footer a.to-the-top {
	color: #E3000F !important;
	font-weight: 300;
}


/* ------------- FONTS ------------- */

	
body {
	-moz-hyphens: none;
  	hyphens: none;
}

*:hover { text-decoration: none !important; }

@font-face { font-family: SPD-TS-V-R; src: url(fonts/SPD_TheSans_V_TT5_.ttf); }
@font-face { font-family: SPD-TS-V-I; src: url(fonts/SPD_TheSans_V_TT5i.ttf); }
@font-face { font-family: SPD-TS-V-B; src: url(fonts/SPD_TheSans_V_TT8_.ttf); }
@font-face { font-family: SPD-TS-R; src: url(fonts/SPD_TheSans_TT5_.ttf); }
@font-face { font-family: SPD-TS-I; src: url(fonts/SPD_TheSans_TT5i.ttf); }
@font-face { font-family: SPD-TS-B; src: url(fonts/SPD_TheSans_TT8_.ttf); }

h5, 
h2.content-title,
body, p { color: #000; font-family: SPD-TS-R !important; }
a { color: #E3000F; font-family: SPD-TS-V-B; text-decoration: none; }
.menu-item a { font-family: SPD-TS-R; text-transform: uppercase; font-weight: 300; }

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-weight: 300; }


h2 { color: black; font-family: SPD-TS-V-I !important; font-size: 2.4rem; }
h3  { color: black; font-family: SPD-TS-V-B !important; letter-spacing: 0.05rem; }
b { color: black; font-family: SPD-TS-B !important; }
h4, h6, i { color: black; font-family: SPD-TS-I !important; }

.entry-content {
	font-family: sans-serif !important;
}
	
.entry-content h3 {
	margin-top: 3rem;
}

h1 {
	font-family: SPD-TS-V-B;
	letter-spacing: 0.1rem;
	background-image:linear-gradient(90deg,#314773,#980267);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.site-description,
.title-text h5 {
	color: #E3000F !important;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 300;
}

.home .site-description,
.home .title-text h5 {
	background-image:linear-gradient(90deg,#314773,#980267);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.title-text h5 {
	margin: -3px 0 0 10px;
}

.site-description {
	display: none;
}

@media only screen and (min-width: 1000px) {
	.header-titles {
		top: 20px;
		position: absolute;
	}

	.site-description {
		display: block;
	}

	.site-description,
	.title-text h5 {
		margin: 10px 0 0 10px;
		}

	.site-description {
		margin: 10px 0 0 10px !important;
	}
}

.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
	text-decoration: none;
	color: #00B4CC;
}


/* ------------- GENERAL ------------- */


*:focus { outline: none; }

.powered-by-wordpress { display: none; }

ul.social-menu-top {
justify-content: flex-end;
	padding: 20px 20px 0 0;
}

header.entry-header:after {
	margin-top: 80px;
	margin-bottom: 20px;
	display: block;
	position: relative;
	width: 100%;
	content: "";
	height: 6px;
	background: linear-gradient(to right,#314773,#980267);
	top: 10rem;
}

@media (max-width: 700px) {
	header.entry-header:after {
		margin-top: 0px;
	    margin-bottom: 60px;
	}
}

@media (max-width: 700px) {
	.has-footer-menu .footer-social {
	display: none !important;
	}
	.footer-menu-wrapper {
		margin-bottom: 20px;
	}
}
	
.home header.entry-header:after {
	margin-bottom: -80px;
}

.post-inner {
	padding-top: 18rem;
}

@media (min-width: 700px) {
	h1, .heading-size-1 {
	    font-size: 5.4rem;
	}
}

.home h1.entry-title {
	text-align: left;
	font-size: 6.8em !important;
	line-height: 0.8em;
	padding-top: 30px;
}

@media (max-width: 820px) {
	.home h1.entry-title {
		font-size: 72px !important;
		margin-top: 30px;
	}
}

@media (max-width: 500px) {
	.home h1.entry-title {
		font-size: 3.2em !important;
	}
}

@media only screen and (min-width: 1780px) {
	.title-text {
	    left: 17% !important;
	}
}

.cover-header-inner {
	padding: 10rem 0 18rem 0;
}

h2.underline:after {
	display: block;
	position: absolute;
	content: "";
	height: 3px;
	margin-top: 16px;
	width: 30%;
	background: linear-gradient(to right,#314773,#980267);
}

.site-logo img {
	z-index: 1 !important;
}

.title-text {
	left: 155px;
}

button.toggle span {
	margin-top: 10px;
}


/* ------------- GIVE ------------- */


.give-form-title {
	display: none;
}

 
/* ------------- CF7 ------------- */


.kontakt_block,
.wp-block-columns.kontakt_block {
	background-color: white !important;
	outline: 50px solid white !important;
	position: relative;
	top: 50px;
}


.kontakt_block p {
		color: #980267; 
}

.kontakt_block p > button {
		text-align: right;
}

.kontakt_block form {
		margin-top: 5px;
}

.entry-content .wp-block-columns.kontakt_block h1 {
	margin: 0 0 2rem;
}

label { 
	color: #980267; 
	font-family: SPD-TS-R !important;
	text-transform: uppercase;;
}

textarea,
input[type="email"],
input[type="text"] {
	background-color: #faf5ee;
	border: none;
}


button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {
	margin-bottom: 36px;
}

.page-id-624 .footer-nav-widgets-wrapper,
.page-id-610 .footer-nav-widgets-wrapper {
	margin-top: 0rem !important;
}


.home .lang_button {
 	margin: 5px 0 0 0;	
	padding-right: 5px;
}

.home .lang_button .wp-block-button__link {
	margin: 0;
}

.home .entry-content > *:first-child {
	margin-top: -160px;
}

@media (max-width: 500px) {
	.home .entry-content > *:first-child {
	margin-top: -60px;
}
}

/* ------------- NEWSLETTER ------------- */

.form__body {
	margin-bottom: 20px;
	width: 116%;
    margin-left: -7.5%;
}

@media (min-width: 768px) {
	.form__body {
		width: 116%;
	    margin-left: -7.5%;
	}
}

.form__body fieldset {
	border: 0px;
	background-color: white;
}

.kon_blo_sec {
	margin-top: 150px !important;
}

.form__body .form__column {
	font-size: 10px;
	color: #980267;
    font-family: SPD-TS-R !important;
    text-transform: uppercase;
	padding-bottom: 20px;
}

.DesignedButton__button  {
	background: #DC2222 !important;
	font-family: SPD-TS-R !important;
	text-transform: uppercase !important;
	border-radius: 0px !important;
}

.DesignedButton__button span  {
	color: white !important;
    font-family: SPD-TS-R !important;
}

.FeedHeader__username {
	font-weight: 100 !important;
    font-family: SPD-TS-R !important;
	font-size: 100% !important;
}