/*
Theme Name:   Twenty Twenty One Child SLE 
Theme URI:    https://berlinerseminar.de/
Description:  Twenty Twenty  One Child Theme
Author:       Reiner Henninger
Author URI:   https://tag-it.de
Template:     twentytwentyone
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwentyonechild
*/

@font-face {
    font-family: 'SLEFont';
    /* src: url('./fonts/baskvl.woff') format('woff'); */
    src: url('fonts/ScalaSansRegular.woff2') format('woff2');
   }

body, div.content {
	font-family: 'SLEFont';
}



:root {
--global--font-primary: var("SLEFont", sans-serif);
/* --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "SLEFont", sans-serif); */

--global--color-background: var(--global--color-white);

--sle--color-background: #FBF7F5;
--sle--color-red: #E4032E;
--sle--color-blue:#00376C;
--sle--color-orange:#FFC200;

--sle--color-studium: #00376C;


--sle--font-size-xs: 0.875rem;
--sle--font-size-sm: 1.125rem;
--sle--font-size-md: 1.25rem;
--sle--font-size-lg: 1.75rem;
--sle--font-size-xl: 2.25rem;
--sle--font-size-xxl: 2.75rem;

--global--color-background: var(--sle--color-background);


}
 
 .single .entry-title {
	/* color: var(--entry-header--color); */
	color: var(--sle--color-blue) !important;
	/* font-size: var(--entry-header--font-size); */
	font-size: 10px !important;
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	overflow-wrap: break-word;
}
 
 
 
 h1.page-title {
	 display:none !important;
 }
 
 
 h2 {
	 font-size:2rem !important;
 }
 
 
 .wp-block-group__inner-container {
	 margin-top:40px !important;
 }
 .wp-block-group__inner-container h2, .wp-block-group__inner-container div {
	 padding:0 !important;
	 font-weight:400 !important;
	 border-bottom-width:1px !important;
	 
 }
 
 
 
/* LINK STYLES */
 /* unvisited link */
a:link {
  color: #00376C;
  text-decoration:underline;
}

/* visited link */
a:visited {
  /* color: green; color: green; funktioniert */ */
}

/* mouse over link */
a:hover {
  /* color: red; color: green; funktioniert */ 
   text-decoration:none;/*funktioniert */ 
}

/* selected link */
a:active {
  color:#000 !important; 
  background-color:inherit !important;
} 

a:focus {
	color:#000 !important; 
	background-color:inherit !important; /*funktioniert*/
	outline:none !important;
}
/* ENDE LINK STYLE */


/*START HEADER*/

/*options plugin selektor*/
div#masthead-wrapper {
	 background:var(--sle--color-red);
	 max-width:var(--responsive--alignwide-width);
	 margin:0 auto;
}

ul.polyla_flag {
	padding-left:5px;
	border:0px solid green;
	list-style-type: none;
}

li.lang-item {
	
padding-top:13px;
margin-right:10px;
border:0px solid yellow;
}

div.site-branding {
	border:0px solid white;
	margin-top:10px;
	margin-left:30px;
}
	

/*START SEARCH BOX*/
#masthead  div.wp-block-search__inside-wrapper {
	display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%;
    flex-direction: row;
    justify-content: center;
	/* border:1px solid green; */
	}


form.sle_search-form {
	display:block !important;
	border:0px solid green;
	
}

#masthead .sle_search-field {
	border:0px solid green !important;
	float:left !important;
	border-bottom: 2px solid white  !important;
	background-color:var(--sle--color-red);
	color:white  !important;
	margin-right: calc(-1 * var(--button--border-width));
	padding: var(--form--spacing-unit);
	line-height: var(--form--line-height);
	padding:0px !important;
	width:250px !important;
	margin-top:17px;
	outline:none !important;
}

#masthead .sle_search-submit {
	float:left !important;
	background-color:var(--sle--color-red) !important;
	height:30px;width:30px;
	border:0 !important;
	padding:0 !important;
}

@media(max-width:700px) {
	#masthead  div.wp-block-search__inside-wrapper {
		display:none;
	}

#masthead  #HU_logo {
	border:0px solid blue;
	margin-left:5%; 
	/* margin-right:50px; */
}

#masthead  #HU_logo > img{
	border:0px solid green;
	width:40px;
	height:40px;
	margin-top:7px;
}

}

/*ENDE  SEARCH BOX*/

/*START NAVIGATION*/

#masthead  #HU_logo {
	/* display:flex; */
	 margin-right:0px; 
	 margin-top:5px;
	  margin-right:100px;
}

nav.primary-navigation {
	
	border:0px solid green !important;
}

