/*
Theme Name: M.A.D.
Author: Christoph Adel
Author URI: https://www.jagibonn.de
Description: Template Mad-Agency
Version: 1.0
License: Copyright by JAGI Bonn GmbH
License URI: ---
Tags: light
*/


@import url("res/fonts/fonts.css");

/**********
 * Basics *
 *********/

 body {
	background:#000; /*#1E1E1E*/
	color: var(--text); 
	margin:0;
	line-height: 1.66em;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	min-width:300px;
}

.mainwrapper, .wrapper, .menuewrapper{max-width:1300px; margin:0 auto; }
#main {padding:1em;}


@media (max-width: 991px) {
	.menuewrapper .wrapper {margin:0;}
	.menuewrapper {justify-content: space-between;}	
	.alignfull {margin: 0 -1em;}
}





/*** Accessibility Basics ***/
.awbp-screen-reader-text:not(:focus) {
	position: absolute !important;
	height: 1px;
	width: 1px;
	left: -9999px;
	clip: rect(1px,1px,1px,1px); 
	overflow: hidden;
}

a.skip-link:focus, a.skip-link:active {
    position: absolute;
    border: 1px solid var(--primary);
    background: var(--primary);
	color: black;
    z-index: 1040;
    margin: 1em;
	padding: 0.5em;
}	

:focus, .btn:focus, ul.page-numbers li a:focus, button:focus {
	outline: 3px solid var(--text);
	outline-offset: 3px;
	box-shadow: none;
}
ul.page-numbers li {overflow: visible!important;}


/* Clearfix Hack, e.g.: against <p>'s margin that flows out of  header and footer*/
.clearfix::after, .clearfix::before {
	content: "";
	clear: both;
	display: table;
  }

/********************/  
/*** Site Header ***/
/******************/

body:not(.home) #site-header {margin-bottom: 8em;}

.site-branding {position: absolute; width:100%; z-index: 100;}
.site-branding .wrapper {padding:1em 1em 0 1em; position: relative;}
#site-header .site-logo img, #site-header a.site-logo {width: 5em; margin-top:1em;}

header .sprachwahl {position:absolute; top:1em; right:1em; }

header .sprachwahl nav {float:left; margin-top:2px;}
header .sprachwahl nav ul {list-style: none; margin-right:1em;}
header .sprachwahl nav ul li {display:inline; margin-right:0.5em;}
header .sprachwahl .current-lang {font-weight: bold;}

header a.login {float: right; background: rgba(255, 255, 255, 0.15); padding: 0.1em 0.9em 0.1em 0.5em; text-transform: uppercase;}
header a.login:hover,
header a.login:focus,
header a.login:active {float: right; background: rgba(255, 255, 255, 0.25); padding: 0.1em 0.9em 0.1em 0.5em;}

header a.login img {width: 1em; margin-right:0.4em; }

header#site-header video {
	object-fit: cover;
	width: 100%;
	min-height:40em;
	height: 100vh;
	top: 0;
	left: 0;
  }

header#site-header .blinder {
width: 100%;
min-height:40em;
height: 100vh;
top: 0;
left: 0;
background: rgba(50, 50, 50, 0.5);
position: absolute;
z-index: 10;
padding-top: 8em;
}



header#site-header .blinder .row {padding-left: 1em; padding-right: 1em;}  
header#site-header .blinder .row .col-lg-2 {padding-right: 0; padding-left: 0;}  

h1 {font-size: 3.5rem; font-family: 'Roboto Condensed', sans-serif; margin-top:.5em; margin-bottom: 0.66em; text-transform: uppercase;}
header h1 {text-align: right; margin-top:1.5em; margin-right:15%; line-height: 1.066em; }
header h1 img {margin-top:-0.2em; height: 0.7em;}
header .jay {position: absolute; top: 4em; left: 0;}
header .jay .jay-overlay {min-height: calc(40em - 12em + 0.5em); height:calc(100vh - 12em + 0.5em);}
header .additionaltext {position: absolute; top: 50%; left: 25%; display: flex; align-items: last baseline; gap: 2.5em; margin-bottom: 2em; overflow: hidden;} 
header .additionaltext .lines {width:15em; }
header .additionaltext .widget p {width: 12em;}
header .additionaltext .widget p.de {width: 16em;}

