/*
	
		-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
*/



/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
			 url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
			 url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
			 url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			 url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
			 url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Speichern neue Farben.
 --actioncolor: #435F04;
 --repcolor: #435F04;

 --refcolor: #435F04;
 
 --gelb: #B35716;
 --rot: #B93038;
 --turkies: #356262;
 --dunkelblau: #233153;
 --hellblau: #315989;
 --orange: #77310B;
*/

:root {
  --schwarz: #645E5E;
  --weiss: #FFFFFF;
	--grau: #9DA0A1;
	--hellgrau: #EBECEC;
	--bgcolor: #F3F2F1;
	--bgcolorhell: rgba(151, 191, 13, 0.2);
  
  --maincolor: #9DA0A1;
  --actioncolor: #97BF0D;
	--repcolor: #97BF0D;
	
	--refcolor: #97BF0D;
	--refcolorbg: rgba(151, 191, 13, 0.2);
	
	--gelb: #F3C247;
	--gelbhell: rgba(216, 149, 16, 0.2);
	--rot: #B93038;
	--rothell: rgba(185, 48, 56, 0.2);
	--turkies: #5D9C9C;
	--turkieshell: rgba(93, 156, 156, 0.2);
	--dunkelblau: #516BA2;
	--dunkelblauhell: rgba(81, 107, 162, 0.2);
	--hellblau: #66A3D6;
	--hellblauhell: rgba(102, 163, 214, 0.2);
	--orange: #CF6F1E;
	--orangehell: rgba(207, 111, 30, 0.2);
  
	--fontfamily: 'Roboto', Arial, Helvetica;
  --bold: 700;
	--medium: 500;
	--regular: 300;
  --fontsize: 110%;
	--lineheight: 140%;
	
	--abstand1: 1vh;
	--abstand2: 2vh;
	--abstand3: 3vh;
	--abstand5: 5vh;
	--abstand7: 7vh;
	--abstand10: 10vh;

	
	--headerheight: 90px;
	--adminspace: 73px;
	--seitenrand: 7vw;
	--maxwidthcontent: 1400px;
	
	--footerheight: 110px;
	--footerheightfront: 200px;
	--abstandtop: 5vh;
	--spaltenbreite: 16vw;
	--sliderpfeil: 50px;
	--iconsize: 50px;
	--seitenrand: 5vw;
	--arrowwidth: 30px;
	
	--headerslideinnen: 33vh;
	
	--headerheightmobile: 70px;
}

*:focus {
	outline: none;
}




/* !BACKGROUNDS & COLORS */

.actioncolor-bg {
	background: var(--actioncolor);
}

.bg-gelb {
	background: var(--gelb);
}

.bg-gelb-hell {
	background: var(--gelbhell);
}

.bg-rot {
	background: var(--rot);
}

.bg-rot-hell {
	background: var(--rothell);
}

.bg-turkies {
	background: var(--turkies);
}

.bg-turkies-hell {
	background: var(--turkieshell);
}

.bg-dunkelblau {
	background: var(--dunkelblau);
}

.bg-dunkelblau-hell {
	background: var(--dunkelblauhell);
}

.bg-hellblau {
	background: var(--hellblau);
}

.bg-hellblau-hell {
	background: var(--hellblauhell);
}

.bg-orange {
	background: var(--orange);
}

.bg-orange-hell {
	background: var(--orangehell);
}

.bg-grau {
	background: var(--schwarz);
}

.bg-grau-hell {
	background: var(--grau);
}













label.js-form-required:after {
	content: "*";
}
.views-field-edit-node {
	position: relative;
	z-index: 95;
}


.views-field-edit-node a:link,
.views-field-edit-node a:visited {
	color: red;
	padding: 3px 10px;
	border: solid 1px red;
	background-color: var(--weiss);
}

.views-field-edit-node a:hover,
.views-field-edit-node a:active {
	color: var(--weiss) !important;
	background: red;
	padding: 3px 10px;
	border: solid 1px red;
}




div.tabs {
  margin: 1em 0;
}
ul.tabs {
  list-style: none;
  margin: 0 0 0.5em;
  padding: 0;
}
.tabs > li {
  display: inline-block;
  margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
  margin-left: 0.3em;
  margin-right: 0;
}
.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
}
.tabs a.is-active {
  background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
  background-color: #f5f5f5;
}



.user-login-form .form-item-name {
	width: 49%;
	float: left;
}

.user-login-form .form-item-pass {
	width: 49%;
	float: right;
}

.user-login-form .form-item input {
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 5px 0px;
}


.user-login-form .form-actions {
	clear: both;
}


/* Colorbox Overrides*/

button:focus {outline:0;}


#cboxPrevious,
#cboxPrevious:hover {
	background-image:url('../images/galprev.svg');
	width:33px;
	height:33px;
	background-position: left top;
	background-size: 100% 100%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cboxNext,
#cboxNext:hover {
	background-image:url('../images/galnext.svg');
	width:33px;
	height:33px;
	background-position: left top;
	background-size: 100% 100%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#cboxClose,
#cboxClose:hover {
	background-image:url('../images/galclose.svg');
	background-size: 100% 100%;
	background-position: left top;
	width:33px;
	height:33px;
	top:-7px;
	right:-7px;
}
#cboxOverlay {
	background:var(--weiss);
}

#cboxContent {
	background:var(--weiss);
	overflow: visible !important;
}

#cboxLoadedContent {
	border: 12px solid var(--weiss);
	background: var(--weiss);
}

#cboxWrapper {
	background:transparent;
	padding-top:0px;
	overflow: visible !important;
}

#cboxTitle {
	left:12px;
	top:-18px;
	color: var(--schwarz);
	display: none !important;
}

#cboxCurrent {
	right:12px;
	top:-18px;
	color:var(--schwarz);
	display: none !important;
}


#cboxLoadedContent {
	border: 0px !important;
	overflow: visible !important;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	overflow: visible !important;
}

#cboxPrevious {
	left: -7px;
}

#cboxNext {
	right: -7px;
}



/* Login und Pass-Form */


.user-login-form {
	display: table;
	width: 100%;
}


.user-login-form .js-form-item {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.user-login-form .js-form-item input,
.user-pass .js-form-item input  {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}








input[type="checkbox"] {
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 1px solid var(--schwarz);
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	
	display: grid;
	float: left;
	margin-right: 7px;
	margin-top: 3px;
	place-content: center;
}

input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--maincolor);
	
	/* Windows High Contrast Mode */
	background-color: CanvasText;
	
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type="checkbox"]:checked::before {
	transform: scale(1);
}

input[type="checkbox"]:focus {
	outline: max(2px, 0.15em) solid currentColor;
	outline-offset: max(2px, 0.15em);
}



/* Suche im Content */


.region-content .search-form input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: var(--weiss);
	border-style: none;
	padding: 10px 25px;
	box-sizing: border-box;
}

.region-content .search-form input.js-form-submit:hover {
	background-color: var(--grau);
}

.region-content .search-form input.form-search {
	padding: 8px 25px;
	box-sizing: border-box;
}

.region-content .search-form label {
	clear: both;
	display: block;
}

.region-content .search-form .search-help-link {
	font-size: 80%;
}




.flexslider {
  margin: 0 0 0px;
  border: 0px solid #ffffff;
  zoom: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}


.flex-control-nav {
	bottom: 40px;
	z-index: 99;
}

.flex-control-paging li a {
	border-radius: 0px;
	width: 16px;
	height: 16px;
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	-o-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

.flex-control-paging li a {
	background-color: var(--maincolor);
}

.flex-control-paging li a.flex-active {
	background-color: var(--weiss);
}



/* !WEBFORM */

.webform input[type=text],
.webform input[type=tel],
.webform input[type=email] {
	border: 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	height: 50px;
	width: 100%;
	color: var(--schwarz);
} 

.webform select {
	height: 50px;
	border: 0px;
	width: 100%;
	background-color: var(--weiss);
	padding: 0px 15px;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--schwarz);
}

.webform textarea {
	border: 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	color: var(--schwarz);
	
}

.webform .js-form-wrapper {
	margin: 0px 0px 0px 0px;
}

.webform .form-item {
	margin: 0px 0px 10px 0px;
}

.webform .wfleft {
	width: 50%;
	float: left;
}

.webform .wfleft input {
	width: calc(100% - 10px);
	float: left;
}