.menu-button-container  {
	display: flex;
	margin-left: auto;
	padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
	font-size: var(--primary-nav--font-size-button);
	font-weight: var(--primary-nav--font-weight-button);
	background-color: transparent;
	/* border: 1px solid yellow; */
	color: var(--primary-nav--color-link);
}


.menu-button-container #primary-mobile-menu { color: #bfbfbf; }.primary-navigation a:link, .primary-navigation a:visited, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg { color: #a8a8a8; }.primary-navigation #menu-item-search.menu-item>.svg-icon { fill: #a8a8a8; }#footer-wrapper {    background-color: #eeee22;    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

@media only screen and (min-width: 822px) {
.menu-button-container .button.button .dropdown-icon.open .svg-icon {
width: 44px;
height: 44px;
}
}

#masthead .svg-icon {
	viewBox:"0 0 24 24";
	width:50px;
	height:50px;
}



/*menüseite rot*/
.primary-navigation-open .primary-navigation > .primary-menu-container {
  	background-color:var(--sle--color-red);
	color:white !important;
}

/*oben rechts kreuz*/
.primary-navigation-open .menu-button-container {
background-color:var(--sle--color-red) !important;
color:white !important;
padding:0 !important;
}

.menu-button-container {padding:0 !important;}

.primary-navigation > div > .menu-wrapper {
    justify-content: center !important;
}

ul.sub-menu {
	width:100%;
	text-align:center !important;
	margin-left:0 !important;
}

/*Hauptmenupunkte*/
.primary-navigation .primary-menu-container > ul > .menu-item > a {
text-align:center !important;
color:#fff !important;
font-size:2rem !important;
font-weight:600 !important;
text-transform:uppercase;
border:0px solid white;
}
/*Untermenüpunkte*/
.sub-menu .menu-item > a {
text-align:center !important;
color:#fff !important;
font-size:1rem !important;
font-weight:600 !important;
text-transform:uppercase;
text-decoration:none !important;
border:0px solid grey;
}

.sub-menu .menu-item > a:focus {background-color:#e60020 !important;}

 .primary-navigation > div > .menu-wrapper > li > .sub-menu, .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
        background-color:#e6002;
    }


/*komm nicht ran, da options überschreibt, in wordpress customizer überschreiben*/

@media only screen and (max-width: 481px) {
.primary-navigation > div > .menu-wrapper > li > .sub-menu, .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
        
   }

}


/*ENDE HEADER*/



/* START SLIDER */
.slider-container {
    position:relative;
    overflow: hidden;
	margin-top:-17px !important;
}

.slider {
    display: flex;
    transition: transform 0.5s ease;
}

.slide {
    flex: 0 0 100%;
    display: flex;
	border:0px solid green;
}

.content {
    flex: 1;
    display: flex;
    align-items: center;
	 justify-content: center;
}

.slide-it-image {
    flex: 0 0 50%;
}

.slide-it-image img {
    /* max-width: 100%; */
    width: 100%;
    height: auto;
}

.slide-it-text {
   flex: 0 0 50%;
   text-align:center;
  border:0px solid red;
  padding:0 20px !important;
}


.slide-it-text  h2 {
    font-size: 26px;
   /* font-size: 2.2vw !important; */
    /* margin-top: 0% !important; */
}

.slide-it-text p {
    font-size: 16px;
     /* font-size: 1.25vw !important; */
    margin: 1.5rem 0;
}

.button-container {
    position: absolute;
    bottom: 0px; 
    left: 0;
    right: 0;
}

.slide-it-prev-button {
    float: left;
}

.slide-it-next-button {
  	float: right;
}


@media (max-width: 1060px) {
    .slide-it-text  {
		padding-top:10px;
	}
	
	.slide-it-text > h2 {
		/* font-size: calc(14px + 0.5vw) !important; */
		font-size: 1.8vw !important;
		font-weight:600;
}

.slide-it-text p {
	font-size: 1.5vw;
    margin: 1rem 0;
}

}

@media (max-width: 768px) {
    
	.content, .slide-it-image, .slide-it-text {
		display:block;
	}
	
	.slide-it-text > h2 {
		margin-top:20px;
		font-size: 22px !important;
	
}

	.slide-it-text p {
    font-size: 16px !important;
    margin: 1rem 0;
}
	
}
	

/* ENDE SLIDER */






/*SLICK CAROUSEL*/
/*
 .slick-slider {
	border:1px solid green;
	width:30% !important;
	
    width: 50vw;
     box-sizing: border-box;

}

*/

