/* FFQuadraatSansWeb */
@font-face {font-family: 'FFQuadraatSansWebCondBold';src: url('fonts/2D8C7F_0_0.eot?f5dd0ceb0047');src: url('fonts/2D8C7F_0_0.eot?&f5dd0ceb0047#iefix') format('embedded-opentype'),url('fonts/2D8C7F_0_0.woff2?f5dd0ceb0047') format('woff2'),url('fonts/2D8C7F_0_0.woff?f5dd0ceb0047') format('woff'),url('fonts/2D8C7F_0_0.ttf?f5dd0ceb0047') format('truetype');}
  
@font-face {font-family: 'FFQuadraatSansWebRegular';src: url('fonts/2D8C7F_1_0.eot?f5dd0ceb0047');src: url('fonts/2D8C7F_1_0.eot?&f5dd0ceb0047#iefix') format('embedded-opentype'),url('fonts/2D8C7F_1_0.woff2?f5dd0ceb0047') format('woff2'),url('fonts/2D8C7F_1_0.woff?f5dd0ceb0047') format('woff'),url('fonts/2D8C7F_1_0.ttf?f5dd0ceb0047') format('truetype');}
  
@font-face {font-family: 'FFQuadraatSansWebItalic';src: url('fonts/2D8C7F_2_0.eot?f5dd0ceb0047');src: url('fonts/2D8C7F_2_0.eot?&f5dd0ceb0047#iefix') format('embedded-opentype'),url('fonts/2D8C7F_2_0.woff2?f5dd0ceb0047') format('woff2'),url('fonts/2D8C7F_2_0.woff?f5dd0ceb0047') format('woff'),url('fonts/2D8C7F_2_0.ttf?f5dd0ceb0047') format('truetype');}
  
@font-face {font-family: 'FFQuadraatSansWebBold';src: url('fonts/2D8C7F_3_0.eot?f5dd0ceb0047');src: url('fonts/2D8C7F_3_0.eot?&f5dd0ceb0047#iefix') format('embedded-opentype'),url('fonts/2D8C7F_3_0.woff2?f5dd0ceb0047') format('woff2'),url('fonts/2D8C7F_3_0.woff?f5dd0ceb0047') format('woff'),url('fonts/2D8C7F_3_0.ttf?f5dd0ceb0047') format('truetype');}

:root {
  --vbegruen: #76b725ff;
  --vbeblau: #093057ff;
  --vbegrau: #abb6c8ff;
  --vbehellgrau: #f5f5f5;
}

body {
	background-image:url(../../images/design/hintergrund.svg);
	background-repeat:no-repeat;
	background-position:top 16.5em center;
	background-attachment:fixed;
	background-color: white;
	font-size: 1.6rem;
}


details summary:after {
    content: "+";
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

details summary > * { 
  display: inline;
}

.vbelogo {
	width: 9em;
	margin-left: 10px;
	padding-top: 0.8em
}

.noMenuTop {
	border-top: 2px solid white;
}

iframe{
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
}

hr.artikelTrennlinie {
	border: 0;
	width: 85%;
	height: 3px;
	background-color: var(--vbegruen);
	margin-top: 4em;
	margin-bottom: 4em;
}

.accordion-dialog-container {
	width: 100%;
}

a.linkGruenTiny:hover {
	color:var(--vbeblau);
}

.backButton{
	font-size:1.4rem;
}

button.confirmButton:hover {
		background-color:var(--vbeblau);
	}
	
button.smallbutton:hover {
	background-color:var(--vbeblau);
}

button.smallbutton_white:hover{
	background-color:var(--vbegruen);
	color: white;
}

button.anmeldebuttonNichtMitglied:hover {
	background-color:var(--vbegruen);
}

button.anmeldebuttonMitglied:hover {
	background-color:var(--vbeblau);
}

button.backButton:hover {
	background-color:var(--vbeblau);
}

.smallbuttonLogin{
	font-size:1.4em;
	border-radius:30px 30px 30px 30px;
	text-decoration:none;
	font-family:FFQuadraatSansWebRegular;
	font-size:2rem;
	border-radius:30px 30px 30px 30px;
	color:white;
	background-color:var(--vbegruen);
	border: none;
	width: 100px;
	padding:5px 30px 5px 30px;
	cursor: pointer;
}

.smallbuttonLogin:hover {
	background-color:var(--vbeblau);
}

/* CSS Accordion */
 .accordion {
  font-family: 'FFQuadraatSansWebRegular';
  font-size: 2.3rem;
  margin: 0 auto;
  border-radius: 5px;
}

.marginaccordion {
	margin-top: -6em;
	border: 2px solid red;
}

.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  padding: 1em 0;
  color:   #093057ff;
  cursor: pointer;
  letter-spacing: .1em;
  transition: all .3s;
}


.accordion-header {
  font-size:1.1em;
}

.accordion__item {
	border-bottom: 1px solid var(--vbegruen);
	padding-bottom: 1em;
}

.accordion-header:hover {
  position: relative;
  z-index: 5;
  color: #76b725ff;
}

.accordion-body {
  display: none;
}

