@charset "UTF-8";
/*
 Theme Name:   Antidiskriminierungsstelle LSA
 Description:  Twenty Twentyone Child Theme
 Author:       triagonale
 Author URI:   http://triagonale.de
 Template:     twentytwentyone
 Version:      1.0.0
 Text Domain:  twentytwentyone
*/




/* Gutenberg Text Colors */

.has-blau-color {
	color: #01519a;
}
.has-gruen-color {
	color: #68af21;
}
.has-sandgrau-color {
	color: #eceadf;
}
.has-schwarz-color {
	color: #1a1a1a;
}
.has-dunkelgrau-color {
	color: #505050;
}
.has-grau-color {
	color: #989898;
}
.has-hellgrau-color {
	color: #f6f6f6;
}
.has-weiss-color {
	color: #ffffff;
}

/* Gutenberg Background Colors */

.has-blau-background-color {
	background-color: #01519a;
}
.has-gruen-background-color {
	background-color: #68af21;
}
.has-sandgrau-background-color {
	background-color: #eceadf;
}
.has-schwarz-background-color {
	background-color: #1a1a1a;
}
.has-dunkelgrau-background-color {
	background-color: #505050;
}
.has-grau-background-color {
	background-color: #989898;
}
.has-hellgrau-background-color {
	background-color: #f6f6f6;
}
.has-weiss-background-color {
	background-color: #ffffff;
}

/* Global */


:root {
  --global--font-size-page-title: 4rem;
  --heading--font-size-h1: 4rem;
  --heading--font-size-h2: 2.5rem;
  --heading--font-size-h3: 1.5rem;
  --heading--font-size-h4: 1rem;
  --adssa-blau: #01519a;
  --adssa-orange: #fe7d00;
  --adssa-gruen: #68af21;
  --adssa-dunkelgrau: #505050;
  --adssa-sandgrau: #eceadf;
  --adssa-weiss: #fff;
}
:root {
  --primary-nav--color-link: var(--adssa-weiss);
  --primary-nav--color-link-hover: var(--adssa-weiss);
  --entry-header--color: var(--adssa-blau);
}
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: 100%;
	--responsive--aligndefault-padding: calc(var(--responsive--spacing-horizontal)/2);
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}


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

	:root {
		--responsive--aligndefault-width: 100%;
    --responsive--aligndefault-padding: 60px;
		--responsive--alignwide-width: 100%;
		--responsive--alignright-margin: 0;
		--responsive--alignleft-margin: 0;
	}
}
@media only screen and (min-width: 1090px) {

	:root {
		--responsive--aligndefault-width: 1090px;
    --responsive--aligndefault-padding: 60px;
		--responsive--alignwide-width: 1090px;
	}
}
@media only screen and (max-width: 482px) {
  .site-footer,
  .site-header {
    max-width: none;
  }
}

a {
	background-color: transparent;
	text-decoration: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	/* Only visible in Windows High Contrast mode */
	text-decoration: none;
}

abbr[title] {
	/* 1 */
	text-decoration: none;
}




/* Header */

.site-header {
	padding-top: 0;
	padding-bottom: 2rem;
	row-gap: 0;
}
.singular .entry-header {
	padding-bottom: 3rem;
	border-bottom: 3px solid var(--adssa-sandgrau);
}
.site-header, .site-main, .widget-area, .site-footer {
	padding-top: 0;
}

.adssa-header-right {
	margin-left: auto;
}

.partnerlogo img {
	max-height: 60px;
}

.adssa-hero {
	width:100%;
	height: 25rem;
	background-image: url(images/header_bg_2021.jpg);
	background-size: cover;
	background-position: center top;
}


.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child,
.primary-navigation a:hover {
	text-decoration: none;
	opacity: .5;
}


.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	display: none;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
	background: var(--adssa-blau);
}