#slick_it {
	
	/* border:1px solid green; */
	/*
	display: -webkit-flex;
   display: -ms-flex;
   display: flex !important;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;*/
}




 div.slick-track  {
   /*
   display: -webkit-flex !important;
   display: -ms-flex !important;
   display: flex !important;
   */
    /* background:red; */
   
}

.card {
  /*
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex !important;
*/
  padding: 20px;
  float: left;
  margin: 0px;
  border: 1px solid #aaa;
  height:500px !important;
}

.card_top {
	height:90%;
	
}

.card_top h5 {
	padding:2rem 0;
}
.card_first_line {
	text-align:right;
	padding-bottom:1rem;
}


.card_bottom {
	
	
}

img.sle_download {

width:90px;
	margin-bottom:5px;
	float:left;

}
img.sle_view_more, img.sle_view_more_slider {
	width:175px;
	margin-bottom:5px;
	float:right;
}

img.sle_view_more_slider {
	float:none;
}


@media (max-width: 768px) {
    
	.card {
		float:left  !important;
		width:49% !important;
	}
	
}




/* @media (max-width: 468px) { */
@media (max-width: 420px) {
    
	.card {
		float:none  !important;
		width:99% !important;
	}
	
	

	
}












/*ENDE SLICK CAROUSEL*/

.textbox_centered {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh; /* fixed height for vertical centering */
	border:0px solid red;
}
.textbox_centered_content {

}
	

div.start_message {
	width:80%;
	text-align:center;
	color:var(--sle--color-studium);
}

p.sle_message {
	font-weight:bold;
	font-size:var(--sle--font-size-lg);
}

.start_message p.author {
	margin-top:2.5rem;
}

@media (max-width: 768px) {
    p.sle_message {
	font-weight:bold;
	font-size:var(--sle--font-size-md);
	}
	
	.start_message p.author {
	font-size:var(--sle--font-size-xs);
	}
}

.trans_titel {
	color:var(--sle--color-blue);
	font-size:var(--sle--font-size-xxl);

}

.transformation {
	padding-bottom:3rem;
}

/* TEAM */
.team_container {
	display: flex;
	flex-wrap: wrap;
	
}

.team_container > * {
 flex: 0 0 50%;
 
}

.team_image {
	
		  
}

.team_image img {
   
	
	/* padding-right: 20px; */
}

.team_text {
	padding-top:5rem;
	padding-left:2rem;
	text-align:center;
	
}

.team_text h2 {
	margin-bottom:30px;
}

/*Buttons*/

	.team_ueber_uns {
		margin-left:20px; 
	}

@media(max-width:700px) {
	
	.team_ueber_uns {
		
		margin-left:0;
		
	}
}

@media (max-width: 768px) {
    .team_container {
		display:block;
	
	}
	.team_container > * {
		display:block;
		font-size:var(--sle--font-size-sm);
		border:0px solid blue;
	}
	.team_text {
		padding:2rem;
	}
}





/* ENDE TEAM */







/*PARTNER*/
.partner_start {
    display: flex;
    justify-content: center; 
    align-items: center;
    height: 70vh;
	border:0px solid red;
}
.partner_start_inner {
  	font-weight:3rem;
	text-align:center;
}

.partner_start_inner p {
	margin:1.7rem 0;
}


.partner-start-images {
	margin:2rem 0;
	display:flex;
	border:0px solid red;
	column-gap: 50px;
}
.partner-start-images img {
	height:50px;
}

@media (max-width: 768px) {
    .partner_start {
		height:60vh;
	
	}
	.partner-start-images {
		display:block;
		border:0px solid blue;
	}
	.partner-start-images img {
	height:40px;
	margin-bottom:2rem;
}
}





/*ENDE PARTNER*/

.sle-button {
	
	height:50px;
}




/*SLE footer*/
footer#colophon.site-footer {

margin-top:0px;
max-width:1240px;
/* border:1px solid red; */
margin:auto;
/* background:yellow; */
	
}

footer#colophon a {
	text-decoration:none !important;
}

.quadrat {height: 1.2rem;width: 1.2rem;margin-right:1.6rem;}

.quadrat-orange {background-color: var(--sle--color-orange);}
.quadrat-blue {background-color: var(--sle--color-blue);}
.quadrat-red {background-color: var(--sle--color-red);}

.flex-container1 {
    display: flex;
	flex-wrap: wrap;
	margin-left:10px;
}

.flex-container1 > div {
	padding:5px;
	min-height:3rem;
}
 
.col-right {
	justify-content:right;
} 

.col-center {
	justify-content:center;
} 
   
.col-1 {
    flex-basis: 49%;
}
.col-2 {
	 flex-basis: 50%;
}

.col-leer {
    flex-basis: 99%;
	height:18rem;
}