.accordion-body__contents {
	margin-left: 15px;
	font-size: .85em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.imgShadow {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.accordion__item > .accordion-header:before {
  content: "";
  background:url(https://www.vbe-verlag.de/vbehessen/images/design/winkel_rechts.svg) no-repeat 0 0;
  float: left;
  position: relative;
  top: 4px;
  right: 10px;
  height: 15px;
  width: 15px;
  background-size: 15px 15px;
}

.accordion__item.active > .accordion-header:before {
  content: "";
  background:url(https://www.vbe-verlag.de/vbehessen/images/design/winkel_unten.svg) no-repeat 0 0;
  top: 5px;
  right: 10px;
  width: 15px;
  background-size: 15px 15px;
}

/* Link-Formatierung */
a:link 	  { text-decoration: none; }


.termin {
	font-family:FFQuadraatSansWebRegular;
	font-size: 1.2rem;
}

a.linkGruen {
	color: var(--vbegruen);
}

a.linkGruenLarge {
	color: var(--vbegruen);
	font-size: 2.5rem;
	font-weight: 600;
}

a.linkGruenLarge:hover {
	color: var(--vbeblau);
}

a.linkLarge {
	color: var(--vbeblau);
}

a.linkLarge:hover {
	color: var(--vbegruen);
}

a.linkLargeWhite {
	color: white;
	font-size: 1.2em;
}

a.linkLargeWhite:hover {
	color: var(--vbegruen);
}

a.mailto-link, a.mailto-link-white {
	color: var(--vbeblau);
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: .05rem;
	white-space: nowrap;
}

a.mailto-link {
	font-size: 0.9em;
}

a.mailto-link:hover {
	color: var(--vbegruen);
	letter-spacing: .05rem;
	white-space: nowrap;
}

a.mailto-link-white:hover {
	color: white;
	letter-spacing: .05rem;
	white-space: nowrap;
}
#content_alt {
	width: 80%;
	margin: auto;
	font-size: 2rem;
}

#content a.icon:before {
	display: block;
	width: 7px;
	height: 5px;
	margin: 2px;
	border: 1px solid red;
}

.contentText {
	font-size: 2rem;
}


a.downloadlink {
	font-family:FFQuadraatSansWebRegular;
	font-weight: 500;
    font-size: 2rem; 
    color: var(--vbegruen);
}


a.downloadlink:hover {
    color: var(--vbeblau); 
}

div.akkreditierung {
	font-size: 1.2rem;
	border: 2px solid gey;
	border-radius: 20px;
	background-color: #f5f5f5;
	padding: 20px;
	margin-top: 2em;
	margin-bottom: 2em;
}

a[target="_blank"]:before { 
	content: url(https://www.vbe-verlag.de/vbehessen/images/design/linkpfeil.svg);
	padding-right: 0.3em;
}


a[href^="mailto:"]::before {
	font: var(--fa-font-solid);
    content: "\f0e0"; /* FA envelope icon */
	margin-right: 5px;
	font-size: 0.9em;
}

a[href^="tel:"]::before {
	font: var(--fa-font-solid);
    content: "\f095"; /* FA telephone icon */
	margin-right: 5px;
	font-size: 0.9em;
}

a[href^="fax:"]::before {
	font: var(--fa-font-solid);
    content: "\f1ac"; /* FA fax icon */
	margin-right: 5px;
	font-size: 0.9em;
}

a[href^="mobile:"]::before {
	font: var(--fa-font-solid);
    content: "\f3ce"; /* FA fax icon */
	margin-right: 10px;
	font-size: 0.9em;
}

a {
	color: var(--vbegruen);
}

/* Formularelemente */
#suchelement {
	padding: 0.5em;
	padding-left: 1em;
	width: 20rem;
	border-radius: 25px;
	background-color: #f4f4f4ff;
	margin: 2em auto 2em;
	border: none;
}

#suchformularmobil {
	width: 500px;
	margin: auto;
}

.selectTermine {
	padding: 5px;
	padding-left: 10px;
	max-width: 50rem;
	border-radius: 15px;
	background-color: #f4f4f4ff;
	border: none;
}

.form {
  display: flex;
  flex-direction: row;
}
.search-field {
  width: 500px;
  padding: 10px 35px 10px 30px;
  border: none;
  border-radius: 100px;
  outline: none;
  background-color: #f4f4f4;
  margin-bottom: 3rem;
  font-size: 2.5rem;
}

.search-button {
	background: transparent;
	border: none;
	outline: none;
	margin-left: -43px;
	margin-bottom: 3rem;
}

.search-button img {
	width: 20px;
	height: 20px;
	object-fit: cover;
}

/* Login Formular */
.formField {
	text-decoration:none;
	font-family:FFQuadraatSansWebBold;
	font-size:2rem;
	border-radius:30px;
	color:var(--vbeblau);
	background-color:white;
	border: none;
	padding:0.5rem 0.5rem 0.5rem 2rem;
	border: 3px solid var(--vbegrau);
	width: 250px;
}

.formField:focus {
    border: 2px solid var(--vbegruen);
}

/* Login Formular Ende */

/* Formatierung der Headergrafik - Startseite */
img.header {
	clip-path: url(#svgClip);
	width: 100%;
	object-fit: cover;
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 700px;
}

/*Listen Formatierung */
ul.leistungen {
    list-style-image:url(https://www.vbe-verlag.de/vbehessen/images/design/haken_gruen.svg);
}
li.leistungen {
	padding-left:20px;
}

ul.leistungen > li.leistungen {
 line-height: 50px;
}

/* Tooltip Formatierung */
.tooltipvbe {
  position: relative;
  display: inline-block;
  border-bottom: 2px dotted #0f2f52ff;
  line-height: 25px;
}

.tooltipvbe .tooltipvbetext {
  visibility: hidden;
  min-width: 350px;
  background-color: white;
  color: #000;
  text-align: left;
  padding: 0.5em;
  border: 1px solid #f7f7f7ff;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;

  /* tooltip positionieren*/
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltipvbe:hover .tooltipvbetext {
  visibility: visible;
}

/*Uberschriften-Formatierung */
h1.headline {
	color: var(--vbeblau);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family:FFQuadraatSansWebRegular;
	font-weight: 700;
	margin-top: 0px;
	color: var(--vbegruen);
	text-align: center;
}


strong.green {
	color: var(--vbegruen);
}

.green {
	color: var(--vbegruen);
}


strong.blue {
	color: var(--vbeblau);
}

strong.biggreen {
	color: var(--vbegruen);
	font-size: 8rem;
	text-align: center;
}

.box_teaser {
	font-family: 'FFQuadraatSansWebRegular';
	font-size: 1.7em;
	text-align: center;
	max-width: 65%;
	margin: auto;
	padding-bottom: 1em;
}

#arrow {
	width: 90%;
}

.fa-arrow-right {
	color: var(--vbegruen);
	margin-right: 0.1em;
}

#breadcrumbs {
	margin-bottom: 2em;
	font-size: 0.8em;
}

.shadow {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* Standard Elemente */
.button, .smallbuttonMitglied{
	margin:2em auto;
    display:block;
	text-decoration:none;
	font-family:FFQuadraatSansWebBold;
	font-size:32px;
	border-radius:45px;
	color:white;
	background-color:var(--vbegruen);
	border: none;
	padding:11px 56px 11px 56px;
	cursor: pointer;
}

.searchResult {
	background-color: #f4f4f4ff;
	padding: 0.5em;
	border-radius: 15px;
	margin-bottom: 2em;
	cursor: pointer;
}

.searchResultCalendar {
	margin-bottom: 0;
	margin-top: 1em;
	display: -webkit-flex;display: flex
}


.divCalendarItemDate, .divCalendarItemLocation, .divCalendarItemDescription { 
	width:18%;
	background-color: var(--vbehellgrau);
	text-align: center;
}

.termine {
	font-size: 3rem;
	line-height: normal;
}

.divCalendarItemDate {
	padding-left: 10px;
}

.divCalendarItemLocation { 
	width:26%;
	margin-top: 0px;
}

.divCalendarItemDescription { 
	width:56%;
	margin-top: 20px;
	border-left: 2px solid var(--vbegruen);
	padding-left: 30px;
}


.smallbuttonMitglied {
	font-size:1em;
	padding:10px 30px 10px 30px;
}

.smallbutton, .smallbutton_white{
	margin:0 auto;
    display:block;
	text-decoration:none;
	font-family:FFQuadraatSansWebBold;
	border-radius:30px;
	color:white;
	background-color:var(--vbegruen);
	border: none;
	padding:10px 0 10px 0;
	cursor: pointer;
	border: 3px solid var(--vbegruen);
	width: 200px;
	font-size: 2rem;
}



.smallbutton_white {
	color:#093057;
	background-color:#FFF;
	border: 3px solid #093057;
}

.artikelUnterteilung {
	/*background-image:linear-gradient(180deg, white 0%, #f7f7f7ff 100%);*/
	width: 100%;
	margin-bottom: 4em;
}

.artikelHintergrund {
	/*background-image:linear-gradient(180deg, white 0%, #f7f7f7ff 100%);*/
	background-color: #f4f4f4ff;
	width: 100%;
	border-radius: 0px;
}

.artikelEinruecken {
	margin-bottom: 2em;
	padding: 1em;
}

div.download_arrow, div.download_arrowAktuelleTermine {
    display: flex;
	justify-content: center;
	align-items: center;
	height: 250px;
}

div.download_arrowAktuelleTermine {
	height: 150px;
	width: 250px;
}

div.content_aktuelleTermine {
	max-width: 84%;
}

div.teaser {
	font-weight: 700;
	margin-bottom: 2em;
}

#footerbox {
	background-color: #093057ff;
}

#AktuellesListeDatum {
	font-size: 0.9em;
	font-weight: bold;
	color:var(--vbegruen);
	/*min-height: 5em;*/
}

#footerHeadline {
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 1.2em;
	font-weight: bold;
	color:var(--vbegruen);
}