header .additionaltext p {text-transform: uppercase; line-height: 1.35em; font-size: 1.2em;}
header .blinder .row {margin-left:0; margin-right:0;}

h1.wp-block-heading.de {transform: scale(0.8, 0.9); translate: 5% 0;}


@media (max-width: 1199px) {
	header h1 {margin-right:5%;}
	header .additionaltext .lines {width:13em; }
	header .additionaltext p {line-height: 1.25em; font-size: 1em;}


}
@media (max-width: 1080px) {
	header h1 {margin-right:2%;}
}
@media (max-width: 992px) {
	header .additionaltext {top:40%; }
}
@media (max-width: 800px) {
	header h1 {margin-right:0.4em; font-size: 2.5rem;}
}
@media (max-width: 768px) {
	h1 {font-size: 2.7rem;}
	h2 {font-size: 1.6rem;}
	header .additionaltext .widget p {width: 10em;}
	header .additionaltext .widget p.de {transform: scale(0.8, 0.9); width: 10em; }
	header .jay {position: absolute; top: 6em; left: 0;}
	header .jay .jay-overlay {height:calc(100vh - 14em + 0.5em);}
}
@media (max-width: 580px) {
	h1, header h1 {font-size: 1.7rem; }
	header .additionaltext {gap:1em;}
	header .additionaltext .lines { width:10em; }
	header .additionaltext {left:5%; }
}
@media (max-width: 400px) {
	header h1 { font-size: 1.25rem; margin-right:0;}
	h1 {font-size: 1.66rem; }
	header .additionaltext {left:0; }
}



/* Sidebar neben Main */
@media screen and (min-width: 768px) {
	.blog .mainwrapper {display:flex;}
	.blog main {width:68%; margin-right:2%;}
	.blog aside {width:30%;}
}

/********************/  
/*** Site Footer ***/
/******************/

footer#site-footer {
	color: var(--grey);
	margin-top:8em;
}

footer .wrapper {padding: 1em;}

footer ul {list-style: none; padding: 0;}

footer #social-media-navi li {display: inline; margin-right:0.66em;}
footer #footer-navi li {margin-bottom: 3.3em; margin-left:0; text-transform: uppercase;}
footer #footer-navi li a {display:block; width:9em; position: relative;}
footer #footer-navi li:nth-child(1) a::after,
footer #footer-navi li:nth-child(2) a::after {content:url(res/img/icon_arrow90.svg); width:1em; position: absolute; right:0;}
footer #footer-navi li:nth-child(3) a::after {content:url(res/img/icon_arrow45.svg); width:1em; position: absolute; right:0;}

footer .wp-block-column {position: relative; border-top: 1px solid var(--lines); padding-top:3em; padding-bottom: 2em;}
footer .wp-block-column::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); right:0px; top:0px;}
footer .wp-block-column:last-of-type:before {content: none;}

footer :where(.wp-block-columns.is-layout-flex) {gap:0;}

footer #social-media-navi li a {font-size:32px;}

footer a {color: var(--grey); text-decoration: none;}
footer a:hover {color: var(--text); text-decoration: underline;}


  /***********
 * Hauptmenü *
 ************/


.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar-toggler:active {border:1px solid var(--text); border-radius: 5px;}

button.navbar-toggler::after {content:""; clear:both;}
.navbar-toggler-icon {background-image: url(res/img/nav-bar.svg);}

.ml-auto, .mx-auto { margin-left: 0!important; }

.hauptmenue a {text-decoration: none; text-transform: uppercase; color: var(--text);}
.hauptmenue a:hover,
.hauptmenue a:focus,
.hauptmenue a:active {text-decoration: underline;}

.navbar-collapse {flex-grow: 0;}

header .navbar {padding: 0;}
header .navbar-nav {display: block;}


@media (min-width: 992px) {

.navbar-expand-lg .navbar-nav .nav-link {padding-left: 0;}

.hauptmenue { width:100%; padding:0; margin-top:10vh; min-height: 18em; height: 50vh;}

.hauptmenue ul {margin-bottom:2em; min-height: 18em; height:50vh;}
.hauptmenue ul li {display: flex; height: 16.5%; align-items: center; } /* height muss prozentual an die Anzahl der Links im Hautpmenü angepasst werden 5 Einträge = 20%*/

.hauptmenue a.scrolldown {display: block; width: 2.5em; margin-left: 1em; }
.hauptmenue a.scrolldown img {width:2.5em; }

}