.adssa-supported-by {
	padding-top: 1rem;
	margin: 0 auto;
}



	.primary-navigation {
    	width: 100%;
		background: var(--adssa-blau);
  	} 
  	
  	.primary-navigation .primary-menu-container {
	  	margin-left: 0;
	  	width: fit-content;
	  	float: left;
  	}
  	
  	.primary-navigation .sub-menu {
	  	border:none;
	  	margin-top: -3px;
  	}
  	
  	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
	  	display: none;
  	}
  	.site-header {
	padding-top: 0;
	padding-bottom: 2rem;
	row-gap: 0;
	}
	
	.primary-navigation .language-menu {
		width: fit-content;
		float: right;		
	}
	.primary-navigation .language-menu ul{
		list-style: none;
		padding: 0;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.primary-navigation .language-menu ul li{
		display: flex;
		padding-right: 1rem;
	}
	.primary-navigation .language-menu .menu-item a{
		opacity: .5;
	}
	.primary-navigation .language-menu .menu-item.current-lang a{
		opacity: 1;
	}

  	
  

 
 
 
 /* Content */

h1.page-title {
	color: var(--entry-header--color);
}

.home .page-header { 
	border-bottom:2px solid var(--adssa-sandgrau);
	margin-bottom: calc(-3 * var(--global--spacing-vertical));
}
 
h2.entry-title {
	
}

/* Blog */

.adssa-blogroll-image .post-thumbnail .wp-post-image{
	margin-top: 2rem;
}

.entry-header .adssa-blogroll-image .post-thumbnail img{
 	width: calc(var(--responsive--alignwide-width)/3) !important;
 	max-width: calc(var(--responsive--alignwide-width)/3) !important;
 	margin-left: 0; 

}

.adssa-meta-list {
	font-size: .85rem;
	color: var(--adssa-dunkelgrau);
	max-width: var(--responsive--aligndefault-width);
	margin-left: auto;
	margin-right: auto;
}

.adssa-meta-list .post-taxonomies {
	display: none;
}

.entry-header .post-thumbnail .adssa-preview {
	width: auto;
	max-width: 50%;
	margin-left: 0;
}
.pagination, .comments-pagination {
	border-top: 3px solid var(--adssa-sandgrau);
}
article.post h2.entry-title{
	padding-top: 2rem;
	border-top: 1px solid var(--adssa-sandgrau);
}

/* Formulare */

.wpcf7-form-control-wrap {
	margin-bottom: 1rem;
	display: block;
}
 
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, select {
	border: 1px solid var(--adssa-dunkelgrau);
	border-radius: 0;
	background-color: var(--adssa-sandgrau);
	width: 100%;
}

input[type=checkbox], input[type=radio] {
	border: 2px solid var(--adssa-dunkelgrau);
}

.wpcf7 .one-half {
	width: 49%;
}

.wpcf7 .one-half.first {
	float: left;
}
.wpcf7 .one-half.last {
	float: right;
}
.wpcf7 .full {
	width: 100%;
	float: left;
}

.adssa-form-spacer {
	width: 100%;
	height: 2rem;
	float: left;
}

.wpcf7-list-item {
	margin: 0 1rem 0 0;
}


 /* Footer */
 
.site-footer {
	 padding-bottom: 0;
	 width: 100%;
	 background: var(--adssa-dunkelgrau);
	 color:#fff;
 }
 
.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active{

	 color:#fff;
 }
 
 
 /* RESPONSIVES */
 
 @media only screen and (max-width: 481px) {
	 
	 :root {
  --global--font-size-page-title: 2.5rem;
  --heading--font-size-h1: 2.5rem;
  --heading--font-size-h2: 1.5rem;
  --heading--font-size-h3: 1.25rem;
  --heading--font-size-h4: 1rem;
  --global--font-size-base: 1rem;
  --global--font-size-xs: .85rem;
	}
	 
	 .site-content {padding: 0 1em;}
	 
	 .site-branding {margin-right: 30vw;}	 
	 .adssa-header-right {width: 100%;}
	 .adssa-header-right .chw-widget {float: left; max-width: 60vw;}
	 
	 .adssa-hero {height: 10rem;}
	 .adssa-supported-by img {max-width: 100%;}
	 
	 .primary-navigation { position: relative; width: 100%; background: var(--adssa-blau); }
	 .menu-button-container { padding-top: 0; padding-bottom: 0; }
	 
	 .primary-navigation-open .menu-button-container {background: var(--adssa-blau); height: 55px; }
	 .primary-navigation-open .primary-navigation > .primary-menu-container {background: var(--adssa-dunkelgrau); }
	 .primary-navigation-open .menu-button-container #primary-mobile-menu {margin-left: 0; padding-left: 1em;}
	 .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background:  var(--adssa-dunkelgrau); }
	 
	 
	 .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {position: relative;}	 
	 .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {max-height: none;}
	 .site-logo .custom-logo { max-width: 100%;}
	 
 }
@media only screen and (max-width: 822px) {
	
	.site-branding {margin-left: 1em;}	 
	.adssa-header-right {margin-left: 0;}
	.wp-block-image.partnerlogo {margin: 0;}
	.wp-block-image.partnerlogo figure {margin-top: 0;}

}
@media only screen and (max-width: 1090px) {

	.primary-navigation .language-menu {float: left; margin-left: 1rem;}

}