.terminKachelText {
	padding-top: 0.5em;
	font-family: 'FFQuadraatSansWebRegular';
	text-align: left;
	font-size: 0.8em;
	color: #16365cff;
}
.AktuellesListePfeil {
	float: left;
	padding-right: 0.5em;
	padding-top: 11px;
	font-weight: normal;
	font-size: 0.5em;
	color:var(--vbegruen);
}
.AktuellesListeText {
	padding-top: 0.5em;
	font-family: 'FFQuadraatSansWebRegular';
	text-align: left;
	font-size: 0.8em;
	color: #16365cff;
}

div.terminKachelLink {
	position: absolute;
	bottom: 0.5em;
}

/* Box Aktuelle Termine Ende*/

.headertext-mainpage,  .headertext-mainpage-large {
	font-family: 'FFQuadraatSansWebCondBold';
}

.slideFrame {
	border-left: 1px solid white;
	border-right: 1px solid white;
}

/* FlexBoxes */
div.flexcol {
	max-width: 80;
	background-color: transparent;
}


div.flexbox {
	padding:0;
	margin:0;
}
div.flexbox > div.flexcol, div.colfooter{
	background-color:white;
	margin-bottom:0.5em;
	margin-top:0.5em;
}

div.flexbox > div.colfooter{
	background-color:#093057ff;
	margin-bottom: 5em;
}

div.flexbox, #main {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
}


/* Flexboxes Anprechpartner */
.flex-container {
    display: flex;
	justify-content: left; 
      
    /* flex-flow: wrap; */  
    flex-wrap: wrap; 
    height: 100%;
    gap: 70px;

  }

  .flex-container > div{
	width: 160px;
  }

.personen-fotos-klein {
	width: 180px;
	height: 209px;
	margin-bottom: 0.5em;
}

.personen-fotos-lalei {
	width: 180px;
	height: 180px;
	margin-bottom: 0.5em;
}

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 145%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* Lehrer und Schule - Spalte */
div.luscol {
	max-width: 180px;
	margin-right: auto;
}

/* IMG */
img.resize{
	display:block;
	height:auto;
	margin:0 0 0 0;
	width:100%;
}

img.corners{
	border-radius: 0px;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.3); 
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

img.crop-center{
    height: 160px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

img.right {
	float: left;
	margin-right: 1.5rem;
	margin-top: 0.8em;
	max-width: 155px;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.3); 
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.header_download_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
}


div.footerbox {
	background-color: #093057ff;
}

div.footer_text {
	color: white;
	font-size: 0.8em;
	line-height: 2em;
	width: 13em;
}

.aktuellescol {
	max-width: 14em;
	border-bottom: 2px solid var(--vbegruen);
}

menu {
	background-color: white;
	height: 10em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.3); 
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}


/* Swiper Stuff */
.swiper {
        width: 100%;
        height: 100%;
      }


 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    color: #000;
    opacity: 1;
	background: white !important;
	border: 2px solid var(--vbegruen) !important;
  }

  .swiper-pagination-bullet-active {
    background: var(--vbegruen) !important;
	border: 2px solid var(--vbegruen) !important;
  }
  
.swiper-pagination {
	position: relative;
	float: left;
	top:85%;
	margin-left:75%;
	max-width: 20em;
	margin-top: -120px;
  }
	  