@media (max-width: 992px) {
	div.navbar-nav {padding:0 1em;}
	nav.navbar {display: block; }
	.navbar-toggler {float:right; color: var(--text); margin-right: -0.33em; }
	nav.navbar ul {text-align: right;}
	.navbar-collapse {clear:both; position: absolute; width: 100%; top:2.5em; z-index: 999;}
	.hauptmenue li {margin-top:1em;}
	.hauptmenue a {color:var(--text);  background: rgba(0, 0 , 0, 0.9); display: inline;}
	.navbar-nav .nav-link { padding-left: 1em; padding-right: 1em; box-shadow: 10px 10px 25px #333, 0 0 25px #111;}
	.hauptmenue a:hover, .hauptmenue a:active, .hauptmenue a:focus {color:var(--text)}

	.hauptmenue a.scrolldown {display:none;}

}	





/* Dropdowns */
.hauptmenue .dropdown-menu {
	margin-top: 0.66em;
	text-align: center;
    padding: 0;
	border-radius:0;
	border-top:0;
	min-width: 0;
}
.hauptmenue .dropdown-menu li {margin:0; }

@media (max-width: 991px) {
	.hauptmenue :focus {outline-offset: 0px;}
	
.hauptmenue .dropdown-menu li.current-menu-item a,
.hauptmenue .dropdown-menu li a:hover,
.hauptmenue .dropdown-menu li a:focus,
.hauptmenue .dropdown-menu li a:active { background: #fff;}

.hauptmenue .dropdown-menu {text-align: left; border: 0;}
.dropdown-item {width: auto;}


}


@media (min-width: 992px) {
	
	.hauptmenue .dropdown-menu {background: rgba(0, 0, 0, 0.5);  box-shadow: 0 9px 8px 0 rgb(0 0 0 / 20%), 0 15px 15px 0 rgb(0 0 0 / 19%);}
	.hauptmenue .dropdown-menu li a {padding:0.66em 1.5em; color: var(--primary);}
	#menu-navbar .dropdown-menu .menu-item {margin-right: 0;}

	.hauptmenue .dropdown-menu li.current-menu-item a,
	.hauptmenue .dropdown-menu li a:hover,
	.hauptmenue .dropdown-menu li a:focus,
	.hauptmenue .dropdown-menu li a:active {background: var(--primary); color:var(--text);}
}

.hauptmenue ul .dropdown-menu li a:active {background:none;}


  /************
 * Kommentare *
 *************/
 #comments ul {padding:0;}
 #comments ul li {list-style: none; margin-top:1em;}
 #comments ul li ul {padding-left:3em;} /* prevent position change by increasing border */
 
 @media (max-width: 991px) {
 nav ul#menu-hauptmenue li ul li { padding: 0; }
 #menu-hauptmenue .dropdown-menu {margin-top:0; }
}

/******************************** 
*** Alignwide und Full Start ***
**************************** */

:root {
    --scroll-bar: 0.5em; /* prevent horizontal scrolling */
}

@media screen and (min-width: calc( 900px + 2 * 11em )) {
	.page .entry-content .alignwide {
		margin-left: -11em;
		margin-right: -11em;
	}
}

.alignfull .alignwide,
.wp-block-group__inner-container .alignwide {max-width: calc(900px + 2 * 10em)!important; margin: 0 auto!important;}


@media screen and (max-width: calc( 899px + 2 * 12em )) {
	.page .entry-content .alignwide {
		margin-left: calc( -100vw / 2 + 110% / 2 );
		margin-right: calc( -100vw / 2 + 110% / 2 );
		max-width: calc(100vw - 0.51em); /* prevent horizontal scrolling // prevent rounding errors in chrome */
	}
}

@media screen and (min-width: 1200px) {

	.page .entry-content .alignfull {
		margin-left: calc( -100vw / 2 + 100% / 2 );
		margin-right: calc( -100vw / 2 + 100% / 2 );
		max-width: calc(100vw - 0.51em); /* prevent horizontal scrolling // prevent rounding errors in chrome */
	}
	.page .entry-content .alignfull .wp-block-group__inner-container {padding: 1em;}

	.page .wp-block-image.alignfull img, .wp-block-cover.alignfull {
		width: calc(100vw - 0.51em); /* prevent horizontal scrolling // prevent rounding errors in chrome */
	}
}
/* Alignwide und Full Ende */

/*************************
* Typografie und Content *
*************************/

h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif;  }

h2 {font-size: 1.0rem; display: block; font-weight: bold; margin-top:4em; margin-bottom: 3em; border-bottom: 1px solid var(--lines); text-transform: uppercase; line-height: 2.5em;}
.home h2 {margin-top:8em;}

h3 {font-size: 2.5rem; margin-top:1.2em; font-weight: bold; margin-bottom: 0.66em; text-transform: uppercase;}
h4 {font-size:1.35rem; font-weight:bold; margin-top:1.2em; }



hr.wp-block-separator {border: 0px; border-top: 1px solid var(--lines);}
.uppercases {text-transform: uppercase;}

/* Stylings der Zweispaltigkeit Texte Startseite */

#aboutus h3 {font-size: 3em;}
@media (max-width: 782px) {
	#aboutus h3 {font-size: 2em;}
}
#aboutus h3::after {content:"•"; position:relative; top: 0.25em; font-size:1.5em; line-height: 0; color: var(--primary); }
#aboutus .wp-block-columns h3 {margin-top: 0;}
#aboutus .wp-block-columns p {max-width:400px; float: right; text-align: right; font-size: 1.15em; line-height: 1.4em;}
#aboutus .wp-block-columns {clear: both; }

@media (max-width: 782px) {
	#aboutus .wp-block-columns p {float: none; text-align: left; }
}


a {text-decoration: none;}
a:hover {text-decoration: underline;}

a, a:hover, a:focus, a:active, ul#menu-hauptmenue li a:active, ul#menu-hauptmenue li a:hover {
	color: var(--text);	
}