.webform .wfright {
	width: 50%;
	float: right;

}

input.js-form-submit {
	margin-top: 1em;
	background-color: var(--actioncolor);
	color: var(--weiss);
	border-style: none;
	padding: 13px 20px;
	box-sizing: border-box;
	text-transform: uppercase;
}

input.js-form-submit:hover {
	background-color: var(--maincolor);
	color: var(--weiss);
}

.webform .messages--error {
	margin-bottom: 20px;
}
.webform .wfcont {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}


.webform .wfcont > div {
	flex-basis: 45%;
}

.webform .webform-actions input {

}
.webform-confirmation {
	background: red;
	padding: 20px;
	box-sizing: border-box;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--grau);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--grau);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--grau);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--grau);asdf
}

/* !ADMIN*/ 


ul.tabs {
	border-bottom: solid 1px #CCCCCC;
	margin-top: 0px !important;
	margin-bottom: 30px;
	margin-top: 30px !important;
}

ul.tabs a,
ul.tabs a:visited {
	color: var(--schwarz);
}

ul.tabs a:hover,
ul.tabs a:active {
	color: var(--maincolor);
}


/* !ALLGEMEIN */

html {

}


html,
button,
input,
select,
textarea {
	font-family: var(--fontfamily);
	font-style: normal;
	font-weight: var(--regular);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
}

.node--type-error-page .field--name-body {
	font-size: 1000%;
	line-height: 100%;
	text-align: center
}

.maxwidth {
	margin-left: 5vw;
	margin-right: 5vw;
}

.paragraph--type--accordion-block {

}


a,
a:visited {
	text-decoration: none;

	
}

a:hover,
a:active {
	text-decoration: none;
}

.region-content a,
.region-content a:visited {
	text-decoration: none;
	color: var(--refcolor);
}

.region-content a:hover,
.region-content a:active {
	text-decoration: none;
	color: var(--schwarz);
}

.region-content a svg {
	margin-left: 5px;
}


.setcolor {
	color: var(--refcolor);
}

h1 {
	font-style: normal;
	font-size: 330%;
	text-transform: uppercase;
	color: var(--refcolor);
	font-weight: var(--bold);
	line-height: 115%;
	margin: 0px 0px 20px 0px;
}

h1.page-title {
	margin-top: 0px;
	padding-top: 0px;
}

h2 {
	font-size: 220%;
	line-height: 115%;
	color: var(--refcolor);
	font-weight: var(--bold);
	margin: 3vh 0px 20px 0px;
}

h2.blocktitel  {
	margin: 0px;
	padding: 0px;
	color: var(--schwarz);
	font-size: 140%;
	line-height: 115%;
}


h3 {
	font-size: 180%;
	line-height: 115%;
	color: var(--refcolor);
	font-weight: var(--bold);
	margin: 3vh 0px 10px 0px;
}

h3.blog-liste-titel {
	font-size: 130%;
	line-height: 115%;
}

h4 {
	font-size: 110%;
	line-height: var(--lineheight);
	color: var(--refcolor);
	font-weight: var(--medium);
	margin: 3vh 0px 10px 0px;
}

h5 {
	margin: 0px;
	padding: 0px;
	font-size: 105%;
	line-height: 115%;
}

.text-s {
	font-size: 80%;
	line-height: var(--lineheight);
}

.text-m {
	font-size: 90%;
	line-height: var(--lineheight);
}


p {
	margin: 0px 0px 20px 0px;
}

li p {
	margin: 0px;
	padding: 0px;
}


.views-field-operations .dropbutton-wrapper {
	display: table;
	color: var(--schwarz) !important;
	position: relative;
}

.views-field-operations .dropbutton-wrapper a,
.views-field-operations .dropbutton-wrapper a:visited {
	color: var(--schwarz) !important;
}

.views-field-operations .dropbutton-wrapper a:hover,
.views-field-operations .dropbutton-wrapper a:active {
	color: var(--actioncolor) !important;
}

.ui-accordion .ui-accordion-content a,
.field--name-body a,
.field--name-field-text a {
		
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


.ui-accordion .ui-accordion-content ul,
.field--name-body ul,
.field--name-field-text ul,

.ui-accordion .ui-accordion-content ol,
.field--name-body ol,
.field--name-field-text ol  {
	margin: 0px;
	padding: 0px 0px 20px 40px;
}

.ui-accordion .ui-accordion-content table,
.field--name-body table,
.field--name-field-text table {
	margin-bottom: 20px;
}

ol.search-results {
	padding: 0px 0px 0px 0px;
	margin-top: var(--abstand5);
}


.ui-accordion .ui-accordion-content h2:nth-child(1),
.ui-accordion .ui-accordion-content h3:nth-child(1),
.ui-accordion .ui-accordion-content h4:nth-child(1),
.ui-accordion .ui-accordion-content h5:nth-child(1) {
	margin-top: 0px;
}

.ui-accordion .ui-accordion-content .field--name-field-bausteine .field__item:nth-child(1) .paragraph {
	margin-top: 0px !important;
}

body {
	font-size: var(--fontsize);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: var(--lineheight);
	
	padding: 0px;
	margin: 0px;
	position: relative;

	color: var(--schwarz);
}
body.page-node-type-homepage {
	background: #FFFFFF !important;
}


.bodybg {
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: var(--weiss);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.1;
}

.path-imce .bodybg {
	display: none !important;
}

body.navactive {
	overflow: hidden;
}


body.page-node-type-blog-uebersicht,
body.page-node-type-blog {
	/* background-color: var(--bgcolor); */

}

.layout-container {
	position: relative;
	z-index: 20;
	padding-top: var(--headerheight);
}

.authenticated .layout-container{
	/* padding-top: calc(var(--headerheight) + var(--adminspace)); */
}

body.page-node-type-blog-uebersicht .headerimagecontainer,
body.page-node-type-blog .headerimagecontainer {
	height: 10vw;
	min-height: 150px;

}
.headerimagecontainer {
	min-height: var(--adminspace);
}

.region-headerimage {
	height: var(--headerslideinnen);
	position: relative;
	
}

.region-headerimage .bgimg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}




.region-headerimage .flexslider ul li {
	height: var(--headerslideinnen);
}

.region-before-content {
	/* min-height: calc(var(--abstandtop) + 10px); */
}


.rtecenter,
.center {
	text-align: center;
}

.text-formatted table {
	width: 100%;
	border-left: solid 1px var(--maincolor);
	border-top: solid 1px var(--maincolor);
	overflow: auto;
}

.text-formatted  table td {
	border-bottom: solid 1px var(--maincolor);
	border-right: solid 1px var(--maincolor);
	padding: 5px 10px;
	box-sizing: border-box;
}
.text-formatted  table td a {
	border: solid 2px transparent;
	display: inline-block;
	line-height: 100%;
}

.text-formatted  table td a:hover {
	border: solid 2px var(--refcolor);
}



/*  !HEADER */ 

header.pageheader {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 99;
	width: 100%;
	background: var(--weiss);
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	border-bottom: solid 1px var(--grau);
}

.authenticated header.pageheader {
	top: var(--adminspace);
}


.region-header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: var(--headerheight);
}


#block-whtheme-branding{
	position: absolute;
	left: var(--seitenrand);
	top: 50%;
	line-height: 0px;
	z-index: 99;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#block-whtheme-branding img {
	width: auto;
	height: calc(var(--headerheight) - 40px);
}

#block-whtheme-branding svg {
	width: auto;
	height: calc(var(--headerheight) - 40px);
}

#block-whtheme-branding svg path {
	fill: var(--refcolor) !important;
}

/*
#block-whtheme-search {
	position: absolute;
	top: 50%;
	right: var(--seitenrand);
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

#block-whtheme-search input[type='search'] {
	height: calc(var(--headerheight) - 40px);
	box-sizing: border-box;
	border-radius: 30px;
	border: solid 1px var(--grau);
	padding: 0px 60px 0px 20px;
	min-width: 180px;
}


#block-whtheme-search input[type='submit'] {
	position: absolute;
	right: 20px;
	top: 0px;
	height: 100%;
	width: 40px;
	background-color: transparent !important;
	margin: 0px !important;
	text-indent: 100px;
	white-space: nowrap;
	background-image: url('../images/lupe.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px  auto;
}
*/