/* Responsive Tabelle */
#resp-table {
        width: 100%;
        display: table;
		background-color: #e6f2daff;
		padding: 0.5em 1.5em 0.5em 1.5em;
    }
    #resp-table-body{
        display: table-row-group;
    }
    .resp-table-row{
        display: table-row;
    }
    .table-body-cell{
        display: table-cell;
        background-color: #e6f2daff;
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
    }
	
	.memberloginbutton {
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:2.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:0.3rem 2.5rem 0.3rem 2.5rem;
		cursor: pointer;
	}
	
	a.linkGruenTiny {
		font-size: 1rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
	
	/* Swiper Stuff */
	.swiper {
		width: 50%;
		height: 100%;
	}


	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		color: #000;
		opacity: 1;
		background: white !important;
		border: 2px solid var(--vbegruen) !important;
	}

	.swiper-pagination-bullet-active {
		background: var(--vbegruen) !important;
		border: 2px solid var(--vbegruen) !important;
	}
	  
	.swiper-pagination {
		position: absolute;
		float: right;
		top:70%;
		margin-left:49%;
		max-width: 20em;
	}
	
	a.download, a.linkGruen, a.linkGruenSmall {
		font-family:FFQuadraatSansWebRegular;
		text-decoration: underline;
		font-size: 1.4rem;
		font-weight: bold;
	}

	a.linkGruenSmall {
		font-size: 1.4rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	a.linkGruenTiny {
		font-size: 1rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	a.linkLarge {
		font-size: 2rem;
	}
	

	img.header {
		clip-path: url(#svgClip);
		width: 100%;
		object-fit: cover;
		display: block;
		margin-right: auto;
		margin-left: auto;
		height: 300px;
	}
	
	h1.headline {
		color: var(--vbeblau);
		text-align: center;
	}
	
	h1.greenHeadline {
		color: var(--vbegruen);
		text-align: center;
	}
	
	h1.terminheadline {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 2rem;
		color: var(--vbegruen);
		text-align: center;
		font-weight: 700;
	}
	
	.terminKachelText {
		padding-top: 0.5em;
		font-family: 'FFQuadraatSansWebRegular';
		text-align: left;
		font-size: 1.6rem;
		color: #16365cff;
		font-weight: 700;
	}
	
	/* Veranstaltungskalender */
	#terminbeschreibung {
		font-family:FFQuadraatSansWebRegular;
		font-weight: 500;
		font-size: 1em; 
		color: var(--vbeblau);
		margin-left: 10px;
	}
	
	table.termin {
		font-family:FFQuadraatSansWebRegular;
		color: var(--vbeblau);
		font-size: 1em;
		border-radius: 20px;
		background-color: var(--vbehellgrau);
		padding: 20px;
		width: 100%;
	}
	
	/* Text der Startseite - aktuelle Pressemitteilungen */
	div.textbox-header-mainpage {
		position: absolute;
		top: 205px;
		left:30px;
		max-width: 40%;
		line-height: 0.9;
	}
	
	.headertext-mainpage-large {
		color: var(--vbegruen);
		font-size: 1em;
		font-weight: normal;
		margin-top: 0;
		text-align: left;
	}
	
	.headertext-mainpage-small {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 0.7em;
		text-align: left;
	}
	
	div.flexbox > div.flexcol{-webkit-flex:1 1 auto;flex:1 1 auto;margin-left:auto; margin-right: 10px;}
	div.flex3 > div.flexcol{-webkit-flex-basis:31%;flex-basis:31%;}
	div.flex2 > div.flexcol{-webkit-flex-basis:48%;flex-basis:48%;}
	div.flex5 > div.flexcol{-webkit-flex-basis:160px;flex-basis:160px;}
	div.flex6 > div.flexcol{-webkit-flex-basis:10%;flex-basis:10%; padding: 10px;}

	div.flex4{-webkit-order:2;order:2;flex-basis:100%;}
	div.flexbox{padding:0;margin:auto;}
	
	#parent_header, #contentbox
	{
		position: relative;
		width: 100%;
		margin: auto;
		background-color: white;
	}
	
	#contentbox {
		padding: 0em 1em 2em 1em;
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 2rem;
	}
	
	
	#contenttext, #box_teaser {
		font-family: 'FFQuadraatSansWebRegular';
		text-align: left;
		font-size: 1.8rem;
		color: #16365cff;
		margin-top: 0.5em;
	}
	
	.box_teaser {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 1.8rem;
		text-align: center;
		max-width: 92%;
		margin: auto;
		padding-bottom: 1em;
	}
	
	div.luscol {
		max-width: 480px;
		margin-right: auto;
	}																		
	
	div.maincontent {
		margin: auto; 
		max-width: 95%;
		font-size: 1.5rem;
	}
	
	
	div.download_arrow, div.download_arrowAktuelleTermine {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 80px;
		width: 80px;
		margin: auto;
	}
	
	.ueberschrift, .ueberschrift_klein {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 1em;
	}
	
	.ueberschrift_klein {
		font-size: 1.2em;
	}
	
	/* Box Aktuelle Termine */
	div.aktuelleTermine_box, div.einfache_box {
		background-color: #f4f4f4ff;
		padding-top: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;
		border-radius: 10px;
		height: 12rem;
		position: relative;
		width: 300px;
		margin-right: 1em;
		margin-top: 1em;
	}
	
	div.aktuellesListe_box {
		padding: 0.7em;
		min-height: 7.5em;
		position: relative;
	}
	
	div.einfache_box {
		min-height: 2.5em;
	}
	
	/* Kalenderformatierung */
	
	#aussendiv { 
		display: flex;
		width: 95%;
		justify-content: space-between;
		background-color: var(--vbehellgrau);
		border-radius: 15px;
		margin: auto;
		margin-top: 2em;
		height: auto;
		padding-left: 0em;
		padding-right: 1em;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	
	.divCalendarItemDate, .divCalendarItemLocation, .divCalendarItemDescription { 
		width:30%;
		background-color: var(--vbehellgrau);
	}

	.divCalendarItemDate {
		padding: 0;
		text-align: center;
		font-size: 0.6em;
	}

	.divCalendarItemLocation { 
		width:25%;
		margin-top: 10px;
		padding-left: 20px;
		text-align: center;
		font-size: 1.4rem;
		
	}

	.divCalendarItemDescription { 
		width:55%;
		margin-top: 5px;
		font-size: 1.4rem;
	}
	
	.termine {
		font-size: 1.4rem;
	}
	
	strong.biggreen {
		color: var(--vbegruen);
		font-size: 5rem;
		text-align: center;
	}
	
	.backButton, .anmeldebutton{
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:2.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:10px 20px 10px 20px;
		cursor: pointer;
		margin-top: 1.2em;
	}

	.backButton, .anmeldebutton{
		font-size:1.1rem;
		margin-right: 5px;
	}
	
	.accordion-header {
	  font-size:0.8em;
	}
	
	/* Fotos Lehrer und Schule Startseite */
	
	img.lus{
		display:block;
		height:auto;
		margin:0 0 0 0;
		width:80%;
	}
	
}

