/*
Theme Name:   Wirecard
Description:  Write here a brief description about your child-theme
Author:       Editor
Author URL:   http://wiredev.schleife.biz
Template:     twentytwenty
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Wirecard
*/

/* Write here your own personal stylesheet */
*, ::before, ::after {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    word-break: normal;
    word-wrap: normal;
}

/* BEGIN: Styles for header */
html, body, body div p {
	font-size: 62.5%;
	color: #425563;
}

.home #site-header {
	background: transparent;
}

.entry-header {
	position: relative;
	background: transparent!important;
}

.header-skewed-home {
	position: absolute;
	top: -120px;
}

.home .container-shape {
	display: none;
}

#site-header {
	background: transparent;
	margin: 0 10%;
}

.container-shape {
	position: absolute;
	z-index: -1;
	top: 100px;
	left: 100px;
}

.site-logo img {
	width: 140px;
}

.home .custom-logo-link {
	display: inline-block;
	width: 140px;
	height: 27px;
	background-size: 100% auto;
	background-image:url("/wp-content/uploads/2020/11/wirecard_light.png");
}

.home .wp-block-button {
	width: 100%;
	margin: 8px 8px 20px 0;
	border: 2px solid #1353B9;
	border-radius: 8px;
}

.home .wp-block-button a:hover {
	color: #fff!important;
}

.home .site-logo img.custom-logo {
	display: none;
}

.singular .entry-header {
	padding: 12rem 0 2rem;
}

.home .entry-header {
	padding: 34rem 0 2rem;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	color: #425563;
	font-size: 1.6rem;
	line-height: 2.5rem;
	font-family: arial;
}

button.mobile-nav-toggle {
	background-color: #6d6d6d!important;
}

button.close-nav-toggle {
	padding: 1rem;
	display: flex!important;
	background-color: #007bff!important;
}

body:not(.overlay-header) .toggle-inner .toggle-text {
	color: #fff!important;
}

button.close-nav-toggle svg {
	width: 1.6rem;
	height: 1.6rem;
}

/* BEGIN: Styles for headline */

.entry-header .entry-title, h1 {
	font-size: 4.625rem;
	font-weight: 700;
	font-family: "DIN Next LT W01 Heavy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	text-align: left;
}

.entry-content h1, .entry-content h2 {
	font-weight: 700;
	font-family: "DIN Next LT W01 Heavy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	margin-right: 0;
	margin-left: 0;
}

.entry-content h2 {
	font-weight: 400;
	margin-bottom: 1rem;
}

.home h1.entry-title {
	display: none;
}

h2, h3 {
	font-size: 3.7rem;
	font-family: "DIN Next LT W01 Bold",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	line-height: 4rem;
}

h3 {
	font-size: 3rem;
}

h2.font_h4_light {
	font-size: 2.4rem;
	line-height: 3rem;
}
@media (max-width: 1024px) {
	.header-skewed-home__title {
		padding-left: 15px;
	}
}

/* BEGIN: Table Styles */
div .tablepress tfoot th, div .tablepress thead th {
	background-color: #D0D3D4!important;
}

caption, code, code, kbd, samp, .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1), :root .has-subtle-background-background-color {
	background-color: #EBEBEB!important;
}

div .tablepress td, div .tablepress th {
	padding: 16px 8px;
}

th, td {
	border: 0.1rem solid #EBEBEB;
	padding: 16px 8px;
}

table {
	border: none;
}

/* BEGIN: Tab Styles */

.entry-content .tab-content {
	padding: 0 40px 20px 0px!important;
}

.entry-content .tab-pane h1:first-child, .entry-content .tab-pane h2:first-child, .entry-content .tab-pane h3:first-child {
	margin-top: 0;
}

.entry-content .tab-pane h2 {
	margin: 3rem auto 1rem;
}

p.headline_files {
	margin: 3rem auto 0.5rem;
	font-weight: 700;
}

/* Tabs style */
.entry-content-tabs > h3 {
	display: none!important;
}


/* BEGIN: Main Container Styles */

b, strong {
	font-weight: 700;
}

.entry-content {
	position: relative;
}

.home .entry-content {
	position: static;
}

.wp-block-group, .post-inner {
	margin: 0;
	padding: 0;
}

.home .post-inner {
	padding-top: 8rem;
}

.entry-header-inner, .section-inner.medium, .entry-content, .uagb-columns__inner-wrap, .post-separator {
	max-width: 100rem!important;
	width: 100%;
	margin: 0 auto;
}

[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem!important;
}

.hentry {
	margin: 0 0 6rem;
}

.post-separator {
	margin-bottom: 6rem;
}

.hentry .entry-title {
	margin-bottom: 2rem;
}