.container-inline div, 
.container-inline label {
	display: initial;
}

.block-superfish {
	position: absolute;
	left: calc(var(--seitenrand) + 250px);
	top: 0px;
	z-index: 98;
}



.clickbox {
	position: absolute;
	z-index: 90;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.clickbox img {
	width: 100%;
	height: 100%;
}




/* !FOOTER */

footer {
	background: var(--schwarz);
	color: var(--weiss);
	padding: var(--abstand5) 0px;
	box-sizing: border-box;
	margin-top: var(--abstand10);
}

footer h2,
footer h3 {
	color: var(--weiss);
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 150%;
	line-height: var(--lineheight);
}

footer a,
footer a:visited {
	color: var(--weiss);
}

footer a:hover,
footer a:active {
	color: var(--schwarz);
}

footer .views-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

footer .views-row > div {
	flex-basis: 33.333333%;
	padding-right: 20px;
	box-sizing: border-box;
}

.region-regionbottom {
	margin-top: var(--abstand2);
	padding-bottom: 100px;
}

.footermenu {

}

.usermenu ul.menu {
	list-style: none;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.usermenu ul.menu li:not(:last-child) {
	margin-right: 0px;
}

.usermenu ul.menu li:not(:last-child) a:after {
	content: "|";
	margin-left: 20px;
}

.usermenu ul.menu a,
.usermenu ul.menu a:visited {
	color: var(--schwarz);
	display: block;
	padding: 10px 20px 10px 0px;
	box-sizing: border-box;
}

.usermenu ul.menu a:hover,
.usermenu ul.menu a:active,
.usermenu ul.menu a.is-active {
	color: var(--refcolor);
}


.view-footer-bildungmenu.view-display-id-block_2 {
	position: absolute;
	top: calc(100vh - var(--footerheight));
	z-index: 99;
	width: 400px;
	height: 50px;
}

.view-footer-bildungmenu.view-display-id-block_2 ul.slides {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 300px !important;
	border: solid 2px red;
	height: 40px;
	
	-webkit-transform: none !important;
	-moz-transform:  none !important;
	transform:  none !important;
	
}


.bildungmenu .views-field-field-bezeichnung-subtitel,
.bildungmenu  .views-field-field-farbe-2 {
  display: none;
}


.page-node-type-homepage .bildungmenu .views-row .views-field-field-bezeichnung {
	display: none !important;
}

.bildungmenu .views-row.out {
	display: none !important;
}

.bildungmenu .views-row .views-field-field-bezeichnung {
	position: absolute;
	left: 0px;
	top: 50px;
	bottom: 0px;
	font-size: 100%;
	line-height: var(--lineheight);
	width: calc(100vw - 40px);
	opacity: 0;
	white-space: initial;
	background: #FFFFFF;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	padding: 0px 20px 20px 20px;
	box-sizing: border-box;
	height: 100px;
	z-index: 99;
}


.bildungmenu .views-row:hover .views-field-field-bezeichnung {
	opacity: 1;
}


footer .bildungmenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: calc(var(--spaltenbreite) * 1.5);
	height: 30px;
}



.region-startslider .bildungmenu {
	position: absolute;
	left: 0px;
	top: calc(100vh - var(--footerheight) - 20px);
	width: calc(var(--spaltenbreite) * 1.5);
	height: 30px;
}

.bildungmenu .view-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.bildungmenu .views-row {
	flex-basis: 100%;
	/* position: relative; */

}

.bildungmenu .colorfleck {
	width: 100%;
	transform: scale(1);
	transition: all 0.6s ease-in-out;
	position: relative;
	z-index: 60;
}

.bildungmenu .colorfleck:hover {
	transform: scale(1.2);
	transition: all 0.6s ease-in-out;
	z-index: 65;
}

.bildungmenu .colorfleck a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0px;

}


.bildungmenu .colorfleck img {
	width: 100%;
	height: 45px;
}



/* !CONTENT */


.content-wrapper {
	padding-top: var(--abstand5);
}

.maxwidthcontent,
.user-login-form,
.user-pass,
.path-search #block-whtheme-content {
	max-width: var(--maxwidthcontent);
	margin-left: auto;
	margin-right: auto;
}



.content-image-block-wrapper {
	color: var(--weiss);
	padding: var(--abstand10) 0px;
	box-sizing: border-box;
	position: relative;
	height: 60vh;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.content-image-block-content {
	width: 80%;
}

.content-image-block {
	position: relative;
	z-index: 20;
	flex-basis: 100%;
}

.content-image-block h1 {
	color: var(--weiss);
	position: relative;
	z-index: 20;
}

.content-image-block .page-body {
	font-size: 140%;
	line-height: var(--lineheight);
}


.content-image-block .page-contentlinks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: var(--abstand3);
}

.content-image-block .page-contentlinks > button {
	margin-bottom: 10px;
}

.content-image-block .page-contentlinks > button:not(:last-child) {
	margin-right: 20px;
}

.content-image-block-wrapper .page-bgimage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.content-image-block-wrapper .page-bgimage img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	position: relative;
	filter: grayscale(1);
	opacity: 0.16;
}


.gymnasienliste {
	
}

.gymnasienliste .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: stretch;
}