/* 2532x1170 pixels at 460ppi */
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 
	
		.ueberschrift_klein {
			font-size: 1.2em;
		}	
	}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	

	
	.smallbutton, .smallbutton_white{
		margin:0 auto;
		text-decoration:none;
		font-family:FFQuadraatSansWebBold;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:7px 0 7px 0;
		cursor: pointer;
		border: 3px solid var(--vbegruen);
	}
	
	.smallbutton_white{
		background-color: white;
		color: var(--vbeblau);
		border: 3px solid var(--vbeblau);
		width: 200px;
		font-size: 2rem;
	}
	
	.smallbuttonMitglied {
		padding:10px 30px 10px 30px;
	}
	
	body {
		background-image:none;
		background-repeat:no-repeat;
		background-position:top 16.5em center;
		background-attachment:fixed;
		background-color: white;
	}
	.bildunterschrift-fett {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 1em;
		white-space: nowrap;
	}

	a.download, a.linkGruen, a.linkGruenSmall {
		font-family:FFQuadraatSansWebRegular;
		color: #16365cff;
		text-decoration: underline;
		font-size: 2rem;
		font-weight: bold;
	}
	
	.ueberschrift, .ueberschrift_klein {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 1em;
	}
	
	.ueberschrift_klein {
		font-size: 6.8em;
	}

	a.linkGruenSmall {
		font-size: 1.4rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	a.linkGruenTiny {
		font-size: 1.4rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	#aussendiv { 
		display: flex;
		width: 95%;
		justify-content: space-between;
		background-color: var(--vbehellgrau);
		border-radius: 15px;
		margin: auto;
		margin-top: 2em;
		height: auto;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		font-family:FFQuadraatSansWebRegular;
		font-weight: 700;
		margin-top: 0px;
		color: var(--vbegruen);
		text-align: center;
	}
	
	h1.terminheadline {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 3.5rem;
		color: var(--vbegruen);
		text-align: center;
		font-weight: 700;
	}
	
	
	.backButton{
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:2.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:0.3rem 0.3rem 0.3rem 0.3rem;
		cursor: pointer;
		margin-top: 2em;
	}

	
	.anmeldebuttonMitglied, .anmeldebuttonNichtMitglied, .backButton {
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:0px 30px 30px 0px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		width: 300px;
		margin-right: 50px;
		padding:0.3rem 1.5rem 0.3rem 1.5rem;
		cursor: pointer;
		margin-top: 70px;
	}
	.anmeldebuttonNichtMitglied {
		border-radius:30px 0px 0px 30px;
		background-color:var(--vbeblau);
		margin-right: 20px;
		
	}
	.backButton{
		width: 200px;
		border-radius:30px 30px 30px 30px;
	}
	button.anmeldebutton{
		border-radius:30px 30px 30px 30px;
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:30px 30px 30px 30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		width: 330px;
		margin-right: 50px;
		padding:0.3rem 1.5rem 0.3rem 1.5rem;
		cursor: pointer;
		margin-top: 70px;
	}
	
	button.anmeldebutton:hover {
		background-color:var(--vbeblau);
	}
	
	/* Veranstaltungskalender */
	#terminbeschreibung {
		font-family:FFQuadraatSansWebRegular;
		font-weight: 500;
		font-size: 1.5rem; 
		color: var(--vbeblau);
		margin-left: 30px;
	}

	.termin {
		font-family:FFQuadraatSansWebRegular;
		color: var(--vbeblau);
		font-size: 1.4rem;
		border-radius: 20px;
		background-color: var(--vbehellgrau);
		padding: 20px;
		width: 100%;
	}
	
	.terminNachruecker {
		font-size: 1.2em;
		margin-top: 1em;
		color: var(--vbegruen);
		background-color:var(--vbehellgrau);
		padding: 30px;
		border-radius:15px;
		width: 93%;
	}
	
	button.confirmButton {
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:0.3rem 1.5rem 0.3rem 1.5rem;
		cursor: pointer;
		margin-top: 1.2em;
		margin-right: 1em;
	}
	
	div.flexbox > div.flexcol{-webkit-flex:1 1 auto;flex:1 1 auto;}
	div.flex3 > div.flexcol{-webkit-flex-basis:31%;flex-basis:31%;}
	div.flex2 > div.flexcol{-webkit-flex-basis:48%;flex-basis:48%;}
	div.flex5 > div.flexcol{-webkit-flex-basis:160px;flex-basis:160px;}
	div.flex6 > div.flexcol{-webkit-flex-basis:10%;flex-basis:10%;  padding: 10px;}

	div.flex4{-webkit-order:2;order:2;flex-basis:100%;}
	div.flexbox{padding:0;margin:0;}
	
	div.maincontent {
		font-family: 'FFQuadraatSansWebRegular';
		margin: auto; 
		max-width: 70%;
		font-size: 1.5rem;
	}
	
	.accordion-header {
	  font-size:1em;
	}
	.artikelueberschriftCenter {
		margin-top: -0.5em;
		font-size: 2.4em;
		text-align: center;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#parent_header, #contentbox
	{
		position: relative;
		width: 80%;
		margin: auto;
		background-color: white;
	}


	#parent_header {
		height: 43.5em;
	}

	#contentbox {
		font-family: 'FFQuadraatSansWebRegular';
		/*background: linear-gradient(to top, #f4f4f4ff, white);*/
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(244,244,244,1) 100%);
		margin: auto;
		padding-bottom: 3em;
		padding-top: 3em;
		width: 70%;
	}

	#contentbox_footer {
		font-family: 'FFQuadraatSansWebRegular';
		background-color: #093057ff;
		position: relative;
		width: 93%;
		margin-left: 100px;
	}

	#content, #content_intro {
		text-align: left;
		font-size: 1.5em;
		color: #16365cff;
		width: 100%;
		margin: auto;
	}

	#content_intro {
		width: 60%;
	}


	#contenttext, #box_teaser {
		font-family: 'FFQuadraatSansWebRegular';
		text-align: left;
		font-size: 1.8rem;
		color: #16365cff;
		margin-top: 0.5em;
	}

	a.download, a.linkGruen, a.linkGruenSmall {
		font-family:FFQuadraatSansWebRegular;
		color: #16365cff;
		text-decoration: underline;
		font-size: 1.5rem;
		font-weight: bold;
	}

	a.linkGruenSmall {
		font-size: 1.2rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	a.linkGruenLarge {
		color: var(--vbegruen);
		font-size: 2rem;
		font-weight: 600;
	}
	
	a.linkGruenTiny {
		font-size: 1rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	h1 {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 3.5em;
		color: #76b725ff;
		text-align: center;
	}
	
	h1.artikelheadline, h1.artikelheadlineBlue {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 5.5rem;
		color: var(--vbegruen);
		text-align: center;
		font-weight: 700;
	}
	
	h1.artikelheadlineBlue {
		color: var(--vbeblau);
	}

	h1.terminheadline {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 3.5rem;
		color: var(--vbegruen);
		text-align: center;
		font-weight: 700;
	}	
	
	h1.big-headline-blue, h1.big-headline-green {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 5.5rem;
		color: var(--vbeblau);
		text-align: center;
		font-weight: 700;
		margin-top: 1em;
		margin-bottom: 1.5em;
	}
	
	h1.big-headline-green {
		color: var(--vbegruen);
	}
	
	/* Text der Startseite - aktuelle Pressemitteilungen */
	div.textbox-header-mainpage {
		position: absolute;
		top: 510px;
		left:5em;
		max-width: 40%;
		line-height: 0.9;
	}

	/* Box Aktuelle Termine */
	#AktuelleTermineDatum,#footerHeadline {
		font-size: 0.8em;
		font-weight: bold;
		color:var(--vbegruen);
	}
	#footerHeadline {
		font-size: 0.9em;
	}
	
	div.aktuelleTermine_box, div.einfache_box {
		background-color: #f4f4f4ff;
		padding-top: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;
		border-radius: 10px;
		height: auto;
		min-height: 220px;
		position: relative;
		width: 225px;
		margin-right: 1em;
		margin-top: 1em;
		font-size: 1.2em;
	}
	
	div.aktuellesListe_box {
		padding: 0.7em;
		min-height: 7.5em;
		position: relative;
	}
	
	div.einfache_box {
		min-height: 2.5em;
	}
	
	.headertext-mainpage-small {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 1.2em;
		text-align: left;
	}

	.ueberschrift, .ueberschrift_klein {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 1em;
	}

	.ueberschrift_klein {
		font-size: 1.2em;
	}

	.headertext-mainpage-large {
		color: var(--vbegruen);
		font-size: 2em;
		font-weight: normal;
		margin-top: 0;
		text-align: left;
	}
	
	.artikelueberschrift {
		margin-top: -0.5em;
		font-size: 2em;
		text-align: left;
	}
	.artikelueberschriftCenter {
		margin-top: -0.5em;
		font-size: 2.4em;
		text-align: center;
	}
	
	.artikelueberschriftCenterSmall {
		margin-top: -0.5em;
		font-size: 2.2em;
		text-align: center;
	}
	
	.bildunterschrift-fett {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 0.8em;
		white-space: nowrap;
	}
	
	#aussendiv { 
		display: flex;
		width: 100%;
		justify-content: space-between;
		background-color: var(--vbehellgrau);
		border-radius: 15px;
		margin-top: 1em;
		height: auto;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	
	.backButton{
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:2.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:20px 10px 20px 10px;
		cursor: pointer;
	}

	.backButton{
		font-size:1.4rem;
	}
	
	button.confirmButton {
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:0.3rem 1.5rem 0.3rem 1.5rem;
		cursor: pointer;
		margin-top: 1.2em;
		margin-right: 1em;
	}
	
	button.anmeldebutton{
		border-radius:30px 30px 30px 30px;
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.2rem;
		border-radius:30px 30px 30px 30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		width: 300px;
		margin-right: 50px;
		padding:5px 30px 5px 30px;
		cursor: pointer;
		margin-top: 70px;
	}
	
	button.anmeldebutton:hover {
		background-color:var(--vbeblau);
	}
	
	.terminNachruecker {
		background-color: var(--vbehellgrau);
	}
	
		
	/* Veranstaltungskalender */
	#terminbeschreibung {
		font-family:FFQuadraatSansWebRegular;
		font-weight: 500;
		font-size: 1.5em; 
		color: var(--vbeblau);
		margin-left: 30px;
	}

	.termin {
		font-family:FFQuadraatSansWebRegular;
		color: var(--vbeblau);
		font-size: 1.5em;
		border-radius: 20px;
		background-color: var(--vbehellgrau);
		padding: 20px;
		width: 100%;
	}
	
	div.flexbox > div.flexcol{-webkit-flex:1 1 auto;flex:1 1 auto;}
	div.flex3 > div.flexcol{-webkit-flex-basis:31%;flex-basis:31%;}
	div.flex2 > div.flexcol{-webkit-flex-basis:48%;flex-basis:48%;}
	div.flex5 > div.flexcol{-webkit-flex-basis:160px;flex-basis:160px;}
	div.flex6 > div.flexcol{-webkit-flex-basis:10%;flex-basis:10%; padding: 10px;}

	div.flex4{-webkit-order:2;order:2;flex-basis:100%;}
	div.flexbox{padding:0;margin:0;}
	
	div.maincontent {
		margin: auto; 
		max-width: 70%;
	}
	
	.accordion-header {
	  font-size:1em;
	}
	
	div.content_lehrerundschule {
		max-width: 85%;
		margin: auto;
	}
	
	div.luscol {
		width: 600px;
		margin-right: auto;
	}
	
}