@media screen and (min-width: 768px) {
    a[href*="tel:"] {
		cursor:default;
		text-decoration: none;
    }
}

/* Buttons */
.wp-block-button__link {padding: 0; background: none; font-size: 1em; border-radius:0; text-transform: uppercase; }
.wp-block-button a:hover, .wp-block-button a:active, .wp-block-button a:focus {text-decoration: underline;}

.button-back .wp-block-button__link {position: relative; margin-top: 1em; padding-left: 1.5em;}
.button-back .wp-block-button__link::before {content:url(res/img/icon_arrow90.svg); width:0.85em; position: absolute; left:0; rotate:180deg; }

.gallery .wp-block-button__link::after {content:url(res/img/icon_images.svg); width:1.75em; position: absolute; margin-left:4em;}

/* Sonstiges */

hr {margin-top: 2.5em;}

iframe {min-width:100px; max-width:100%;}

.widget {margin-top:3em;}
.widget:first-of-type {margin-top:0em;}

/* Tables */

.wp-block-table td {border:none;}
.wp-block-table tr {border-top: 1px solid var(--lines);}
.wp-block-table tr:last-child {border-bottom: 1px solid var(--lines);}
.wp-block-table td, .wp-block-table th {padding: 2em 0px;}

td {position: relative;}
td::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); left:0px; top:0px;}
td::after {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); left:0px; bottom:0px;}

/* Brands Table */ 
#brands-table td:nth-child(1) {width:50%;}
#brands-table td:nth-child(1) img {height:2.75em; max-width: 300px;}
#brands-table td a {text-transform: uppercase; color:var(--grey);} 
#brands-table td:nth-child(2) a::after {content:url(res/img/icon_images.svg); width:1.75em; position: absolute; right:2em;}
#brands-table td:nth-child(3) a::after {content:url(res/img/icon_send.svg); width:1.75em; position: absolute; right:2em;}

@media (max-width: 992px) {
	#brands-table td:nth-child(2) a::after {right:1em;}
	#brands-table td:nth-child(3) a::after {right:1em;}	
}	
@media (max-width: 768px) {
	#brands-table td:nth-child(2) a::after {right:0.5em;}
	#brands-table td:nth-child(3) a::after {right:0.5em; }	
	#brands-table td {display: block; }
	td::before {content: none;}
	td::after {content: none;}
	.wp-block-table td, .wp-block-table th {padding: 1em 0px;}
	.wp-block-table td:nth-child(1) {padding-top: 3em;}
	.wp-block-table td:nth-child(3) {padding-bottom: 3em;}
	#brands-table td:nth-child(1) img {height:2.5em; max-width: 250px;}

}
/* News */
@media (min-width: 782px) {
	figure.news img {margin-top:-6em;}
}