@media (max-width: 1024px) {
	.entry-header-inner, .section-inner.medium, .entry-content, .uagb-columns__inner-wrap {
		max-width: 90%!important;
	}
}

@media (max-width: 768px) {
	
	.home .wp-block-column {
		margin-bottom: 0;
	}
	
	div#wpsm_tab_container_968 .wpsm_tab_968 .wpsm_nav-tabs, div#wpsm_tab_container_971 .wpsm_tab_971 .wpsm_nav-tabs {
		float: none;
	}
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	width: 100%;
	max-width: 100%!important;
}

.entry-content .container {
	padding: 0;
	margin: 0;
}

.home .entry-content .container {
	margin: 0 auto;
}

/* BEGIN: Text Styles */

/*
a {
	color: #6d6d6d!important;
}

a:hover {
	color: #0056b3!important;
}
*/

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	color: #007bff!important;
}

@media (min-width: 1000px) {
	body:not(.overlay-header) .primary-menu > li > a {
		color: #425563!important;
	}
	body.home:not(.overlay-header) .primary-menu > li > a {
		color: #fff!important;
	}
}

.entry-content a {
	color: #007bff!important;
}

.entry-content a:hover, .modal-menu a:hover, .footer-widgets a, .entry-header a, .archive-header a {
	color: #0056b3!important;
}

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

.entry-content h4, .entry-content h5, .entry-content h6 {
	font-size: 2.25rem;
	line-height: 3rem;
	font-weight: 500;
	margin: 2.5rem auto 1.5rem;
	text-transform: none;
}

.entry-content p, .entry-content li, .pum-content p {
	font-size: 1.6rem;
	line-height: 2.6rem;
}

.pum-content ul {
	margin-bottom: 3rem;
}

.entry-content li, .pum-content li {
	padding-left: 30px!important;
	position: relative;
}

.entry-content .display-posts-listing li, .entry-content .wpsm_nav li {
	padding-left: 0px!important;
}

.entry-content li .fa, .pum-content li .fa {
	display: inline-block;
	width: 0px;
}

.entry-content li .fa:before, .pum-content li .fa:before {
	position: relative;
	left: -30px;
	color: #2983FB;
}

.entry-content li:before, .pum-content li:before {
	position: absolute;
	display: block;
	font-family: FontAwesome;
	top: 3px;
	left: 0;
	width: 20px;
	height: 16px;
	content: '\2713';
	color: #2983FB;
	display: block;
	font-size: 16px !important;
	font-weight: bold !important;
}

.entry-content .display-posts-listing li:before, .entry-content .wpsm_nav li:before {
	display: none;
}

.btn-arrow-before::after, .btn-arrow::after, .pay-plan__article li::before, [class*=" wd-icon-"]::before, [class^="wd-icon-"]::before, main ul li::before {
	display: none;
}

/* BEGIN: form styles */
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: #A2AAAD;
	border: 1px solid #425563;
	margin-top: 4rem;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
	color: #fff;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
	color: #dc3545;
}
/* BEGIN: styles for stimmrechtsabgabe */
.tabelle-stimmrechtsanteile td a img {
	width: 40px!important;
}

.tabelle-stimmrechtsanteile em {
	color: #333;
	font-size: 1.4rem;
	font-style: normal;
}


/* BEGIN: metadata post */

.post .entry-header .entry-title {
	font-size: 6rem;
	font-weight: 900;
	max-width: 75rem!important;
}

.post .entry-content h2{
	font-weight: 300;
	max-width: 45rem!important;
}

.post-publish-date {
	margin-bottom: 0px!important;
	color: #D0D3D4;
	font-size: 1.6rem;
	padding-left: 0!important;
}

.post-meta-wrapper, .entry-categories {
	display: none;
}

.display-posts-listing {
	margin-bottom: 1rem;
}

.display-posts-listing li.listing-item {
	display: flex;
	flex-direction: column-reverse;
	margin: 2rem 0 4rem;
}

.display-posts-listing li.listing-item .date {
	color: #A2AAAD;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2rem;
}

.display-posts-listing li.listing-item .title {
	color: #002846!important;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.2rem;
}

nav hr, nav hr:before, nav hr:after {
	display: none!important;
}

section.uagb-block-1816c629.uagb-columns__wrap {
	padding: 0;
}

figure.swiper-image {
	margin: 0!important;
	-webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotateX(0) rotateY(10deg) rotate(0);
    transform: perspective(500px) rotateX(0) rotateY(10deg) rotate(0);
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 60px!important;
    z-index: 1;
}

figure.swiper-image img {
    -webkit-box-shadow: -10px -10px 30px 0 rgba(0,0,0,.2);
    -moz-box-shadow: -10px -10px 30px 0 rgba(0,0,0,.2);
    -o-box-shadow: -10px -10px 30px 0 rgba(0,0,0,.2);
    box-shadow: -10px -10px 30px 0 rgba(0,0,0,.2);

}