.gymnasienliste .view-content > .views-row {
	flex-basis: calc(33.333333% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	padding: 30px 30px 100px 30px;
	box-sizing: border-box;
	position: relative;
}

.gymnasienliste .view-content > .views-row:nth-child(3n+3) {
	margin-right: 0px;
}

.gymnasienliste h3 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.gymnasienliste a,
.gymnasienliste a:visited,
.gymnasienliste a:hover,
.gymnasienliste a:active {
	color: var(--weiss);
}


.gymnasienliste button.transparent {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.blocktitel-wrapper {
	background: var(--refcolorbg);
	position: relative;
	padding: 20px 40px;
	box-sizing: border-box;
	text-transform: uppercase;
	margin-bottom: var(--abstand3);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}


.blocktitel-wrapper:before {
	content: " ";
	display: block;
	width: 20px;
	height: 100%;
	background: var(--refcolor);
	position: absolute;
	left: -20px;
	top: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.blogliste .view-footer {
	text-align: center;
	margin-top: var(--abstand3)
}


/* SHORTLINKS */

.region-overall {
	position: relative;
	z-index: 99;
}

.shortlinks {
	position: fixed;
	right: 0px;
	z-index: 99;
	top: calc(100vh / 2);
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.shortlinks .views-row {
	width: var(--iconsize);
	height: var(--iconsize);
	background: var(--schwarz);
	padding: 0px;
	box-sizing: border-box;
	margin-bottom: 1px;
	position: relative;
	transform: scale(1);
	transition: all 0.6s ease-in-out;
}

.shortlinks .views-row:hover {
	background: var(--actioncolor);
	transform: scale(1.2);
	transition: all 0.6s ease-in-out;
	z-index: 99;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}




.shortlinks .views-row a,
.shortlinks .views-row span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	padding: 15px;
	box-sizing: border-box;
}

.shortlinks .views-row img {
	width: 100%;
	height: auto;
}


/* SEARCH */

.lupe:hover {
	cursor: pointer;
}

.searchoverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	top: 0px;
	left: 0px;
	z-index: 100;
	display: none;
}

.searchoverlay.active {

		display: block;
}


.search {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-70%) translateX(-50%);
	-moz-transform: translateY(-70%) translateX(-50%);
	transform: translateY(-70%) translateX(-50%);
	margin-left: -20px;
	width: 40vw;
}

.search input {
	margin: 0px;
}

.search input[type=search] {
	padding-right: 40px;
	box-sizing: border-box;
	padding: 10px 0px;
	border: 0px;
	border-bottom: solid 2px #FFFFFF;
	background: transparent;
	box-shadow: 0px;
	color: #FFFFFF;
	font-size: 200%;
	width: 100%;
}

.search input[type=submit] {
	position: absolute;
	right: -55px;
	bottom: 0px;
	width: 50px;
	height: 50px;
	background-color: transparent;
	text-indent: 100px;
	background-image: url(../images/searchicon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
}

.search input[type=submit]:hover {
	background-image: url(../images/searchicon_hover.svg);
}


.searchclose {
	z-index: 99;
	position: absolute;
	top: 5vh;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 30px;
	box-sizing: border-box;
	font-size: var(--iconsizesmall);
	line-height: var(--iconsizesmall);
	text-align: center;
	color: var(--weiss);
	
	background-image: url(../images/icon_close.svg);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: center center;
}

.searchclose:hover {
	background-image: url(../images/icon_close_hover.svg);
	cursor: pointer;
	color: var(--actioncolor);
}

/* !BUTTONS */

button,
div.superbutton {
	border: 0px !important;
	padding: 0px;
	margin: 0px;
	background: transparent !important;
}

button.center {
	margin-left: auto !important;
	margin-right: auto !important;
}

button a,
button a:visited,
div.superbutton a,
div.superbutton a:visited {
	display: block;
	padding: 16px 35px;
	box-sizing: border-box;
	border-radius: 30px;
	font-weight: var(--bold);
	text-transform: uppercase;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

button a:hover,
button a:active,
div.superbutton a:hover,
div.superbutton a:active {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

button.standard a,
button.standard a:visited {
	background: var(--weiss);
	color: var(--schwarz);
}

button.standard a:hover,
button.standard a:active {
	background: var(--schwarz);
	color: var(--weiss);
}

button.transparent a,
button.transparent a:visited,
div.superbutton.transparent a,
div.superbutton.transparent a:visited {
	background: var(--weiss);
	color: var(--schwarz);
	border: solid 1px var(--weiss);
	box-sizing: border-box;
}

button.transparent a:hover,
button.transparent a:active,
div.superbutton.transparent a:hover,
div.superbutton.transparent a:active {
	background: var(--schwarz) !important;
	color: var(--weiss) !important;
	border: solid 1px var(--weiss);
}

button.action a,
button.action a:visited {
	background: var(--schwarz);
	color: var(--weiss);
}

button.action a:hover,
button.action a:active {
	background: var(--actioncolor);
	color: var(--weiss);
}

button.superaction a,
button.superaction a:visited {
	background: var(--refcolor);
	color: var(--weiss);
}

button.superaction a:hover,
button.superaction a:active {
	background: var(--schwarz);
	color: var(--weiss);
}

.downloadbutton svg.ext,
.pageheader svg.ext,
.submenu svg.ext,
.dienstemenu svg.ext,
.button svg.ext,
button svg.ext,
div.superbutton svg.ext {
	display: none !important;
}

.button {
	margin-right: 20px;
	margin-bottom: 20px;
}

.button.downloadbutton a {
	background-image: url(../images/icon_download.svg);
	background-position: 25px 15px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

.button a,
.button a:visited {
	display: table;
	padding: 15px 25px 15px 50px;
	box-sizing: border-box;
	background-color: var(--refcolor);
	color: var(--weiss);
	font-weight: var(--medium);
}

.button a:hover,
.button a:active {
	background-color: var(--maincolor);
	color: var(--weiss);
}

.linkbutton a,
.linkbutton a:visited {
	text-transform: uppercase;
	font-weight: var(--bold);
	color: var(--refcolor);
}

.linkbutton a:hover,
.linkbutton a:active {
	color: var(--schwarz);
}


/* !PARAGRAPHS */


.paragraph {
	margin-top: var(--abstand5);
}

.paragraph .paragraph {
	margin-top: 0px !important;
}
.paragraph--type--titel + .paragraph  {
	margin-top: 20px;
}


.paragraph + .paragraph--type--titel > h2 {
	margin-top: var(--abstand10);
}
.paragraph + .paragraph--type--titel > h3 {
	margin-top: var(--abstand7);
	color: var(--schwarz);
}



.downloads {
	
}

.downloads .field__items {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.blogliste .bildtext,
.field--name-field-blog-bild .bildtext {
	display: none;
}
.bildtext {
	font-style: italic;
}

.textbildlr {
	
}


.textbildlr.umflossen.left {
	
}

.textbildlr.umflossen .field--name-field-bild {
	width: 40%;
	margin-bottom: var(--abstand5);
}

.textbildlr.umflossen.left .field--name-field-bild {
	margin-right: 30px;
	float: left;
}

.textbildlr.umflossen.right .field--name-field-bild {
	margin-left: 30px;
	float: right;
}

.textbildlr .field--name-field-bild img {
	width: 100%;
	height: auto;
}

.textbildlr.nichtumflossen {
	display: flex;
	
	justify-content: space-between;
}

.textbildlr.nichtumflossen.left {
	flex-direction: row;
}

.textbildlr.nichtumflossen.right {
	flex-direction: row-reverse;
}

.textbildlr.nichtumflossen > div {
	flex-basis: calc(50% - 15px);
}




.textbildlr.nichtumflossen.left {
	
}


.bildergalerie .field--name-field-bilder-galerie {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.bildergalerie .field--name-field-bilder-galerie > div {
	flex-basis: calc(20% - 10px);
	margin-bottom: 10px;
	margin-right: 10px;
}

.bildergalerie .field--name-field-bilder-galerie > div img {
	width: 100%;
	height: auto;
}


.field--name-field-video {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.field--name-field-video > div {
	flex-basis: 100%;
}
.field--name-field-video > div:not(:first-child) {
	margin-left: 20px;
	
}

video,
iframe {
	width: 100% !important;
	height: auto !important;
}

.field--name-field-media-oembed-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.field--name-field-media-oembed-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


.bilderinreihe {
	
}

.bilderinreihe .field--name-field-bilder-in-reihe {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.bilderinreihe .field--name-field-bilder-in-reihe .field__item {
	flex-basis: 100%;
}

.bilderinreihe .field--name-field-bilder-in-reihe .field__item:not(:last-child) {
	margin-right: 10px;
}

.bilderinreihe .field--name-field-bilder-in-reihe img {
	width: 100%;
	height: auto;
}


.paragraph--type--text-in-rahmen {
	background: var(--bgcolor);
	padding: 20px;
	box-sizing: border-box;
}

.paragraph--type--text-in-rahmen p:nth-last-child(1) {
	margin-bottom: 0px;
}

.paragraph--type--text-in-rahmen h2:nth-child(1),
.paragraph--type--text-in-rahmen h3:nth-child(1),
.paragraph--type--text-in-rahmen h4:nth-child(1) {
	margin-top: 0px;
}

.p-banner {
	background: var(--schwarz);
	color: var(--weiss);
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.p-banner h3 {
	color: var(--weiss);
	margin-top: 0px;
	padding-top: 0px;
}

.banner-content {
	padding-right: 3vw;
	box-sizing: border-box;
}


.p-link-container {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.p-link-container > button {
	margin-top: 10px;
}

.p-link-container > button:not(:last-child) {
	margin-right: 10px;
}

/* BLOG */

.blogbutton {
	position: fixed;
	right: calc(var(--iconsize) + 2px);
	bottom: calc(var(--iconsize) + var(--footerheight));
}

.blogbutton a,
.blogbutton a {
	display: block;
	border: solid 4px var(--weiss);
	color: var(--weiss);
	background: var(--schwarz);
	
	font-size: 200%;
	line-height: 120%;
	padding: 10px;
	text-transform: uppercase;
	font-weight: var(--medium);
	
	width: min-intrinsic;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
	display: table-caption;
	display: -ms-grid;
	-ms-grid-columns: min-content;
}

.blogbutton a:hover,
.blogbutton a:active {
		color: var(--weiss);
		border-color: var(--schwarz);
		background: var(--schwarz);
}

.blogblock {
	margin-top: var(--abstand3);
}

.field--name-field-blog-bild img {
	width: 100%;
	height: auto;
}



.social-sharing-buttons {
	justify-content: flex-start !important;
	position: relative;
	margin-left: -10px;
}

.blogliste .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.blogliste .views-row {
	margin-bottom: var(--abstand5);
	position: relative;
}


.blogliste.alle .views-row {
	margin-bottom: var(--abstand5);
	position: relative;
	flex-basis: calc(33.333333% - 20px);
	margin-right: 30px;
}

.blogliste.alle .views-row:nth-child(3n+3){
	margin-right: 0px;
}

.blogliste.landing {
	margin-top: var(--abstand5);
}

.blogliste.landing .view-content {
	justify-content: space-between;
}

.blogliste.landing .views-row {
	flex-basis: calc(50% - 15px);
}



.blogliste .views-row .views-field-field-blog-bild {
	overflow: hidden;
	line-height: 0px;
	border: solid 1px var(--grau);
	box-sizing: border-box;
}

.blogliste .views-row .views-field-field-blog-bild img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
	position: relative;
}

.blogliste .views-row:hover .views-field-field-blog-bild img {
	transform: scale(1.1);
	transition: all 0.3s ease-in-out;
}


.blogliste h2 {
	padding: 0px;
	margin: 10px 0px;
	color: var(--grau);
}

.blogliste .views-field-field-beitragsdatum {
	margin-top: 10px;
}
.blogliste .views-field-view-node {
	margin-top: 10px;
}

.blogliste .views-row:hover h2 {
	color: var(--refcolor);
}

.page-node-type-blog .field--name-body img:nth-child(1) {

}

.page-node-type-blog .field--name-body table img:nth-child(1) {
	display: block !important;
	width: 100%;
	height: auto;
}


.page-node-type-blog .field--name-body img,
.page-node-type-projekt .field--name-body img {
	max-width: 100%;

	/*
	width: calc(50% - 20px);
	height: auto;
	margin-right: 10px;
	margin-bottom: 20px;
	*/
}

.page-node-type-blog  .blogtextcontainer,
.page-node-type-projekt  .blogtextcontainer {
	display: table;
	width: 100%;
}


.page-node-type-blog  .blogtextcontainer .field--name-field-blog-bild,
.page-node-type-projekt  .blogtextcontainer .field--name-field-blog-bild {
	float: right;
	width: calc(50% - 30px);
	margin-left: 30px;
}


.page-node-type-blog  .field--name-field-beitragsdatum,
.page-node-type-projekt  .field--name-field-beitragsdatum {
	margin-bottom: 20px;
}


/* MAINMENU */

.primarymenucontent {
	overflow: auto;
}

.mobilemenu {
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 80px;
	overflow: auto;
	top: calc(var(--headerheightmobile) + 30px);
	text-align: center;
	display: none;
	margin-bottom: 100px;
	overflow: auto;
}

.mobilemenu ul {
	margin: 0px 0px 5vh 0px;
	padding: 0px;
	list-style: none;
}


.mobilemenu ul li.mlevel1 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.mobilemenu ul li.mlevel1.menu-item--expanded > a:after {
	/* content: url(../images/sprachicon_w.svg); */
	display: block;
	width: 10px;
	height: auto;
	position: absolute;
	right: -10px;
	top: 50%;
	
	-webkit-transform: translateY(-60%) translateX(120%);
	-moz-transform: translateY(-60%) translateX(120%);
	transform: translateY(-60%) translateX(120%);
}
.mobilemenu ul li.mlevel1 > a,
.mobilemenu ul li.mlevel1 > span {
	font-size: 180%;
	line-height: 180%;
	position: relative;
	color: var(--grau);
}

.mobilemenu ul li.mlevel2 > a,
.mobilemenu ul li.mlevel2 > span {
	font-size: 130%;
	line-height: 180%;
	position: relative;
	color: var(--grau);
}

.mobilemenu ul li.mlevel1.menu-item--active-trail > a,
.mobilemenu ul li.mlevel1.menu-item--active-trail > span {
	/* font-weight: var(--bold); */

}



.mobilemenu ul li a,
.mobilemenu ul li a:visited {
	color: var(--grau);
}

.mobilemenu ul li a:hover,
.mobilemenu ul li a:active,
.mobilemenu ul li a.is-active {
	color: var(--refcolor);
	
}
.mobilemenu ul.level2 {
	padding-top: 5px;
	margin-bottom: 30px;

}

.mobilemenu ul.level3 {
	padding-top: 5px;
	margin-bottom: 30px;
	opacity: 0.5;
}

.mobilemenu li.mlevel1:not(.menu-item--active-trail) ul.level2 {
	display: none;
}

.mobilemenu li.mlevel1:not(.menu-item--active-trail) ul.level3 {
	display: none;
}

.mobilemenu li.mlevel1.menu-item--active-trail > a,
.mobilemenu li.mlevel1.menu-item--active-trail > span {
	color: var(--refcolor);
}



.mobilemenu li.mlevel2:not(.menu-item--active-trail) ul.level3 {
	display: none;
}

.mobilemenu li.mlevel2:not(.menu-item--active-trail) ul.level3 {
	display: none;
}

.mobilemenu li.mlevel2.menu-item--active-trail > a,
.mobilemenu li.mlevel2.menu-item--active-trail > span{
	color: var(--refcolor);
}

.mobilemenu ul.level2 li {
	line-height: var(--lineheight);
	margin: 0px 0px 3px 0px;
	text-transform: initial;
}

.mobilemenu ul.level3 li {
	line-height: var(--lineheight);
	margin: 0px 0px 3px 0px;
	text-transform: initial;
}




.mainmenu ul.level2 li.menu-item--active-trail > a,
.mainmenu ul.level2 li.menu-item--active-trail > span {
	color: var(--actioncolor);
}


/* ACCORDION */

.accordionblock {
	text-align: left;
	box-sizing: border-box;
}

.accordionblock h3.accordionblocktitle {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 30px;
}

h3.acctitle {
	color: var(--schwarz);
	font-weight: var(--regular);
}


.accordionblock h4,
.accordionblock h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/*
.ui-widget {
	font-family: var(--fontfamily);
	text-align: left;
}

.ui-widget-content {
	color: var(--grau);
}

.ui-accordion .ui-accordion-content,
.ui-accordion .ui-accordion-content {
	padding: 35px 35px;
	box-sizing: border-box;
}

*/


.page-node-type-legal .ui-accordion .ui-accordion-content ul {
	margin: 0px;
	padding: 0px 0px 0px 22px;
}

.page-node-type-legal .ui-accordion .ui-accordion-content h2 {
	margin-top: 0px;
	padding-top: 0px;
}
.ui-accordion .ui-accordion-content table,
.page-node-type-legal .maincontent table {
	border-left: solid 1px var(--grau);
	border-top: solid 1px var(--grau);
}

.ui-accordion .ui-accordion-content table td,
.page-node-type-legal .maincontent table td {
	border-bottom: solid 1px var(--grau);
	border-right: solid 1px var(--grau);
	padding: 10px;
	box-sizing: border-box;
}

.ui-accordion .ui-accordion-content table td p,
.page-node-type-legal .maincontent table td p {
	margin: 0px;
}

/*

.ui-widget .ui-state-active {

}


.ui-corner-all, .ui-corner-top, 
.ui-corner-right, .ui-corner-tr {
		border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, 
.ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, 
.ui-corner-right, .ui-corner-br {
		border-bottom-right-radius: 3px;
}
*/

/*
.ui-accordion .ui-accordion-header {
		display: flex;
		cursor: pointer;
		position: relative;
		margin: 2px 0 0 0;
		padding: 12px 20px 12px 35px;
		font-size: 100%;
		background-color:#fff;
		border:solid 1px #CCCCCC;
		align-items:flex-start;
		flex-wrap: wrap;
}


.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display:block;
	width:20px;
	height: 20px;
	margin-top: 0px;
	position: absolute;
	left: 15px;
	top: 13px;
}

.ui-accordion .ui-accordion-header.ui-state-hover {
	background-color: var(--bgcolor);
}

.ui-accordion .ui-accordion-header.ui-state-active {
		background-color:var(--refcolor);
		background-image:none;
		border:none;
		font-family: var(--fontfamily);

}


.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
		border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
		border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
		border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
		border-bottom-left-radius: 0px;
}

.acctitle {
	display: block;
	clear: both;
	flex-basis: 100%;
	font-weight: var(--medium);
}

*/

.ui-widget {
	font-family: var(--fontfamily) !important;
}

.ui-accordion .ui-accordion-header {
	position: initial;
}

.ui-accordion .ui-accordion-header h3 {
	margin: 0px !important;
	padding: 0px !important;
	font-weight: var(--bold);
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	margin: 8px 0 0 0;
	padding: 0px 0px 5px 0px;
	border-radius: 0px !important;
	border: solid 0px var(--maincolor);
	
	color: var(--schwarz);
}

.ui-icon, .ui-widget-content .ui-icon {
	position: absolute;
	right: 0px;
	top: 50%;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-corner-all, .ui-corner-bottom, 
.ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, 
.ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, 
.ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, .ui-button:focus {
	border: 0px solid #cccccc;
	background: var(--actioncolor);
	font-weight: normal;
	color: var(--maincolor) !important;
}

.ui-dialog .ui-button:focus {
	background: none !important:
}



.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header.ui-state-focus,
.ui-accordion .ui-accordion-header.ui-state-default {
		display: flex !important;
		cursor: pointer !important;
		margin: 2px 0 0 0 !important;
		padding: var(--abstand2) 70px var(--abstand2) 0px !important;
		background-color:transparent !important;
		border-bottom: solid 1px var(--maincolor) !important;
		align-items:flex-start !important;
		flex-wrap: wrap !important;
		position: relative;
}



	
.acc-fontsize {
	font-size: 130%;
	line-height: var(--lineheight);
}
	

.ui-accordion .ui-accordion-header.ui-state-hover {
	background-color: transparent;
	color: var(--maincolor) !important;
	
		
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.ui-accordion .ui-accordion-header.ui-state-active {
		background-color: transparent;
		border: solid 0px var(--maincolor) !important;
		background-image:none;
		color: var(--maincolor) !important;
		
			
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
}

.ui-accordion .ui-accordion-header.ui-state-active h6 {
	font-weight: var(--bold);
}

.ui-accordion .ui-accordion-content {
	padding: 20px 0px 20px 0px !important;
	box-sizing: border-box;
	border: 0px;
	border-bottom: solid 1px var(--maincolor);
	color: var(--schwarz);
	background: transparent;
	
}

.ui-accordion .ui-accordion-content .views-field-body {
	width: 80%;
}


.ui-accordion .ui-accordion-content a,
.ui-accordion .ui-accordion-content a:visited {
	text-decoration: underline;
	color: var(--maincolor);
}

.ui-accordion .ui-accordion-content a:hover,
.ui-accordion .ui-accordion-content a:active {
	text-decoration: none;
	color: var(--actioncolor);
}


.ui-accordion .ui-accordion-header {

}



.ui-accordion .ui-accordion-header.ui-state-default:after,
.views-accordion-header.ui-state-default:after {
	content: " ";
	display: block;
	position: absolute;
	top: 20px;
	right: 0px;
	height: var(--arrowwidth);
	aspect-ratio: 1;
	background-image: url("../images/accordion_open.svg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}

.ui-accordion .ui-accordion-header.ui-state-active:after {
	content: " ";
	display: block;
	position: absolute;
	top: var(--abstand2);
	right: 0px;
	height: var(--arrowwidth);
	aspect-ratio: 1;
	background-image: url("../images/accordion_close.svg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}


/* SHOW MORE */

.pagercontent {
	position: relative;
}
body:not(.page-node-type-blog-uebersicht) .pagercontent {
	margin-bottom: 100px;
}

ul.pager-show-more  {
	list-style: none;
	margin: 0 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	/* border-top: solid 1px var(--bgcolor); */
	position: relative;
}

ul.pager-show-more  li {
	list-style: none;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
	
}

ul.pager-show-more  li a,
ul.pager-show-more  li a:visited {
	display: table;
	margin-left: auto;
	margin-right: auto;

}


ul.pager-show-more .button a, 
ul.pager-show-more .button a:visited {
	padding: 15px 25px 15px 25px
}

.blogpager {
	border-top: solid 1px var(--bgcolor);
	padding-top: 30px;
}


.entity-pager-item-next a,
.entity-pager-item-next a:visited,
.entity-pager-item-prev a,
.entity-pager-item-prev a:visited {
	padding: 10px 10px;
	box-sizing: border-box;
	color: var(--weiss);
	background: var(--refcolor);	
}

ul.entity-pager-list {
	
} 

.entity-pager-item-next a:hover,
.entity-pager-item-next a:active,
.entity-pager-item-prev a:hover,
.entity-pager-item-prev a:active {
	padding: 10px 10px;
	box-sizing: border-box;
	color: var(--weiss);
	background: var(--grau);	
}

.entity-pager-item-count {
	padding-top: 20px;
	font-size: 80%;
}



/* FACETS */

.region-facets {
	background: var(--weiss);
	padding: var(--abstand3) 0 var(--abstand3) 0;
	box-sizing: border-box;
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.region-facets > div:not(:last-child) {
	margin-right: 20px;
}


.region-facets > div {
	margin-bottom: 5px;
}


.region-facets select {
	height: 50px;
	border: 0px;
	width: 100%;
	background-color: var(--weiss);
	padding: 0px 40px 0px 15px;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--schwarz);
	border: solid 1px var(--grau);
	
	background-image: url(../images/selectpfeil.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	background-size: 20px 20px;
}

.block-facets-summary ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.block-facets-summary li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.block-facets-summary li.facet-summary-item--facet {
	display: none !important;
}


.block-facets-summary li a,
.block-facets-summary li a:visited {
	display: table;
	padding: 15px 25px 15px 25px;
	box-sizing: border-box;
	background-color: var(--refcolor);
	color: var(--weiss);
	font-weight: var(--medium);
}

.block-facets-summary li a:hover,
.block-facets-summary li a:active {
	background-color: var(--maincolor);
	color: var(--weiss);
}

/* pDF*/

iframe.pdf {
	height: 520px !important;
}


/* BESCHLÜSSE */

.beschluesse {
	margin-top: 30px;
}

.beschluesse ul {
	margin: 0px;
	padding: 0px;
}

.date-pager li {
	margin-right: 10px
}

.date-pager ul ul {
	margin-left: 0px;
}

.date-pager {
	border-bottom: solid 1px var(--maincolor);
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.beschluesse .views-row {
	padding: 10px 0px;
	border-bottom: solid 1px var(--bgcolor);
}


/* WEIGHTTABLE */

.weighttable {
	border: solid 1px var(--maincolor);
	padding: 20px;
}

.weighttable h3 {
	margin-top: 0px;
}

.weighttable table {
	width: 100%;
}

.weighttable table td {
	padding: 10px;
	border-bottom: solid 1px var(--bgcolor);
}

.weighttable .tabledrag-toggle-weight-wrapper {
	display: none;
}


/* TEAM */

.field--name-field-team {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}

.field--name-field-team > .field__item {
	align-self: stretch;
	flex-basis: calc(33.333333% - 20px);
	margin-right: 20px;
	border: solid 1px var(--bgcolor);
	box-sizing: border-box;
	margin-bottom: 20px;
}


.field--name-field-team .field--name-field-portrait  {
	
}

.field--name-field-team .field__item img {
	width: 100%;
	height: auto;

}


.field--name-field-team .field--type-telephone,
.field--name-field-team .field--name-field-e-mail {
	display: flex;
	flex-direction: row;
}

.teamset .field__label {
	margin-right: 5px;
}

.field--name-field-team .teamset {
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
}

.teamset h4 {
	margin: 0px;
	padding: 0px;
}

.teamset a, 
.teamset a:visited {
	color: var(--schwarz);
}
.teamset a:hover, 
.teamset a:active {
	color: var(--actioncolor);
}

.teamsuperset {
	margin-top: 20px;
}


/* !BREADCRUMB */

/**
 * @file
 * Styles for breadcrumbs.
 */

.region-breadcrumb {
	padding: 20px 0px;
	box-sizing: border-box;
	color: var(--schwarz);
}

.region-breadcrumb a,
.region-breadcrumb a:visited {
	color: var(--schwarz);
}

.region-breadcrumb a:hover,
.region-breadcrumb a:active {
	color: var(--refcolor);
}


.breadcrumb {
	padding-bottom: 0.5em;
}
.breadcrumb ol {
	margin: 0;
	padding: 0;
}
[dir="rtl"] .breadcrumb ol {
	/* This is required to win over specificity of [dir="rtl"] ol */
	margin-right: 0;
}
.breadcrumb li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* IE8 does not support :not() and :last-child. */
.breadcrumb li:before {
	content: ' \203A ';
}
.breadcrumb li:first-child:before {
	content: none;
}


/* !SUBMEN */

.submenu {
	margin-top: calc(var(--abstand10) + var(--abstand5));
}

.submenu ul.menu {
	display: flex;
	list-style: none;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0px;
	margin: 0px;
}

.submenu ul.menu li {
	margin: 0px;
	padding: 0px;
}

.submenu ul.menu > li:not(:last-child) {
	margin-right: 10px;
	margin-bottom: 10px;
} 

.submenu ul.menu li a,
.submenu ul.menu li a:visited {
	padding: 15px 20px;
	box-sizing: border-box;
	background: var(--refcolorbg);
	color: var(--schwarz);
	display: block;
}

.submenu ul.menu li a:hover,
.submenu ul.menu li a:active {
	background: var(--refcolor);
	color: var(--weiss);
}

/* !DIENSTEMENU */

.dienstemenu {
	margin-top: var(--abstand7);
}

.dienstemenu ul.menu {
	display: block;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.dienstemenu ul.menu li {
	margin: 0px;
	padding: 0px;
}

.dienstemenu ul.menu > li:not(:last-child) {
	margin-right: 0px;
	margin-bottom: 10px;
} 

.dienstemenu ul.menu li a,
.dienstemenu ul.menu li a:visited {
	padding: 25px 30px;
	box-sizing: border-box;
	background: var(--refcolorbg);
	color: var(--schwarz);
	display: block;
	font-size: 140%;
	line-height: var(--lineheight);
	font-weight: var(--bold);
}

.dienstemenu ul.menu li a:hover,
.dienstemenu ul.menu li a:active {
	background: var(--refcolor);
	color: var(--weiss);
}


/* !FOOTERLOGOS */

.footerlogos {
	padding-top: var(--abstand3);
}
.footerlogos .view-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.footerlogos .view-content > div {
	margin-top: var(--abstand2);
}

.footerlogos .view-content > div:not(:last-child) {
	margin-right: 50px;
}

.footerlogos .view-content img {
	width: auto;
	height: 45px;
}


/*
	
	
	
	
*/

@media all and (max-width: 1680px) {

		.startslider .slogan {
			font-size: 600%;
			line-height: var(--lineheight);
		}
	
}










@media all and (min-width: 1920px) {
	
	:root {
		--fontsize: 110%;
		--lineheight: 140%;
	}
	

}





@media all and (max-width: 1560px) {
	.maxwidthcontent,
	.user-login-form,
	.user-pass,
	.path-search #block-whtheme-content {
		max-width: auto;
		margin-left: var(--seitenrand);
		margin-right: var(--seitenrand);
	}
	
	.maxwidthcontent .maxwidthcontent {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.maxwidth .maxwidthcontent,
	.maxwidth .user-login-form,
	.maxwidth .user-pass,
	.maxwidth .path-search #block-whtheme-content{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

@media all and (max-width: 1440px) {
	
	:root {
		--fontsize: 100%;
		--lineheight: 140%;
	}

	
	.block-superfish {
		left: calc(var(--seitenrand) + 220px);
	}
	
	h1 {
		font-size: 300%;
		line-height: 115%;
	}

	
	h2 {
		font-size: 200%;
		line-height: 115%;
	}
	
	h2.blocktitel  {
		font-size: 140%;
		line-height: 115%;
	}
	
	
	h3 {
		font-size: 160%;
		line-height: 115%;
	}
	
	h3.blog-liste-titel {
		font-size: 130%;
		line-height: 115%;
	}


	.gymnasienliste .view-content {
		justify-content: space-between;
	}
	
	.gymnasienliste .view-content > .views-row {
		flex-basis: calc(50% - 15px);
		margin-right: 0px;
		margin-bottom: 30px;
		padding: 30px 30px 100px 30px;
		box-sizing: border-box;
		position: relative;
	}
	
	.gymnasienliste .view-content > .views-row:nth-child(3n+3) {
		margin-right: 0px;
	}


	
}
	

@media all and (max-width: 1112px) {
	
	.menutit {
		font-size: 30px;
		line-height: 30px;
		top: 8px;
	}
	
}


@media all and (max-width: 1024px) {
	
	
	:root {
		--iconsize: 40px;
		--sliderpfeil: 20px;
	}
	
	
	body.page-node-type-blog-uebersicht .headerimagecontainer,
	body.page-node-type-blog .headerimagecontainer {
		height: 0vw;
		min-height: 0px;
	
	}
	

	.topmenutrigger {
		top: 0px
	}
		
	body.navactive footer {
		display: none;
	}
	
	.region-primary-menu {
		height: 100vh;
		overflow: auto;
	}
	
	.startslider .bgimg {
		height: calc(100% - var(--footerheightfront) - 20px);
	}
	
	.region-startslider .bildungmenu {
		top: calc(100vh - var(--footerheightfront) - 20px);
	}


	
	.shortlinks {
		
		top: calc(var(--headerheightmobile) + 20vh);
		
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
	
	.shortlinks .views-row a, 
	.shortlinks .views-row span {
		padding: 10px;
	}
	
	.region-before-content {
		min-height: 0px;
	}
	
	.startslider .slogan {
		font-size: 400%;
		line-height: var(--lineheight);

	}
	
	.startslider .bezeichnung {
		left: var(--abstand5);
		top: calc(100vh - var(--footerheightfront) + 40px);
	}
	
	.region-startslider .bildungmenu,
	footer .bildungmenu {
		width: 40%;

	}
	
	.footermenu {
		top: auto;
		bottom: 10px;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
		right: auto;
		left: var(--abstand5);
		padding-right: 130px;
	}
	
	.blogliste.alle .view-content {
		justify-content: space-between;
	}
	
	.blogliste.alle .views-row {
		flex-basis: calc(50% - 15px);
		margin-right: 30px;
	}
	
	.blogliste.alle .views-row{
		margin-right: 0px;
	}
	
	.startslider .slogan,
	.startslider .flex-direction-nav {
		top: 45%;
	}
	
	
	.region-startslider .accountmenu {
		right: auto;
		left: var(--abstand5);
		bottom: 10px;
		padding-right: 30px;
	}
	
	.usermenu ul.menu {
		justify-content: flex-start;
	}
	
}

@media all and (min-width: 1024px) {

		.region-startslider .bildungmenu {
			position: absolute;
			left: 0px;
			top: calc(100vh - var(--footerheight) - 20px);
			width: calc(var(--spaltenbreite) * 1.5);
			height: 30px;
		}
		
		.bildungmenu .views-row {
			flex-basis: 100%;
			position: relative;
		
		}
		
		.bildungmenu .views-row .views-field-field-bezeichnung {
			background: transparent;
			padding: 0px;
			white-space: nowrap;
			top: 60px;
			left: 20px;
		}

}


@media all and (max-width: 980px) {
	
	:root {
		--headerheight: 80px;
	}

	h1 {
	font-size: 270%;
	line-height: 115%;
	}
	
	
	h2 {
		font-size: 180%;
		line-height: 115%;
	}
	
	h2.blocktitel  {
		font-size: 130%;
		line-height: 115%;
	}
	
	
	h3 {
		font-size: 140%;
		line-height: 115%;
	}
	
	h3.blog-liste-titel {
		font-size: 110%;
		line-height: 115%;
	}
	
	.content-image-block .page-body {
		font-size: 120%;
		line-height: var(--lineheight);
	}
}



@media all and (max-width: 834px) {

		.field--name-field-team {
				justify-content: space-between;
		}
		
		.field--name-field-team > .field__item {
			flex-basis: calc(50% - 20px);
			margin-right: 0px;
		}
		
		.bildergalerie .field--name-field-bilder-galerie > div {
			flex-basis: calc(33.333333% - 10px);
			margin-bottom: 10px;
			margin-right: 10px;
		}
	

}


@media all and (max-width: 768px) {
	
	.user-login-form .form-item-name,
	.user-login-form .form-item-pass {
		width: 100%;
		float: none;
	}
	
	.node--type-legal .node__content {
		overflow-x: hidden;
	}
	
	.page-node-type-legal .node__content a,
	h1.page-title {
	
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;
	
		-ms-word-break: break-all;
		/* This is the dangerous one in WebKit, as it breaks things wherever */
		word-break: break-all;
		/* Instead use this non-standard one: */
		word-break: break-word;
	
		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	
	}
	
	footer .views-row {
		flex-wrap: wrap;
	}
	
	footer .views-row > div {
		flex-basis: 100%;
		padding-right: 0px;
	}
	
	footer .views-row > div:not(:last-child) {
		margin-bottom: var(--abstand3);
	}

	.gymnasienliste .view-content > .views-row {
		flex-basis: 100%;
		margin-bottom: 10px;
	}
	
	
	.footerlogos .view-content img {
		width: auto;
		height: 35px;
	}

	
}





@media all and (max-width: 767px) {
	
	.page-node-type-homepage .bildungmenu .views-row .views-field-field-bezeichnung {
		display: none !important;
	}
	
}


@media all and (max-width: 650px) {
	
	:root {
		--fontsize: 90%;
		--lineheight: 140%;

		--footerheightfront: 220px;
		--abstand5: 50px;
		--headerheightmobile: 60px;
		
		--arrowwidth: 20px;
		
		--abstand1: 10px;
		--abstand2: 20px;
		--abstand3: 30px;
		--abstand5: 50px;
		--abstand7: 60px;
		--abstand10: 70px;

	}
	
	.search {
		width: 80vw;
	}
	
	.search input[type=search] {
		border-radius: 0px;
		border-left: 0px;
		border-top: 0px;
		border-right: 0px;
	}

	
	.startslider .bezeichnung {
		padding-right: var(--abstand5);
		font-size: 90%;
	}
	
	.menuclick {
		top: 7px;
	}
	
	.text-s {
		font-size: 60%;
		line-height: var(--lineheight);
	}
	
	.webform .wfleft {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfleft input {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.webform .wfright {
		width: 100%;
		float: none;
		clear: both;
	
	}
	
	.webform .wfright input,
	.webform .wfright select {
		width: 100%;
		float: none;
		clear: both;
	}
	
	input.js-form-submit {
		width: 100%;
	}
	
	.path-frontpage .blogbutton {
		display: none;
	}
	
	.path-frontpage.navactive .blogbutton {
		display: none;
	}
	
	.shortlinks {
		position: fixed;
		top: auto;
		bottom: -1px;
		left: 0px;
		width: 100%;
		right: auto;
		z-index: 99;
	}
	
	.shortlinks .view-content {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 10px var(--seitenrand);
		box-sizing: border-box;
		background: var(--schwarz);
	}
	
	.blogbutton a,
	.blogbutton a {
		font-size: 100%;
		line-height: 120%;
	}
	
	.region-startslider .bildungmenu,
	footer .bildungmenu {
		width: 100%;
	}
	
	.startslider .slogan {
		font-size: 300%;
		line-height: var(--lineheight);
	
	}
	
	.startslider .flex-direction-nav {
		display: none;
	}
	
	.startslider .bezeichnung {
		padding-right: var(--abstand5);
		font-size: 72%;
	}
	
	.region-startslider .accountmenu {
		padding-right: 90px;
	}
	
	.usermenu ul.menu li:not(:last-child) {
		margin-right: 5px;
	}
	
	.usermenu ul.menu li:not(:last-child):after {
		margin-left: 5px;
	}
	
	.mobilemenu {
		font-size: 90%;

	}
	
	.mobilemenu ul li.mlevel1 > a,
	.mobilemenu ul li.mlevel1 > span {
		font-size: 160%;
		line-height: 180%;
		position: relative;
	}
	
	.mobilemenu ul li.mlevel2 {
		margin-bottom: 15px;
	}
	
	.mobilemenu ul li.mlevel2 > a,
	.mobilemenu ul li.mlevel2 > span {
		font-size: 120%;
		line-height: 120%;
		position: relative;
	}
	
	.mobilemenu ul li.mlevel1.menu-item--active-trail > a {
		/* font-weight: var(--bold); */
	
	}

	
	.blogbutton {
		right: 0px;
	}
	
	.region-primary-menu {
		height: 100vh;
		overflow: auto;
	}
	
	.startslider .slogan {
		top: 37%
	}
	
	
	.field--name-body {
		overflow: auto;
		width: calc(100vw - 10vw);

	}
	
	
	.page-node-type-blog .blogtextcontainer .field--name-field-blog-bild, 
	.page-node-type-projekt .blogtextcontainer .field--name-field-blog-bild {
		width: 100%;
		margin-left: 0px;
		margin-bottom: var(--abstand3);
		margin-right: auto;
		float: left;
	}
	
	.textbildlr.nichtumflossen {
		flex-wrap: wrap;
	}
	
	.textbildlr.nichtumflossen .field--name-field-bild {
		margin-bottom: 10px;
	}
	
	.textbildlr.nichtumflossen > div {
		flex-basis: 100%;
	}
	
	
	.ui-accordion .ui-accordion-content {
		padding: 20px 20px;
	}
	
	
	ul.pager-show-more  {
		border-top: solid 1px var(--bgcolor);
		position: relative;
	}
	
	.page-node-44 .region-facets {
		padding-right: calc(5vw + 10px);
	}

	
	.footerlogos .view-content img {
		width: auto;
		height: 35px;
	}
	
	.usermenu {
		border-top: solid 1px var(--grau) !important;
		padding-top: 10px;
	}
	.usermenu ul.menu {
		display: inline;
		
	}
	
	.usermenu ul.menu a,
	.usermenu ul.menu a:visited {
		padding: 10px 0px 10px 0px;
	}
	
	.usermenu ul.menu li:not(:last-child) a:after {
		display: none;
	}
	
	.usermenu ul.menu a:hover,
	.usermenu ul.menu a:active,
	.usermenu ul.menu a.is-active {
		color: var(--refcolor);
	}
	
	
	.p-banner {
		flex-wrap: wrap;
	}
	
	.p-banner > div {

	}
	

}


@media all and (max-width: 414px) {
	
	h1 {
		font-size: 150%;);
		line-height: 115%;
	}

	
	h2 {
		font-size: 130%;
		line-height: 115%;
	}
	
	
	h3 {
		font-size: 120%;
		line-height: 115%;
	}
	
	h4 {
		font-size: 105%;
		line-height: var(--lineheight);
	}
	
	.blogliste.alle .views-row,
	.blogliste.landing .views-row {
		flex-basis: 100%;
	}
	
	.page-node-type-blog .blogtextcontainer .field--name-field-blog-bild,
	.page-node-type-projekt .blogtextcontainer .field--name-field-blog-bild {
		float: none;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	body:not(.page-node-type-homepage) .blogbutton  {
		display: none !important;
	}
	
	.blogbutton {
		right: var(--iconsize);
	}
	
	.navnurmobile {
		display: block;
	}
	
		
	.region-content {

	}
	
	.footermenu {
		left: 5vw;
	}
	
	.startslider .bezeichnung,
	.region-startslider .accountmenu {
		left: 5vw;
	}
	
	.region-content {
		padding-bottom: var(--footerheight);
	}
	
	.button {
		margin-right: 0px;
		width: 100%;
	}
	
	
	
	.button a, 
	.button a:visited {
		display: block;
		width: 100%;
	}
	
	
	.field--name-field-team > .field__item {
		flex-basis: 100%;
		margin-right: 0px;
	}


}





@media all and (max-width: 375px) {

			.startslider .slogan {
				font-size: 200%;
				line-height: var(--lineheight);
			
			}
		

}



@media all and (max-width: 320px) {
	
	:root {
		--iconsize: 30px;
	}
	.shortlinks .views-row a, 
	.shortlinks .views-row span {
		padding: 6px;
	}

}

@media only screen and (max-width: 736px) and (orientation:landscape)  {
	
	:root {
		
	}
	
	.blogbutton {
		display: none !important;
	}
	
	.navnurmobile {
		display: block;
	}
	.startslider .slogan,
	.startslider .flex-direction-nav {
		top: 35%;
	}
	
	.startslider .bezeichnung {
		padding-right: var(--iconsize);
		font-size: 90%;
	}
	
	.bildungmenu .colorfleck img {
		height: 25px;
	}
	
	.region-startslider .bildungmenu, 
	footer .bildungmenu {
		width: 100%;
	}


	
}

@media only screen and (max-width: 667px) and (orientation:landscape)  {
	
	:root {
		--footerheightfront: 120px;
		--iconsize: 30px;
	}
	
	.shortlinks .views-row a, 
	.shortlinks .views-row span {
		padding: 6px;
	} 
	.startslider .slogan {
		font-size: 250%;
		line-height: var(--lineheight);
		padding-right: var(--iconsize);
	}
	


	
}

@media only screen and (max-width: 568px) and (orientation:landscape)  {


		
		.startslider .bezeichnung {
			padding-right: var(--iconsize);
			font-size: 70%;
		}
		
	
		
}




@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation:landscape) {
	


	
  
	
}