/* Showroom */
@media (min-width: 782px) {
	.showroom h2 {margin-bottom: 0;}
}
.showroom .wp-block-buttons {margin-bottom: 2.5em;}
.showroom {border-bottom: 1px solid var(--lines);}
.showroom .wp-block-columns {margin-top: 0; margin-bottom: 0;}
.showroom .wp-block-columns figure {margin-bottom: 0;} 

/* Contact Form */

.home .contact h2 {margin-bottom: 0;}

@media (min-width: 782px) {
	.wp-block-group.contact {margin-top: 12em;}
	.contact .wp-block-columns {position: relative; border-top: 1px solid var(--lines); border-bottom: 1px solid var(--lines); padding-top:2em; padding-bottom: 1em; padding-top: 0; padding-bottom: 0;}

	.contact .wp-block-column {position: relative; padding-top: 3em;}
	.contact .wp-block-column:last-of-type::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); left:0px; top:0px;}
	.contact .wp-block-column:last-of-type::after {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); left:0px; bottom:0px;}

	.home .contact h2 {margin-top: 2em; margin-bottom: 2em; border-bottom: 0; font-size: 2em; line-height: 1.1em;}
}

.wpcf7 br {display: none;}
.wpcf7 p {margin-bottom: 0.33em;}
.wpcf7 p:last-of-type { text-align: center;}

@media (min-width: 577px) {
	.wpcf7 .col-sm-6:first-of-type {padding-right: 0.33em;}
	.wpcf7 .col-sm-6:last-of-type {padding-left: 0.33em;}
}
.wpcf7 textarea {height: 7.64em;}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select {width:100%; background: #757575; color: var(--text); text-transform: uppercase;}
input, textarea, select { border:none; padding: 0.25em 0.5em; margin-bottom: 0.25em;}
input[type=checkbox] {width:1.5em; }
input[type=submit] {background: var(--primary); color: #000; display: inline; width: auto; padding: 0.33em 2em; border-radius: 5em; margin-top: 2em; margin-bottom: 3em; margin-right:2em; }
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active {text-decoration: underline; }
::placeholder { color: var(--text); opacity: 1; }

label {margin:0}
.wpcf7-list-item {margin: 0 0 0.8em 0;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border:1px solid var(--primary); margin: 0em 0.5em 3em; }
.wpcf7-not-valid-tip {color: var(--text); text-align: left;}

/******************/
/* Brand Details */

.entry-header h1 {	
	position: absolute !important;
	height: 1px;
	width: 1px;
	left: -9999px;
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;}

/* Brand Details Header */
.brand-detail-header.wp-block-columns {margin-top: 0.66em;}
.brand-detail-header .wp-block-column {position: relative; border-top: 1px solid var(--lines); padding-top:2em;}
.brand-detail-header .wp-block-column::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); right:0px; top:0px;}
@media (min-width: 782px) {
	.brand-detail-header .wp-block-column:first-of-type:before {right:1em;}
}
.brand-detail-header .wp-block-column:first-of-type::after {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); left:0px; top:0px;}

.brand-detail-header {gap:0;}

/* About */

@media (min-width: 782px) {
	.about.wp-block-columns {margin-top: -3.66em;}
	.about .wp-block-column {position: relative;padding-top:4em;}
	.about .wp-block-column:first-of-type::after {content:""; position: absolute; width:1px; height:1.25em; background:var(--lines); right:0px; top:0px;}
}
@media (max-width: 781px) {
	.about.wp-block-columns {gap: 0;}
}

/* Brand Details Images Gallery */

.brand-images.wp-block-group { padding-top: 2em; margin-top:2.5em;}
.brand-images.wp-block-group figure {margin:0; padding: 0;}
.brand-images.wp-block-group .wp-block-columns {margin-top:0; margin-bottom:0; gap:0;}


/* Brand Details Facts & Figures */
.facts-figures.wp-block-group {margin-top: 0;}
.facts-figures h2 {margin-bottom: -1px;}
.facts-figures .wp-block-column {position: relative; border-bottom: 1px solid var(--lines); padding-top:2em; padding-bottom: 3em;}
.facts-figures .wp-block-column:first-of-type::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); right:0px; bottom:0px;}