.entry-content .media h4, .entry-content .media h5, .entry-content .media h6 {
	font-size: 2.25rem;
	line-height: 2.8rem;
	font-weight: 700;
	margin: 2.5rem auto 1.5rem;
	text-transform: none;
}

.hr-info .envlop {
	flex: 0 0 25px;
    width: 25px;
    margin-left: 0;
}

.entry-content .media p, .entry-content .media li, .entry-content .media b {
	font-size: 1.6rem;
	line-height: 2rem;
}

.pagination-single {
	font-size: 1.6rem;
	line-height: 2.2rem;
}

.post .pagination-single {
	display: none;
}

/* BEGIN: List styles */
.btn-arrow-before::after, .btn-arrow::after, .pay-plan__article li::before, [class*=" wd-icon-"]::before, [class^="wd-icon-"]::before, main ul li::before {
	font: normal normal normal 14px/1 FontAwesome!important;
}

ul {
	color: #425563;
}

main ul li {
	margin: 0;
	padding: 0;
}

main ul li.listing-item::before {
	display: none;
}

/* BEGIN: Tabs Styles
div.entry-content div .wpsm_nav-tabs > li > a {
	border-color: #1353b9!important;
}
 */

/* BEGIN: Link Styles */

.home .primary-menu a, .home .primary-menu a:hover, .home .primary-menu a:active, .home .primary-menu a:focus {
	color: #fff!important;
}

.primary-menu a, .primary-menu a:hover, .primary-menu a:active, .primary-menu a:focus {
	color: #425563!important;
	text-decoration: none;
}

body.template-full-width .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	width: 100%;
}

/* BEGIN: Content Styles */

a, p, .entry-content, nav .dropdown__main button, nav a {
	font-family: "DIN Next LT W01 Regular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* BEGIN: PDF Styles */

div.gallery .gallery-item {
	text-align: left!important;
	color: #425563;
	display: flex!important;
	float: none;
	align-items: center!important;
	padding-left: 0!important;
	margin-left: 0!important;
}

div.gallery .gallery-item .gallery-icon {
	margin-right: 1rem;
	flex: 0 0 50px;
	display: none;
}

.gallery-item figcaption, .gallery-item .wp-caption-text {
	margin-top: 0;
}

div.gallery .gallery-item a {
	text-align: left;
	color: #425563;
	text-decoration: none;
}

/* Beginn: Footer Styles */
.modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	font-family: "DIN Next LT W01 Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
	font-weight: 400;
}
.footer-menu a {
	color: #6d6d6d!important;
}

p.footer-copyright {
	font-size: 1.6rem;
}

#site-footer .section-inner {
	width: 100%;
	max-width: 100%;
}

.footer-menu a:hover {
	color: #0056b3!important;
}

#site-footer .section-inner {
    position: relative;
	font-size: 1.6rem;
    background: #F7F8FB;
    margin: 0;
    padding: 1.5rem 5%;
}

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

/* Buttons */
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
	background-color: #1353B9!important;
	color: white!important;
	text-transform: none!important;
	display: block!important;
	font-size: 1.6rem!important;
}

.entry-content .wp-block-button a {
	color: white!important;
}
.entry-content .wp-block-button a:hover {
	color: white!important;
	text-decoration: none;
}


div.wp-block-button-inline {
	display: inline-block;
	margin: 1rem 0 3rem;
}

/* Cookie Disclaimer */
#cookie-notice {
	position: fixed!important;
	background-color: rgba(0,0,0,0.2)!important;
	left: 0;
	top: 0;
	width: 100vw!important;
	height: 100vh!important;
	min-width: 40%;
	bottom: auto;
}

.cookie-notice-hidden {
	display: none;
}

#cookie-notice .cookie-notice-container {
	position: absolute;
	top: 20%;
	left: 30%;
	width: 40%;
	min-width: 40%;
	bottom: auto;
	padding: 2rem 1rem;
	background-color: #fff;
	border-radius: 5px;
}


.cn-close-icon {
	position: absolute;
	top: 12px;
	right: 8px;
	display: none;
}

@media (min-width: 1000px) {
	#cookie-notice .cookie-notice-container {
		padding: 5rem 4rem 0rem;
	}
	
	.cn-close-icon {
		top: 25px;
		right: 15px;
	}
}

.cn-buttons-container {
	margin: 2rem 0;
}

#cookie-notice .cn-button {
	background-color: #1353B9;
	display: block;
	margin: 2rem 0.3rem!important;
}


.cn-close-icon::after, .cn-close-icon::before {
	background-color: #000;
}

#cookie-notice #cn-refuse-cookie, #cookie-notice #cn-more-info {
	background-color: #A2AAAD;
}