/*Large Devices - like Laptops */

@media only screen and (min-width: 1024px) and (max-width: 1900px) {
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.bildunterschrift-fett {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 0.9em;
		white-space: nowrap;
	}
	
	.swiper-pagination {
		position: relative;
		float: left;
		top:200px;
		margin-left:75%;
		max-width: 20em;
		margin-top: -100px;
	  }
	
	.smallbutton, .smallbutton_white{
		margin:0 auto;
		text-decoration:none;
		font-family:FFQuadraatSansWebBold;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:7px 0 7px 0;
		cursor: pointer;
		border: 3px solid var(--vbegruen);
		width: 8.5em;
		
	}
	.smallbuttonMitglied {
		padding:10px 30px 10px 30px;
	}


	.backButton{
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:0.3rem 1.5rem 0.3rem 1.5rem;
		cursor: pointer;
	}

	.backButton{
		font-size:1.4rem;
	}
	
	button.confirmButton {
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:0.5rem 1.5rem 0.5rem 1.5rem;
		cursor: pointer;
		margin-top: 1.2em;
		margin-right: 1em;
	}
	
	button.anmeldebutton{
		border-radius:30px 30px 30px 30px;
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:30px 30px 30px 30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		width: 350px;
		margin-right: 50px;
		padding:0.5rem 1.5rem 0.4rem 1.5rem;
		cursor: pointer;
		margin-top: 70px;
	}
	
	button.anmeldebutton:hover {
		background-color:var(--vbeblau);
	}
	
	.smallbuttonspace {
		margin-top: 2em;
	}

	.smallbutton_white {
		color:#093057;
		background-color:#FFF;
		border: 3px solid #093057;
		width: 200px;
		font-size: 2rem;
	}

	a.download, a.linkGruen, a.linkGruenSmall {
		font-family:FFQuadraatSansWebRegular;
		color: var(--vbegruen);
		text-decoration: underline;
		font-size: 2rem;
		font-weight: bold;
	}


	a.linkGruenSmall {
		font-size: 1.5rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	a.linkGruenTiny {
		font-size: 1em;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	a.linkLarge {
		font-size: 2rem;
	}
	
	#aussendiv { 
		display: flex;
		width: 100%;
		justify-content: space-between;
		background-color: var(--vbehellgrau);
		border-radius: 15px;
		margin-top: 1em;
		height: auto;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	
	body {
		background-image:url(../../images/design/hintergrund.svg);
		background-repeat:no-repeat;
		background-position:top 16.5em center;
		background-attachment:fixed;
		background-color: #f4f4f4ff;
	}
	
	.terminNachruecker {
		background-color: var(--vbehellgrau);
	}
	
	#content_intro {
		width: 85%;
	}
	
	div.flexbox > div.flexcol{-webkit-flex:1 1 auto;flex:1 1 auto;}
	div.flex3 > div.flexcol{-webkit-flex-basis:31%;flex-basis:31%;}
	div.flex2 > div.flexcol{-webkit-flex-basis:48%;flex-basis:48%;}
	div.flex4 > div.flexcol{webkit-flex-basis:200px; flex-basis:250px; padding: 10px;}
	div.flex5 > div.flexcol{-webkit-flex-basis:160px;flex-basis:160px;}
	div.flex6 > div.flexcol{-webkit-flex-basis:10%;flex-basis:10%; padding: 10px;}

	div.flex4{-webkit-order:2;order:2;flex-basis:100%;}
	div.flexbox{padding:0;margin:0;}
	
	div.luscol {
		max-width: 480px;
		margin-right: auto;
	}
	
	div.maincontent {
		margin: auto; 
		max-width: 70%;
	}
	
	.accordion-header {
	  font-size:1em;
	}
	
	div.content_lehrerundschule {
		max-width: 85%;
		margin: auto;
	}
	
	#parent_header, #contentbox
	{
		position: relative;
		width: 90%;
		margin: auto;
		background-color: white;
	}
	
	#content, #content_intro {
		text-align: left;
		font-size: 2rem;
		color: var(--vbeblau);
		width: 80%;
		margin: auto;
	}
	
	#content {
		width: 95%;
	}
	
	#contenttext, #box_teaser {
		font-family: 'FFQuadraatSansWebRegular';
		text-align: left;
		font-size: 1.8rem;
		color: #16365cff;
		margin-top: 0.5em;
	}
	
	img.lus{
		display:block;
		height:auto;
		margin:0 0 0 0;
		width:80%;
	}
	
		
	/* Veranstaltungskalender */
	#terminbeschreibung {
		font-family:FFQuadraatSansWebRegular;
		font-weight: 500;
		font-size: 1.5rem; 
		color: var(--vbeblau);
		margin-left: 30px;
	}

	.termin {
		font-family:FFQuadraatSansWebRegular;
		color: var(--vbeblau);
		font-size: 1.4rem;
		border-radius: 20px;
		background-color: var(--vbehellgrau);
		padding: 20px;
		width: 100%;
	}
	
	.artikelueberschriftCenter {
		margin-top: -0.5em;
		font-size: 2.4em;
		text-align: center;
	}
	.artikelueberschriftCenterSmall {
		margin-top: 0.5em;
		font-size: 2.8em;
		text-align: center;
	}
}