.facts-figures .wp-block-columns {margin-top: 0; margin-bottom: 0; gap:0;}

.facts-figures p {margin-bottom: 0;}


/**************/
/* Impressum */

.imprint.wp-block-columns { gap:0; margin-top: 0.5em;}
.imprint .wp-block-group { position:relative; border-top:  1px solid var(--lines); border-bottom:1px solid var(--lines); margin-top:0; margin-bottom: 5em;}
.imprint .wp-block-group.first::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); right:0px; top:0px;}
.imprint .wp-block-group.first::after {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); right:0px; bottom:0px;}

.imprint h2, .imprint h1  {font-size: 2.5em; font-family: 'Roboto', sans-serif; font-weight: bold; border-bottom: none; margin-top:1.5em; margin-bottom: 1em; line-height: 1.5em;}

/****************/
/* Datenschutz */

.datenschutz h1 {font-size: 2.5em; font-family: 'Roboto', sans-serif; font-weight: bold; border-bottom: none; margin-top:1.5em; margin-bottom: 1em; line-height: 1.5em;}
.datenschutztext h2 {font-size: 2.2em; font-family: 'Roboto', sans-serif; font-weight: bold; border-bottom: none; margin-top:1.5em; margin-bottom: 1em; line-height: 1.5em;}
.datenschutztext h2:first-of-type {margin-top: 0;}
.datenschutztext h3 {font-size: 1.75em;}

.datenschutz.wp-block-columns { border-top:  1px solid var(--lines); border-bottom:1px solid var(--lines); margin-top:0.5em; margin-bottom: 5em; gap:0;}
.datenschutz .wp-block-column { position:relative;}
.datenschutz .wp-block-column:first-of-type::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); right:0px; top:0px;}
.datenschutz .wp-block-column:first-of-type::after {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); right:0px; bottom:0px;}


/* Gutenberg Blocks */

.wp-block-image img {
    max-width: 100%;
    height: 100%;
}

.wp-block-columns {margin-top:2.5em;}

@media (max-width: 991px) {
	.wp-block-columns.collaps991 {flex-wrap:wrap;}
	.collaps991 .wp-block-column {flex-basis:100%; margin-left:0 !important;}
}
@media (min-width: 992px) {
	.wp-block-cover, .wp-block-cover-image {min-height:520px; }
}

.page-template-page-full-width .wp-block-cover { border-top: 10px solid white; border-bottom: 10px solid white;}
.page-template-page-full-width .wp-block-columns .wp-block-cover {border:0;}


.wp-block-group {margin-top:3.5em;}


html[lang="de-DE"] .en {display:none;}
html[lang="en-US"] .de {display:none;}



/******************
* Utility Classes *
******************/
.c30-70 .wp-block-column:first-of-type {flex-basis: calc(30% - 16px);}
.c30-70 .wp-block-column:last-of-type {flex-basis: calc(70% - 16px);}

.c70-30 .wp-block-column:first-of-type {flex-basis: calc(70% - 16px);}
.c70-30 .wp-block-column:last-of-type {flex-basis: calc(30% - 16px);}

.c33-66 .wp-block-column:first-of-type {flex-basis: calc(34% - 16px);}
.c33-66 .wp-block-column:last-of-type {flex-basis: calc(66% - 16px);}

.c66-33 .wp-block-column:first-of-type {flex-basis: calc(66% - 16px);}
.c66-33 .wp-block-column:last-of-type {flex-basis: calc(34% - 16px);}

.primary {color:var(--primary)}

.bg-grey { background: var(--very-light-grey); padding: 1.5em; margin-top:0;}

.img80prozent {width:80%;}
.img70prozent {width:70%;}
.img60prozent {width:60%;}



/**********************************
* Ausblendungen / Später Löschen *
*********************************/

footer #social-media-navi li:last-of-type {display:none;}




/*************************
* Stylings Media-Center *
***********************/

body #site-header {
	margin-bottom: 8em;
  }

.blog h1 {margin-top:1em;}
.blog h2 {margin-top:0; margin-bottom:1em;}

#main {margin-top:0em;}

.__wpdm_gb_section .well {
	background:none;
	border-radius: 0;	
	margin-bottom: 0;
}