.col-3, .col-4, .col-5, .col-6 {
    flex-basis: 33%;
}

.col-3 > p, .col-4 > p, .col-5 > p {
    font-size:40px;
	font-weight:600;
}

.col-1, .col-2, .col-3, .col-4, .col-5 {
	display:flex;
	align-items: center;
}

.col-6 {
		 font-size:0.7rem;
}

.col-7 {
    flex-basis: 66%;
	text-align:right;
	font-size:0.8rem;
}

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

 .col-3 > p, .col-4 > p, .col-5 > p {
    font-size:30px;
	font-weight:400;
 }



}

@media only screen and (max-width: 950px) {
	
	.flex-container1, .col-2,  .col-7 {
       display:block;
	  }
		
		.col-2 > p {
			padding:15px 0;
		}
		
		
		.col-4, .col-7 {
			text-align:left;
		}
	.col-leer {
		display:none;
	}
	.col-right, .col-center {
	justify-content:left;
	} 
	
	.col-3 > p, .col-4 > p, .col-5 > p {
    font-size:20px;
	font-weight:400;
	padding:10px 0;
}

.quadrat {margin-right:1rem;}
}

/*Ende SLE footer*/

div.mit_menu {
	max-width: 200px; 
	margin-top:40px;
	border-top:1px solid grey;
}

p.mit_menu {
	margin:30px auto 5px;
	font-weight:bold;
}
table.sle td {
	border:none !important;
}




.linke_spalte.team {float: left; width: 50%; margin-left:14% !important;margin-right:3% !important;min-height:400px;color:#58585A;border:0px solid #a1a1a1;}
.rechte_spalte.team {float: left; width: 20% !important; min-height:100px;margin-top:60px;border:0px solid grey;font-size:1rem;}


.linke_spalte.aktiv {float: left; width: 40%; margin-left:20% !important;margin-right:3% !important;min-height:400px;color:#58585A;border:0px solid #a1a1a1;}
.rechte_spalte.aktiv {float: left; width: 20% !important; min-height:100px;margin-top:60px;border:0px solid grey;font-size:1rem;}



div.linke_spalte h1 {font-size:2rem;color:#00376C;margin-bottom:15px;}

@media only screen and (max-width: 575.98px) {
		 
	div.gall_column {
		width: 100% !important;
    }	


	.linke_spalte.team, .linke_spalte.aktiv {
		width:90% !important;
		margin:0 auto !important;
		float:none;
		text-align:center;
	}

	.rechte_spalte.team, .rechte_spalte.aktiv {
		float:none;
		min-width:70% !important;margin:0 auto !important;text-align:center;
	}
}	




/* neue mitarbeiterseite */
@media only screen and (max-width: 910px) {
		 div.gall_column {
    width: 50% !important;
  }	
	
}



div.gall_main {
	width:99%;
	margin-top:2%;
}

div.gall_main  * {
	box-sizing:border-box;
}

div.gall_main  a {
	font-size:1.5rem !important;
}

div.gall_main > h1 {
	margin-left:6%;
	margin-bottom:0%;
	border:0px solid grey;
	clear:both;
	font-size:2.2rem;
	color:#00376C
}

div.gall_row {
	margin-left:5.7%;
}

div.gall_column {
 float: left;
  width: 33%;
}

.gall_content {
   padding: 10px;
}

.gall_row:after {
  clear: both;
}



table.mitarbeiter {
	text-align: left; 
	width: 100%;
	border:0px !important;
}

table.mitarbeiter td {
	/* width:30%; */
	margin-bottom:30px;
	vertical-align:top;
	border:0px !important;
}

table.mitarbeiter h3 {
	color:#00376c;
}

table.mitarbeiter img {
	border:1px solid #58585a;

}

/* Start Publikationsgrid */

.pub_container {
	margin-top:3%;
	margin-bottom:10%;
	margin-left:5.8%;
	display: grid; 
	grid-template-rows: 120px, repeat(6, 150px);
	grid-template-columns: repeat(3, 30%);
	grid-row-gap: 50px; 
	grid-column-gap: 25px;
}

.first_row {
  grid-area: 1 / 1 / 1 / span 3;
  justify-self: start;
}

.pub_container img {
	 transition: opacity 0.25s ease-in-out;
}

.pub_container img:hover {
  opacity: .5;
}

.pub_font, .pub_weiter {
font-size: 2rem; 
font-weight: bold; 
color: #00376c; 
	
}

.pub_font {

margin-left: 5.8%;
 margin-top: 5%;
 }

.pub_weiter {
padding-top: 15px; 
}


/* Ende Publikationsgrid */