/* Extra large devices (large laptops and desktops, 1900px and up) */
@media only screen and (min-width: 1900px) {
	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	img.lus{
		display:block;
		height:auto;
		margin:0 0 0 0;
		width:80%;
	}
	
	.smallbuttonLogin{
		font-size:1.4em;
		border-radius:30px 30px 30px 30px;
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:2rem;
		border-radius:30px 30px 30px 30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		width: 100px;
		padding:5px 30px 5px 30px;
		cursor: pointer;
	}
	
	.smallbuttonLogin:hover {
		background-color:var(--vbeblau);
	}
	

	.backButton{
		font-size:1.4em;
	}
	
	button.confirmButton {
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:20px 10px 20px 10px;
		cursor: pointer;
		margin-top: 1.2em;
		margin-right: 1em;
	}
	
	button.anmeldebutton{
		border-radius:30px 30px 30px 30px;
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:1.2rem;
		border-radius:30px 30px 30px 30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		width: 530px;
		margin-right: 50px;
		padding:5px 30px 5px 30px;
		cursor: pointer;
		margin-top: 70px;
	}
	
	button.anmeldebutton:hover {
		background-color:var(--vbeblau);
	}
	
	/* Kalenderformatierung */
	
	.divCalendarItemDate, .divCalendarItemLocation, .divCalendarItemDescription { 
		width:20%;
		background-color: var(--vbehellgrau);
	}

	.divCalendarItemDate {
		padding: 0;
		text-align: center;
	}

	.divCalendarItemLocation { 
		width:25%;
		margin-top: 0px;
		padding-left: 20px;
		text-align: center;
	}

	.divCalendarItemDescription { 
		width:55%;
		margin-top: 20px;
	}
	
	.terminNachruecker {
		background-color: var(--vbehellgrau);
	}
	
		
	/* Veranstaltungskalender */
	#terminbeschreibung {
		font-family:FFQuadraatSansWebRegular;
		font-weight: 500;
		font-size: 1.5em; 
		color: var(--vbeblau);
		margin-left: 30px;
	}

	.termin {
		font-family:FFQuadraatSansWebRegular;
		color: var(--vbeblau);
		font-size: 1.5em;
		border-radius: 20px;
		background-color: var(--vbehellgrau);
		padding: 20px;
		width: 100%;
	}
	
	.anmeldebuttonMitglied {
		text-decoration:none;
		font-family:FFQuadraatSansWebRegular;
		font-size:2.4rem;
		border-radius:30px;
		color:white;
		background-color:var(--vbegruen);
		border: none;
		padding:0.3rem 1.5rem 0.3rem 1.5rem;
		cursor: pointer;
		margin-top: 1.2em;
	}

	
	body {
		background-image:url(../../images/design/hintergrund.svg);
		background-repeat:no-repeat;
		background-position:top 16.5em center;
		background-attachment:fixed;
		background-color: #f4f4f4ff;
	}
	
	#parent_header, #contentbox
	{
		position: relative;
		width: 70%;
		margin: auto;
		background-color: white;
	}


	#parent_header {
		height: 900px;
	}

	#contentbox {
		font-family: 'FFQuadraatSansWebRegular';
		/*background: linear-gradient(to top, #f4f4f4ff, white);*/
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(244,244,244,1) 100%);
		max-width: 70%;
		margin: auto;
		padding-bottom: 3em;
		padding-top: 3em;
	}

	#contentbox_footer {
		font-family: 'FFQuadraatSansWebRegular';
		background-color: #093057ff;
		position: relative;
		width: 70%;
		margin: auto;
	}

	#content, #content_intro {
		text-align: left;
		font-size: 32px;
		color: var(--vbeblau);
		width: 95%;
		margin: auto;
	}

	#content_intro {
		width: 70%;
	}


	#contenttext, #box_teaser {
		font-family: 'FFQuadraatSansWebRegular';
		text-align: left;

		margin-top: 0.5em;
	}
	
	h1 {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 4em;
		color: var(--vbegruen);
		text-align: center;
	}
	/* Text der Startseite - aktuelle Pressemitteilungen */
	div.textbox-header-mainpage {
		position: absolute;
		top: 650px;

		max-width: 40%;
		line-height: 0.9;
	}

	/* Box Aktuelle Termine */
	#AktuelleTermineDatum,#footerHeadline {
		font-size: 1em;
		font-weight: bold;
		color:var(--vbegruen);
	}
	div.aktuelleTermine_box {
		background-color: #f4f4f4ff;
		padding-top: 0.5em;
		padding-left: 0.7em;
		padding-right: 0.7em;
		border-radius: 10px;
		height: 250px;
		position: relative;
		width: 260px;
		margin-right: 1em;
		margin-top: 0em;
		font-size: 0.9em;
	}
	
	div.content_lehrerundschule {
		max-width: 85%;
		margin: auto;
	}
	
	a.download, a.linkGruen, a.linkGruenSmall {
		font-family:FFQuadraatSansWebRegular;
		color: var(--vbegruen);
		text-decoration: underline;
		font-size: 2rem;
		font-weight: bold;
	}

	a.linkGruenSmall {
		font-size: 1.5rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	a.linkGruenTiny {
		font-size: 1rem;
		color: var(--vbegruen);
		text-decoration: none;
		font-weight: normal;
	}
	
	
	.box_teaser {
		font-family: 'FFQuadraatSansWebRegular';
		font-size: 1.7em;
		text-align: center;
		max-width: 85%;
		margin: auto;
		padding-bottom: 1em;
	}
	
	.headertext-mainpage-small {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 24px227;
		text-align: left;
	}

	.ueberschrift, .ueberschrift_klein {
		font-family: 'FFQuadraatSansWebItalic';
		color: #16365cff;
		font-size: 2rem;
		font-weight: bold;
		margin-top: 1em;
	}

	.ueberschrift_klein {
		font-size: 1.8rem;
		/*white-space: nowrap;*/
	}
	
	.bildunterschrift-fett {
		font-family: 'FFQuadraatSansWebItalic';
		color: var(--vbeblau);
		font-size: 2rem;
		white-space: nowrap;
	}

	.headertext-mainpage-large {
		color: var(--vbegruen);
		font-size: 41px;
		font-weight: normal;
		margin-top: 0;
		text-align: left;
	}
	
	.swiper-pagination {
		position: relative;
		float: left;
		top:200px;
		margin-left:80%;
		max-width: 20em;
		margin-top: -140px;
	  }
	  
	  .swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		color: #000;
		opacity: 1;
		background: white !important;
		border: 2px solid var(--vbegruen) !important;
	  }
	  
	  .swiper-pagination-bullet-active {
		background: var(--vbegruen) !important;
		border: 2px solid var(--vbegruen) !important;
	  }
	  
	div.flexbox > div.flexcol{-webkit-flex:1 1 auto;flex:1 1 auto;}
	div.flex3 > div.flexcol{-webkit-flex-basis:31%;flex-basis:31%;}
	div.flex2 > div.flexcol{-webkit-flex-basis:48%;flex-basis:48%;}
	div.flex4 > div.flexcol{webkit-flex-basis:260px;flex-basis:260px; padding: 15px;}
	div.flex5 > div.flexcol{-webkit-flex-basis:160px;flex-basis:160px;}
	div.flex6 > div.flexcol{-webkit-flex-basis:10%;flex-basis:10%; padding: 10px;}
	
	div.flex4{-webkit-order:2;order:2;flex-basis:100%;}
	div.flexbox{padding:0;margin:0; margin: auto;}
	
	div.maincontent {
		margin: auto; 
		max-width: 80%;
	}
	div.contentText {
		font-size: 1.8em;
	}
	
	.accordion-header {
	  font-size:1em;
	}
	
	div.luscol {
		max-width: 230px;
		margin-right: auto;
	}
	
	.artikelueberschriftCenter {
		margin-top: -0.5em;
		font-size: 2.4em;
		text-align: center;
	}
	
}