.__wpdm_gb_section .card {
	background: none;
	border:none;
}

.__wpdm_gb_section .card.mb-2, .__wpdm_gb_section .card.my-2 {	margin-bottom: 0!important;}

.__wpdm_gb_section .w3eden .card h3 {
	font-weight: normal;
	font-size: 1em;;
}

.__wpdm_gb_section .w3eden .card .fas::after {    
	content: '\A';
    white-space: pre; 
}

.w3eden .row {
	margin-right: 0;	
	margin-left: 0;
	position: relative;
}

.__wpdm_gb_section .col-lg-12 {
	border-bottom:1px solid var(--lines);
	padding-right:0;
	padding-left:0;
}

.__wpdm_gb_section .col-lg-12:first-of-type {	border-top:1px solid var(--lines);}

.__wpdm_gb_section .col-lg-12::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 0.65em;
	background: var(--lines);
	left: 0px;
	top: 0em;
}
.__wpdm_gb_section .col-lg-12:first-of-type::before {	top: 0em; height:0.65em;}

.__wpdm_gb_section .col-lg-12::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 0.65em;
	background: var(--lines);
	right: 0px;
	top: 0em;
}
.__wpdm_gb_section .col-lg-12:first-of-type::after {	top: 0em; height:0.65em;}

.__wpdm_gb_section .card-body::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 0.65em;
	background: var(--lines);
	left: 0px;
	bottom: 0em;
}
.__wpdm_gb_section .card-body::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 0.65em;
	background: var(--lines);
	right: 0px;
	bottom: 0em;
}

.w3eden a, .w3eden a:hover, .w3eden a:active, .w3eden a:focus {color: var(--text); font-weight: normal!important;}

.__wpdm_gb_section .text-muted {color:var(--grey)!important; margin-right:1em; font-size: .8em !important;} 

.w3eden .btn-primary {
	color: #000;
	font-size: 1em;
	text-transform: uppercase;
	background-color: var(--primary);
	border-color: var(--primary);
	border-radius: 5em;
	padding: 0.33em 2em;
	margin: 0 auto;
	width: auto;
  }

.w3eden .btn-primary:hover,
.w3eden .btn-primary:active,
.w3eden .btn-primary:focus {
color: #000;
background-color: var(--primary);
border-color: var(--primary);
box-shadow: none;
text-decoration: underline!important;
}  

.wpdm-download-link.btn.btn-primary {
	border-radius: 5em;
  }

/*********
* Login *
*******/
.w3eden .btn {font-weight:normal;}
/*.w3eden .form-control:focus {color:var(--text);}*/
.w3eden input ::placeholder {color:var(--text);}


#login h2 {
	font-size: 3em;
	margin-top: 0;
	line-height: 1em;
	border-bottom: 0;
  }

#login h2::after,
#login .wp-block-heading::after {
	content: "•";
	position: relative;
	top: 0.25em;
	font-size: 1.5em;
	line-height: 0;
	color: var(--primary);
  }

  @media (min-width: 782px) {
	.wp-block-group#login {margin-top: 0;}
	#login .wp-block-columns {position: relative; border-top: 1px solid var(--lines); border-bottom: 1px solid var(--lines); padding-top: 0; padding-bottom: 0; margin-top: 0;}

	#login .wp-block-column {position: relative; padding-top: 3em;}
	#login .wp-block-column:last-of-type::before {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); left:0px; top:0px;}
	#login .wp-block-column:last-of-type::after {content:""; position: absolute; width:1px; height:0.66em; background:var(--lines); left:0px; bottom:0px;}

	#login .__wpdm_gb_section .card-body::before, #login .__wpdm_gb_section .card-body::before {content: none;}
} 

.w3eden .input-wrapper label {position:absolute; right: 0.5em; top: 0.33em;}

.w3eden #wpdmlogin {max-width: none; margin-bottom: 1em; width: auto!important; }
#login .signinlink {margin-bottom: 3em;}

#wpdmlogin .card-body img {display:none;}
#wpdmlogin .card-footer {border-top:0;}
#wpdmlogin .card-footer a, #wpdmlogin .card-footer a:active, #wpdmlogin .card-footer a:hover, #wpdmlogin .card-footer a:focus  {color:var(--text)!important;}

#wpdmlogin .card-body::after {content: none;}


aside {padding-top:4em;}
aside .__wpdm_gb_section .card-body::before { content:none;}

.alert-danger {
	color: black;
	background-color: #f8d7da;
	border-color: #72000b;
}
.alert-danger a, .alert-danger a:hover, .alert-danger a:active, .alert-danger a:focus  {color: #72000b;}

#login h2::after {content: none;}

.w3eden div#wpdmlogin.lostpass {border-top: none;}

.btn-info {
	color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
	border-radius: 3em;
}

.btn-info:hover, .btn-info:focus, .btn-info:active {
	color: var(--primary);
    background-color: black;
    border-color: var(--primary);
	border-radius: 3em;
}

.logged-in .signinlink {display: none;}

.downloadslink {display:none!important;}
.logged-in .downloadslink {display: block!important;}

#wpadminbar {display: none!important;}

@media screen {
	html {
	  margin-top: 0 !important;
	}
  }

/**********
* Signup *
*********/

.wpdm-reg-link {display:none !important;}

.w3eden div#wpdmlogin, .w3eden div#wpdmreg {
	background: none;
	Border:none;
	padding:0;
}

.w3eden .input-wrapper {
	background: #757575!important;
	color: var(--text);
	text-transform: uppercase;
	border: 0;
	border-radius:0;
	position: relative;
}

.w3eden .form-control {
	color:var(--text)
}

.w3eden .input-wrapper label {
	color:var(--text);
	opacity:1;
}

.w3eden .input-wrapper.input-focused, .w3eden .input-wrapper.input-active {border:0; outline: 3px solid white;}

.w3eden .btn.btn-xs {font-size: 1em;}


/**************
* My Account *
************/

.w3eden .card, .w3eden .bg-white {background:none!important; border:none;}
.w3eden .form-control {background: #757575; border:none; border-radius:0;}

.w3eden #wpdm-dashboard-sidebar .udb-item, 
.w3eden #wpdm-dashboard-sidebar .adp-item,
#wpdm-dashboard-sidebar h3,
.w3eden .color-danger, .w3eden .color-red {
	color:var(--text)!important;
}

.w3eden #wpdm-dashboard-sidebar .udb-item .fa, 
.w3eden #wpdm-dashboard-sidebar .udb-item .far, 
.w3eden #wpdm-dashboard-sidebar .udb-item .fas, 
.w3eden #wpdm-dashboard-sidebar .adp-item .far, 
.w3eden #wpdm-dashboard-sidebar .adp-item .fas, 
.w3eden #wpdm-dashboard-sidebar .adp-item .fa,
.w3eden #wpdm-dashboard-sidebar .udb-item.selected .fa, 
.w3eden #wpdm-dashboard-sidebar .udb-item.selected .far, 
.w3eden #wpdm-dashboard-sidebar .udb-item.selected .fas {
	background:none!important;
	box-shadow: 0 0 0px rgba(var(--color-info-rgb), 0.0) !important;
}

.w3eden #wpdm-dashboard-sidebar .udb-item:hover i.color-info,
.w3eden #wpdm-dashboard-sidebar .udb-item:hover i.color-danger,
.w3eden #wpdm-dashboard-sidebar .udb-item:hover .fa, 
.w3eden #wpdm-dashboard-sidebar .udb-item:hover .far, 
.w3eden #wpdm-dashboard-sidebar .udb-item:hover .fas,
.w3eden #wpdm-dashboard-sidebar .udb-item:hover i.color-primary  {
	box-shadow: 0 0 0px rgba(var(--color-info-rgb), 0.0) !important;
  }

.w3eden.user-dashboard a:hover, .w3eden.user-dashboard a:active, .w3eden.user-dashboard a:focus {
	text-decoration:underline;
}

.w3eden #wpdm-dashboard-sidebar .shop-logo,
.w3eden #wpdm-dashboard-sidebar #logo-block {display:none;}

.card-dls .card-header {display:none;}
.card-dls table.table {display:none;}

#udm-user a.udb-item:last-of-type {display:none;}

#udm-account h3 {display:none;}

:root {
	--primary: #78D6D7;
	/*Colors alt
	--primary: #009E9E;
	--primary-dark: #007A7A;
	--primary-on-dark:#00ffff;*/
	--grey:#aaa;
	--text: #fff;
	--lines: rgba(255, 255, 255, 0.75);

}